@charset "utf-8";
/* ===================================================
	Reset & base css
	※ この箇所は変更しないで下さい。
====================================================== */
/* #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;}

body { min-width: 1200px;}

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

#customer_header,
#customer_footer { font-family: "Jun 201","typesquare"; font-size: 16px; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 300; line-height: 1.5; -moz-osx-font-smoothing: grayscale;}

#customer_header a img,
#customer_footer a img { border: 0;}
#customer_header a,
#customer_footer a { text-decoration: none; transition: background-color 250ms ease-in-out, color 250ms ease-in-out;}

#customer_header .clearfix:after,
#customer_footer .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#customer_header .jtpl-header__inner,
#customer_footer .jtpl-sidebar__inner,
#customer_footer .jtpl-footer__inner { max-width: 990px; margin: 0 auto;}
#customer_header .alignment-options,
#customer_footer .alignment-options { margin-left: auto; margin-right: auto;}

#customer_header .n,
#customer_footer .n { padding: 5px;}


/* メニューアイコン */
#customer_header .jtpl-top-bar { width: 100%; height: 75px; padding: 12px 0 10px; position: relative; top: 0; left: 0; z-index: 100; box-sizing: border-box; color: #333;}
#customer_header .jtpl-top-bar:after,
#customer_header .jtpl-top-bar:before { content: ""; display: table; clear: both;;}
#customer_header .jtpl-mobile-navigation__label { display: block; padding: 15px; position: absolute; top: 10px; left: 15px; background-color: none !important; box-sizing: border-box; cursor: pointer; text-decoration: none;}
#customer_header .jtpl-mobile-navigation__label a { display: inline-block; padding: 0 !important; background: none !important; font-size: 0;}
#customer_header .jtpl-mobile-navigation__label a[href="#close"] { display: none; width: calc(100% - 30px); height: calc(100% - 30px); position: absolute; left: 15px; top: 15px; text-decoration: none;}
#customer_header #customer_nav:target .jtpl-mobile-navigation__label a[href="#close"] { display: block;}
#customer_header .jtpl-mobile-navigation__borders,
#customer_header .jtpl-mobile-navigation__borders:after,
#customer_header .jtpl-mobile-navigation__borders:before,
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders,
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders:after,
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders:before { display: block; border-radius: 1000px; border-top-style: solid;}
#customer_header .jtpl-mobile-navigation__borders:after,
#customer_header .jtpl-mobile-navigation__borders:before,
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders:after,
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders:before { content: ""; width: 100%; position: absolute;}
#customer_header .jtpl-mobile-navigation__borders,
#customer_header .jtpl-mobile-navigation__borders:after,
#customer_header .jtpl-mobile-navigation__borders:before { border-radius: 1px; border-top-width: 3px; transition: all 0.3s;}
#customer_header .jtpl-mobile-navigation__borders { width: 35px; margin: 9px 0; position: relative; font-size: 0;}
#customer_header .jtpl-mobile-navigation__borders:before { top: -12px;}
#customer_header .jtpl-mobile-navigation__borders:after { top: 6px;}
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders:after,
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders:before { top: -3px; border-top-width: 3px; -ms-transform-origin: center center; transform-origin: center center;}
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders { width: 35px; margin: 9px
	0; position: relative; border-color: transparent; border-top-width: 3px;}
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders:before { -ms-transform: rotate(45deg) scaleX(1.166190379); transform: rotate(45deg) scaleX(1.166190379);}
#customer_header #customer_nav:target .jtpl-mobile-navigation__borders:after { -ms-transform: rotate(-45deg) scaleX(1.166190379); transform: rotate(-45deg) scaleX(1.166190379);}


