@charset "utf-8";
/* reset
-----------------------------------------------------------------------*/

/* =========================================================
	基本リセット
========================================================= */
#customer_header div,
#customer_header span,
#customer_header object,
#customer_header iframe,
#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_header p,
#customer_header blockquote,
#customer_header pre,
#customer_header abbr,
#customer_header address,
#customer_header cite,
#customer_header code,
#customer_header del,
#customer_header dfn,
#customer_header em,
#customer_header img,
#customer_header ins,
#customer_header kbd,
#customer_header q,
#customer_header samp,
#customer_header small,
#customer_header strong,
#customer_header sub,
#customer_header sup,
#customer_header var,
#customer_header b,
#customer_header i,
#customer_header dl,
#customer_header dt,
#customer_header dd,
#customer_header ol,
#customer_header ul,
#customer_header li,
#customer_header fieldset,
#customer_header form,
#customer_header label,
#customer_header legend,
#customer_header table,
#customer_header caption,
#customer_header tbody,
#customer_header tfoot,
#customer_header thead,
#customer_header tr,
#customer_header th,
#customer_header td,
#customer_header article,
#customer_header aside,
#customer_header dialog,
#customer_header figure,
#customer_header footer,
#customer_header header,
#customer_header hgroup,
#customer_header menu,
#customer_header nav,
#customer_header section,
#customer_header time,
#customer_header mark,
#customer_header audio,
#customer_header video,

#customer_footer div,
#customer_footer span,
#customer_footer object,
#customer_footer iframe,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6,
#customer_footer p,
#customer_footer blockquote,
#customer_footer pre,
#customer_footer abbr,
#customer_footer address,
#customer_footer cite,
#customer_footer code,
#customer_footer del,
#customer_footer dfn,
#customer_footer em,
#customer_footer img,
#customer_footer ins,
#customer_footer kbd,
#customer_footer q,
#customer_footer samp,
#customer_footer small,
#customer_footer strong,
#customer_footer sub,
#customer_footer sup,
#customer_footer var,
#customer_footer b,
#customer_footer i,
#customer_footer dl,
#customer_footer dt,
#customer_footer dd,
#customer_footer ol,
#customer_footer ul,
#customer_footer li,
#customer_footer fieldset,
#customer_footer form,
#customer_footer label,
#customer_footer legend,
#customer_footer table,
#customer_footer caption,
#customer_footer tbody,
#customer_footer tfoot,
#customer_footer thead,
#customer_footer tr,
#customer_footer th,
#customer_footer td,
#customer_footer article,
#customer_footer aside,
#customer_footer dialog,
#customer_footer figure,
#customer_footer footer,
#customer_footer header,
#customer_footer hgroup,
#customer_footer menu,
#customer_footer nav,
#customer_footer section,
#customer_footer time,
#customer_footer mark,
#customer_footer audio,
#customer_footer video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}


/* =========================================================
	見出し
========================================================= */

#customer_header article,
#customer_header aside,
#customer_header dialog,
#customer_header figure,
#customer_header footer,
#customer_header header,
#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,

#customer_footer article,
#customer_footer aside,
#customer_footer dialog,
#customer_footer figure,
#customer_footer footer,
#customer_footer header,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 {
	font-weight: normal;
}


/* =========================================================
	HTML5
========================================================= */

#customer_header hgroup,
#customer_header nav,
#customer_header section,
#customer_footer hgroup,
#customer_footer nav,
#customer_footer section {
	display: block;
}


/* =========================================================
	list
========================================================= */

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


/* =========================================================
	table
========================================================= */

#customer_header caption,
#customer_header th,
#customer_footer caption,
#customer_footer th {
	text-align: left;
	font-weight: normal;
	font-size: 100%;
}

#customer_header table,
#customer_footer table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =========================================================
	form
========================================================= */

#customer_header input,
#customer_header textarea,
#customer_header select,
#customer_footer input,
#customer_footer textarea,
#customer_footer select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	border: 1px solid #ccc;
	border-radius: 0;
}


