@charset "UTF-8";
@import url("base.css");

/* ------------------------------------------------------------------------------- */
/* visual */
#index #visual {background:url(../../img/m/main/0.jpg) no-repeat top center;background-size:cover;}
#room_preview #visual {background:url(../../img/m/room/0.jpg) no-repeat top center;background-size:cover;}
#facility_preview #visual {background:url(../../img/m/special/0.jpg) no-repeat top center;background-size:cover;}

.welcome .tbn {background:url(../../img/m/banner/welcome.jpg) no-repeat top center;}
#rooms .tbn {background:url(../../img/m/room/0.jpg) no-repeat top center;}
#facility .tbn {background:url(../../img/m/special/0.jpg) no-repeat top center;}
#reserve .tbn {background:url(../../img/m/banner/reservation.jpg) no-repeat top center;}
#community .tbn {background:url(../../img/m/banner/community.jpg) no-repeat top center;}


/* ------------------------------------------------------------------------------- */
/* common */
body {width:640px;margin:0 auto;}
section .tbn {position:relative;width:100%;height:180px;}
section .tbn span {position:absolute;top:50%;left:50%;width:400px;height:40px;margin:-20px 0 0 -200px;font-size:30px;color:#fff;display:block;text-align:center;}

.section {position:relative;}
.section #visual {position:relative;width:100%;min-height:700px;}
.section #visual h2 {position:absolute;top:50%;left:50%;margin:-75px 0 0 -250px;z-index:110;}
.sbg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;}

