@charset "utf-8";
/* ===================================================
	Reset
====================================================== */
#customer_header *,
#customer_footer * { -webkit-box-sizing: content-box; box-sizing: content-box;}

#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 { margin: 0;}

#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_footer ul,
#customer_footer ol,
#customer_footer li { padding: 0; margin: 0; list-style-type: none;}

#customer_header dl,
#customer_footer dl { padding: 0; margin: 0;}

#customer_header p,
#customer_footer p { padding: 0; margin: 0;}


/* ===================================================
	Custom CSS
	※ 予約番自体のコンテンツに影響するのを避けるため、
	　必ず #customer_header または #customer_footer からの継承で記述してください。
====================================================== */
body { min-width: 1100px; background: #fff; color: #000; }

#customer_header,
#customer_footer {
	font-size: 14px; font-weight: normal; line-height: 1.5; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	-webkit-text-size-adjust: 100%; position: relative;
}

#customer_header #header_wrap,
#customer_header #nav_wrap,
#customer_footer #footer_wrap {
	padding: 0; margin: 0;
}

#customer_header div,
#customer_footer div { box-sizing: border-box;}
#customer_header dt,
#customer_footer dt { font-weight: normal; }

#customer_header #header,
#customer_header #gnav ul,
#customer_footer #footer {
	width: 1100px; max-width: 100%; padding: 0; margin: 0 auto;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#customer_header .inner,
#customer_footer .inner { position: relative; max-width: 1100px; width: 100%; margin: 0 auto;}

#customer_header a,
#customer_footer a { color: #000; text-decoration: none;}
#customer_header a:hover,
#customer_footer a:hover { color: #000; text-decoration: underline;}
#customer_header a img,
#customer_footer a img { transition: opacity .5s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.7; }

#customer_header img,
#customer_footer img { max-width: 100%; height: auto; width: auto\9; border: 0; vertical-align: bottom; }

#customer_header .ofi,
#customer_footer .ofi { object-fit: cover;}

#customer_header .ver_sp,
#customer_footer .ver_sp { display: none;}

#webc_con.webc_clr_blk .webc_language { background: #fff;}

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

@media screen and (max-width: 1100px) {
	#customer_header .inner,
	#customer_header .inner { padding: 0 3%; }
}

@media screen and (max-width: 600px) {
	body { min-width: 0; }

	#customer_header,
	#customer_footer { line-height: 1.8; letter-spacing: normal; }

	#customer_header .ver_pc,
	#customer_footer .ver_pc { display: none;}
	#customer_header .ver_sp,
	#customer_footer .ver_sp { display: inline-block;}

	#webc_con { padding: 0 0 100px;}
}


/* 	Header
------------------------------------------------------ */
#customer_header { position: relative; }
#customer_header .inner { overflow: hidden; }
#customer_header #header_wrap { position: fixed; padding:15px 0 85px; left:0; bottom:0; z-index:999; background:url(../img/h_bg.png) center top; box-sizing:border-box; }

#customer_header #header { display: none; }

