@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; position: relative; min-height: 100vh; background:url(../img/bg1.jpg); color: #000;}
#customer_header,
#customer_footer { 
	font-size: 14px; font-weight: normal; line-height: 1.5;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;}
	
	#customer_header a,
	#customer_footer a { color:#562f00; text-decoration: none;}
	#customer_header a:hover,
	#customer_footer a:hover { color: #562f00; text-decoration: underline;}
	#customer_header a:hover img,
	#customer_footer a:hover img { opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}
	
	#customer_header .fixed,
	#customer_footer .fixed { width: 100%; position: fixed; top:0; left: 0; z-index: 999;}
	#customer_header .ofi,
	#customer_footer .ofi { object-fit: cover; font-family: 'object-fit: cover;';}

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


#customer_header a,
#customer_footer a { color: #555; text-decoration: none;}
#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 .ver_pc,
	#customer_footer .ver_pc { display: none;}
	#customer_header .ver_sp,
	#customer_footer .ver_sp { display: inline;}
}

/* pc/sp 表示切り替え
------------------------------------------------------ */
#customer_header .sp,
#customer_footer .sp { display: none;}

@media screen and (max-width: 600px) {
	#customer_header .pc,
	#customer_footer .pc { display: none !important;}
	#customer_header .sp,
	#customer_footer .sp { display: block;}
}

/* ---------------------------------------------------
ボタン
------------------------------------------------------ */
/* ボタン1 */
#customer_header .btn1,
#customer_footer .btn1 { display: block; width: 200px; padding: 5px 0; border-radius: 4px; color: #fff; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; background: linear-gradient(to bottom, #a36e32 0%,#8f4e00 100%); position: relative;}
#customer_header .btn1:after,
#customer_footer .btn1:after { content: ""; position: absolute; top: 50%; right: 10px; background: url(../img/ico_arrow1.png) no-repeat 0 0; background-size: 5px; width: 5px; height: 7px; margin: -3px 0 0;}
#customer_header .btn1:hover,
#customer_footer .btn1:hover { text-decoration: none; color: #fff; background: url(../img/ico_arrow1.png)no-repeat right 10px center #8f4e00; background-size: 5px!important;}

/* ボタン2 */
#customer_header .btn2,
#customer_footer .btn2 { display: block; width: 100%; margin: 20px 0 0; padding: 5px 0; border-radius: 4px; color: #fff; text-align: center; font-size: 16px; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; background: linear-gradient(to bottom, #a36e32 0%,#8f4e00 100%); position: relative;}
#customer_header .btn2:after,
#customer_footer .btn2:after { content: ""; position: absolute; top: 50%; right: 10px; background: url(../img/ico_arrow1.png) no-repeat 0 0; background-size: 5px; width: 5px; height: 7px; margin: -3px 0 0;}
#customer_header .btn2:hover,
#customer_footer .btn2:hover { text-decoration: none; color: #fff; background: url(../img/ico_arrow1.png)no-repeat right 10px center #8f4e00; background-size: 5px;}


/* ---------------------------------------------------
	Header
------------------------------------------------------ */
#customer_header #header_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 110px;}
#customer_header #header_wrap #header { text-align: center;}
#customer_header #header_wrap #header h1{ padding: 20px 0 0;}

@media screen and (max-width: 600px) {
#customer_header #header_wrap { position: static; height: auto; background: url(../img/hd_bg.jpg);}
#customer_header #header_wrap #header {}
#customer_header #header_wrap #header h1{ padding: 12px 0; width: 200px; margin: 0 auto;}
}



/* ---------------------------------------------------
	main_tit & 施設ロゴ
------------------------------------------------------ */

#customer_header #main_tit { position: relative; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#customer_header #main_tit .tit_col {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-ms-align-items: center; align-items: center; justify-content: center;
	width: 100%; height: 100%; position: absolute; z-index: 10; text-align: center;
}
#customer_header #main_tit .tit_col p{padding:0 0 15px; }
#customer_header #main_tit h1 span {
	display: inline-block; min-width: 320px; padding: 5px 40px; color: #5c4c2c; font-size: 32px;
	-webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;

	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 15%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.85) 85%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 15%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 85%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 15%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 85%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#customer_header #main_tit .ofi { width: 100%; min-height: 200px;}