/* =========================================================
	link
========================================================= */

#customer_header a,
#customer_footer a {
	outline: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #555;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#customer_header a:hover,
#customer_footer a:hover {
	text-decoration: none;
}

#customer_header a:focus,
#customer_footer a:focus {
	outline: none;
}


/* =========================================================
	image
========================================================= */

#customer_header img,
#customer_footer img {
	border: 0;
	vertical-align: middle;
	display: inline-block;
	max-width: 100%;
	height: auto;
}


/* =========================================================
	selection
========================================================= */

#customer_header ::selection,
#customer_footer ::selection {
	background: #062C54;
	color: #fff;
}

#customer_header ::-moz-selection,
#customer_footer ::-moz-selection {
	background: #062C54;
	color: #fff;
}


/* =========================================================
	font
========================================================= */

@font-face {
	font-family: "Custom Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}

@font-face {
	font-family: "Custom Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}

@font-face {
	font-family: "Custom Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}

@font-face {
	font-family: "Custom Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

@font-face {
	font-family: "Custom Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}


/* =========================================================
	customer header / footer 基本設定
========================================================= */

#customer_header,
#customer_footer {
	opacity: 1;
	position: relative;
	color: #555;
	letter-spacing: 3px;
	-webkit-print-color-adjust: exact;
	word-break: break-all;
	font-family: 'Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho", serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.15;
	font-size: 16px;
	padding:0 20px;
}
#customer_header{
	z-index:1044;
}


/* =========================================================
	box-sizing
========================================================= */

#customer_header,
#customer_header *,
#customer_header *::before,
#customer_header *::after,
#customer_footer,
#customer_footer *,
#customer_footer *::before,
#customer_footer *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/*
青
#185AA5
rgba(24,90,165,1)
*/

/* =========================================================
	header
========================================================= */
#webc_con {margin-top: 60px;}
#customer_header header {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	z-index: 10;
	margin: 0 auto;
	padding: 0 10px;
	width: 100%;
	height: 60px;
	background: #fff;
}

#customer_header header .head {
	position: relative;
}

#customer_header header h1 {
	margin: 0;
	padding: 12px 0 0 10px;
	font-size: 0;
}

#customer_header header h1 img {
	width: 100px;
}

#customer_header header .tel {
	position: absolute;
	top: 15px;
	right: 272px;
	letter-spacing: 1px;
}

#customer_header header .tel a {
	font-size: 2px;
	color: #555;
}

#customer_header header .tel a:hover {
	color: #185AA5;
}

#customer_header header .tel a i {
	margin-right: 5px;
	font-size: 15px;
}

#customer_header header .lang {
	position: absolute;
	top: 23px;
	right: 310px;
}

#customer_header header .lang a::after {
	content: "/";
	padding: 0 5px;
}

#customer_header header .lang a:last-child::after {
	content: none;
}


/* =========================================================
	メニューボタン
========================================================= */

#customer_header #spBtn {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 1001;
	display: block;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, .9);
	cursor: pointer;
}
#customer_header #spBtn:focus {
	outline: none;
}

#customer_header #spBtn span {
	position: absolute;
	left: 50%;
	display: block;
	width: 26px;
	height: 1px;
	background: #555;
	transform: translateX(-50%);
	transition:
		top .25s ease-in-out,
		left .25s ease-in-out;
	font-size:0;
}

#customer_header #spBtn span:nth-child(1) {
	top: 15px;
}

#customer_header #spBtn span:nth-child(2) {
	top: 25px;
}

#customer_header #spBtn span:nth-child(3) {
	top: 35px;
}

#customer_header #spBtn:hover span:nth-child(2) {
	left: calc(50% + 3px);
}

#customer_header #spBtn:hover span:nth-child(3) {
	left: calc(50% + 2px);
}


/* =========================================================
	サイドメニュー
	CSS :target で開閉
========================================================= */

