@charset "UTF-8";

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

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


#midorinokaze-resort .detail.guestroom .detail-slides > li.ds01 .angle01{background-image:url(../img/pc/midorinokaze-resort/SLIDE_guestroom_01.jpg);}
#midorinokaze-resort .detail.guestroom .modal-list-block{background:url(../img/pc/common/BG_map.jpg) repeat center center; padding:45px 0 50px;}
#midorinokaze-resort .detail.guestroom .modal-list-box ul li{float:left; margin:0 5px 15px 0;}
#midorinokaze-resort .detail.guestroom .modal-list-box ul li:last-child{margin-right:0;}
#midorinokaze-resort .detail.guestroom .modal-list-box ul li a{display:block; position:relative;}
#midorinokaze-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;}

#midorinokaze-resort .detail.meal .detail-slides > li.ds01 .angle01{background-image:url(../img/pc/midorinokaze-resort/SLIDE_meal_01.jpg?2310);}
#midorinokaze-resort .detail.meal .detail-slides > li.ds02 .angle01{background-image:url(../img/pc/midorinokaze-resort/SLIDE_meal_02.jpg?2310);}
#midorinokaze-resort .detail.meal .detail-slides > li.ds03 .angle01{background-image:url(../img/pc/midorinokaze-resort/SLIDE_meal_03.jpg?2310);}
#midorinokaze-resort .detail.meal .detail-slides > li.ds04 .angle01{background-image:url(../img/pc/midorinokaze-resort/SLIDE_meal_04.jpg?2310);}
#midorinokaze-resort .detail.meal .detail-slides > li .ds-txt{width:340px;}
#midorinokaze-resort .detail.meal .ds-thumb .thumb-list thumb{margin-right:5px;}

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



.modal-box{display:none;}
.modal-guestroom .mg-img img{max-height:100%; width:auto;}
.modal-guestroom .mg-txt{margin-top:25px;}
.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){
	
#midorinokaze-resort .mv .under-ttl{width:88.5%;}

#midorinokaze-resort .lead h2 img{width:314px;}
#midorinokaze-resort .lead .lead-logo img{width:190px;}

#midorinokaze-resort .detail.guestroom .detail-txt p img{width:285px;}
#midorinokaze-resort .detail.meal .detail-txt p img{width:258px;}
#midorinokaze-resort .detail.spa .detail-txt p img{width:334px;}

#midorinokaze-resort .detail.guestroom .modal-list-block:after{clear:both; display:block; content:"";}
#midorinokaze-resort .detail.guestroom .modal-list-box h3{display:none;}
#midorinokaze-resort .detail.guestroom .modal-list-box ul:after{display:none;}
#midorinokaze-resort .detail.guestroom .modal-list-box ul li{float:left; width:50%; box-sizing:border-box;}
#midorinokaze-resort .detail.guestroom .modal-list-box ul li a{display:block; position:relative; border:#5e9fe1 solid 1px; position:relative;}
#midorinokaze-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;}




.modal-box{display:none;}
.modal-guestroom .mg-img img{max-height:100%; width:auto;}
.modal-guestroom .mg-txt{margin-top:15px;}
.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;}

}