@media screen and (max-width: 600px) {
	#customer_header #main_tit .tit_col { padding: 20px 0; position: static; background: #562f00;}
	#customer_header #main_tit .tit_col p { padding: 0;}
	#customer_header #main_tit .tit_col p img { width: 200px; height: auto;}
	#customer_header #main_tit h1 {
		display: -webkit-flex; display: -ms-flex; display: flex;
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		-ms-align-items: center; align-items: center; justify-content: center;
		width: 100%; height: 200px; min-height: 150px;
		position: absolute; left: 0; bottom: 0; z-index: 10;
	}
	#customer_header #main_tit h1 span { min-width: 200px; font-size: 24px;}
	#customer_header #main_tit .ofi { height: 200px;}
}


/* ---------------------------------------------------
	G-nav
------------------------------------------------------ */

#customer_header #gnav { border-bottom: 1px solid #ccc; background: rgba(255,255,255,0.95);}

/* ナビ文字色 & ホバー時スタイル */
#customer_header #gnav a { color: #5c4c2c;}
#customer_header #gnav a:hover { background: #f0e7dc; text-decoration: none;}
#customer_header #gnav a .en { color: #c7a34e;}

/* 予約ボタン */
#customer_header #gnav #gn_reserve { background: none;}
#customer_header #gnav #gn_reserve a {
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7f8d48+0,607319+100 */
	background: rgb(206,82,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(233,115,0,1) 0%, rgba(206,82,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(233,115,0,1) 0%,rgba(206,82,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(233,115,0,1) 0%,rgba(206,82,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e97300', endColorstr='#ce5200',GradientType=0 ); /* IE6-9 */
}

#customer_header #gnav #gn_reserve a .en { color: #fff6b4;}
#customer_header #gnav #gn_reserve a:hover { background: #ce5200;}

/* gnav PC用スタイル */
#customer_header #gnav { position: sticky; top: 0; z-index: 1000;}
#customer_header #gnav ul,
#customer_header #gnav a { display: -webkit-flex; display: -ms-flex; display: flex;}
#customer_header #gnav ul { width: 1100px; margin: 0 auto;}
#customer_header #gnav li { width: 100%; min-height: 80px; padding: 0 0 0 1px; background: url(../img/gnav_line.png) no-repeat left top;}
#customer_header #gnav a {
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-ms-align-items: center; align-items: center;
	justify-content: center; width: 100%; min-height: 100%;
	padding: 15px 0; text-align: center;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#customer_header #gnav a img { opacity: 1;}
#customer_header #gnav a .ja {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
}
#customer_header #gnav a .en { font-size: 11px;}
#customer_header #gnav a#close_bot { display: none;}


@media screen and (max-width: 600px) {
	/* ▼ jquery-dropdown 用のcss設定です ▼ */
	/* gnav外側に追加する要素 画面全体を覆います。 */
	#customer_header #menuOuter {
		width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000;
		background: rgba(0,0,0,0.5); opacity: 0; overflow: auto; pointer-events: none;
		-webkit-transition: opacity 0.75s; -o-transition: opacity 0.75s; transition: opacity 0.75s;
	}
	#customer_header #menuOuter.active { pointer-events: auto; opacity: 1;}
	/* gnav外の領域用要素 この部分をタップするとメニューが閉じます。 */
	#customer_header #menuInner { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; cursor: pointer;}
	/* ▲ jquery-dropdown 用のcss設定です ▲ */

	/* gnav SP用スタイル */
	#customer_header #gnav_wrap { width: 100%; height: 100vh; position: fixed; background: none; border: none; top: 0; z-index: 1000; background-color: rgba(0,0,0,0.5); opacity: 0; pointer-events: none; transition: opacity .5s;
	}
	#customer_header #gnav { position: relative; width: 92%; margin: 4% auto 150px; border: none; background: none;}

	#customer_header #header:target #gnav_wrap { display: block; pointer-events: auto; height: 100%; opacity: 1;  pointer-events: auto;}

	#customer_header #gnav .close_menu { cursor: pointer; font-size: 16px;}
	#customer_header #gnav .close_menu span::before,
	#customer_header #gnav .close_menu span::after { content: ''; width: 15px; height: 3px; position: absolute; left: 0;}
	#customer_header #gnav .close_menu span::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
	#customer_header #gnav .close_menu span::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

	#customer_header #gnav #close_top a { padding: 10px 0; text-align: center; position: relative; color: #000;}
	#customer_header #gnav #close_top span {
		width: 15px; height: 0; padding: 15px 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: #999; margin: -2px 0 0; top: 50%;}
	#customer_header #gnav #close_bot {
		padding: 10px 5px; margin: 10px auto 0; background: #000;
		border: 1px solid #555; color: #fff; text-align: center;
	}
	#customer_header #gnav a#close_bot { display: block;}
	#customer_header #gnav #close_bot span { display: inline-block; padding: 0 0 0 20px; position: relative;}
	#customer_header #gnav #close_bot span:before,
	#customer_header #gnav #close_bot span:after { margin: -2px 0 0; top: 50%; background: #fff;}

	#customer_header #gnav ul {
		display: block; width: auto; padding: 0;
		background: #fff; border-radius: 4px;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#customer_header #gnav li { display: block; min-height: auto; background: none; border-bottom: 1px dashed #ccc;}
	#customer_header #gnav li.bd_n { border-bottom: none;}
	#customer_header #gnav li.bd_n a  { border-radius: 0 0 4px 4px;}
	#customer_header #gnav a { display: block; padding: 10px 15px; text-align: left;}
	#customer_header #gnav a .ja { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;}
}

