@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; color: #000; }

#customer_header,
#customer_footer {
	font-size: 14px; font-weight: normal; line-height: 1; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-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 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 { line-height: 1; }

#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;}

@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 { font-size: 14px; line-height: 1; 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 #header_wrap { display: none; padding:15px 0 85px; position:fixed; left:0; bottom:0; z-index:999; background:url(../img/h_bg.png) center top; box-sizing:border-box; width: 100%; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;}
#customer_header #header_wrap a{ color: #b48146; text-decoration: none;}
#customer_header #header h1{width:18%;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{padding: 0 90px 0 0;color:#b48246;float:right; display: flex; justify-content: space-between; margin-bottom:18px;}
#customer_header #header #h_info>li{box-sizing:border-box;text-align:left; padding-right: 10px; vertical-align: middle;}
#customer_header #header #h_info>li dt { display: inline-block; margin-right: 5px;}
#customer_header #header #h_info>li dd { display: inline-block;}
#customer_header #header .language { position: relative;}
#customer_header #header .language dt span { display: none;}
#customer_header #header .language dt.active >img { display: none;}
#customer_header #header .language dt.active span { display: block;}
#customer_header #header .language dd { display: none; position: absolute; left: 0; bottom: 25px; width: 85px; background-color: rgba(255, 255, 255, 0.9);}
#customer_header #header .language dd li { width: 100%; text-align: center; border-bottom: 1px dotted #ccc;}
#customer_header #header .language dd li a { display: block; padding: 8px 0;}
#customer_header #header .language dd li:last-child { border-bottom: none;}
#customer_header #header #h_info>li .tel{box-sizing:border-box; background:url(../img/h_tel.png) no-repeat left center;padding-left:15px; font-size:20px;}
#customer_header #header #h_info>li #dropNav ul{position:absolute;left:0;bottom:25px;width:85px; z-index: 100;}
#customer_header #header #h_info>li #dropNav ul a:hover{text-decoration:none;}
#customer_header #header #h_info>li #dropNav ul li{ border-bottom:1px dotted #b48246; width:100%;background:#ffffff;text-align:center;padding:2px 0; line-height: 25px; }
#customer_header #header #h_info>li #dropNav ul li:last-child{border-bottom:none;}
#customer_header #header #h_info>li #dropNav ul li:hover{background:#b48246;color:#ffffff;}
#customer_header #header #h_info>li #dropNav ul li:hover a{color:#ffffff;}
#customer_header #header #h_nav{float:right;display:table;}
#customer_header #header #h_nav>li{display:table-cell; padding-right: 15px;}
#customer_header #header #h_nav>li a{display:inline-block;background:no-repat center;background-size:contain;}
#customer_header #header #dropNav { position:absolute; top: 2px; right: 0; line-height: 1.5;}
#customer_header #header #dropNav > span { display: block; padding: 0 10px; border: 1px solid #bba16b; background-color: #fff; color: #764a0a;}
#customer_header #header #dropNav > 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: 3px 0; display: block;}
#customer_header #header #dropNav ul li a img { vertical-align: middle; }
#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;}

#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_outer > a { position: absolute; top: 0; right: 140px; display: block;}
#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 dt { border: 3px solid #bba16b; background-color: #fff; color: #764a0a;}
#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; font-family: serif; line-height: 1.5; font-size: 16px;}
#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: all 0.75s;}
#customer_header #sp_lang dd li { border-bottom: 1px solid #6f6f6f; line-height: 1.5;}
#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;}

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

@media screen and (min-width: 601px) {
	#customer_header #sp_lang:hover dd { height: 342px; overflow: auto;}
}


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

#customer_header #gnav{ clear: both; background:url(../img/bg01.png) repeat-x center top; 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; box-sizing: border-box; margin: 0 5px 0;}
#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-repeat:no-repeat; background-position: 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:57px;}
#customer_header #gnav ul>li#gn_02{width:101px;}
#customer_header #gnav ul>li#gn_03{width:156px;}
#customer_header #gnav ul>li#gn_04{width:157px;}
#customer_header #gnav ul>li#gn_05{width:68px;}
#customer_header #gnav ul>li#gn_06{width:43px;}
#customer_header #gnav ul>li#gn_07{width:93px;}
#customer_header #gnav ul>li#gn_08{width:96px;}
#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;}

@media screen and (max-width: 1108px) {
	#customer_header #gnav #gn_logo { margin: -25px 0 0 0; }
}

/* page title */
#customer_header #page_title { text-align:center; padding:46px 0 40px; background:url(../img/tit_bg.png) repeat-x center 66px,url(../img/tit_mark.png) no-repeat center 4px; }
#customer_header #page_title img { display:inline-block; background: url(../img/bg01.png) center top; padding:0 61px; }

/* breadcrumb */
#customer_header .breadcrumbs { width:1100px; max-width: 96%; margin:-10px auto 0; padding:16px 0; font-size:88%;}
#customer_header .breadcrumbs li { display:inline-block; }
#customer_header .breadcrumbs li span { margin:0 8px; }
#customer_header .breadcrumbs li a { color:#000; text-decoration:none; }
#customer_header .breadcrumbs li a:hover { text-decoration:underline; }

/* ---------------------------------------------------
	SP　Header & G-nav
------------------------------------------------------ */

@media screen and (max-width: 600px) {
	#customer_header #header_wrap{ display: block; position: static; top:0;bottom:auto!important;padding:5px 0;box-sizing:border-box; height:auto; mim-height:78px; z-index:99999;background:url(../img/h_bg.jpg) center top; }
	#customer_header #header .inner{ padding: 0 3%;}
    #customer_header #header h1 { width: 60%; margin-bottom:10px; }
	#customer_header #header h1 span{ padding: 0 0 10px;}
	#customer_header #header #logo{ width: 48%;}
	#customer_header #header #h_tel{ display: block; float: none; max-width: 200px; margin: 0; padding: 0 0 10px; position: static; }
	#customer_header #header #h_nav{ display:none;}
	#customer_header #header #h_info{ padding:0; width: 100%; margin-bottom: 10px; text-align:right; box-sizing:border-box; }
	#customer_header #header #h_info img{ margin:0;}
	#customer_header #header #h_info>li dd { display: none;}
    #customer_header #header #h_info>li dt { margin: 0;}
	#customer_header #header #h_info>li{ width: 49%; margin: 0; padding: 0; text-align: center; }
	#customer_header #header #h_info>li:nth-of-type(5) { position: absolute; top: 5px; right: 75px; width: 58px !important; padding: 0; margin: 0;}
	#customer_header #header #h_info>li:nth-of-type(2),
    #customer_header #header #h_info>li:nth-of-type(3){ display: none;}

	#customer_header #gnav:target .open_menu { z-index: 99999;}
    #customer_header #gnav {display: block;}
	#customer_header #gnav{ width: 100%; padding: 0; position: fixed; top: -60px; left: 0; z-index: 99999; background: none;}
	#customer_header #gnav_wrap{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; overflow: auto; background: rgba(0,0,0,0.5);}
	#customer_header .open_menu{
		display: block; top: 15px; right: 3%; position: fixed; cursor: pointer;
		width: 44px; height: 44px; padding: 0; background: #000; border: 1px solid #555; z-index: 10;
	}
	#customer_header #gnav a:hover { background: transparent; }
	#customer_header #gnav a:hover img { opacity: 1; }
	#customer_header #gnav #gn_logo{display:none;}
	#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; overflow-y: scroll; }
	#customer_header #gnav:target .gnav_inner { display: block; pointer-events: auto; }
	#customer_header #gnav #close_menu { 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 ul{
		margin: 90px auto 100px auto; padding: 0; width: 94%;
		background-color: #fff; border-radius: 4px; box-sizing: border-box; border: 1px solid #ccc;
	}
	#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#gn_home{display: block;}
	#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 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 #gnav:target { height: 100vh; }
	#customer_header #gnav:target .inner { height: 100%; }

	#customer_header .splang{display:block!important; font-size: 0 !important; text-align: center;}
	#customer_header .splang span{display:block!important;padding:7px 0;font-size: 16px !important; border-bottom: 1px dashed #ccc; background: #D7C69D; clear: both;}
	#customer_header .splang a{display:block !important; float: left !important; width:50% !important;line-height:14px; padding:8px 0!important; margin: 0!important; font-size:14px !important; text-align: center !important; border-bottom: 1px dashed #ccc; border-right: 1px dashed #ccc; box-sizing: border-box !important;}
	#customer_header .splang a:nth-child(even){box-sizing:border-box;}
	#customer_header .splang a:nth-of-type(2n){border-left: none;}
	#customer_header .splang a:last-child{float:left; border-bottom: none;}

	#customer_header #lang { display: none;}
	#customer_header .sidebtn {display: none!important;}

	#customer_header #sp_lang_outer { display: none;}

	#customer_header #header #h_info>li #dropNav ul{ left: auto; right: -20px; bottom: inherit; width: 95px; height: 0; }
	#customer_header #header #dropNav { height: 100%; position: static;}
	#customer_header #header #dropNav > a > span { display: none;}
	#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_wrap:target #header #dropNav ul { height: 341px;; }
	#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 > span { display: none;}
	#customer_header #header #dropNav ul {left:auto; margin: 5px 0 0; right:-20px; z-index:9999; width: 95px;}
}



/* ---------------------------------------------------
	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{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}