.lists {width:100%;height:50px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.lists li {float:left;}
.lists li a {display:block;padding:14px 0 13px;text-align:center;font-size:15px;}
.lists li a.active {font-weight:bold;border-bottom:3px solid #b29579;color:#b29579;}

.tb h3 {text-align:center;padding:20px 0 30px;}
.tb h3 b {font-size:23px;display:block;}
.tb h3 span {display:block;font-size:17px;margin-top:10px;}
.tb .box {margin-bottom:70px;}


/* header */
header {position:fixed;top:0;left:0;width:100%;z-index:1000;}
header .top {position:absolute;top:0;left:0;width:100%;height:84px;z-index:900;}
header .top h1 {position:absolute;top:0;left:30px;}
header .top h1 a {display:block;}
header .top .menu_btn {position:absolute;top:0;left:50%;}
header .top .menu_btn a {display:block;}
header .top_bg_01 {position:absolute;top:0;left:0;height:84px;z-index:800;background:#56727f;}	
header .top_bg_02 {
	position:absolute;top:0;right:0;width:208px;height:84px;z-index:800;
	background:url(../../img/m/images/common/top_bg.png) no-repeat right top;
}
header .gnb {position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;overflow-y:auto;display:none;}
header .gnb > ul {position:relative;width:550px;padding:150px 0;margin:0 auto;}
header .gnb > ul > li {text-align:center;}
header .gnb > ul > li > a {color:#56727f;font-size:35px;padding:20px 0;margin:10px 0;}
header .gnb > ul > li > a b {position:relative;top:-3px;}
header .gnb > ul > li > ul {width:100%;margin:0 auto;overflow:hidden;display:none;}
header .gnb > ul > li > ul li {float:left;padding:15px 0;}
header .gnb > ul > li > ul li a {font-size:25px;color:#b29579;}
header .gnb > ul > li.glt_01 > ul {width:80%;}
header .gnb > ul > li.glt_01 > ul li {width:50%;}
header .gnb > ul > li.glt_02 > ul li {width:16%;}
header .gnb > ul > li.glt_02 > ul li.lnts {width:20%;}
header .gnb > ul > li.glt_03 > ul li {width:33.33%;}
header .gnb > ul > li.glt_03 > ul li.lnts {width:26.66%;}
header .gnb > ul > li.glt_03 > ul li.snts {width:20%;}
header .gnb > ul > li.glt_04 > ul {width:60%;}
header .gnb > ul > li.glt_04 > ul li {width:50%;}
header .gnb > ul > li.glt_05 > ul {width:80%;}
header .gnb > ul > li.glt_05 > ul li {width:33.33%;}
header .gnb > ul > li.glt_05 > ul li.lnts {width:50%;}
header .gnb ul li a	{display:block;} 
header .direct_btn {position:fixed;width:100%;height:110px;bottom:-110px;left:0;overflow:hidden;display:block;}
header .direct_btn div {float:left;width:50%;height:110px;}
header .direct_btn div a {background:#56727f;padding-top:40px;height:70px;font-size:25px;color:#e1e1e1;display:block;text-align:center;}
header .direct_btn div.homes a {border-right:1px solid #e8e8e8;}

/* footer */
footer {
	position:relative;border-top:1px solid #fff;padding-bottom:70px;
	background:url(../../img/m/images/common/f_bg.jpg) no-repeat 50% 50%;background-size:cover;
}
footer .top_btn {position:relative;height:50px;width:100%;}
footer .top_btn a {position:absolute;top:0;right:0%;z-index:200;display:block;}
footer .f_logo {width:50%;margin:0 auto;border-bottom:1px solid #cdcdcd;}
footer .f_logo a {width:240px;margin:0 auto 35px;display:block;}
footer ul {overflow:hidden;padding:35px 0;width:260px;margin:0 auto;}
footer ul li {float:left;width:33.33%;}
footer ul li a {display:block;text-align:center;}
footer ul li a > span {display:block;padding-bottom:5px;color:#cdcdcd;font-size:13px;text-align:center;font-weight:normal;}
footer ul li a img {display:block;width:50px;margin:0 auto;}
footer .tel {width:280px;padding:10px 0;border:1px solid #fff;margin:0 auto 35px;}
footer .tel a {position:relative;width:180px;margin:0 auto;color:#fff;font-size:17px;display:block;}
footer .tel a span {position:absolute;top:50%;left:60px;margin-top:-15px;}
footer > address > span {line-height:1.5em;display:block;text-align:center;font-style:normal;font-size:15px;color:#cdcdcd;font-weight:normal;}
footer > address > span a {color:#fff!important;}
footer span.create {font-size:20px;}

/* ------------------------------------------------------------------------------- */
/* index */
#index .scroll_bg {position:relative;width:100%;height:50px;background:#fff;border-top:1px solid #e8e8e8;}
#index .scroll_bg .scroll {
	position:absolute;width:80px;height:110px;top:-60px;left:70px;z-index:100;
	background:url(../../img/m/images/common/scroll.png) no-repeat 50% 0;
}
#index .scroll_bg .scroll a {position:relative;display:block;width:80px;height:110px;}
#index .scroll_bg .scroll a span {
	position:absolute;bottom:15px;left:0;font-size:18px;width:100%;
	text-align:center;font-weight:bold;color:#56727f;display:block;
}
#index .txt {background:#56727f;height:250px;}
#index .txt h3 {position:absolute;top:50%;left:50%;margin:-34px 0 0 -243px;}
#index .offer {padding:60px 0;}
#index .offer > div {width:96%;margin:0 auto;overflow:hidden;}
#index .offer > div h4 {font-size:30px;margin-bottom:20px;}
#index .offer > div h4 span {width:230px;padding-top:15px;margin-top:15px;font-size:15px;border-top:1px solid #bc996c;display:block;}
#index .offer > div > div {position:relative;float:left;width:48%;margin:0 1%;}
#index .offer > div > div .s_txt {position:relative;height:61px;}
#index .offer > div > div .s_txt span {display:block;font-weight:bold;padding:3px 0 2px;font-size:14px;}
#index .offer > div > div .s_txt b {display:block;font-weight:normal;}
#index .offer > div > div .s_txt a {display:block;position:absolute;bottom:0;right:0;}
#index .offer > div > div .s_txt img {display:block;position:absolute;bottom:0;right:0;}

#index .instagram_box {margin-bottom:0;margin-top:20px;}
#index .instagram {width:100%;margin:0 auto;padding:70px 0 84px 0;}
#index .instagram h3 {font-size:32px;text-align:left;width:197px;margin:0 0 30px 5%;}
#index .instagram h3 span {font-size:15px;border-top: 1px solid #cf8673;margin-top:10px;padding-top:9px;font-weight:lighter;display:block;}
#index .instagram #instafeed {width:600px;height:600px;margin:0 auto;overflow:hidden;}
#index .instagram #instafeed a {float:left;display:block;margin:0 0 20px 10px;padding-right:10px;}
#index .instagram #instafeed a img {width:180px;}

/* ------------------------------------------------------------------------------- */
/* preview */
.preview .txt {background:#56727f;}
.preview .txt h3 {width:240px;margin:0 auto;padding:50px 0;}
.preview .scroll {position:absolute;bottom:20px;left:50%;margin-left:-40px;z-index:110;}
.preview .preview_list {position:relative;width:100%;overflow:hidden;}
.preview .preview_list li {width:49.5%;float:left;margin:0 0.25%;}
.preview .preview_list li a {display:block;}
.preview .preview_list li a div {width:100%;padding:20px 0 30px;}
.preview .preview_list li a div h4 {font-size:30px;font-weight:bold;text-align:center;}
.preview .preview_list li a div span {font-size:14px;display:block;margin:10px 0 0;text-align:center;}
.preview .preview_list li a div img {display:block;width:147px;margin:20px auto 0;}

/* ------------------------------------------------------------------------------- */
/* rooms */
#rooms .ttl {font-size:35px;text-align:center;padding:30px 0 15px;}
#rooms .ttl span {display:block;}
#rooms .ttl b {font-size:24px;display:block;}
#rooms .txt span {font-size:15px;text-align:center;line-height:1.5em;margin-bottom:30px;display:block;}
#rooms .reserve-b {width:300px;margin:50px auto;overflow:hidden;}
#rooms .reserve-b li {float:left;width:140px;margin:0 5px;}	
#rooms .reserve-b li a {display:block;text-align:center;color:#fff;padding:10px 0;}
#rooms .reserve-b li.info_btn a {background:#343434;}	
#rooms .reserve-b li.reserve_btn a {background:#c5c5c5;}	
#rooms .check_info {width:500px;margin:0 auto;padding:35px 0;background:#f2f2f2;}
#rooms .check_info li {text-align:center;line-height:1.7em;}	
#rooms .check_info li span {font-size:17px;font-weight:bold;padding-right:20px;}
#rooms .check_info li b {font-size:15px;font-weight:normal;}
#rooms .s_ttl {font-size:20px;text-align:center;padding-bottom:10px;margin:50px auto 20px;width:600px;border-bottom:2px solid #b09981;}
#rooms .infomation {width:600px;margin:0 auto;}
#rooms .infomation h3 {font-size:17px;}
#rooms .infomation ul {margin:10px 0 30px;} 
#rooms .infomation ul li {line-height:1.5em;font-size:15px;} 
#rooms .infomation ul li b {font-weight:normal;display:block;}

/* ------------------------------------------------------------------------------- */
/* facility */
#facility .ttl {font-size:35px;text-align:center;padding:30px 0 15px;}
#facility .ttl span {display:block;}
#facility .ttl b {font-size:24px;display:block;}
#facility .txt span {font-size:15px;text-align:center;line-height:1.5em;margin-bottom:30px;display:block;}

#facility .s_ttl {font-size:20px;text-align:center;padding-bottom:10px;margin:50px auto 20px;width:600px;border-bottom:2px solid #b09981;}
#facility .infomation {width:600px;margin:0 auto;}
#facility .infomation h3 {font-size:17px;}
#facility .infomation ul {margin:10px 0 30px;} 
#facility .infomation ul li {line-height:1.5em;font-size:15px;} 
#facility .infomation ul li b {font-weight:normal;display:block;}
#facility .info_01 ul {margin-bottom:80px;}


/* ------------------------------------------------------------------------------- */
/* welcome */
.welcome .lists li {width:33.33%;}
.welcome h3 {font-size:23px;text-align:center;padding:20px 0 30px;}
.welcome h3 span {display:block;font-size:17px;margin-top:10px;}
.welcome h4 {font-size:20px;text-align:center;}
.welcome h4 span {font-size:15px;font-weight:normal;margin-left:10px;text-align:center;font-weight:bold;}
.welcome p {line-height:1.7em;text-align:center;font-size:15px;margin-bottom:80px;}

/* ------------------------------------------------------------------------------- */
/* intro */
#intro .intro {padding:50px 0;}
#intro .intro p {margin-bottom:0;}
#intro .intro p b {display:block;font-weight:bold;font-size:17px;margin-bottom:20px;}
#intro .intro p span {display:block;margin:10px 0;}

/* ------------------------------------------------------------------------------- */
/* travel */
#travel h4 {margin:15px 0;}
#travel h4 span {display:block;}

/* ------------------------------------------------------------------------------- */
/* location */
#location .adds {font-weight:bold;display:block;text-align:center;margin:20px 0;}
#location h4 {font-size:20px;text-align:center;}
#location h4 span {font-size:15px;font-weight:normal;margin-left:10px;text-align:center;font-weight:bold;}
#location p {line-height:1.7em;text-align:center;font-size:15px;margin-bottom:80px;}
#location p span {display:block;text-align:center;font-weight:bold;}

/* ------------------------------------------------------------------------------- */
/* reserve */
#reserve .lists li {width:50%;}
#reserve .table_02 {display:none;}
#reserve table {width:600px;margin:0 auto;border:1px solid #777777;font-size:13px;}
#reserve table tr th,td {text-align:center;}
#reserve table {border-collapse:collapse;border-spacing:0;margin-bottom:10px;}
#reserve table > thead {line-height:1.1em;}
#reserve table > thead tr th {font-weight:bold;padding:5px;}
#reserve table > tbody tr td {line-height:1.3em;padding:10px 5px;}
#reserve .table_lst {width:600px;margin:0 auto;}
#reserve .table_lst h3 {font-size:20px;}
#reserve .table_lst ul {margin-bottom:30px;}
#reserve .table_lst ul li {
	background:url(http://gonylab2.speedgabia.com/common/li_b.gif) no-repeat left 3px;
	padding-left:10px;font-size:12px;line-height:1.5em;color:#676767;margin-bottom:5px;
}
/* ------------------------------------------------------------------------------- */
/* community */
#community .lists li {width:33%;}