@charset "UTF-8";

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

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


#bourou-hakodate .detail.guestroom .detail-slides > li.ds01 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_guestroom_01.jpg?2310);}
#bourou-hakodate .detail.guestroom .detail-slides > li.ds02 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_guestroom_02.jpg?2310);}
#bourou-hakodate .detail.guestroom .detail-slides > li.ds03 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_guestroom_03.jpg?2310);}
#bourou-hakodate .detail.guestroom .detail-slides > li.ds04 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_guestroom_04.jpg?2310);}
#bourou-hakodate .detail.guestroom .detail-slides > li.ds05 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_guestroom_05.jpg);}
#bourou-hakodate .detail.guestroom .detail-slides > li.ds06 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_guestroom_06.jpg);}
#bourou-hakodate .detail.guestroom .ds-thumb{height:230px;}
#bourou-hakodate .detail.guestroom .ds-thumb .thumb-list .thumb{margin-right:6px;}
#bourou-hakodate .detail.guestroom .ds-thumb .thumb-list .thumb:last-child{margin-right:0;}
#bourou-hakodate .detail.guestroom .ds-thumb .room-type{padding-top:8px;}
#bourou-hakodate .detail.guestroom .ds-thumb .room-type li{width:33.3333%; float:left; text-align:center; line-height:1;}
#bourou-hakodate .detail.guestroom .ds-thumb .room-type li span{font-size:14px; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#fff; line-height:1; padding-bottom:5px; width:220px; text-align:center; border-bottom:#fff solid 1px; display:inline-block; letter-spacing:1px;}


#bourou-hakodate .detail.meal .detail-slides > li.ds01 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_meal_01.jpg?2310);}
#bourou-hakodate .detail.meal .detail-slides > li.ds02 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_meal_02.jpg?2310);}
#bourou-hakodate .detail.meal .detail-slides > li.ds03 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_meal_03.jpg?2310);}
#bourou-hakodate .detail.meal .detail-slides > li.ds04 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_meal_04.jpg?2310);}
#bourou-hakodate .detail.meal .detail-slides > li.ds05 .angle01{background-image:url(../img/pc/bourou-hakodate/SLIDE_meal_05.jpg?2310);}
#bourou-hakodate .detail.meal .ds-thumb .thumb-list .thumb{margin-right:5px;}
#bourou-hakodate .detail.meal .ds-thumb .thumb-list .thumb:last-child{margin-right:0;}


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

}



@media screen and (max-width:767px){
	
#bourou-hakodate .mv .under-ttl{width:76.8%;}

#bourou-hakodate .lead h2 img{width:289px;}
#bourou-hakodate .lead .lead-logo img{width:214px;}

#bourou-hakodate .detail.guestroom .detail-txt p img{width:266px;}
#bourou-hakodate .detail.meal .detail-txt p img{width:320px;}
#bourou-hakodate .detail.spa .detail-txt p img{width:256px;}

#bourou-hakodate .detail.guestroom .ds-thumb .room-type{display:none;}

}