@charset "utf-8";
/* ===================================================
	Base CSS
====================================================== */

/*　※※※文字以外の画像は、日本語サイトと共通です※※※　*/

body{
	color: #000; font-size: 16px; font-weight: normal; line-height: 1.6;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: #f9f5e0; -webkit-text-size-adjust: 100%;
}

input, select, textarea { font-size: 16px;}

a      { color: #000; text-decoration: none;}
a:hover{ color: #000; text-decoration: underline;}
a:hover img{ opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}

.fixed{ top:0; left: 0; position: fixed; width: 100%; z-index: 999;}
#lineup-font-size-sampler{ bottom: 0; left: 0;}
iframe[name="google_conversion_frame"] { position: absolute; bottom: 0; left: 0;}

@media screen and (orientation:landscape) {
	html,body{
		width: 100%;
	}
}


/* ---------------------------------------------------
	Base Layout
------------------------------------------------------ */
#header,
#fix_wrap,
#nav_wrap,
#contents_wrap,
#footer_wrap{ margin: 0; padding: 0; width: 100%;}


/* ---------------------------------------------------
	Header
------------------------------------------------------ */
#header{ padding: 10px 0 20px; width: 100%; position: relative;}
#header h1{ margin: 0 auto; width: 467px; max-width: 96%;}
#header .lnav{ display: table; top: 0; right: 0; position: absolute;}
#header .lnav li{ display: table-cell; font-size: 0;}
#header .lnav li a:hover img{ opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}

@media screen and (max-width: 1100px) {
	#header .lnav{ display: none;}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 640px) {
	#header{ margin: 10px 0; padding: 0;}
	#header h1{ margin: 0 65px 0 10px; width: calc(100% - 75px); text-align: center;}
	#header h1 a{ display: block; width: 100%; position: relative;}
	#header h1 img{ max-width: 100%;}
}
@media screen and (max-width: 420px) {
	#header h1 a{ min-height: 100px;}
	#header h1 img{
		top: 50%; left: 50%; position: absolute;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
}


/* ---------------------------------------------------
	fix wrap
------------------------------------------------------ */
#fix_wrap{
	top: 0; left: 0; position: fixed;
	width: 100%; height: 115px; z-index: 9999;
}
@media screen and (max-width: 1100px) {
	#fix_wrap{ height: 0; background: none;}
}


/* search
------------------------------------------------------ */
#search_wrap{ background: #f9f5e0;}

#search_wrap div { margin: 0 auto; width: 1080px;}
#search_wrap div >a { float: left; margin: 3px 0 0;}
#search_wrap div >ul { float: right; display: table;}
#search_wrap div >ul li { display: table-cell; font-size: 12px; vertical-align: middle;}
#search_wrap div >ul li:nth-of-type(1) { padding: 0 30px 0 10px; background: url(../../common/img/reserve_btn.png)no-repeat left center;}
#search_wrap div >ul li:nth-of-type(2) a { display: block; width: 250px; text-align: center; padding: 17px 0; background: url(../../common/img/reserve_bg.gif)no-repeat; background-size: cover; font-size: 16px;}
#search_wrap div >ul li:nth-of-type(2) a:hover { text-decoration: none; cursor: pointer; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}

/* #search_wrap dl{ display: table; margin: 0 auto; width: 1100px; height: 60px;}
#search_wrap dt,
#search_wrap dd{ display: table-cell; vertical-align: middle;}

#search_wrap dt{
	width: 190px; padding-right: 45px; line-height: 60px;
	font-weight: bold; text-align: right; box-sizing: border-box;
}
#search_wrap dd{}

#search_wrap div{
	float: left; padding-left: 20px;
	background: url(../../common/img/search_arrow.png) no-repeat left center;
}
#search_wrap div input{
	margin: 0; padding: 3px 0 0 70px; width: 210px; height: 60px;
	font-family: serif; font-weight: bold; border: 0; box-sizing: border-box;
	background: url(../../common/img/ico_cal.png) no-repeat 30px center;
}

#search_wrap #btn_submit{ padding: 0;}
#search_wrap #btn_submit button{
	padding: 0; width: 226px; height: 60px; border: 0;
	font-size: 15px; font-family: serif; font-weight: bold;
	background: url(../../common/img/bg_search_btn.gif) no-repeat left center;
}

#search_wrap input:hover,
#search_wrap button:hover{ cursor: pointer;opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}


#search_wrap ul{ margin-top: 10px; padding-right: 20px; float: right; line-height: 1.6;}
#search_wrap ul li{ list-style: disc; color: #b5b5b5; font-size: 13px;} */

#go_reserv{ display: none;}

@media screen and (max-width: 1100px) {
	#search_wrap{ display: none;}
	#go_reserv{
		display: block; top: 15px; right: 75px; position: fixed; cursor: pointer;
		width: 200px; height: 44px; padding: 0; text-align: center; background: #000;
		border: 1px solid #555; z-index: 10;
	}
	#go_reserv a{ display: block;}
	#go_reserv .ver_sp{ display: none;}
}
@media screen and (max-width: 640px) {
	#go_reserv{ top: 61px; right: 8px; width: 44px;}
	#go_reserv .ver_pc{ display: none;}
	#go_reserv .ver_sp{ display: block;}
}