#customer_header #slide-out {
	position: fixed;
	inset: 0;
	z-index: 2000;

	visibility: hidden;
	pointer-events: none;

	/*
	 * 閉じるときは、
	 * menuPanel / menuOverlay のアニメーション終了後に非表示
	 */
	transition: visibility 0s linear .3s;
}

#customer_header #slide-out:target {
	visibility: visible;
	pointer-events: auto;

	/* 開くときは即座に表示 */
	transition-delay: 0s;
}


/* =========================================================
	背景オーバーレイ
========================================================= */

#customer_header #slide-out .menuOverlay {
	font-size:0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 997;
	display: block;
	width: 100%;
	height: 120vh;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}

#customer_header #slide-out:target .menuOverlay {
	opacity: 1;
	pointer-events: auto;
}


/* =========================================================
	メニュー本体
========================================================= */

#customer_header #slide-out .menuPanel {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 998;

	width: 300px;
	max-width: 90vw;
	height: 100%;

	background: #fff;

	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;

	transform: translate3d(100%, 0, 0);
	transition: transform .3s ease;

	will-change: transform;
}

#customer_header #slide-out:target .menuPanel {
	transform: translate3d(0, 0, 0);
}


/*
 * グローバルの
 * a {
 *     transition: all .3s ease;
 * }
 * の影響をサイドメニュー内では切る
 */
#customer_header #slide-out .menuPanel a {
	transition: none;
}


/* メニューを開いている間のbodyスクロール */

body:has(#slide-out:target) {
	overflow: hidden;
}


/* =========================================================
	メニュー上部
========================================================= */

#customer_header #slide-out .logo {
	position: absolute;
	top: -14px;
	left: 0;
	width: 40px;
	margin: 1em 0 1em 20px;
	line-height: 64px;
}

#customer_header #slide-out .gNav {
	padding: 30px 0 100px;
}

#customer_header #slide-out .gNav > li {
	position: relative;
	overflow: hidden;
}

#customer_header #slide-out .gNav li a {
	color: #555;
}


/* =========================================================
	閉じるボタン
========================================================= */

#customer_header #slide-out .closeBtn {
	position: relative;
	z-index: 10;
	padding-right: 20px;
	text-align: right;
	font-size: 14px;
}

#customer_header #slide-out .closeBtn > a {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	margin: 20px 0 0 auto;
	color: #777;
}
#customer_header #slide-out .closeBtn > a:focus {
	outline: none;
}
#customer_header #slide-out .closeBtn span {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #555;
	font-size:0;
}

#customer_header #slide-out .closeBtn span:nth-child(1) {
	transform: rotate(45deg);
}

#customer_header #slide-out .closeBtn span:nth-child(2) {
	transform: rotate(-45deg);
}


/* =========================================================
	アコーディオン
	details / summary
========================================================= */

#customer_header #slide-out details {
	width: 100%;
	interpolate-size: allow-keywords;
}

#customer_header #slide-out summary {
	position: relative;
	display: block;
	padding: 12px 16px;
	font-size: 15px;
	line-height: 1.6;
	cursor: pointer;
	list-style: none;
}

#customer_header #slide-out summary::-webkit-details-marker {
	display: none;
}

#customer_header #slide-out summary::marker {
	display: none;
	content: "";
}

/* =========================================================
	アコーディオン開閉アニメーション
========================================================= */

#customer_header #slide-out details::details-content {
	block-size: 0;
	overflow: hidden;
	opacity: 0;

	transition:
		block-size .3s ease,
		opacity .2s ease,
		content-visibility .3s;

	transition-behavior: allow-discrete;
}

#customer_header #slide-out details[open]::details-content {
	block-size: auto;
	opacity: 1;
}

/* 右矢印 */

#customer_header #slide-out summary::after {
	position: absolute;
	top: 50%;
	right: 20px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 12px;
	transform: translateY(-50%);
	transition: transform .25s ease-in-out;
}


/* 開いたとき */

