@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 {
	min-width: 1100px; background: #fff; color: #5e572b;
	font-size: 15px; font-weight: normal; line-height: 2;
	font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	-webkit-text-size-adjust: 100%; font-feature-settings: "palt";
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}

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

#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 a,
#customer_footer a { color: #555; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#customer_header a,
#customer_footer a { opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#customer_header a:hover,
#customer_footer a:hover { color: #555; text-decoration: underline;}
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75;}
#customer_header img,
#customer_footer img { max-width: 100%;}

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

@media screen and (orientation:landscape) {
	body { width: 100%;}
}
@media screen and (max-width: 600px) {
	body { min-width: 0;}
	#customer_header,
	#customer_footer { min-width: inherit;}

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


/* Header
------------------------------------------------------ */
#customer_header #header_wrap { position: fixed; top: 0; width: 100%; min-width: 1100px; background-color: rgba(243,242,234,0.9); color: #5e572b; bottom: 1px solid #d7d4bc; z-index: 10000;}
#customer_header #header { display: flex; padding: 5px 0 5px; border-bottom: 1px solid #dad4ba;}
#customer_header #header #logo { width: 260px;}
#customer_header #header #lang { margin: 5px auto 0 0; position: relative;}
#customer_header #header #lang a { display: block; width: 120px; padding: 4px 0; border: 1px solid #d7d1b5; text-align: center; color: #5e572b; background: url(../img/h_lang.png)no-repeat left 8px center; line-height: 1;}
#customer_header #header #lang a:hover { text-decoration: none; opacity: 0.7;}
#customer_header #header #lang_list { display: none; width: 100%; position: absolute; border: 1px solid #d7d1b5; border-top: none; box-sizing: border-box;}
#customer_header #header #lang_list li { background: #f4f3ec; border-top: 1px solid #d7d1b5; text-align: center;}
#customer_header #header #lang_list li:nth-of-type(1) { border-top: none;}
#customer_header #header #lang_list li:hover { opacity: 0.8;}
#customer_header #header #lang_list li a { padding: 5px 0; display: block; color: #5e572b;}
#customer_header #header #lang_list li a:hover { text-decoration: none;}
#customer_header #header #logo+.tel-link { line-height: 1; margin: 8px 0 0 auto; font-size: 26px;}
#customer_header #header #logo+.tel-link span { font-size: 15px;}


@media screen and (max-width: 600px) {
	#customer_header #header_wrap {position: static; min-width: inherit;}
	#customer_header #header { display: block; padding: 15px 4%; border-bottom: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#customer_header #header h1 { text-align: center;}
	#customer_header #header #logo { margin: 0 auto; line-height: 1;}
	#customer_header #header #lang { display: none;}
	#customer_header #header #logo+.tel-link { display: none;}

	#customer_header #h_nav { display: block; width: auto; float: none;}
	#customer_header #h_nav li { padding: 0;}
	#customer_header #h_nav .tel-link { display: none;}
	#customer_header #h_nav .btn { max-width: 260px; margin: 0 auto;}
}


/* G-nav
------------------------------------------------------ */
#customer_header #gnav a.close_menu { display: none;}

#customer_header #gnav { clear: both;}
#customer_header #gnav > ul { display: flex; margin: 0 auto; justify-content: space-between;}
#customer_header #gnav > ul li { position: relative; text-align: center; font-size: 15px; padding: 15px 20px 10px; white-space: nowrap;}
#customer_header #gnav > ul li a { display: block; color: #5e572b;}
#customer_header #gnav > ul li a:hover { text-decoration: none;}
#customer_header #gnav > ul li span { display: block; font-size: 9px; color: #b59624; line-height: 1.5;}
#customer_header #gnav > ul li:nth-last-child(2) { border-right:0;} /* 最後の閉じるボタンを抜かして一番最後のリスト */
/* #gnav a { display:block; height: 0; padding: 50px 0 0; overflow: hidden;} */
#customer_header #gnav > ul li#gn_10 { padding: 15px 20px 10px; border-bottom: 3px solid #b59624; box-sizing: border-box;}
#customer_header #gnav li:not(#gn_10):hover:after { left: 0vw; right: 0vw;}
#customer_header #gnav li:not(#gn_10):after {
	content: ''; height: 3px; position: absolute; left: 50%; right: 50%; bottom: 0; background: #b59624;
	-webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
}

#customer_header #gn_home { display: none;}

#customer_header #gnav a.close_menu+a,
#customer_header #gnav > ul+dl,#gnav > ul+dl+a { display: none;}