/* G-nav
------------------------------------------------------ */
#open_menu,
#close_menu,
#gn_en,
#go_top { display: none;}

#gnav{ clear: both; background-color: rgba(43,38,12,0.93);}
#gnav ul{ margin: 0 auto; width: 1100px;}
#gnav li{ width: calc( 100% / 7); height: 52px; float: left; text-align: center;}

#gnav a { display:block; height: 52px; text-indent: -9999px;}
#gn_01 a{ background:url(../../lg_en/common/img/gn_01.png) no-repeat center center;}
#gn_02 a{ background:url(../../lg_en/common/img/gn_02.png) no-repeat center center;}
#gn_03 a{ background:url(../../lg_en/common/img/gn_03.png) no-repeat center center;}
#gn_04 a{ background:url(../../lg_en/common/img/gn_04.png) no-repeat center center;}
#gn_05 a{ background:url(../../lg_en/common/img/gn_05.png) no-repeat center center;}
#gn_06 a{ background:url(../../lg_en/common/img/gn_06.png) no-repeat center center;}
#gn_07 a{ background:url(../../lg_en/common/img/gn_07.png) no-repeat center center;}
#gn_08 a{ background:url(../../lg_en/common/img/gn_08.png) no-repeat center center;}

#gnav a:hover{ text-decoration: none; background-color: rgba(0,0,0,1);}

@media screen and (max-width: 1100px) {
	#gnav{ width: 100%; padding: 0; position: fixed; top: 0; left: 0; z-index: 999; background: none;}
	#gnav_wrap{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; overflow: auto;}
	.pos_fix { overflow: hidden;}

	#open_menu{
		display: block; top: 15px; right: 15px; position: fixed; cursor: pointer;
		width: 44px; height: 44px; padding: 0; background: #000; border: 1px solid #555; z-index: 10;
	}
	#gnav #close_menu{ padding: 5px 0 !important; text-align: center; position: relative;}
	#gnav #close_menu span{ width: 15px; position: absolute; top: 13px; right: 10px; line-height: 0; z-index: 0;}
	#gnav #close_menu img { width: 100%;}

	#gnav ul{
		display: none; margin: 75px 10px 20px; padding: 0; width: auto;
		background-color: #fff; border-radius: 4px; box-sizing: border-box; border: 1px solid #ccc;
	}
	#gnav li{
		display: block; width: 100%; height: auto; padding: 0; font-size: 15px;
		float: none; line-height: 2; border-bottom: 1px dashed #ccc; border-right: 0;
	}
	#gnav li:last-child{ border-bottom: none;}

	#gnav li a{
		display: block; width: 100%; height: auto; margin: 1px; padding: 5px 20px;
		color: #000; text-decoration: none; text-align: left; text-indent: 0; line-height: 1.8;
		white-space: normal; background: none; box-sizing: border-box;
	}
	#gnav li:last-child a{ border-radius: 0 0 4px 4px;}

	#gnav a:hover{ display: block; text-decoration: none; background-color: rgba(204,204,204,0.25);}
}
@media screen and (max-width: 640px) {
	#open_menu{ top: 8px; right: 8px;}
	#gnav ul{ margin-top: 60px;}
}