/* スマホ用メニュー */
#customer_header .jtpl-mobile-navigation { width: 100%; max-height: 0; padding: 0; position: relative; left: 0; z-index: 200; clear: both; opacity: 0; -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all 250ms ease-in-out; visibility: hidden;}
#customer_header .jtpl-mobile-navigation a { display: block; padding: 12px 60px 12px 25px; border-bottom: 1px solid; border-radius: 1px; box-sizing: border-box; font-size: 16px !important; font-size: 1.6rem !important; font-weight: 300; letter-spacing: 0.14em; line-height: 1.5 !important; text-align: left; text-decoration: none;text-transform: uppercase; transition: color 250ms ease-in-out, background-color 250ms ease-in-out; word-wrap: break-word;}
#customer_header .jtpl-mobile-navigation ul { padding: 0; margin: 0; list-style-type: none;}
#customer_header .jtpl-mobile-navigation li { display: block; padding: 0; margin: 0; position: relative;}
#customer_header #customer_nav:target .jtpl-mobile-navigation { max-height: none; opacity: 0.95; -ms-transform: translateY(0); transform: translateY(0); visibility: visible;}


/* ヘッダー */
#customer_header .jtpl-header { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-sizing: border-box;}
#customer_header .jtpl-header .j-imageSubtitle,
#customer_header .jtpl-header .jtpl-logo { background-color: transparent;}
#customer_header .jtpl-header__inner { display: -ms-flexbox; display: flex; display: -webkit-flex; align-items: center; position: relative; -webkit-align-items: center; box-sizing: border-box; -ms-flex-align: center; vertical-align: middle;}
#customer_header .jtpl-header .j-imageSubtitle { padding: 5px;}
#customer_header .jtpl-logo { width: 100%; padding: 10px 20px; box-sizing: border-box; text-align: center;}
#customer_header .jtpl-logo a:link,
#customer_header .jtpl-logo a:visited { background-color: transparent !important; border: 0;}
#customer_header .jtpl-logo a:link img,
#customer_header .jtpl-logo a:visited img { max-height: 75px;}


/* PC用メニュー */
#customer_header .jtpl-navigation { display: none; flex: 1; position: relative; z-index: 10; -ms-flex: 1; transition: opacity 250ms ease-in-out;}
#customer_header .jtpl-navigation ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; background-color: inherit; list-style-type: none;}
#customer_header .jtpl-navigation li { padding: 0; position: relative; background-color: inherit; text-align: left;}
#customer_header .jtpl-navigation li:hover > ul { display: block; z-index: 1;}
#customer_header .jtpl-navigation a { display: inline-block; padding: 10px; box-sizing: border-box; font-size: 16px; font-weight: 300; letter-spacing: 0.14em; line-height: 1.5; text-align: left; text-decoration: none; text-transform: uppercase; transition: color 250ms ease-in-out, background-color 250ms ease-in-out; word-wrap: break-word;}
#customer_header .jtpl-navigation__inner { height: auto; padding: 0;}


/* 下部固定ナビ */
#customer_header .gNavWrap { display: none;}


/* ナビゲーションリンク */
#customer_header .navigation-colors a { background-color: #fff; font-family: "Jun 201","typesquare",sans-serif; font-size: 16px; font-style: normal; font-weight: normal; text-transform: none;}


