@charset "utf-8";
/* ===================================================
	Reset
====================================================== */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../../common/fonts/eb-garamond-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../common/fonts/eb-garamond-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/eb-garamond-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/eb-garamond-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/eb-garamond-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/eb-garamond-v15-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

#customer_header *,
#customer_footer * {
	-webkit-box-sizing: border-box; box-sizing: border-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 {
	font-size: 15px; font-weight: normal; line-height: 1;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", serif;
	-webkit-text-size-adjust: 100%;
}

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

#customer_header #header,
#customer_header #gnav,
#customer_footer #footer {
	margin: 0 auto; padding: 0; max-width: 1100px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#customer_header #header,
#customer_footer #footer { width: 96%;}

#customer_header #gnav { width: 100%;}


@media screen and (orientation:landscape) {
	body { width: 100%;}
}
@media screen and (max-width: 768px) {
	body { min-width: 0;}
	#customer_header #header,
	#customer_header #gnav,
	#customer_footer #footer { max-width: 96%;}
}


#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:hover img,
#customer_footer a:hover img { opacity: 0.75;}

#customer_header img,
#customer_footer img { max-width: 100%;}

#customer_header .tel-link,
#customer_footer .tel-link { pointer-events: none;}

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

@media screen and (max-width: 768px) {
	#customer_header .tel-link { pointer-events: none;}

	#customer_header #header_wrap:target .tel-link,
	#customer_footer .tel-link{ pointer-events: auto;}

	#customer_header .pc,
	#customer_footer .pc { display: none !important;}
	#customer_header .sp,
	#customer_footer .sp { display: block !important;}
}


/* Header
------------------------------------------------------ */
#customer_header #header,
#customer_header #h_nav,
#customer_header #h_aed,
#customer_header #h_nav #h_tel,
#customer_header #h_nav #h_tel .tel-link{
	display: flex; align-items: center;
}

#customer_header #header { padding: 10px 0 20px; flex-wrap: wrap;}
#customer_header #header > p {
	margin-bottom: 15px; width: 100%; color: #333; font-size: 12px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
}
#customer_header #header #logo { width: 395px;}

#customer_header #h_nav { margin: 0 0 0 auto; width: 640px; justify-content: flex-end;}
#customer_header #h_nav > p,
#customer_header #h_nav #h_aed p:first-child { flex-grow: 0; flex-shrink: 0;}

#customer_header #h_nav #h_aed{ margin: 0 25px; width: 180px;}
#customer_header #h_nav #h_aed p:first-child{ margin-right: 15px;}
#customer_header #h_nav #h_aed p:first-child img{ width: 44px;}
#customer_header #h_nav #h_aed p:last-child {
	font-size: 10px; line-height: 1.6;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
}

#customer_header #h_nav #h_tel { flex-direction: column;}
#customer_header #h_nav #h_tel .tel-link{
	width: 100%; font-size: 34px; position: relative; justify-content: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", serif;
}
#customer_header #h_nav #h_tel .tel-link::before{
	display: block; margin-right: 10px; width: 25px; height: 25px;
	content: ""; background: url(../../common/img/icon_call.svg) no-repeat;
	background-size: cover;
}
#customer_header #h_nav #h_tel .time { margin-top: 5px; width: 100%; font-size: 14px;}