#customer_header #header h1{width:22.3%;font-size: 81%;float:left;}
#customer_header #header h1 span{display:block; padding: 0 0 5px;}
#customer_header #header #h_tel{ display: none;}
#customer_header #header #h_info{color:#b48246;float:right;width:75.5%;display:table;margin-bottom:18px;}
#customer_header #header #h_info>li{box-sizing:border-box;text-align:left;line-height:25px;display:table-cell;}
#customer_header #header #h_info>li:nth-child(1){width:25.6%;}
#customer_header #header #h_info>li:nth-child(3){width:28%;}
#customer_header #header #h_info>li:nth-child(4){width:11.5%;}
#customer_header #header #h_info>li dl{margin:0 2.8%;white-space:nowrap;}
#customer_header #header #h_info>li dt{float:left;font-size:92.7%;vertical-align:bottom;}
#customer_header #header #h_info>li dd{font-size:142.85%;margin-left:7em;vertical-align:bottom;}
#customer_header #header #h_info>li dd .tel{box-sizing:border-box;margin-right:5px;background:url(../img/h_tel.png) no-repeat left center;padding-left:15px;}
#customer_header #header #dropNav { position:absolute; top: 5px; right: 0;}
#customer_header #header #dropNav > a > span { display: block; padding: 0 10px; border: 1px solid #bba16b; background-color: #fff; color: #764a0a;}
#customer_header #header #dropNav > a > span > span { display: inline-block; padding: 1px 15px 1px 0; background: url(../img/lang_arrow2.gif)no-repeat right center; background-size: 10px;}
#customer_header #header #dropNav > img { display: none;}
#customer_header #header #dropNav ul { height: 0; overflow: hidden; position:absolute;left:0;bottom:25px;width:92px; z-index: 10000; -webkit-transition: all 0.75s; -o-transition: all 0.75s; transition: all 0.75s;}
#customer_header #header #dropNav ul a:hover{text-decoration:none;}
#customer_header #header #dropNav ul li{ border-bottom:1px dotted #b48246; width:100%;background:#ffffff;text-align:center;/*box-sizing:border-box;*/}
#customer_header #header #dropNav ul li a { padding: 8px 0; display: block;}
#customer_header #header #dropNav ul li:last-child{border-bottom:none;}
#customer_header #header #dropNav ul li:hover{background:#b48246;color:#ffffff;}
#customer_header #header #dropNav ul li:hover a{color:#ffffff;}


@media screen and (min-width: 1101px) {
	#customer_header #header #dropNav:hover ul { height: 341px; overflow: auto;}
}

#customer_header #header #h_nav{width:75.5%;float:right;display:table;}
#customer_header #header #h_nav>li{display:table-cell;}
#customer_header #header #h_nav>li a{display:inline-block;background:no-repat center;background-size:contain;}
#customer_header #header #h_reserve { display: none;}

#customer_header #header_wrap .fixed_search{ width: 100%; height: 75px; background: #e5e9e9; position: absolute; bottom: 0; left: 0; box-shadow:0px -3px 6px 0px rgba(0,0,0,0.1);}

#customer_header #sp_lang_outer { min-width: 1100px; position: absolute; margin: 0 0 0 -550px; top: 60px; left: 50%; z-index: 10000;}
#customer_header #sp_lang {
	display: block; width: 130px; position: absolute;
	top: 0; right: 0; z-index: 10; font-size: 18px; text-align: center;
}
#customer_header #sp_lang_outer > a { display: block; position: absolute; top: 0; right: 140px; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.8); }
#customer_header #sp_lang dt { border: 3px solid #bba16b; background-color: #fff; color: #764a0a; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.8);}
#customer_header #sp_lang dt span { display: inline-block; padding: 5px 15px 5px 0; background: url(../img/lang_arrow2.gif)no-repeat right center; background-size: 10px;}
#customer_header #sp_lang dd { height: 0; position: absolute; width: 100%; text-align: center; z-index: 6000; overflow: hidden; -webkit-transition: all 0.75s; -o-transition: all 0.75s; transition: height 0.75s; pointer-events: none;}
#customer_header #sp_lang dd li { border-bottom: 1px solid #6f6f6f;}
#customer_header #sp_lang dd li:last-child { border-bottom: none;}
#customer_header #sp_lang dd a { display: block; padding: 5px 0; color: #fff; font-family: serif; background-color: #313131;}
#customer_header #sp_lang dd a:hover { opacity: 0.7; text-decoration: none;}
#customer_header #sp_lang:hover dd { height: 342px; pointer-events: auto;}


/* 	G-nav
------------------------------------------------------ */
#customer_header .open_menu,
#customer_header #close_menu { display: none;}

#customer_header #gnav{ clear: both; background:url(../img/gn_bg.png) repeat-x center top;position:absolute;z-index:999;;left:0;top:0;width:100%;}
#customer_header #gnav .inner{height:60px;box-sizing:border-box;padding:17.5px 0;}
#customer_header #gnav #gn_logo{position:absolute;left:0;top:50%;margin:-25px 0 0 -4px;z-index:99;}
#customer_header #gnav ul{position:relative;;display:block;padding-left:19.9%;width:100%;box-sizing:border-box;overflow:hidden;}
#customer_header #gnav ul>li{position:relative;height: 25px; float: left; border-box;}
#customer_header #gnav ul>li:before{content:"";background:rgba(255,255,255,0.2);width:2px;height:18px;position:absolute;right:0;top:50%;margin-top:-8px;}
#customer_header #gnav ul>li:last-child:before{ display:none;}
#customer_header #gnav ul>li>a{ background:no-repeat center;display:block; width:100%; height: 25px; line-height: 25px; text-indent: -9999px;}

