@charset "utf-8";
#visual-section{width:100%; overflow:hidden; position:relative;}
#visual-section .owl-carousel{width:100%; margin:0 auto;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:400px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important;}
#visual-section .owl-carousel .owl-dots{width:100%; max-width:1000px; left:50%; transform:translateX(-50%); bottom:5%; padding-left:40px; z-index:10000; text-align:left; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{margin:0 3px; display:inline-block;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:20px; height:20px; background:url("../img/slider_off.png") no-repeat; display:block;}
#visual-section .owl-carousel .owl-dots .active span{background:url("../img/slider_on.png") no-repeat;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .owl-carousel .owl-prev{width:70px; height:70px; top:50%; left:10px; z-index:10000; text-indent:-9000px; background:url("../img/vslider_prev.png") no-repeat; background-size:cover; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:70px; height:70px; top:50%; right:10px; z-index:10000; text-indent:-9000px; background:url("../img/vslider_next.png") no-repeat; background-size:cover; display:block; position:absolute;}
#visual-section .visual-box{width:100%; max-width:1000px; margin:0 auto; position:relative;}
#visual-section .visual-txt .txt01{top:75px; left:40px; font-weight:600; font-size:44px; color:#fff; position:absolute;}
#visual-section .visual-txt .txt02{top:130px; left:40px; font-weight:600; font-size:44px; color:#fff; position:absolute;}
#visual-section .visual-txt .txt03{top:180px; left:40px; font-weight:600; font-size:44px; color:#fff; position:absolute;}
#visual-section .visual-txt .txt03 span{color:#feca16;}
#visual-section .visual-txt .txt04{top:270px; left:40px; font-size:14px; line-height:22px; color:#fff; position:absolute;}

#mcontainer1-section{height:250px; background:url("../img/mcon_bg.gif") no-repeat center; background-size:cover;}
#mcontainer1-section .mcontainer1-area{width:100%; max-width:1000px; height:250px; margin:0 auto;}
#mcontainer1-section .mcontainer1-area .room-zone{width:27.03%; height:250px; padding:25px 20px 0; float:left;}
#mcontainer1-section .mcontainer1-area .room-zone h1{font-weight:600; font-size:22px; color:#fff; display:block;}
#mcontainer1-section .mcontainer1-area .room-zone h1:after{clear:both; content:""; display:block;}
#mcontainer1-section .mcontainer1-area .room-zone .room-box{width:100%; height:170px; margin-top:10px; overflow:hidden;}
#mcontainer1-section .room-box .swiper-slide{font-size:13px; line-height:33px; color:#fff; border-bottom:1px dashed #fff; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcontainer1-section .room-box .swiper-slide:after{clear:both; content:""; display:block;}
#mcontainer1-section .room-box .swiper-slide a{color:#fff;}
#mcontainer1-section .room-box .swiper-slide span{font-weight:600; color:#ffff00;}

#mcontainer1-section .mcontainer1-area .banner-zone{width:45.94%; height:250px; border:7px solid #ccc; background:#f0f3f4; float:left;}

#mbanner-section{width:100%; overflow:hidden; position:relative;}
#mbanner-section .owl-carousel{width:100%; margin:0 auto;}
#mbanner-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:236px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#mbanner-section .owl-carousel .owl-dots{width:100%; max-width:1000px; left:50%; transform:translateX(-50%); bottom:5%; padding-left:15px; z-index:10000; text-align:left; position:absolute;}
#mbanner-section .owl-carousel .owl-dots .owl-dot{margin:0 2px; display:inline-block;}
#mbanner-section .owl-carousel .owl-dots .owl-dot span{width:20px; height:20px; background:url("../img/mslider_off.png") no-repeat; display:block;}
#mbanner-section .owl-carousel .owl-dots .active span{background:url("../img/mslider_on.png") no-repeat;}
#mbanner-section .owl-carousel .owl-nav{display:none;}


#mcontainer1-section .mcontainer1-area .cs-zone{width:27.03%; height:250px; padding:25px 0 0 20px; float:left;}
#mcontainer1-section .mcontainer1-area .cs-zone h1{margin-bottom:20px; font-weight:600; font-size:24px; color:#343434; display:block; }
#mcontainer1-section .mcontainer1-area .cs-zone div{margin:7px 0; font-weight:600; font-size:18px; line-height:45px;}
#mcontainer1-section .mcontainer1-area .cs-zone div img{margin-right:10px;vertical-align:middle;}
#mcontainer1-section .mcontainer1-area .cs-zone div:last-child{font-size:16px;}