@media screen and (max-width: 768px) {
	#customer_header #header{ padding: 0; height: 50px;}
	#customer_header #header #logo{ width: 53%; max-width: 392px;}

	#customer_header #header > #open_menu,
	#customer_header #header > #close_menu {
		position: fixed; top: 0; right: 0; z-index: 10001;
		display: block; width: 50px; height: 50px; background: #00969f;
	}
	#customer_header #open_menu a,
	#customer_header #close_menu a{ display: block; width: 50px; height: 100%; position: relative;}

	#customer_header #open_menu:hover,
	#customer_header #close_menu:hover{ cursor: pointer;}
	#customer_header #open_menu a:hover,
	#customer_header #close_menu a:hover{ text-decoration: none; opacity: 0.75;}

	#customer_header #open_menu a > span,
	#customer_header #close_menu a > span {
		position: absolute; left: 8px; width: 34px; height: 2px;
		background: #fff; transition: 0.5s;
	}
	#customer_header #open_menu p,
	#customer_header #close_menu p {
		padding-top: 30px;
		color: #fff; font-size: 11px; line-height: 20px; text-align: center;
		transition: 0.2s;
	}

	#customer_header #open_menu a > span:nth-child(1) { top: 6px;}
	#customer_header #open_menu a > span:nth-child(2) { top: 17px;}
	#customer_header #open_menu a > span:nth-child(3) { top: 27px;}

	#customer_header #close_menu { opacity: 0; line-height: 34px; pointer-events: none; transition: opacity .5s;}

	#customer_header #header_wrap:target #open_menu a > span span { opacity: 0;}
	#customer_header #header_wrap:target #close_menu { pointer-events: auto; opacity: 1;}
	#customer_header #header_wrap:target #close_menu a > span:nth-child(1){ top: 17px; transform: rotate(45deg);}
	#customer_header #header_wrap:target #close_menu a > span:nth-child(2){ top: 17px; transform: rotate(-45deg);}
}


/* G-nav
------------------------------------------------------ */
#customer_header #nav_wrap{ min-width: 1100px; background: #00969f;}

#customer_header #gnav ul { height: 70px; display: flex;}
#customer_header #gnav li { }
#customer_header #gnav li a{
	padding: 0 29px; height: 70px; line-height: 70px;
	color: #fff; font-size: 18px; white-space: nowrap; transition: 0.5s;
	display: flex; align-items: center; justify-content: center;
}
#customer_header #gnav li a:hover { text-decoration: none; background-color: #006d73;}
#customer_header #gnav #gn_reserv a{ background: #d6ae22;}
#customer_header #gnav #gn_reserv a:hover { background-color: #de9700;}