/* ---------------------------------------------------
Breadcrumb
------------------------------------------------------ */
#customer_header .bread { margin: 20px auto; width: 1100px; font-size: 13px; text-align: right; color: #555;}
#customer_header .bread li { display: inline-block; line-height: 1.6; list-style: none;}
#customer_header .bread li:before { content: '>'; margin: 0 5px;}
#customer_header .bread li:first-child:before { display: none;}

@media screen and (max-width: 600px) {
	#customer_header .bread { display: none;}
}






/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
#customer_footer #footer_wrap { background: #562f00;}
#customer_footer #page_top { display:block; text-align: center; border-bottom: solid 1px #808080; margin: 0 0 30px;}
#customer_footer #page_top a { display: block; padding: 10px 0 15px;}
#customer_footer #footer { width: 1100px; margin: 0 auto; padding: 0 0 30px; line-height: 1.8; overflow: hidden; color: #fff;}
#customer_footer #footer a { color: #fff;}
#customer_footer #footer .ft_addr { width: 300px; float: left; font-style: normal;}
#customer_footer #footer .ft_addr .ft_logo { display: block; margin: 0 0 20px;}
#customer_footer #footer .ft_addr p { padding: 0 10px 0 0;}
#customer_footer #footer .ft_addr p.ft_tel,
#customer_footer #footer .ft_addr p.ft_fax{ display: inline-block; }
#customer_footer #footer .ft_addr p.ft_tel{ padding: 0 10px 0 0;}
#customer_footer #footer .ft_nav { float: left; width: 440px; margin: 0 40px;}
#customer_footer #footer .ft_nav .acc_tit { display: none;}
#customer_footer #footer .ft_nav > div{ display: flex; justify-content: space-between;}
#customer_footer #footer .ft_nav ul { margin: 15px 0 0;}
#customer_footer #footer .ft_nav li { padding: 0 0 0 12px; margin: 0 10px 5px 0; font-size: 12.5px; background:url(../img/ft_ico1.png) no-repeat 0 6px; background-size: 6px;}
#customer_footer #footer .ft_btns { float: right; width: 230px; padding: 20px; background-color: #fff;}
#customer_footer #footer .ft_btns .ft_tel{ padding: 0; text-align: center; font-size: 13px; color: #000; line-height: 1.3;}
#customer_footer #footer .ft_btns .ft_tel a,
#customer_footer #footer .ft_btns .ft_tel span{ font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color: #000;}
#customer_footer #footer .ft_btns .ft_tel span.telnum{ font-size: 30px;}
#customer_footer #footer .ft_btns .ft_tel span.telnum span{ font-size: 25px;}
#customer_footer #footer .ft_btns .ft_tel span.reception{ font-size: 11px;}
#customer_footer #footer .ft_btns .ft_btn .btn2{ margin: 10px 0 0; background: linear-gradient(to bottom, #e97300 0%,#ce5200 100%);}
#customer_footer #footer .ft_btns .ft_btn .btn2:hover { background: #ce5200;}
#customer_footer #footer .copyright { clear: both; padding: 0; text-align: left; font-size: 12px; color: #fff;}