/* フッター */
#customer_footer .cc-clear { clear: both;}
#customer_footer .cc-m-hgrid-column { min-width: 100%; min-height: 1px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#customer_footer .cc-m-hgrid-column.last { float: right; padding: 0;}
#customer_footer .cc-m-hgrid-column.customer_half { width: 49%;}
#customer_footer .cc-m-hgrid-column.customer_quarter { width: 23.5%;}
#customer_footer .cc-m-hgrid-column .n:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
#customer_footer .cc-imagewrapper { display: block; width: 100%; max-width: 100%; height: auto !important; margin: 0; position: relative; text-align: center;}
#customer_footer .cc-imagewrapper img { display: inline; max-width: 100%; top: 0; left: 0; vertical-align: top;}
#customer_footer .cc-m-spacer { min-height: 30px; max-height: 30px;}
#customer_footer .j-text { word-wrap: break-word;}
#customer_footer .jtpl-section-aside { position: relative; z-index: 1;}
#customer_footer .j-module h3 { margin: 0; font-family: "Jun 201","typesquare"; font-size: 24px; font-weight: 700; line-height: 1.25; text-align: left; text-transform: uppercase;word-wrap: break-word;}
#customer_footer .jtpl-sidebar { padding: 40px 20px;}
#customer_footer .jtpl-sidebar h3 { font-weight: 700;}
#customer_footer .sidebar-options h3 { font-style: normal; font-weight: normal;}
#customer_footer .j-hgrid { padding: 0 !important;}
#customer_footer .j-module h3 { word-wrap: break-word;}
#customer_footer #customer_info p + p { margin: 20px 0 0;}
#customer_footer #customer_info .customer_name { font-size: 18px; font-weight: bold;}
#customer_footer #customer_info .customer_tel { font-size: 20px; font-weight: bold;}
#customer_footer #customer_group_tit { margin: 40px 0 0;}
#customer_footer .j-header { word-wrap: break-word;}
#customer_footer .j-hr hr { margin: 0.5em 0; border-width: 1px; border-bottom-width: 1px; border-style: solid;}
#customer_footer #customer_group_list p { font-size: 14px;}
#customer_footer #customer_group_list strong { font-size: 18px; font-weight: bold;}

#customer_footer #contentfooter { font-size: 0.8em;}
#customer_footer #contentfooter a { white-space: nowrap;}
#customer_footer #contentfooter:after { content: " "; display: table; clear: both;}
#customer_footer .jtpl-footer { padding: 20px; box-sizing: border-box;}
#customer_footer .jtpl-footer .j-meta-links { padding: 1em 0; word-wrap: break-word;}
#customer_footer .jtpl-footer__inner { padding: 0 5px; box-sizing: border-box;}