#customer_header #gnav ul>li#gn_home{display:none;}
#customer_header #gnav ul>li#gn_01{width:8.5%;}
#customer_header #gnav ul>li#gn_02{width:14.2%;}
#customer_header #gnav ul>li#gn_03{width:15.6%;}
#customer_header #gnav ul>li#gn_04{width:21.3%;}
#customer_header #gnav ul>li#gn_05{width:10.4%;}
#customer_header #gnav ul>li#gn_06{width:7.1%;}
#customer_header #gnav ul>li#gn_07{width:13.7%;}
#customer_header #gnav ul>li#gn_08{width:9.2%;}
#customer_header #gnav ul>li#gn_01 a{ background-image:url(../img/gn_01.png);}
#customer_header #gnav ul>li#gn_02 a{ background-image:url(../img/gn_02.png);}
#customer_header #gnav ul>li#gn_03 a{ background-image:url(../img/gn_03.png);}
#customer_header #gnav ul>li#gn_04 a{ background-image:url(../img/gn_04.png);}
#customer_header #gnav ul>li#gn_05 a{ background-image:url(../img/gn_05.png);}
#customer_header #gnav ul>li#gn_06 a{ background-image:url(../img/gn_06.png);}
#customer_header #gnav ul>li#gn_07 a{ background-image:url(../img/gn_07.png);}
#customer_header #gnav ul>li#gn_08 a{ background-image:url(../img/gn_08.png);}

#customer_header #gnav a:hover{ background-color: rgba( 255,255,255,0.25);}

#customer_header #gnav ul>li.splang span,
#customer_header #gnav ul>li.splang  a{ display: none;}

/* page title */
#customer_header .page_title{ padding:0; font-size: 24px; text-align: center; width:100%; padding: 250px 0 0 0;background:no-repeat center top;position:relative; background-image: url(../img/title_bg.jpg); }
#customer_header .page_title img{position:absolute;top:0;right:0;bottom:0;left:0;margin:90px auto auto; }

/* breadcrumb */
#customer_header .breadcrumb_inner { position: relative; width: 100%; max-width: 1100px; margin: 0 auto;}
#customer_header #breadcrumb{ max-width: 100%; width: 1100px; margin: 5px auto 25px; padding: 0; width: 100%; font-size: 12px; text-align: left;position:absolute;top:-180px;color:#ffffff;
text-shadow:
	-1px -1px 2px #000000,
	-1px  0px 2px #000000,
	-1px  1px 2px #000000,

	 0px -1px 2px #000000,
	 0px  0px 2px #000000,
	 0px  1px 2px #000000,

	 1px -1px 2px #000000,
	 1px  0px 2px #000000,
	 1px  1px 2px #000000;
}
#customer_header #breadcrumb a{color:#ffffff;}
#customer_header #breadcrumb li{ display: inline; margin: 0; padding: 0; line-height: 1.6; background: none;}
#customer_header #breadcrumb li:before{ display: inline-block; margin: 0 5px; content: ">";}
#customer_header #breadcrumb li:first-child:before{ display: none;}


@media screen and (max-width: 1100px) {
	#customer_header #header h1{width:250px;}
	#customer_header #header h1 span{ padding: 0 0 10px;}
	#customer_header #header #logo{ width: 48%;}
	#customer_header #header #h_nav{display:none;}
	#customer_header #header #h_info{width:auto;text-align:right;display:block;padding-right:55px;box-sizing:border-box;margin:0;}
	#customer_header #header #h_info>li{display:inline-block;width:auto!important;margin-bottom:5px;}
	#customer_header #header #h_info>li:first-child{display:block; margin: 0 105px 5px 0; text-align:right;}
	#customer_header #header #h_info>li dl{margin:0;width:100%;}
	#customer_header #header #h_info>li dt,
	#customer_header #header #h_info>li dd{display:inline-block;float:none;width:auto;margin:0;}
	#customer_header #header #h_info #dropNav ul{bottom:auto;}
	#customer_header #header #dropNav { top: 0;}
	#customer_header #header #dropNav > span span { padding: 3px 15px 3px 0;}

	#customer_header #header #dropNav { right: 86px;}
	#customer_header #header #dropNav > img.lang_sp { display: block;}
	#customer_header #header #dropNav ul { bottom: inherit; width: 100%;}
}