@media screen and (max-width: 600px) {
	#customer_footer #footer { width: 92%;}
	#customer_footer #footer .ft_addr { float: none; width: 100%; margin: 0 0 30px; text-align: center;}
	#customer_footer #footer .ft_addr .ft_logo img{ width: 200px;}
	#customer_footer #footer .ft_addr p { padding: 0;}
	#customer_footer #footer .ft_addr p.ft_tel{ padding: 0 10px 0 0;}
	#customer_footer #footer .ft_nav{ float: none; width: 100%; margin: 0 0 25px;}
	#customer_footer #footer .ft_nav > div{ display: block}
	#customer_footer #footer .ft_nav ul { float: none; width: 100%; margin: 0;}
	#customer_footer #footer .ft_nav li { font-size: 16px; background:url(../img/ft_ico1.png) no-repeat 0 center; background-size: 6px;}
	#customer_footer #footer .ft_nav li br{ display: none;}
	#customer_footer #footer .ft_nav .acc_tit { display: block; width: 100%; padding: 10px 25px; margin: 0 0 25px; position: relative; background: #975b14; text-align: center; color: #fff; box-sizing: border-box;}
	#customer_footer #footer .ft_nav .acc_tit:after { content: ''; width: 9px; height: 9px; margin: -4px 0 0 0; position: absolute; top: 50%; right: 10px; background: url(../img/ico_arrow2.png) no-repeat left top; background-size: 10px;}
	#customer_footer #footer .ft_nav .acc_tit.active:after { background-image: url(../img/ico_arrow3.png); background-size: 10px;}
	#customer_footer #footer .ft_btns { float: none; width: 100%; text-align: center; box-sizing: border-box;}
	#customer_footer #footer .copyright { padding: 15px 0 60px; text-align: center;}
}
@media screen and (max-width: 320px) {
	#customer_footer #footer .ft_addr { font-size: 13px;}
}


/* ---------------------------------------------------
	fix_nav
------------------------------------------------------ */

@media screen and (max-width: 600px) {
	/* 背景 */
	#customer_footer #fix_nav { background-color: #fff;}

	/* ボーダー */
	#customer_footer #fix_nav { border-top: 2px solid #562f00;}

	/* アイコンのボーダー */
	#customer_footer #fix_nav li + li { border-left: 1px solid #ccc;}

	/* メニューボタンの色 */
	#customer_footer #fix_nav li:last-child a { background: #000; color: #fff;}

	/* PC用スタイル */
	#customer_footer #fix_nav,
	#customer_footer #fix_nav a { display: -webkit-flex; display: -ms-flex; display: flex;}
	#customer_footer #fix_nav { width: 100%; z-index: 999; position: fixed; bottom: 0;}
	#customer_footer #fix_nav li { width: 100%;}
	#customer_footer #fix_nav a {
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		-ms-align-items: center; align-items: center;
		justify-content: center; padding: 5px 0 calc(env(safe-area-inset-bottom) + 5px); min-height: 70px; font-size: 12px;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#customer_footer #fix_nav a:hover { text-decoration: none;}
	#customer_footer #fix_nav img { width: 35px; margin: 0 0 3px;}
}


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



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