@media screen and (max-width: 768px) {
	#customer_header #nav_wrap{
		width: 100%; min-width: 0; height: 100%; padding: 0 0 25px;
		position: fixed; top: 0; left: 0; z-index: 10000; overflow: auto;
		background: rgba(0,0,0,0.5); -webkit-transition: 0.75s; -o-transition: 0.75s; transition: 0.75s;
		pointer-events: none; opacity: 0;
	}

	#customer_header #header_wrap:target #nav_wrap {
		background: rgba(255,255,255,0.95);
		pointer-events: auto; opacity: 1;
	}

	#customer_header #gnav { width: 100%; padding: 0; position: relative; z-index: 15; background: none;}
	#customer_header #gnav .logo{ margin: 0 0 7vw; padding-top: 12px; width: 53%; max-width: 392px;}

	#customer_header #gnav ul,
	#customer_header #gnav ul+.sp,
	#customer_header #gnav #close_menu { margin: 0 auto; width: 84%;}

	#customer_header #gnav ul { height: auto; flex-wrap: wrap; border-top: 1px solid #ccc;}
	#customer_header #gnav li { width: 50%;}
	#customer_header #gnav li a{ color: #000; white-space: normal; line-height: 1.8; justify-content: flex-start;}
	#customer_header #gnav li a:hover{ background: #ebf6f5;}
	#customer_header #gnav li:not(.sp) { border-bottom: 1px solid #ccc;}
	#customer_header #gnav li:not(.sp):nth-child(odd){ border-right: 1px solid #ccc;}
	#customer_header #gnav li:not(.sp) a{ padding: 3.5vw 15px 3.5vw 20px; height: auto; font-size: 15px;}
	#customer_header #gnav li.sp{}
	#customer_header #gnav li.sp a{ padding: 6vw 0 3vw; height: auto; font-size: 13px; display: flex; position: relative;}
	#customer_header #gnav li.sp a::before{
		display: block; width: 5px; height: 8px; margin: -1px 8px 0 0;
		content: ""; background: url(../../common/img/icon_arrow_s_b.png) no-repeat left center;
		background-size: contain;
	}

	#customer_header #gnav #gn_reserv{ margin: 5vw 0; width: 100%; border: none !important;}
	#customer_header #gnav #gn_reserv a{ color: #fff; justify-content: center;}

	#customer_header #gnav #gn_cancel{ text-align: center;}
	#customer_header #gnav #gn_cancel a{ padding: 3.5vw 0; display: flex; justify-content: center; align-items: center;}
	#customer_header #gnav #gn_cancel a::before{
		display: block; margin-right: 10px; width: 16px; height: 16px;
		content: ""; background: url(../../common/img/icon_arrow_g.svg) no-repeat;
		background-size: cover;
	}

	#customer_header #gnav #gn_call{ margin: 2vw 0 10vw; display: flex; flex-direction: column;}
	#customer_header #gnav #gn_call .tel-link{
		width: 100%; padding-right: 10px; font-size: 32px;
		display: flex; justify-content: center; align-items: center;
		font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", serif;
	}
	#customer_header #gnav #gn_call .tel-link::before{
		display: block; margin-right: 10px; width: 19px; height: 19px;
		content: ""; background: url(../../common/img/icon_call.svg) no-repeat;
		background-size: cover;
	}
	#customer_header #gnav #gn_call > span{ margin-top: 10px; width: 100%; font-size: 14px; text-align: center;}

	#customer_header #gnav #close_menu{ padding-bottom: 10vw; color: #000; text-align: center; position: relative;}
	#customer_header #gnav #close_menu span {
		position: absolute; left: 50%; margin-left: -17px;
		width: 34px; height: 2px; background: #000;
	}
	#customer_header #gnav #close_menu span:nth-child(1) { top: 17px; transform: rotate(45deg);}
	#customer_header #gnav #close_menu span:nth-child(2) { top: 17px; transform: rotate(-45deg);}
	#customer_header #gnav #close_menu p { padding-top: 35px; color: #000; font-size: 12px; line-height: 20px; text-align: center;}

	#customer_header #gnav #close_btn{ padding-bottom: 10vw; color: #000; text-align: center; position: relative;}
	#customer_header #gnav #close_btn span {
		position: absolute; left: 50%; margin-left: -17px;
		width: 34px; height: 2px; background: #000;
	}
	#customer_header #gnav #close_btn span:nth-child(1) { top: 17px; transform: rotate(45deg);}
	#customer_header #gnav #close_btn span:nth-child(2) { top: 17px; transform: rotate(-45deg);}
	#customer_header #gnav #close_btn p { padding-top: 35px; color: #000; font-size: 12px; line-height: 20px; text-align: center;}
}

@media screen and (max-width: 375px) {
	#customer_header #gnav ul,
	#customer_header #gnav ul+.sp,
	#customer_header #gnav #close_menu { margin: 0 auto; width: 90%;}
	#customer_header #gnav li.sp a::before{ margin-right: 5px;}
}
@media screen and (max-width: 320px) {
	#customer_header #gnav .logo{ margin-bottom: 10vw;}
	#customer_header #gnav ul,
	#customer_header #gnav ul+.sp,
	#customer_header #gnav #close_menu { margin: 0 auto; width: 100%;}
	#customer_header #gnav li.sp a{ padding-left: 5px;}
}


/* Main img
------------------------------------------------------ */
#customer_header #main_img { width: 100%; height: 300px; position: relative; overflow: hidden;}

#customer_header #main_tit {
	width: 100%; height: 100%;
	top: 0; left: 0; position: absolute;
	display: flex; justify-content: center; align-items: center;
}
#customer_header #main_tit h1 { color: #fff; display: flex; flex-direction: column; align-items: center;}
#main_tit h1 .en { margin: 0 auto 17px; font-size: 56px; font-family: 'EB Garamond', serif;}
#main_tit h1 .en span{ margin-left: 0.5em;}
#main_tit h1 .ja{ font-size: 22px;}

#customer_header #main_img img{ width: 100%; height: 100%; object-fit: cover;}

#customer_header #breadcrumb { left: 0; bottom: 10px; position: absolute; padding: 0 60px; width: 100%;}
#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;}
#customer_header #breadcrumb li,
#customer_header #breadcrumb li a{ color: #fff;}