#customer_header #slide-out details[open] > summary::after {
	transform: translateY(-50%) rotate(90deg);
}


/* =========================================================
	アコーディオン中身
========================================================= */

#customer_header #slide-out .accordionBody {
	display: block;
}

#customer_header #slide-out .accordionBody a {
	position: relative;
	display: block;
	height: auto;
	padding: 10px 20px 10px 2em;
	line-height: 1.6;
	font-size: 14px;
}

#customer_header #slide-out .accordionBody a i {
	height: auto;
}


/* =========================================================
	通常リンク
========================================================= */

#customer_header #slide-out .gNav .solo > a {
	position: relative;
	display: block;
	padding: 12px 16px;
	font-size: 15px;
	line-height: 1.6;
}

#customer_header #slide-out .gNav .solo > a::after {
	position: absolute;
	top: 50%;
	right: 20px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 12px;
	transform: translateY(-50%);
}


/* =========================================================
	hover
========================================================= */

#customer_header #slide-out summary:hover,
#customer_header #slide-out .gNav .solo > a:hover,
#customer_header #slide-out .accordionBody a:hover {
	background: #f7f7f7;
}


/* =========================================================
	客室カラー
========================================================= */

#customer_header .roomGNav .accordionBody .gbg1::before {
	background: #D4ECEE;
}

#customer_header .roomGNav .accordionBody .gbg2::before {
	background: #6C9BD2;
}

#customer_header .roomGNav .accordionBody .gbg3::before {
	background: #5C9291;
}

#customer_header .roomGNav .accordionBody .gbg4::before {
	background: #3A8FB7;
}

#customer_header .roomGNav .accordionBody .gbg5::before {
	background: #0086AD;
}

#customer_header .roomGNav .accordionBody .gbg6::before {
	background: #0086CC;
}

#customer_header .roomGNav .accordionBody .gbg7::before {
	background: #005baa;
}

#customer_header .roomGNav .accordionBody .gbg8::before {
	background: #005B98;
}

#customer_header .roomGNav .accordionBody .gbg9::before {
	background: #004898;
}

#customer_header .roomGNav .accordionBody .gbg10::before {
	background: #062C54;
}

#customer_header .roomGNav .accordionBody .gbg1::before,
#customer_header .roomGNav .accordionBody .gbg2::before,
#customer_header .roomGNav .accordionBody .gbg3::before,
#customer_header .roomGNav .accordionBody .gbg4::before,
#customer_header .roomGNav .accordionBody .gbg5::before,
#customer_header .roomGNav .accordionBody .gbg6::before,
#customer_header .roomGNav .accordionBody .gbg7::before,
#customer_header .roomGNav .accordionBody .gbg8::before,
#customer_header .roomGNav .accordionBody .gbg9::before,
#customer_header .roomGNav .accordionBody .gbg10::before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	width: 18px;
	height: 3px;
	transform: translateY(-50%);
}


/* =========================================================
	オンラインショップ
========================================================= */

#customer_header #slide-out .gNav .onlineshop > a {
	height: auto;
	margin: 10px 0;
	padding: 0 16px;
}

#customer_header #slide-out .gNav .onlineshop > a::after {
	content: none;
}

#customer_header #slide-out .gNav .onlineshop > a:hover {
	background: none;
}


/* =========================================================
	LINE
========================================================= */

#customer_header #slide-out .gNav .snsBanner > a {
	width: 140px;
	margin: 0 auto;
	padding: 0 16px;
	text-align: center;
	line-height:48px;
}

#customer_header #slide-out .gNav .snsBanner > a::after {
	display: none;
}

#customer_header #slide-out .gNav .snsBanner > a:hover {
	background: none;
}


/* =========================================================
	言語切り替え
========================================================= */

#customer_header .spTel,
#customer_header .spLang {
	display: none;
}


/* =========================================================
	予約ドロップダウン
	ここは元からCSSのみ
========================================================= */