@media (min-width: 768px) {
	/* メニューアイコン */
	#customer_header .jtpl-top-bar { display: none;}
	#customer_header .jtpl-mobile-navigation__label { display: none;}

	/* スマホ用メニュー */
	#customer_header .jtpl-mobile-navigation { max-height: 0 !important; padding: 0 !important; visibility: hidden !important;}

	/* ヘッダー */
	#customer_header .jtpl-header { width: 100%; position: relative; top: 0; z-index: 10;}
	#customer_header .jtpl-logo a:link img,
	#customer_header .jtpl-logo a:visited img { max-height: 200px;}
	#customer_header .jtpl-logo { width: auto; min-width: 150px; max-width: 300px; padding: 10px 10px 10px 0;}
	#customer_header .jtpl-navigation { display: block;}

	/* フッター */
	#customer_footer .cc-m-hgrid-column { min-width: 0; float: left; padding: 0 2% 0 0;}
	#customer_footer .cc-imagewrapper { text-align: left;}
	#customer_footer .cc-m-image-align-2 { text-align: right;}
	#customer_footer .cc-m-image-align-2 img { float: right;}
	#customer_footer .cc-m-spacer { min-height: 0; max-height: none;}
	#customer_footer .j-module h3 { text-align: center;}
	#customer_footer .j-meta-links { width: 55%; float: left; padding: 0;}
}
@media (max-width: 767px) {
	/* フッター */
	#customer_footer .j-module h3 { font-size: 22px !important;}
}
@media screen and (min-width: 1025px) {
	/* ヘッダー */
	#customer_header .jtpl-header { background: none; box-shadow: none; -webkit-transition: all 500ms 0s ease; transition: all 500ms 0s ease;}
	#customer_header .jtpl-header__inner { max-width: 990px;}
	#customer_header .jtpl-navigation a:link,
	#customer_header .jtpl-navigation a:visited { padding: 8px;}
	#customer_header .hnav_489btn a { text-shadow: none!important;}
	#customer_header .hnav_489btn.pro { margin-left: 10px;}

	/* リンク */
	#customer_header .navigation-colors a { font-weight: bold; text-shadow: 0 0 5px #fff;}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	/* ヘッダー */
	#customer_header .jtpl-header { background: none; box-shadow: none;}
	#customer_header .jtpl-header__inner { max-width: 780px;}
	#customer_header .jtpl-navigation { padding: 5px 0 10px;}
	#customer_header .jtpl-navigation a:link,
	#customer_header .jtpl-navigation a:visited { padding: 8px;}
	#customer_header .hnav_489btn a { text-shadow: none!important;}
	#customer_header .hnav_489btn.pro { margin-left: 10px;}

	/* リンク */
	#customer_header .navigation-colors a { font-weight: bold; text-shadow: 0 0 5px #fff;}
}
@media screen and (max-width: 480px) {
	/* メニューアイコン */
	#customer_header .jtpl-top-bar { width: auto; position: fixed; left: -1px; z-index: 1000002;}
	#customer_header .jtpl-mobile-navigation__label { display: none; padding: 0 !important; top: 25px;}
	#customer_header #customer_nav:target .jtpl-mobile-navigation__label { display: block; background: none;}
	#customer_header .jtpl-mobile-navigation__label a[href="#close"] { width: 100%; height: 100%; left: 0; top: 0;}
	#customer_header .jtpl-mobile-navigation__borders { width: 25px;}
	#customer_header #customer_nav:target .jtpl-mobile-navigation__borders { width: 25px; background: none;}

	/* スマホ用メニュー */
	#customer_header .jtpl-mobile-navigation { width: 100%; height: 100%; max-height: none; padding: 0 0 0 50px; position: fixed; top: 0; left: -100%; z-index: 1000001; background: #fff; box-sizing: border-box; color: #212121; opacity: 0.95; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; visibility: visible;}
	#customer_header #customer_nav:target .jtpl-mobile-navigation { left: 0;}

	/* ヘッダー */
	#customer_header .jtpl-header { width: 100%; position: relative; top: 0; background: no-repeat; box-shadow: none;}
	#customer_header .jtpl-logo { padding: 10px 40px 10px 20px;}

	/* 下部固定ナビ */
	#customer_header .gNavWrap { display: block; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px;}
	#customer_header .gNavWrap--type2 { padding: 10px;}
	#customer_header .gNavWrap--type2 .gNav__unit { width: 19.2%; float: left;}
	#customer_header .gNavWrap--type2 .gNav__unit:nth-child(n+2) { margin-left: 1%;}
	#customer_header .gNavWrap--type2 .gNav__link { display: table; width: 100%; letter-spacing: -0.5px; table-layout: fixed;}
	#customer_header .gNavWrap--type2 .gNav__cell { display: table-cell; font-weight: bold; text-align: center; vertical-align: middle;}
	#customer_header .gNavWrap--type2 .fa { margin-bottom: 5px; font-size: 30px;}
	#customer_header .gNav { padding: 0; list-style-type: none;}
	#customer_header .gNav__unit a { text-decoration: none;}
	#customer_header .gNav__unit.gNav1 .gNav__cell:before { content: "\f3c5"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900;}
	#customer_header .gNav__unit.gNav2 .gNav__cell:before { content: "\f095"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900;}
	#customer_header .gNav__unit.gNav3 .gNav__cell:before { content: "\f508"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900;}
	#customer_header .gNav__unit.gNav4 .gNav__cell:before { content: "\f073"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900;}
	#customer_header .gNav__unit.gNav5 .gNav__cell:before { content: "\f0c9"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900;}

	/* リンク */
	#customer_header .navigation-colors a,
	#customer_header .navigation-colors a:link,
	#customer_header .navigation-colors a:visited { padding: 10px 10px 10px 10px; font-size: 24px!important;}
}