@media screen and (max-width: 768px) {
	#customer_header #main_tit h1{ width: 90%; text-align: center;}
	#customer_header #breadcrumb { display: none;}
}
@media screen and (max-width: 600px) {
	#customer_header #main_tit h1 .en { font-size: 12vw;}
	#customer_header #main_tit h1 .en span{ margin-left: 0; display: block;}
}

/* Footer
------------------------------------------------------ */
#customer_footer #footer_wrap { margin-top: 400px; padding: 50px 0 25px; position: relative;}
#customer_footer #footer_wrap::before{
	display: block; width: 100%; height: 400px;
	content: ""; top: -400px; left: 0; position: absolute;
	background: url(../../common/img/contents_bg_pc.jpg) no-repeat center top;
	background-size: cover;
}

#customer_footer #footer #ft_info{
	margin-bottom: 30px; padding-bottom: 35px;
	border-bottom: 1px solid #ccc;
	display: flex; justify-content: space-between;
}

#customer_footer #footer #ft_logo{ width: 392px;}
#customer_footer #footer #ft_logo > a{ display: block; margin-bottom: 20px;}
#customer_footer #footer #ft_logo address{ font-size: 14px; line-height: 1.7;}
#customer_footer #footer #ft_logo address span:first-child{ display: block;}
#customer_footer #footer #ft_logo address span.sp{ display: none;}

#customer_footer #footer #ft_call{ }
#customer_footer #footer #ft_call dl{ }
#customer_footer #footer #ft_call dt{ margin-bottom: 10px; font-weight: normal; line-height: 1 !important;}
#customer_footer #footer #ft_call dt span{ font-size: 18px;}
#customer_footer #footer #ft_call dt span.time{ margin-left: 15px; font-size: 14px;}
#customer_footer #footer #ft_call dd{
	padding-left: 5px; font-size: 32px; letter-spacing: 1px; line-height: 1 !important;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman",serif;
}
#customer_footer #footer #ft_call dd:first-of-type{ margin-bottom: 20px;}
#customer_footer #footer #ft_call dd .tel-link{ }
#customer_footer #footer #ft_call dd .tel-link::before{
	display: inline-block; margin-right: 15px; width: 25px; height: 25px;
	content: ""; background: url(../../common/img/icon_call.svg) no-repeat; background-size: cover;
}

#customer_footer #footer #ft_reserv{ width: 300px;}
#customer_footer #footer #ft_reserv > a{
	display: block; margin-bottom: 30px; width: 300px; padding: 20px;
	color: #fff; font-size: 18px; text-align: center; background: #de9700;
	border-radius: 5px; transition: all 0.5s;
}
#customer_footer #footer #ft_reserv > a:hover{ text-decoration: none; opacity: 0.75;}

#customer_footer #footer #ft_reserv ul{ }
#customer_footer #footer #ft_reserv li{
	margin-bottom: 15px; font-size: 14px;
	display: flex; align-items: center;
}
#customer_footer #footer #ft_reserv li::before{
	display: block; margin-right: 10px; width: 12px; height: 12px;
	content: ""; background: url(../../common/img/icon_arrow_g.png) no-repeat;
	background-size: 12px 12px;
}

#customer_footer #f_nav{}
#customer_footer #f_nav ul{ display: flex; flex-wrap: wrap;}
#customer_footer #f_nav li{ margin-bottom: 25px; padding-left: 15px; width: calc( 100% / 6); position: relative;}
#customer_footer #f_nav li::before{
	display: block; width: 5px; height: 8px; margin-top: -4px;
	top: 50%; left: 0; position: absolute;
	content: ""; background: url(../../common/img/icon_arrow_s_b.png) no-repeat left center;
	background-size: contain;
}

#customer_footer #group_wrap { padding: 25px 0 0; background: url(../../common/img/ft_group_bg.jpg) center top;}
#customer_footer #group_wrap .inner { margin: 0 auto; padding-bottom: 40px; width: 96%; max-width: 1100px;}

#customer_footer #group_wrap .group_logo { margin: 0 0 30px; position: relative; text-align: center;}
#customer_footer #group_wrap .group_logo a { position: absolute; bottom: 8px; left: calc(50% + 95px);}
#customer_footer #group_wrap .group_list {
	display: flex; justify-content: space-between;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