@media screen and (max-width: 900px) {
	#customer_header #header #h_tel{ display: block; float: left; position: absolute;  right: 220px; bottom: 15px; max-width: 200px; }

	#customer_header #header #h_info>li:nth-child(2){display:none;}
}
@media screen and (max-width: 768px) {
	#customer_header #header #h_info>li:first-child img { width: 180px;}
	#customer_header #header #dropNav { right: 78px;}
	#customer_header #header #dropNav > span span { padding: 2px 15px 2px 0;}
}
@media screen and (max-width: 750px) {
	#customer_header #header .inner{ padding: 0 3%;}
}

@media screen and (max-width: 600px) {
	#customer_header .inner { overflow: inherit;}
	#customer_header #header_wrap{ position: static; top:0;bottom:auto!important;padding:5px 0;box-sizing:border-box; height:auto; mim-height:78px; z-index:99999;}
	#customer_header #header { display: block; }
	#customer_header #header #h_tel { position: static; clear: both; margin: 10px 0 0;}
	#customer_header #header #h_info{width:64%;display:table;padding:0;}
	#customer_header #header #h_info>li:first-child{display:table-cell;width:49%;}
	#customer_header #header #h_info>li{ height:100%;display:table-cell;padding:0 0.5%;text-align:center!important;vertical-align:top;}
	#customer_header #header #dropNav {top:10px;right: 75px;}
	#customer_header #header #dropNav > a:nth-child(1) { display: inline-block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; }
	#customer_header #header_wrap:target #header #dropNav > a:nth-child(1) { z-index: 2; }
	#customer_header #header #dropNav > a:nth-child(2) { position: relative; z-index: 1; }
	#customer_header #header #dropNav > a img { display: block; height: 48px;}
	#customer_header #header #dropNav > a > span { display: none;}
	#customer_header #header #dropNav ul{left:auto;margin: 5px 0 0;right:-20px;z-index:9999; width: 95px;}
	#customer_header #header_wrap:target #header #dropNav ul { height: 341px;; }
	#customer_header #header #h_info img{margin:0;}

	#customer_header .open_menu{
		display: block; position: fixed; top: 22px; right: 3%; cursor: pointer;
		width: 44px; height: 44px; padding: 0; background: #000; border: 1px solid #555; z-index: 10;
	}
	#customer_header #gnav:target .open_menu { z-index: 99999;}
	#customer_header #gnav #close_menu { padding: 5px 0 !important; text-align: center; position: relative;}
	#customer_header #gnav #close_menu span{ width: 15px; position: absolute; top: 13px; right: 10px; line-height: 0; z-index: 0;}
	#customer_header #gnav #close_menu img { width: 100%;}
	#customer_header #gnav #gn_logo{display:none;}
	#customer_header #gnav .inner { overflow: initial; }
	#customer_header #gnav .gnav_inner { display: none; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: 99998; background: rgba(0,0,0,0.5); pointer-events: none; }
	#customer_header #gnav:target .gnav_inner {  display: block; pointer-events: auto; }
	#customer_header #gnav ul{
		margin: 90px auto 20px auto; padding: 0; width: 94%;
		background-color: #fff; border-radius: 4px; box-sizing: border-box; border: 1px solid #ccc;
	}
	#customer_header #gnav{ width: 100%; padding: 0; left: 0; background: none; top: -60px; }
	#customer_header #gnav:target { height: 100vh; }
	#customer_header #gnav:target .inner { height: 100%; }
	#customer_header #gnav ul>li {
		display: block; width: 100%!important; height: auto; padding: 0; font-size: 15px;
		float: none; line-height: 2; border-bottom: 1px dashed #ccc; border-right: 0;
	}
	#customer_header #gnav ul>li:last-child{ border-bottom: none;}

	#customer_header #gnav ul>li>a {
		display: block; width: 100%; height: auto; margin: 1px; padding: 5px 20px;
		color: #000; text-decoration: none; text-align: center; text-indent: 0; line-height: 1.8;
		white-space: normal; background: none!important; box-sizing: border-box;
	}

	#customer_header #gnav a:hover{ background: none;}
	#customer_header #gnav a:hover img { opacity: 1;}

	#customer_header #gnav ul>li:last-child a { border-radius: 0 0 4px 4px;}
	#customer_header #gnav ul>li>a:hover{ display: block; text-decoration: none; background-color: rgba(204,204,204,0.25);}
	#customer_header #header #h_info>li:first-child img { width: auto;}
	#customer_header #header #h_info>li:nth-child(4) { display: none;}
	#customer_header #lang { display: none;}
	#customer_header #sp_lang_outer { display: none;}

	#customer_header #header_wrap{height:auto;}
	#customer_header #header h1{margin-bottom:10px;}
	#customer_header #header #h_info { width: max-content; max-width: 100%; margin: 0 auto; float: none;}
	#customer_header #header #h_tel{ margin: 0; padding: 0 0 10px; position: static; bottom: inherit; left: inherit;}

	#customer_header .page_title { padding: 200px 0 0 0; background-position: bottom; }
	#customer_header .page_title img { margin: 50px auto 0;}

	#customer_header .breadcrumb_inner { width: 94%; }
	#customer_header #breadcrumb { top: -190px;}

}