#customer_header #rsvBtn {
	position: fixed;
	top: 11px;
	right: 80px;
	z-index: 500;
	display: block;
	width: 220px;
	padding: 12px 8px;
	border: 1px solid #555;
	color: #333;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	cursor: pointer;
	transition: all .3s ease;
}

#customer_header #rsvBtn a {
	display: block;
	color: inherit;
}

#customer_header #rsvBtn:hover {
	border-color: #185AA5;
	color: #185AA5;
	background: rgba(24, 90, 165, .03);
}

#customer_header .dropdown__lists {
	position: absolute;
	top: 52px;
	right: 80px;
	z-index: 100;
	visibility: hidden;
	width: 220px;
	border: 1px solid #555;
	border-top: none;
	opacity: 0;
	transition: all .3s;
}

#customer_header .gnavi__list:hover .dropdown__lists {
	visibility: visible;
	opacity: 1;
}

#customer_header .dropdown__list {
	position: relative;
	padding-left: 0 !important;
	border-bottom: 1px solid #555;
	transition: all .3s;
}

#customer_header .dropdown__list:last-child {
	border-bottom: none;
}

#customer_header .dropdown__list i {
	margin-right: 5px;
}

#customer_header .dropdown__list:not(:first-child)::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: #ddd;
}

#customer_header .dropdown__list a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 12px 10px !important;
	border-radius: 0 !important;
	background: #fff;
	color: #185AA5;
	font-size: 14px;
	letter-spacing: 2px;
	text-decoration: none;
}

#customer_header .dropdown__list a:hover {
	background: #134c8d;
	color: #fff;
}

#customer_header .init-bottom::after {
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	margin: 0 0 3px 10px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	transform: rotate(45deg);
}


/* =========================================================
	特殊文字サイズ
========================================================= */

#customer_header #slide-out .accordionBody .longText {
	font-size: 13px;
	letter-spacing: 0;
}


/* =========================================================
	SP
========================================================= */

@media screen and (max-width: 640px) {

	#customer_header header .tel,
	#customer_header header .lang {
		display: none;
	}

	#customer_header .spTel {
		display: block;
	}

	#customer_header .spTel i {
		margin: 0 !important;
	}

	#customer_header .spTel a span {
		font-size: 18px;
	}

	#customer_header .spLang {
		display: flex;
		position: relative;
		overflow: hidden;
	}

	#customer_header #slide-out .gNav .spLang > a {
		width: 50%;
		padding-right: 16px;
		text-align: center;
	}

	#customer_header #slide-out .gNav .spLang > a::after {
		content: none;
	}

	#customer_header #spBtn {
		width: 40px;
	}

	#customer_header #rsvBtn {
		right: 70px;
		width: 196px;
		padding: 10px 3px;
		font-size: 14px;
		letter-spacing: 1px;
	}

	#customer_header .dropdown__lists {
		top: 49px;
		right: 70px;
		width: 196px;
	}

	#customer_header .dropdown__list a {
		font-size: 13px;
		letter-spacing: 1px;
	}

	#customer_header #slide-out .menuPanel {
		width: 320px;
		max-width: 90vw;
	}
}


@media screen and (max-width: 400px) {

	#customer_header header h1 img {
		width: 80px;
	}
}


@media screen and (max-width: 370px) {

	#customer_header header h1 img {
		width: 60px;
		margin-top: 7px;
	}
}
/* LINE banner */
#customer_header nav .snsBanner a{width:140px;margin:0 auto;}
#customer_header nav.sidenav .gNav .snsBanner a:after{display:none;}
#customer_header .sidenav li.snsBanner > a:hover{background:none;}
#customer_footer footer .snsBanner{width:108px;margin:10px 0 0 auto;}
@media screen and (max-width:1400px) {
	#customer_footer footer .snsBanner{margin:10px auto 0 auto;}
}