/* ===================================================
	Custom CSS
	以下の項目を施設ごとに変更して下さい。
====================================================== */
#customer_header,
#customer_header a {
	/* 基本文字色 */
	color: #969696;
}
#customer_footer,
#customer_footer a {
	/* 基本文字色 */
	color: #fff;
}
#customer_header a:hover {
	/* リンク マウスオーバー時文字色 */
	color: #2a2a2a;
}
#customer_footer a:hover {
	/* リンク マウスオーバー時文字色 */
	color: #fff;
}
#customer_header .jtpl-header {
	/* ヘッダー 背景色 */
	background-color: #fff;
}
#customer_header .jtpl-navigation a {
	/* PC用メニュー 背景色 */
	background-color: #fff;
	/* PC用メニュー 文字色 */
	color: #969696;
}
#customer_header .jtpl-navigation a:hover {
	/* PC用メニュー マウスオーバー時背景色 */
	background: #fff;
	/* PC用メニュー マウスオーバー時文字色 */
	color: #2a2a2a;
}
#customer_header .hnav_489btn.pro a {
	/* PC用メニュー：組合員様宿泊プラン 背景色 */
	background-color: #5b4709;
	/* PC用メニュー：組合員様宿泊プラン 文字色 */
	color: #fff;
}
#customer_header .hnav_489btn.pro a:hover {
	/* PC用メニュー：組合員様宿泊プラン マウスオーバー時背景色 */
	background-color: #5b4709;
	/* PC用メニュー：組合員様宿泊プラン マウスオーバー時文字色 */
	color: #fff;
}
#customer_header .hnav_489btn a {
	/* PC用メニュー：ビジター宿泊プラン 背景色 */
	background-color: #0e6988;
	/* PC用メニュー：ビジター宿泊プラン 文字色 */
	color: #fff;
}
#customer_header .hnav_489btn a:hover {
	/* PC用メニュー：ビジター宿泊プラン マウスオーバー時背景色 */
	background-color: #0e6988;
	/* PC用メニュー：ビジター宿泊プラン マウスオーバー時文字色 */
	color: #fff;
}
#customer_header .jtpl-top-bar {
	/* タブレット用メニューアイコン 背景色 */
	background-color: #fff;
}
#customer_header .jtpl-mobile-navigation__borders,
#customer_header .jtpl-mobile-navigation__borders:after,
#customer_header .jtpl-mobile-navigation__borders:before {
	/* スマホ用メニューアイコン 色 */
	border-color: #333;
}
#customer_header .jtpl-mobile-navigation a {
	/* スマホ用メニュー 背景色 */
	background-color: #fff;
	/* スマホ用メニュー リンク下線色 */
	border-color: rgba(0, 0, 0, 0.15);
	/* スマホ用メニュー 文字色 */
	color: #969696;
}
#customer_header .jtpl-mobile-navigation a:hover {
	/* スマホ用メニュー マウスオーバー時背景色 */
	background-color: #87ceeb;
	/* スマホ用メニュー マウスオーバー時文字色 */
	color: #2a2a2a;
}
#customer_header .gNavWrap--type2,
#customer_header .gNavWrap--type2 .gNav__link {
	/* スマホ用下部固定ナビ 背景色 */
	background: #333;
	/* スマホ用下部固定ナビ 文字色 */
	color: #fff;
}
#customer_header .gNavWrap--type2 .fa {
	/* スマホ用下部固定ナビ アイコン色 */
	color: #fff;
}
#customer_footer .jtpl-footer,
#customer_footer .jtpl-sidebar {
	/* フッター 背景色 */
	background-color: #2a2a2a;
	/* フッター 文字色 */
	color: #fff;
}
#customer_footer .jtpl-footer a,
#customer_footer .jtpl-sidebar a {
	/* フッターリンク 文字色 */
	color: #fff;
}
#customer_footer .jtpl-footer a:hover,
#customer_footer .jtpl-sidebar a:hover {
	/* フッターリンク マウスオーバー時文字色 */
	color: #fff;
	text-decoration: none;
}
#customer_footer .j-hr hr {
	/* お宿ねっと見出し 下線色 */
	border-color: none;
}