@media screen and (max-width: 420px) {
	#customer_header header#header_wrap{height:auto;}

	#customer_header header#header #h_info{width:100%;text-align:left;display:block;padding-right:0; box-sizing:border-box;margin:0;}
	#customer_header header#header #h_info>li{ width:49% !important; text-align: left!important; float: left; display: block;}
	#customer_header header#header #h_info>li:first-child{ width:49% !important; padding: 0; margin: 0 2% 0 0; box-sizing: border-box;}
	#customer_header header#header #h_info>li:nth-child(2){display:none!important;}
	#customer_header header#header #h_info>li:nth-child(4){display:none!important;}

	#customer_header header#header #h_reserve { display: block;}
	#customer_header header#header #h_reserve li { width: 49%; padding: 2% 0; float: left;}
	#customer_header header#header #h_reserve li:first-child { padding-right: 2%;}
	#customer_header header#header #h_reserve:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }
	#customer_header header#header #dropNav { right: 62px;}
	#customer_header header#header #dropNav a span { padding: 12px 0 0;}
	#customer_header header.open_menu { top: 23px;}
	#customer_header header#header #dropNav { top: 18px;}
}


/* ---------------------------------------------------
	SP Fixedfooter
------------------------------------------------------ */
#customer_header .sp_footer{ display: none;}

@media screen and (max-width: 600px) {
	#customer_header .sp_footer{ display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99995;}
	#customer_header .sp_footer p{ box-sizing: border-box; text-align: center;}
	#customer_header .sp_footer p a{ display: block;}
	#customer_header .sp_footer p img{ width: auto; height: 60px;}
	#customer_header .sp_footer .fixed_search1{ background: url(../img/fixed_bg1.png); width: 40%; border-right: solid 1px #000;}
	#customer_header .sp_footer .fixed_search2{ background: url(../img/fixed_bg1.png); width: 40%; border-right: solid 1px #000;}
	#customer_header .sp_footer .fixed_tel{ background: url(../img/fixed_bg2.png); width: 20%; border-right: solid 1px #000;}
	#customer_header .sp_footer .fixed_access{ background: url(../img/fixed_bg2.png); width: 20%; border-right: solid 1px #000;}
}

@media screen and (max-width: 600px) {
	#customer_footer > p { display: none; pointer-events: none; }
}

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

#customer_header #header_wrap:after,
#customer_header #header:after,
#customer_header #header_wrap .inner:after,
#customer_header #nav_wrap:after,
#customer_header #gnav:after,
#customer_header #breadcrumbs:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