@media screen and (max-width: 600px) {
	#customer_header #header_wrap #gnav { width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; overflow: auto; background-color: #fff; pointer-events: none; -webkit-transition: 0.75s; -o-transition: 0.75s; transition: 0.75s; height: 0;}
	#customer_header #header_wrap:target #gnav { pointer-events: auto; height: 100%;}

	#customer_header #gnav a.close_menu+a, #gnav > ul+dl, #gnav > ul+dl+a { display: block;}
	#customer_header #gnav { width: 100%; padding: 0; position: relative; z-index: 15; background: none;}
	#customer_header #gnav a.close_menu+a { margin: 40px 0 0; text-align: center;}
	#customer_header #gnav a.close_menu { display: block; cursor: pointer;}
	#customer_header #gnav a.close_menu span:before,
	#customer_header #gnav a.close_menu span:after { content: ''; width: 40px; height: 2px; position: absolute; left: 0;}
	#customer_header #gnav a.close_menu span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
	#customer_header #gnav a.close_menu span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	#customer_header #gnav #close_top { padding: 5px 0; text-align: center; position: relative;}
	#customer_header #gnav #close_top span {
		width: 40px; height: 0; padding: 40px 0 0;
		position: absolute; top: 13px; right: 10px; overflow: hidden;
	}
	#customer_header #gnav #close_top span:before,
	#customer_header #gnav #close_top span:after { background: #787878; margin: -2px 0 0; top: 50%;}
	#customer_header #gnav #close_bot {
		 display: table; padding: 5px; margin: 10px auto 0; color: #000; text-align: center;
	}
	#customer_header #gnav #close_bot span { display: block; font-size: 14px; padding: 50px 0 0; position: relative;}
	#customer_header #gnav #close_bot span:before,
	#customer_header #gnav #close_bot span:after { margin: -2px 0 0; top: 50%; left: 9%; background: #626262;}

	#customer_header #gnav > ul {
		width: auto; padding: 0; margin: 40px 4% 30px;
		-webkit-box-sizing: border-box; box-sizing: border-box; flex-wrap: wrap;
	}
	#customer_header #gnav li:not(#gn_10):after { content: none;}
	#customer_header #gnav > ul li:nth-of-type(1),	#gnav > ul li:nth-of-type(2) { border-top: 1px solid #b7ae82;}
	#customer_header #gnav > ul li { width: 47%; text-align: left; box-sizing: border-box; border-bottom: 1px solid #b7ae82;}
	#customer_header #gnav > ul li:nth-of-type(odd) { margin: 0 6% 0 0;}
	#customer_header #gnav a:hover { background: rgba(204,204,204,0.25); text-decoration: none;}

	#customer_header #gnav > ul:nth-last-child(2) a { border-radius: 0 0 4px 4px;}

 #customer_header #gnav > ul+dl { display: block; width: 92%; margin: 0 auto;}
 #customer_header #gnav > ul+dl dt { padding: 0 0 10px 15px; font-weight: normal;}
	#customer_header #gnav > ul+dl dd ul { display: flex; flex-wrap: wrap;}
	#customer_header #gnav > ul+dl dd li { width: 50%; box-sizing: border-box; border: 1px solid #b7ae82;}
	#customer_header #gnav > ul+dl dd li:nth-of-type(1),
	#customer_header #gnav > ul+dl dd li:nth-of-type(2) { border-bottom: 1px solid #b7ae82;}
	#customer_header #gnav > ul+dl dd li a { display: block; padding: 10px 15px;}
	#customer_header #gnav > ul+dl dd li:nth-of-type(even) { border-left: 1px solid #b7ae82;}
	#customer_header #gnav > ul li#gn_10 { display: none;}
	#customer_header #gnav > ul+dl+a { position: relative; width: 92%; margin: 30px auto 0; padding: 10px 0; text-align: center; background-color: #b59624; color: #fff;}
	#customer_header #gnav > ul+dl+a::after { content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;}
}


/* ---------------------------------------------------
title
------------------------------------------------------ */
#customer_header #main_tit { display: flex; position: relative; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin: 118px 0 0; height: 500px; background: url(../img/tit_bg.jpg)no-repeat center center; background-size: cover; font-size: 20px; color: #fff; line-height: 2.5;}
#customer_header #main_tit h1 { display: block; width: 100%; line-height: 2.5; font-size: 15px;}
#customer_header #main_tit h1 span { font-family: 'EB Garamond', serif; letter-spacing: 3px; text-shadow: 1px 0px 10px rgba(0,0,0,0.3), 0px 1px 10px rgba(0,0,0,0.3), -1px 0px 10px rgba(0,0,0,0.3);}
#customer_header #main_tit h1 > span { position: relative; display: block; font-size: 50px; line-height: 1.5;}
#customer_header #main_tit h1 > span::after { content: ""; display: block; position: absolute; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 200px; margin: 0 0 0 -100px; height: 1px; background-color: #fff;}
#main_tit h1 > span span { font-size: 70px;}

@media screen and (max-width: 600px) {
#customer_header #main_tit { height: 330px; font-size: 16px;}
#customer_header #main_tit h1 > span span  { font-size: 47px;}
#customer_header #main_tit h1 > span { font-size: 34px;}
#customer_header #main_tit h1 > span::after { width: 100px; margin: 0 0 0 -50px;}
}


/* breadcrumb */
#customer_header #breadcrumb { position: absolute; left: 2%; bottom: 5px; width: 100%; max-width: 92%; text-align: left; font-size: 13px;}
#customer_header #breadcrumb a { color: #fff;}
#customer_header #breadcrumb li { display: inline-block; line-height: 1.6;}
#customer_header #breadcrumb li:before { content: '>'; margin: 0 5px;}
#customer_header #breadcrumb li:first-child:before { display: none;}


