@CHARSET "UTF-8";
/* common */
.room_info #gnb {display:none;}
.room_info .snb_hide{float:left;margin-top:10px;overflow:hidden;}
.room_info .snb_hide li {float:left;margin-right:1px;text-align:center;}
.room_info .snb_hide li > a {background:url(../../images/gnb_back_n.png) no-repeat left top;display:block;height:42px;line-height:2.7em;padding:0 35px;font-size:15px;color:#fff;}
.room_info .snb_hide li > a img {vertical-align:middle;margin-right:5px;}
.room_info .snb_hide li.default > a {background:url(../../images/gnb_back_s.png) no-repeat left top;} 
.room_info .snb_hide li > a.last {background:url(../../images/gnb_back_s.png) no-repeat left top;}
.room_info .snb_hide li > a:hover {background-position:left bottom;}
.room_info .snb_hide li > a.active {background-position:left bottom;}
.number_btn {position:fixed;bottom:30px;left:50%;margin-left:-90px;opacity:0;}

/* index */
.section {overflow:hidden;}
.index > div {position:relative;}
.index > div .ttl {position:absolute;left:50%;margin-left:-163px;opacity:0;z-index:200;}
.movie_btn {position:fixed;bottom:-10px;right:0;}


/* room_list */
#service .room_menu li a {width:100%;height:100%;display:block;}
#service .room_menu li a span.bg {background:#000;width:100%;height:100%;display:block;}
#service .room_menu li a span.txt {width:100%;height:100%; top:40% !important;}

#service .service_01 {width:100%;height:50%;}
#service .service_02 {width:100%;height:50%;}
#service .service_01 li {position:relative;float:left;width:33.33%;height:100%;overflow:hidden;}

#service .service_02 {width:100%;height:100%;}


/*
#service .service_01 li.menu_list1 {background:url(../../images/sp/SP4.jpg) no-repeat center center;background-size:cover;} 
#service .service_01 li.menu_list2 {background:url(../../images/sp/SP5.jpg) no-repeat center center;background-size:cover;}
*/
/*#service .service_01 li.menu_list2 video {position:absolute;top:0;left:-100px;height:100%;width:auto;}
#service .service_01 li.menu_list1 {background:url(../../images/sp/SP6.jpg) no-repeat center center;background-size:cover;}
#service .service_01 li.menu_list2 {background:url(../../images/sp/SP7.jpg) no-repeat center center;background-size:cover;}
#service .service_01 li.menu_list3 {background:url(../../images/sp/SP8.jpg) no-repeat center center;background-size:cover;}
#service .service_01 li.menu_list4 {background:url(../../images/sp/SP9.jpg) no-repeat center center;background-size:cover;}
#service .service_01 li.menu_list5 {background:url(../../images/sp/SP10.jpg) no-repeat center center;background-size:cover;}*/


#service .service_01 li.menu_list1 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_01 li.menu_list2 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_01 li.menu_list3 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_01 li.menu_list4 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_01 li.menu_list5 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_01 li.menu_list6 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_01 li.menu_list7 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}

/*#service .service_02 li {position:relative;float:left;width:33.333%;height:100%;overflow:hidden;}*/
#service .service_02 li {position:relative;float:left;width:33.33%;height:50%;overflow:hidden;}
#service .service_01 li.menu_list1 {background:url(../../images/sp/SP1.jpg) no-repeat center center;background-size:cover;} 
#service .service_01 li.menu_list2 {background:url(../../images/sp/SP2.jpg) no-repeat center center;background-size:cover;} 
#service .service_01 li.menu_list3 {background:url(../../images/sp/SP3_1.jpg) no-repeat center center;background-size:cover;} 
#service .service_01 li.menu_list4 {background:url(../../images/sp/SP5_1.jpg) no-repeat center center;background-size:cover;} 
#service .service_01 li.menu_list5 {background:url(../../images/sp/SP6_1.jpg) no-repeat center center;background-size:cover;}
#service .service_02 li.menu_list6 {background:url(../../images/sp/SP7_1.jpg) no-repeat center center;background-size:cover;}
#service .service_02 li.menu_list7 {background:url(../../images/sp/SP8.jpg) no-repeat center center;background-size:cover;}
#service .service_02 li.menu_list8 {background:url(../../images/sp/sp9.jpg) no-repeat center center;background-size:cover;}

#service .service_02 li.menu_list_bbg {background:url(../../images/sp/new_sp1.jpg) no-repeat center center;background-size:cover;} 
#service .service_02 li.menu_list_fishing {background:url(../../images/sp/new_sp2.jpg) no-repeat center center;background-size:cover;}
/*#service .service_02 li.menu_list3 video {position:absolute;top:0;left:-80px;height:100%;width:auto;}*/

#service .service_02 li.menu_list1 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_02 li.menu_list2 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_02 li.menu_list3 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_02 li.menu_list4 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_02 li.menu_list5 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_02 li.menu_list5 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_02 li.menu_list6 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_02 li.menu_list7 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}
#service .service_02 li.menu_list8 a > div.notice_txt {position:relative;top:-150px;background:url(../../images/sp/bg.png) repeat left top;width:100%;height:150px;}

#service .service_02 > li > a > div > span{color:#fff;display:block;text-align:center;padding-top:20px;}
#service .service_01 > li > a > div > span{color:#fff;display:block;text-align:center;}


@media (max-width:1600px){
#service .service_02 > li > a > div > span>img{width:390px;}
#service .service_02 > li > a > div > span>img{width:320px;}
#service .service_01 > li > a > div > span>img{width:390px;}
#service .service_01 > li > a > div > span>img{width:320px;}
}