#customer_footer #group_wrap .group_list li { width: calc( 100% / 6 ); margin: 0 0 20px; font-size: 0;}
#customer_footer #group_wrap .group_list li::after { content: ""; display: block; clear: both;}
#customer_footer #group_wrap .group_list li:last-child { margin-right: auto;}
#customer_footer #group_wrap .group_list li img { border: 1px solid #fff;}
#customer_footer #group_wrap .group_list li a {
	display: inline-block; width: calc(100% - 80px);
	padding: 0 0 0 10px; margin: 10px 0 0 10px;
	position: relative; font-size: 13px; line-height: 1.6; vertical-align: top;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
}
#customer_footer #group_wrap .group_list li a::before {
	content: ''; width: 7px; height: 10px;
	position: absolute; left: 0; top: 5px;
	background: url(../../common/img/icon_arrow_s_g.svg) no-repeat left center;
}
#customer_footer #group_wrap .group_list li.current a { color: #00969f; pointer-events: none; text-decoration: underline;}

#customer_footer #copyright{ padding: 10px; color: #fff; font-size: 12px; text-align: center; background: #00969f;}

@media screen and (max-width: 768px) {
	#customer_footer #footer_wrap { padding: 7.5vw 0 3vw;}
	#customer_footer #footer_wrap::before{
		height: 65vw; top: -65vw;
		background: url(../../common/img/contents_bg_sp.jpg) no-repeat center top;
		background-size: cover;
	}

	#customer_footer #footer #ft_info{
		margin-bottom: 4vw; padding-bottom: 0;
		border-bottom: none; flex-direction: column;
	}
	#customer_footer #footer #ft_logo{
		margin-bottom: 9vw; padding-bottom: 7vw;
		width: 100%; text-align: center;
		border-bottom: 1px solid #ccc;
	}
	#customer_footer #footer #ft_logo > a{ margin: 0 auto 6vw; width: 75%;}
	#customer_footer #footer #ft_logo address span.sp{ margin: 5px 0;}

	#customer_footer #footer #ft_call{ margin-bottom: 8.5vw; text-align: center;}
	#customer_footer #footer #ft_call dt span.time{ margin-left: 10px;}
	#customer_footer #footer #ft_reserv{ width: 100%;}
	#customer_footer #footer #ft_reserv > a{ margin: 0 auto 5vw; width: 88%; max-width: 420px;}
	#customer_footer #footer #ft_reserv ul{ margin: 0 auto 7vw; width: 94%; display: flex; justify-content: center;}
	#customer_footer #footer #ft_reserv li{ justify-content: center; white-space: nowrap;}
	#customer_footer #footer #ft_reserv li:first-child{ padding-right: 3%;}
	#customer_footer #footer #ft_reserv li::before{ margin-right: 5px;}

	#customer_footer #footer #ft_group_link{}
	#customer_footer #footer #ft_group_link a{
		margin: 0 auto 4.6vw; padding: 9px;
		width: 88%; max-width: 420px; border: 1px solid #000;
		display: flex !important; justify-content: center; align-items: center;
	}
	#customer_footer #footer #ft_group_link a > img{ margin-right: 10px; width: 48px;}
	#customer_footer #footer #ft_group_link a span{ padding-right: 30px; position: relative;}
	#customer_footer #footer #ft_group_link a span::after{
		display: block; margin-top: -6px; width: 12px; height: 12px;
		top: 50%; right: 0; position: absolute;
		content: ""; background: url(../../common/img/icon_arrow_b.svg) no-repeat;
	}
}
@media screen and (max-width: 375px) {
	#customer_footer #footer #ft_reserv ul{ width: 86%; flex-direction: column;}
	#customer_footer #footer #ft_reserv li:first-child{ margin-bottom: 15px; width: 100%;}
	#customer_footer #footer #ft_reserv li:last-child{ width: 100%;}
}

@media screen and (max-width: 320px) {
	#customer_footer #footer #ft_call dt span{ font-size: 16px;}
	#customer_footer #footer #ft_call dd{ font-size: 26px;}
}

/* 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;}


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



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