@media screen and (max-width: 600px) {
	#customer_header #breadcrumb { display: none;}
	#customer_header #main_tit { margin: 0;}
}


/* Footer
------------------------------------------------------ */
#customer_footer #pagetop { display:block; position: fixed; bottom: 10px; right: 10px; z-index: 9999;}
#customer_footer #pagetop a { display: block; width: 60px; height: 60px;}

#customer_footer #footer_wrap { border-top: 5px solid #d7d1b5; background: #f3f2ea;}
#customer_footer #footer { font-size: 13px; padding: 40px 0; color: #5e572b; line-height: 1.6;}
#customer_footer #footer a { color: #5e572b;}

#customer_footer #f_logo { width: 330px; float: left; font-style: normal;}
#customer_footer #f_logo p { padding: 0 0 10px;}
#customer_footer #f_logo img { display: block; margin: 0 0 20px;}
#customer_footer #f_logo address { margin: 0 0 15px;}
#customer_footer #f_logo address+ul { display: flex;}
#customer_footer #f_logo address+ul li { margin: 0 20px 0 0;}

#customer_footer #f_nav .acc_tit { display: none;}
#customer_footer #f_nav { padding: 15px 0 40px; width: calc( 100% - 320px); max-width: 600px; float: right;}
#customer_footer #f_nav div { display: flex;}
#customer_footer #f_nav div ul { width: 25%;}
#customer_footer #f_nav li { position: relative; margin: 0 10px 15px 0; padding-left: 15px; text-align: left;}
#customer_footer #f_nav li::before { content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #b59624;
  border-right: solid 1px #b59624;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;}
#customer_footer #f_nav div ul:last-of-type li { margin: 0 0 15px 0;}

#customer_footer #copyright { clear: both; border-top: 1px solid #e7e4d5; padding: 20px 55px 0; text-align: center;}

@media screen and (max-width: 600px) {
	#customer_footer #pagetop { display: none;}
	#customer_footer #footer { font-size: 16px; padding: 25px 4% 80px; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#customer_footer #f_logo { width: 100%; float: none; text-align: center;}
	#customer_footer #f_logo img { margin: 0 auto 15px;}
	#customer_footer #f_logo address span { display: block;}
	#customer_footer #f_logo address br { display: none;}
	#customer_footer #f_logo address+ul { justify-content: center;}

	#customer_footer #f_nav { width: 100%; max-width: none; float: none;}
	#customer_footer #f_nav .acc_tit {
		display: block; width: 100%; padding: 10px 25px; margin: 0 0 15px;
		position: relative; background: #7c7651; text-align: center; color: #fff;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#customer_footer #f_nav .acc_tit:after {
		content: "";
	  display: block;
	  position: absolute;
	  bottom: 5px;
	  right: 50%;
	  width: 8px;
	  height: 8px;
	  border-top: 1px solid #fff;
	  border-right: 1px solid #fff;
	  transform: translateX(-50%) rotate(135deg);
	}
	#customer_footer #f_nav .acc_tit.active:after { background-image: url(../img/arrow_on.png);}
	#customer_footer #f_nav div { flex-wrap: wrap;}
	#customer_footer #f_nav div ul{ display: block; width: 50%; padding: 0; text-align: left;}

	#customer_footer #f_nav ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
}
@media screen and (max-width: 480px) {
	#customer_footer #f_nav li { display: block; width: auto; float: none; margin-right: 0;}
}


/* ---------------------------------------------------
	sp_nav
------------------------------------------------------ */

#customer_footer #sp_nav { display: none;}

@media screen and (max-width: 600px) {
	#customer_footer #sp_nav { display: block; position: fixed; bottom: 0; left: 0; background: #fff; z-index: 100;}
	#customer_footer #sp_nav ul { display: table; width: 100%; table-layout: fixed;}
	#customer_footer #sp_nav li { display: table-cell; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#customer_footer #sp_nav li:nth-of-type(2){ border-left: 1px solid #b7ae82;}
	#customer_footer #sp_nav a { display: block; padding: 10px; text-align: center; font-size: 12px;}
	#customer_footer #sp_nav img { width: 40px;}
	#customer_footer #sp_nav li span { display: block; margin: 5px auto 0;}
	#customer_footer #sp_nav li:nth-of-type(1) { width: 20%;}
	#customer_footer #sp_nav li:nth-of-type(3) { width: 22%; background-color: #887323;}
	#customer_footer #sp_nav li:nth-of-type(4) { background-color: #b59624;}
	#customer_footer #sp_nav li:nth-of-type(5) { background-color: #4d4932;}
	#customer_footer #sp_nav li:nth-of-type(3) a,
	#customer_footer #sp_nav li:nth-of-type(4) a,
	#customer_footer #sp_nav li:nth-of-type(5) a { color: #fff;}
}


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

#header:after,
#nav_wrap:after,
#gnav ul:after,
#contents_wrap:after,
#footer:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


/* ---------------------------------------------------
	更新履歴
------------------------------------------------------



------------------------------------------------------ */