#mcontainer2-section{}
#mcontainer2-section .mcontainer2-area{width:100%; max-width:1000px; margin:0 auto;}
#mcontainer2-section .mcontainer2-area:after{clear:both; content:""; display:block;}
#mcontainer2-section .mcontainer2-area .cc-box{width:25%; float:left;}
#mcontainer2-section .cc-box a{padding:35px 0 35px 10px; display:block;}
#mcontainer2-section .cc-box a h1{font-weight:600; font-size:17px; color:#555;}
#mcontainer2-section .cc-box a ul{margin-top:5px;}
#mcontainer2-section .cc-box a ul li{font-size:13px; line-height:18px; color:#999;}
#mcontainer2-section .cc-box a.micon1{background:url("../img/micon01.png") no-repeat 155px center;}
#mcontainer2-section .cc-box a.micon2{background:url("../img/micon02.png") no-repeat 155px center;}
#mcontainer2-section .cc-box a.micon3{background:url("../img/micon03.png") no-repeat 155px center;}
#mcontainer2-section .cc-box a.micon4{background:url("../img/micon04.png") no-repeat 155px center;}
/*
@media screen and (max-width:1000px){
	#mcontainer1-section{height:auto; background:none;}
	#mcontainer1-section .mcontainer1-area{width:100%; height:auto;}
	#mcontainer1-section .mcontainer1-area .room-zone{width:50%; padding:25px 20px 0; background:#1e73ba; float:left;}
	#mcontainer1-section .mcontainer1-area .banner-zone{width:50%; float:left;}
	#mcontainer1-section .mcontainer1-area .cs-zone{width:100%; height:auto; padding:25px 0 25px 20px; text-align:center; background:#e1e4e5; float:left;}
	#mcontainer1-section .mcontainer1-area .cs-zone div{margin:0 10px; display:inline-block;}

	#mcontainer2-section .mcontainer2-area{width:60%;}
	#mcontainer2-section .mcontainer2-area .cc-box{width:50%; float:left;}
}

@media screen and (max-width:800px){
	#visual-section .stretchy_wrapper.ratio_slider{padding-bottom:300px !important;}

	#visual-section .visual-txt .txt01{top:30px; left:40px; font-weight:600; font-size:30px; color:#fff; position:absolute;}
	#visual-section .visual-txt .txt02{top:70px; left:40px; font-weight:600; font-size:30px; color:#fff; position:absolute;}
	#visual-section .visual-txt .txt03{top:110px; left:40px; font-weight:600; font-size:30px; color:#fff; position:absolute;}
	#visual-section .visual-txt .txt03 span{color:#feca16;}
	#visual-section .visual-txt .txt04{top:170px; left:40px; font-size:14px; line-height:22px; color:#fff; position:absolute;}

	#mcontainer1-section .mcontainer1-area .room-zone h1{font-size:20px;}
}

@media screen and (max-width:740px){
	#mcontainer1-section .mcontainer1-area .room-zone{width:100%; height:auto; padding:25px 20px 20px; background:#1e73ba; float:none;}
	#mcontainer1-section .mcontainer1-area .banner-zone{width:100%; height:auto; float:none;}
	#mbanner-section .stretchy_wrapper{height:auto; padding-bottom:0;}
	#mcontainer2-section .mcontainer2-area{width:100%; border-top:1px solid #ddd;}
	#mcontainer2-section .mcontainer2-area .cc-box{padding-left:40px;}
	#mcontainer2-section .mcontainer2-area .cc-box:nth-child(1){border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
	#mcontainer2-section .mcontainer2-area .cc-box:nth-child(2){border-bottom:1px solid #ddd;}
	#mcontainer2-section .mcontainer2-area .cc-box:nth-child(3){border-right:1px solid #ddd;}
}

@media screen and (max-width:580px){
	#mcontainer2-section .cc-box a{padding:20px 0 20px 10px; display:block;}
	#mcontainer2-section .mcontainer2-area .cc-box{padding-left:10px;}
	#mcontainer2-section .cc-box a.micon1{background-position:95% center; background-size:15%;}
	#mcontainer2-section .cc-box a.micon2{background-position:95% center; background-size:15%;}
	#mcontainer2-section .cc-box a.micon3{background-position:95% center; background-size:15%;}
	#mcontainer2-section .cc-box a.micon4{background-position:95% center; background-size:15%;}

	#mcontainer1-section .mcontainer1-area .room-zone h1{font-size:18px;}
}

@media screen and (max-width:400px){
	#visual-section .visual-txt .txt01{top:30px; left:10px; font-weight:600; font-size:23px; color:#fff; position:absolute;}
	#visual-section .visual-txt .txt02{top:70px; left:10px; font-weight:600; font-size:23px; color:#fff; position:absolute;}
	#visual-section .visual-txt .txt03{top:110px; left:10px; font-weight:600; font-size:23px; color:#fff; position:absolute;}
	#visual-section .visual-txt .txt03 span{color:#feca16;}
	#visual-section .visual-txt .txt04{top:170px; left:10px; font-size:13px; line-height:22px; color:#fff; position:absolute;}
	#visual-section .visual-txt .txt04 br{display:none;}

	#mcontainer1-section .mcontainer1-area .cs-zone{float:none;}
	#mcontainer1-section .mcontainer1-area .cs-zone div{margin:7px 5px; font-weight:600; font-size:14px; line-height:30px;}
	#mcontainer1-section .mcontainer1-area .cs-zone div:last-child{font-size:14px;}
	#mcontainer1-section .mcontainer1-area .cs-zone div img{width:35px;}
	#mcontainer2-section .mcontainer2-area .cc-box{width:100%; float:none;}
	#mcontainer2-section .mcontainer2-area .cc-box:nth-child(1){border-right:0;}
	#mcontainer2-section .mcontainer2-area .cc-box:nth-child(3){border-right:0; border-bottom:1px solid #ddd;}
	#mcontainer2-section .cc-box a.micon1{background-position:95% center; background-size:15%;}
	#mcontainer2-section .cc-box a.micon2{background-position:95% center; background-size:15%;}
	#mcontainer2-section .cc-box a.micon3{background-position:95% center; background-size:15%;}
	#mcontainer2-section .cc-box a.micon4{background-position:95% center; background-size:15%;}
}

@media screen and (max-width:380px){
	#mcontainer1-section .mcontainer1-area .cs-zone{float:none;}
	#mcontainer1-section .mcontainer1-area .cs-zone div{margin:7px 5px; font-weight:600; font-size:16px; line-height:35px; text-align:left; display:block;}
	#mcontainer1-section .mcontainer1-area .cs-zone div:last-child{font-size:16px;}
	#mcontainer1-section .mcontainer1-area .cs-zone div img{width:35px;}
}
*/