/* footer

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#customer_footer .lineBanner{position:fixed;z-index:990;bottom:-2px;right:80px;width:140px;}
@media screen and (max-width:640px) {
	#customer_footer .lineBanner{right:0;left:0;width:140px;margin:0 auto;}
	#customer_footer .lineBanner img{width:140px;margin:0 auto;display:block;}
}
#customer_footer #footer{position:relative; overflow:hidden;padding:80px 0 0 0;font-size:14px;text-align:center;}
#customer_footer #footer a:hover{opacity:0.7;}
/* サイトマップ */
#customer_footer #sitemap{float:left;position:relative; overflow:hidden;width:80%;width : -webkit-calc(100% - 340px);width : calc(100% - 340px);}
#customer_footer #sitemap .box1{display:table;table-layout:fixed;width:100%;}
#customer_footer #sitemap .fNav {display:table-cell;text-align:left;padding:0 1em 0 0;}
#customer_footer #sitemap .fNav li{margin:8px 0;font-size:12px;line-height:2;}
#customer_footer #sitemap .fNav li.t1{font-size:12px;}
#customer_footer #sitemap .fNav li.t1:before{content:"\f105";font-family: FontAwesome;margin-right:5px;font-size:12px;opacity:0.7;}
#customer_footer #sitemap .fNav li.t2{padding-left:.8em;}
/* 施設情報 */
#customer_footer #profile{float:right;width:100%;max-width:340px;text-align:right;}
#customer_footer #profile .logo{width:220px;margin:0 0 15px auto;}
#customer_footer #profile address{font-style:normal;line-height:24px;font-size:12px;}
#customer_footer #profile address .tel{display:block;}
#customer_footer #groupLink{border-top:1px solid #eee;margin:30px 0 70px 0;}
#customer_footer #groupLink h4{font-size:16px;line-height: 110%;margin: 16px 0 10px;}
#customer_footer #groupLink li a{font-size:12px;line-height:24px;}
#customer_footer #profile .btmLink li{display:inline-block;font-size:11px;padding:0 0 0 .8em;}
#customer_footer #copy{clear:both;font-size:12px;display:block;width:100%;padding:100px 0 10px 0;}
/* ページトップへのボタン */
#customer_footer .pageTop { position:fixed; bottom:0; right:45px; z-index:50;}
#customer_footer .pageTop a {position:absolute;bottom:0;display:inline-block;width:5px;height:50px;background: url(../img/com/arrow_top_page.svg) 0 10px no-repeat;}
#customer_footer .pageTop a:after {content:'top';margin-top:30px;width:30px;font-size:14px;display:inline-block;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
#customer_footer .pageTop a:hover{background: url(../img/com/arrow_top_page.svg) 0 top no-repeat;}

@media screen and (max-width:1400px) {
	#customer_footer #sitemap{float:none;width:100%;margin-bottom:4em;}
	#customer_footer #profile{float:none;width:100%;max-width:360px;text-align:center;margin:0 auto;}
	#customer_footer #profile .logo{margin:0 auto 15px auto;}
}
@media screen and (max-width:991px) {
	#customer_footer #sitemap .fNav{display:block;float:left;width:33%;margin-bottom:2em;}
	#customer_footer #sitemap .fNav.room{position:relative; overflow:hidden;}
	#customer_footer #sitemap .fNav.room li.t2{float:left;width:33.3%;}
}
@media screen and (max-width:767px) {
	#customer_footer #footer{padding:0;}
	#customer_footer #sitemap .fNav{display:none;}
}

/* 汎用

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#customer_footer .inner{margin:0 auto;}

#customer_header, #customer_footer {
	/* font */
	.ffJaM {font-family: 'Noto Serif JP',"ＭＳ Ｐ明朝","MS PMincho", serif;}
	.ffEn {font-family: 'Amiri', serif;}
	.ls1{letter-spacing:1px;}
	.fs12rem { font-size: 12px !important;}
	.fcBlue { color: #185AA5 !important;}
	.lh14{line-height:1.4 !important;}
	.mgt10 { margin-top: 10px!important;}
	.mgb10 { margin-bottom: 10px!important;}
}