@charset "UTF-8";

@media screen and (min-width:768px){

#nonokaze-resort .mv{background-image:url(../img/pc/nonokaze-resort/MV.jpg);}


#nonokaze-resort .detail.guestroom .detail-slides > li.ds01 .angle01{background-image:url(../img/pc/nonokaze-resort/SLIDE_guestroom_01.jpg);}
#nonokaze-resort .detail.guestroom .modal-list-block{background:url(../img/pc/common/BG_map.jpg) repeat center center; padding:45px 0 50px;}
#nonokaze-resort .detail.guestroom .modal-list-box.mlb01{margin-bottom:35px;}
#nonokaze-resort .detail.guestroom .modal-list-box.mlb02{margin-bottom:35px;}
#nonokaze-resort .detail.guestroom .modal-list-box h3{width:220px; text-align:center; font-size:14px; color:#fff; line-height:1; padding-bottom:5px; border-bottom:#fff solid 1px; margin:0 auto 25px; font-family:"游明朝", "YuMincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#nonokaze-resort .detail.guestroom .modal-list-box ul li{float:left; margin-right:5px;}
#nonokaze-resort .detail.guestroom .modal-list-box ul li:last-child{margin-right:0;}
#nonokaze-resort .detail.guestroom .modal-list-box ul li a{display:block; position:relative;}
#nonokaze-resort .detail.guestroom .modal-list-box ul li a:after{content:""; display:block; position:absolute; bottom:10px; right:10px; width:16px; height:16px; background:url(../img/pc/common/ICON_plus.png) no-repeat center center; z-index:5;}

#nonokaze-resort .detail.meal .detail-slides > li.ds01 .angle01{background-image:url(../img/pc/nonokaze-resort/SLIDE_meal_01.jpg);}
#nonokaze-resort .detail.meal .detail-slides > li.ds02 .angle01{background-image:url(../img/pc/nonokaze-resort/SLIDE_meal_02.jpg);}
#nonokaze-resort .detail.meal .detail-slides > li.ds03 .angle01{background-image:url(../img/pc/nonokaze-resort/SLIDE_meal_03.jpg);}
#nonokaze-resort .detail.meal .detail-slides > li .ds-txt{width:340px;}
#nonokaze-resort .detail.meal .ds-thumb .thumb-list thumb{margin-right:5px;}
#nonokaze-resort .detail.meal .ds-thumb{height:693px;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb{margin-top:60px;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li{float:left; padding:25px 35px 0; height:416px; border:#fff solid 1px; box-sizing:border-box; width:304px; margin-right:17px;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li:last-child{margin-right:0;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li h3{font-size:15px; font-family:"游明朝", "YuMincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#fff; text-align:center; line-height:17px; margin-bottom:20px;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li p{font-size:12px; line-height:17px; color:#fff; margin-top:25px;}


#nonokaze-resort .detail.spa .detail-slides > li.ds01 .angle01{background-image:url(../img/pc/nonokaze-resort/SLIDE_spa_01.jpg);}
#nonokaze-resort .detail.spa .detail-slides > li.ds02 .angle01{background-image:url(../img/pc/nonokaze-resort/SLIDE_spa_02.jpg);}
#nonokaze-resort .detail.spa .detail-slides > li.ds03 .angle01{background-image:url(../img/pc/nonokaze-resort/SLIDE_spa_03.jpg);}
#nonokaze-resort .detail.spa .detail-slides > li .ds-txt{width:310px;}
#nonokaze-resort .detail.spa .ds-thumb{height:300px;}
#nonokaze-resort .detail.spa .ds-thumb .thumb-list thumb{margin-right:10px;}
#nonokaze-resort .detail.spa .ds-thumb{height:300px;}



.modal-box{display:none;}
.modal-guestroom .mg-img img{max-height:100%; width:auto;}
.modal-guestroom .mg-txt{margin-top:25px; position:relative; padding-left:236px; min-height:68px;}
.modal-guestroom .mg-txt .room-type{position:absolute; left:0; top:0; width:206px; padding:24px 0; font-size:18px; line-height:20px; color:#fff; text-align:center; border:#bfbfbf solid 1px; font-family:"游明朝", "YuMincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.modal-guestroom .mg-txt dl dt{font-size:18px; color:#fff; line-height:1; padding-bottom:7px; margin-bottom:10px; font-family:"游明朝", "YuMincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; background:url(../img/pc/common/BG_border_02.png) no-repeat left bottom;}
.modal-guestroom .mg-txt dl dd{font-size:12px; color:#fff;}

}

@media screen and (max-width:767px){
	
#nonokaze-resort .mv .under-ttl{width:63.4%;}

#nonokaze-resort .lead h2 img{width:319px;}
#nonokaze-resort .lead .lead-logo img{width:260px;}

#nonokaze-resort .detail.guestroom .detail-txt p img{width:230px;}
#nonokaze-resort .detail.meal .detail-txt p img{width:322px;}
#nonokaze-resort .detail.spa .detail-txt p img{width:304px;}

#nonokaze-resort .detail.guestroom .modal-list-block:after{clear:both; display:block; content:"";}
#nonokaze-resort .detail.guestroom .modal-list-box h3{display:none;}
#nonokaze-resort .detail.guestroom .modal-list-box ul:after{display:none;}
#nonokaze-resort .detail.guestroom .modal-list-box ul li{float:left; width:50%; box-sizing:border-box;}
#nonokaze-resort .detail.guestroom .modal-list-box ul li a{display:block; position:relative; border:#5e9fe1 solid 1px; position:relative;}
#nonokaze-resort .detail.guestroom .modal-list-box ul li p{position:absolute; left:0; bottom:0; width:100%; font-size:12px; line-height:16px; text-align:center; color:#fff; background-color:rgba(0,0,0,.7); padding:7px 0; font-family:"游明朝", "YuMincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

#nonokaze-resort .detail.meal .ds-thumb .big-thumb{padding:35px 15px; box-sizing:border-box;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li{padding:0 25px; box-sizing:border-box;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li:nth-child(2),
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li:last-child{border-top:#fff solid 1px; padding-top:30px; margin-top:25px;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li h3{font-size:13px; font-family:"游明朝", "YuMincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#fff; text-align:center; line-height:15px; margin-bottom:20px;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li .big-thumb-img{text-align:center;}
#nonokaze-resort .detail.meal .ds-thumb .big-thumb li p{font-size:12px; line-height:14px; color:#fff; margin-top:20px;}



.modal-box{display:none;}
.modal-guestroom .mg-img img{max-height:100%; width:auto;}
.modal-guestroom .mg-txt{margin-top:15px; position:relative; padding-left:140px; min-height:58px;}
.modal-guestroom .mg-txt .room-type{position:absolute; left:0; top:0; width:120px; padding:24px 0; font-size:14px; line-height:16px; color:#fff; text-align:center; border:#bfbfbf solid 1px; font-family:"游明朝", "YuMincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.modal-guestroom .mg-txt dl dt{font-size:16px; color:#fff; line-height:1; padding-bottom:7px; margin-bottom:10px; font-family:"游明朝", "YuMincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; background:url(../img/pc/common/BG_border_02.png) no-repeat left bottom;}
.modal-guestroom .mg-txt dl dd{font-size:12px; color:#fff;}

}