/* ---------------------------------------------------
	Contents
------------------------------------------------------ */
#contents_wrap{ }

@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 600px) {
}



/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
#footer_wrap{}

#page_top{ right: 15px; bottom: 15px; position: fixed; z-index: 9000; cursor: pointer;}
#page_top a{ display: block; width: 58px; height: 58px;}

#fnav{ padding: 40px 0; background: #2b260c; text-align: center; }
#fnav .acc_tit{ display: none;}
#fnav ul{ margin: 0 auto; width: 1100px; font-size: 0;}
#fnav li{ display: inline-block; width: calc( 100%/8); font-size: 15px; text-align: center;}
#fnav a{ color:#FFF;}

#footer{ margin: 0; padding: 30px 0 45px; text-align: center; background: url(../../common/img/ft_bg.gif) repeat;}
#footer>img{ display: block; margin: 0 auto 30px;}
#footer address{ margin: 0 auto 45px; color: #000000;}

#footer .lnav{ display: table; margin: 0 auto;}
#footer .lnav li{ display: table-cell; font-size: 0;}
#footer .lnav li a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8;}

#bnr_area{
	padding: 40px 0 0; text-align: center;
	background: url(../../common/img/bg_line.gif)repeat-x center top;
}
#bnr_area>img{}
#bnr_area div{ margin: 30px auto 50px ; width: 96%; max-width: 760px; font-size: 0;}
#bnr_area dl{ width: calc( 100%/4); float: left; text-align: center;}
#bnr_area dl:last-child{ margin-right: 0;}
#bnr_area dd { font-size: 14px; line-height: 1.4; margin-top: 10px;}
#bnr_area dd span { font-size: 13px; line-height: 1.4;}
#bnr_area>div:after {content:"."; display:block; height:0; clear:both; line-height:0; visibility:hidden;}

#copyright{ clear: both; padding: 0 0 25px; font-size: 13px; text-align: center; margin-top:35px;}

@media screen and (max-width: 1100px) {
	#fnav ul{ width: 96%;}
}
@media screen and (max-width: 900px) {
	#bnr_area li{ padding: 0 1%; box-sizing: border-box;}

}
@media screen and (max-width: 768px) {
	#page_top a{ width: 46px; height: 46px;}
	#fnav{ padding: 0;}
	#fnav .acc_tit{
		display: block; margin: 0; padding: 10px; width: 100%; text-align: center;
		background: url(../../common/img/arrow_off.png) no-repeat 98% 50%; box-sizing: border-box; color:#FFF;
	}
	#fnav .acc_tit.active{
		margin: 0 0 15px; padding: 15px 0 0;
		background-image: url(../../common/img/arrow_on.png);
	}
	#fnav .acc_contents{ padding: 0 0 5px;}
	#fnav ul{ border-top: 1px solid #666666;}
	#fnav li{ margin: 15px 0; width: calc( 100%/4);}

}
@media screen and (max-width: 640px) {
	#page_top{ right: 8px; bottom: 8px;}
	#bnr_area div{ margin: 30px auto; width: 400px; max-width: 96%;}
	#bnr_area dl{ margin: 0 0 10px; width: calc( 100%/2);}
	#copyright{ padding-bottom: 60px; font-size: 12px;}
}
@media screen and (max-width: 360px) {
	#fnav li{ width: calc( 100%/2);}
}




/* ---------------------------------------------------
	clear
------------------------------------------------------ */

#header:after,
#fix_wrap:after,
#search_wrap:after,
#search_wrap dd:after,
#nav_wrap:after,
#gnav:after,
#contents_wrap:after,
#contents:after,
#contents section:after,
#breadcrumbs:after,
#footer_wrap:after,
#fnav:after,
#footer:after,
#bnr_area:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}