@charset "UTF-8";

/**** 変数の定義 ****/
:root {
	/* カラー */
	/*    //メインカラー  rgb(75,188,184)*/
	--mint-blue: #4bbcb8;
	/*    //ベースカラー  rgb(249,235,197)*/
	--beige: #f9ebc5;
	/*    //アクセントカラー1  rgb(211,166,95)*/
	--brown: #d3a65f;
	/*    //アクセントカラー2  rgb(234,125,104)*/
	--light-red: #ea7d68;
}

html {
	width: calc(100vw - calc(100vw - 100%));
	overflow-x: hidden;
}

body {
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	line-height: 1.5;
	color: #555;
}


/*基本*/
.spa *,
.spa::before *,
.spa::after * {
	margin: 0;
	box-sizing: border-box;
}

.spa {
	margin: 0 auto;
	background: linear-gradient(180deg, #f9ebc5, #f9ebc5 10%, #faf3e1 20%, #faf3e1 90%, #4bbcb8 100%);
	width: 100vw;
}

.spa-head,
.spa-lead,
/*.spa-menu,*/
.big-spa,
.family-spa,
.spa-set,
/*.spa-info,*/
.spa-clean,
.spa-note {
	margin-bottom: 5em;
}

.spa img {
	max-width: 100%;
	height: auto;
	padding: 0;
	vertical-align: bottom;
}

.spa-title {
	margin: 0 15px;
	padding-bottom: 10px;
	z-index: 10;
	align-self: center;
	font-size: 2.143em;
	font-family: serif;
	line-height: 1.2;
	text-align: center;
	border-bottom: 2px ridge var(--light-red);
	text-shadow: 0px 0px 15px #fff;
}

.spa-title + p {
	padding-top: 0.5em;
}

.spa-title ~ p:first-of-type {
	margin-bottom: 1.5em;
}

.spa-title ~ p:last-of-type,
.spa-sub_title ~ p:last-of-type {
	margin-bottom: 2em;
}

.spa-title-text .spa-title + p {
	margin-bottom: 1em;
}

.spa-sub_title {
	font-size: 1.2em;
	text-align: center;
	border-bottom: 1px dotted #999;
	border-bottom: 1px dotted var(--light-red);
	text-shadow: 2px 3px 10px #fff;
	color: var(--mint-blue);
}

.fig-text {
	font-size: 1em;
	text-align: center;
}

.text {
	font-size: 1.2em;
	text-align: center;
	color: #666;
}

.japanese {
	font-size: 1.063em;
}

.wbr {
	word-break: keep-all;
}

.bold {
	font-weight: bold;
}

.clearfix::after {
	content: " ";
	display: block;
	clear: both;
}

/* fadein */
.fadein {
	transition: all 1.5s 1.5s ease-out;
	transform: translateX(-100px);
	opacity: 0;
}

.scrollin {
	transform: translateX(0);
	opacity: 1;
}


/* *** コンテンツ *** */

/* ↓ ヘッダー spa-header ↓ */
.spa-head {
	position: relative;
	max-width: 100%;
	height: auto;
}

.spa-title_head {
	position: absolute;
	top: 5%;
	left: 45%;
	z-index: 10;
	max-width: 20%;
	padding: 15px 20px;
	border: 0.5px solid #fff;
	box-shadow: 0 0 20px #ccc;
	border-radius: 3%;
}

.spa-title_top {
	max-width: 50%;
	margin: 0 auto;
	padding-bottom: 10px;
	z-index: 10;
	font-family: serif;
	font-size: 3em;
	line-height: 1.2;
	text-align: center;
	text-shadow: 3px 5px 15px #666;
	color: #fff;
	letter-spacing: 0.1em;
}

.spa-title_en {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-shadow: 3px 3px 10px #333;
	color: #fff;
	border-top: 2px solid rgba(75, 188, 184, .7);
	border-bottom: 0.5px solid #fff;
}

.spa-title-fig {
	position: relative;
	height: 100%;
	object-fit: cover;
}

.spa-catch_top {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 5%;
	max-width: 50%;
	padding: 30px 50px 30px 30px;
	font-size: 1.5em;
	font-family: serif;
	font-weight: 300;
	line-height: 1.3;
	text-align: end;
	color: #000;
	background-image: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .7));
	box-shadow: 0 0 20px var(--mint-blue);
}

.spa-list {
	max-width: 800px;
	margin: 50px auto 10px;
	font-family: 'Noto Sans JP',sans-serif;
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid var(--brown);
	border-radius: 5px;
}

.spa-list ul {
	padding: 25px;
}

.spa-list li {
	font-size: 0.875em;
	text-align: center;
	list-style: none;
}

.spa-list span {
	font-size: 1.286em;
	color: #666;
}

.spa-clean_head {
	margin: 0 auto;
	text-align: center;
}

.spa-clean_head_p {
	display: inline-block;
	margin: -1em auto 1em;
	padding: 10px 15px;
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 1.063em;
	border: 1px solid #ccc;
	color: #fff;
	background-color: rgba(234, 125, 104, .9);
	cursor: pointer;
}

.spa-clean_head_p:hover {
	background-color: #ff8870;
}

.spa-clean_head_dl {
	display: none;
	max-width: 550px;
	margin: -30px auto 10px;
	padding: 1.5em 1.5em 1em;
	text-align: left;
	background-color: rgba(255, 255, 255, .9);
	border: 1px solid #ccc;
	box-shadow: 0 0 10px #999;
}

.spa-clean_head dt {
	margin: 1em 0 0.3em;
	padding: 2px 5px;
	font-size: 1.25em;
	font-family: serif;
	text-align: center;
	color: #eee;
	background-color: #4b88bd;
}

.spa-clean_head dt:first-child {
	margin-top: 0.5em;
}

.spa-clean_head dd {
	line-height: 1.3em;
	color: #666;
}

/* ↑ ヘッダー spa-header ↑ */

/*spa-main*/
.spa-main {
	padding: 30px 3px 0px;
}

/* ↓ リード spa-lead ↓ */
.spa-lead p {
	margin-bottom: 0.7em;
	text-shadow: 2px 3px 10px #fff;
}

/*スライド　slideshow*/
.spa-slideshow {
	width: 80%;
	margin: 0 auto;
}

/* ↑ リード spa-lead ↑ */

/*↓ spa-menu↓ */
/* ↓ 大浴場　big-spa ↓ */
.spa-menu {
	padding: 6em 5px 1em;
	background-color: rgba(250, 250, 250, .5);
	box-shadow: 0 5px 10px rgba(211, 166, 95, .5);
}

.spa-menu_explain {
	max-width: 800px;
	margin: 0 auto;
	padding: 25px;
	font-size: 1.094em;
	font-family: sans-serif;
	text-align: center;
	background-image: linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .2));
	border: 1px solid rgb(230, 181, 103);
	color: #666;
	justify-self: center;
}

.big-spa .spa-title ~ p:last-of-type {
	margin-bottom: 3.5em;
}

.big-spa {
	margin-bottom: 120px;
}

.big-spa_wrapper {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 1100px;
}

.big-spa_inner {
	flex: 1 1 auto;
	width: 100%;
	height: auto;
	min-width: 400px;
	text-align: center;
}

.big-spa_inner:first-child {
	border-right: 0.5px solid rgba(204, 204, 204, .5);
}

.spa-room_explain {
	padding: 0.5em 0;
}

.spa-gallery_main img,
.spa-gallery_thumb img {
	padding: 1px;
	background-origin: content-box;
	border: 0.5px solid #ccc;
}

.spa-gallery_thumb img {
	border: 3px solid rgba(154, 154, 154, .7);
	border-radius: 15%;
	background-origin: content-box;
	cursor: pointer;
}

.spa-gallery_thumb img:hover {
	opacity: .5;
}

.tida {
	justify-self: end;
	padding: 0 25px 0 50px;
}

.tukui {
	justify-self: start;
	padding: 0 50px 0 25px;
}

.tida .spa-sub_title,
.tukui .spa-sub_title {
	font-size: 1.469em;
}

/* ↑ 大浴場　big-spa ↑ */

/* ↓ 家族風呂 family-spa ↓ */
.family-spa_room {
	display: flex;
	max-width: 1100px;
	margin: 0 auto;
}

.family-spa_gallery {
	flex: 1 1 auto;
	width: 100%;
	height: auto;
}

.family-spa_gallery .spa-sub_title {
	border-bottom: none;
}

.family-spa_gallery .tin,
.family-spa_gallery .sura,
.family-spa_gallery .kaji {
	font-size: 1.219em;
}

.tin-img img,
.sura-img img,
.kaji-img img {
	border: 1px solid #ccc;
	background-origin: border-box;
}

.tin-img {
	padding-left: 15px;
}

.sura-img {
	padding: 0 7.5px;
}

.kaji-img {
	padding-right: 15px;
}

/* ↑ 家族風呂 family-spa ↑ */

/* ↓ デリバリードリンクspa-drink ↓ */
.spa-drink {
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 1em;
	grid-column-gap: 1.5em;
	width: 80%;
	max-width: 800px;
	margin: 5.5em auto 4.5em;
	padding: 1em 1.5em;
	justify-content: center;
	background-image: linear-gradient(rgba(211, 166, 95, .8), rgba(211, 166, 95, .6), rgba(211, 166, 95, .8));
	border: 1px solid #ccc;
	border-radius: 50px;
	box-shadow: 0 0 10px;
}

.spa-drink_catch,
.spa-drink_text {
	color: #fff;
}

.spa-drink_catch {
	display: inline;
	z-index: 2;
	grid-row: 1;
	grid-column: 1;
	align-self: end;
	justify-self: center;
	font-size: 1.25em;
	text-align: end;
	text-shadow: 0 0 5px #999;
	background: linear-gradient(transparent 70%, rgba(182, 216, 204, .9) 50%);
}

.spa-drink_text {
	grid-row: 2;
	grid-column: 1;
	padding-right: 1em;
	justify-self: end;
	text-align: end;
}

.spa-cafe {
	display: inline-block;
	z-index: 1;
	grid-row: 2;
	grid-column: 2;
	justify-self: center;
	align-self: end;
	margin-right: -6.5em;
	margin-bottom: 1em;
	padding: 0.3em 1em;
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 1.188em;
	background-color: rgba(249, 235, 197, .3);
	box-shadow: 0px 0px 10px #666;
}

.spa-cafe:hover {
	background-color: rgba(193, 230, 217, .9)
}

.spa-cafe a {
	font-weight: bold;
	color: rgb(228, 128, 8);
}

.spa-drink_img {
	grid-row: 1/-1;
	grid-column: 2;
}

.spa-drink_img img {
	height: 80%;
	object-fit: cover;
	border-radius: 40px;
}

/* ↑ デリバリードリンクspa-drink ↑ */
/* ↑ spa-menu ↑ */

/* ↓ エステ＆スパセット spa-set ↓ */
.spa-set {
	width: 85%;
	margin: 6.5em auto 6.25em;
	background-color: rgba(242, 255, 250, .9);
	outline: 5px solid rgba(255, 77, 139, .5);
	outline-offset: -50px;
}

.este-spa_wrapper {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 1.5em;
	width: 85%;
	margin: 0 auto;
	padding: 0.1em 3em 0em;
	color: #444;
	background-color: rgba(255, 255, 255, .5);
	background-image: url(../img/este-banner.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-blend-mode: screen;
}

.este-spa_title {
	grid-row: 1;
	grid-column: 1;
	z-index: 1;
	margin: 1em -1em 0.5em -2.5em;
	padding: 1.5em 0.75em 1em 1.5em;
	font-family: serif;
	font-size: 2.375em;
	line-height: 1.2;
	text-align: center;
	text-shadow: 0px 0px 15px #666;
	border-right: 0;
	border-bottom: 2px dotted rgb(203, 182, 94);
	color: var(--mint-blue);
}

.este-spa_title_en {
	grid-row: 1;
	grid-column: 1;
	margin-right: -10em;
	font-size: 4em;
	font-style: italic;
	text-shadow: 3px 5px 30px rgb(242, 255, 250);
	color: rgba(203, 182, 94, .25);
}

.este-spa_catch {
	grid-row: 1;
	grid-column: 2/-1;
	margin-left: 1em;
	padding: 6.5em 1.5em 0;
	font-family: serif;
	line-height: 1.7;
	text-shadow: 3px 5px 15px #999;
	border-left: 2px solid rgb(203, 182, 94);
}

.este-spa_inner01 {
	grid-row: 2;
	grid-column: 2;
	margin-right: 5em;
}

.este-spa_inner02 {
	grid-row: 2;
	grid-column: 3;
}

.este-spa_inner01,
.este-spa_inner02 {
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: 1fr 5fr;
	margin-left: -3em;
	border: 0.5px solid #ccc;
	background-color: rgba(255, 255, 255, .7);
	border-radius: 3px;
}

.este-spa_inner01 h3,
.este-spa_inner02 h3 {
	grid-row: 1/-1;
	grid-column: 1;
	padding: 0 0.5em;
	font-size: 1.313em;
	text-align: center;
	writing-mode: vertical-lr;
	text-orientation: upright;
	color: #fff;
	background-color: rgb(255, 77, 139);
	background-origin: border-box;
	border-right: 0.5px solid #ccc;
	border-radius: 3px 3px 0 0;
}

.este-spa_inner01 p:first-of-type {
	color: rgb(255, 77, 139);
}

.este-spa_inner02 p:first-of-type {
	color: rgb(255, 102, 156);
}

.este-spa_inner01 p:first-of-type,
.este-spa_inner02 p:first-of-type {
	grid-row: 1;
	grid-column: 2;
	margin: 1.2em 1em 1em 0.7em;
	padding-left: 0.7em;
	font-size: 1.188em;
	font-weight: bold;
	color: #666;
	border-left: 2px dotted rgba(255, 77, 139, .7);
	border-bottom: 0.5px dotted rgba(255, 77, 139, .7);
}

.este-spa_inner01 p:last-of-type,
.este-spa_inner02 p:last-of-type {
	grid-row: 2;
	grid-column: 2;
	margin-top: -0.5em;
	padding: 0em 1em 1em 1.5em;
}

.este-spa_inner02 p:last-of-type span {
	font-weight: bold;
	color: rgb(203, 182, 94);
}

.este-spa_inner03 {
	grid-row: 3;
	grid-column: 1/-1;
	justify-self: end;
	align-self: end;
	margin: -1em 0 3em;
}

.este-spa_inner03 a {
	font-weight: bold;
	color: rgb(67, 90, 112);
	text-shadow: 0 0 5px #fff;
	border-bottom: 1px solid #fff;
}

/* ↑ エステ＆スパセット spa-set ↑ */

/* ↓ ご利用案内 spa-info ↓ */
.spa-info {
	padding: 1em 5px;
}

.spa-info_wrapper {
	display: flex;
	max-width: 960px;
	justify-content: center;
	margin: 0 auto;
}

.spa-info_inner {
	flex: 1 1 auto;
	width: 100%;
	height: auto;
	margin: 1.75em 0 0;
	padding: 0 50px;
}

.spa-info_inner:first-of-type {
	border-right: 0.5px dotted #ccc;
}

.spa-info_inner:last-of-type {}

.spa-info_inner dl {
	padding-top: 1em;
}

.spa-info_inner dl:first-child {
	padding-top: 0em;
}

.spa-info_inner dt {
	padding-top: 0.75em;
	font-size: 1.188em;
}

.spa-info_inner dt:first-child {
	padding-top: 0em;
}

.spa-info_inner dd {
	border-bottom: 1px dotted #ccc;
	font-size: 1.188em;
}

.spa-info_dt_inner {
	text-indent: 1em;
}

/* ↑ ご利用案内 spa-info ↑ */

/* ↓ 注意事項,お断り spa-note ↓ */
.spa-note {
	max-width: 740px;
	margin: 3em auto 30px;
	padding: 30px;
	font-family: 'Noto Sans JP',sans-serif;
	background-color: rgba(251, 241, 215, .8);
	border: 1px solid #ccc;
}

.spa-note dl {
	padding: 0 25px 0 25px;
}

.spa-note dt {
	margin-bottom: 10px;
	font-family: serif;
	font-size: 1.375em;
	color: #666;
	border-bottom: 1px solid #ccc;
}

.spa-note dd {
	font-size: 1.125em;
	line-height: 1.3em;
	color: #666;
}

/* ↑ 注意事項,お断り spa-note ↑ */

/* ↓ 消毒清掃 spa-clean ↓ */
.spa-clean {
	max-width: 200px;
	margin: 0 auto 80px;
	padding: 1em 0 1em;
	color: #fff;
	background-color: var(--light-red);
	border: 1px ridge #ddd;
	box-shadow: 0 0 10px #666;
	border-radius: 15px;
}

.spa-clean .spa-title {
	margin: 0;
	font-size: 1.2em;
	border-bottom: 1px solid var(--brown);
	text-shadow: none;
	cursor: pointer;
}

.spa-clean .spa-title:hover {
	background-color: #ff8870;
}

.spa-clean_dl {
	display: none;
	margin: 0 0 -0.1em;
	padding: 1em 25px 2em 25px;
	background-color: rgba(255, 255, 255, .9);
}

.spa-clean dt {
	margin: 1em 0 0.3em;
	padding: 2px 5px;
	font-size: 1.2em;
	font-family: serif;
	text-align: center;
	color: #eee;
	background-color: #4b88bd;
}

.spa-clean dt:first-child {
	margin-top: 0.5em;
}

.spa-clean dd {
	line-height: 1.3em;
	color: #666;
}

.spa-clean_yoyaku:hover {
	opacity: .8;
	cursor: pointer;
}

.spa-clean_yoyaku_dd {
	display: none;
}

.spa-clean_kenon:hover {
	opacity: .8;
	cursor: pointer;
}

.spa-clean_kenon_dd {
	display: none;
}

/* ↑ 消毒清掃 spa-clean ↑ */

/* ↓ slick setting ↓ */
/* 矢印色を変更 */
.slick-prev:before,
.slick-next:before {
	color: #47b3af;
}

/* hover時の色を変更 */
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
	color: #47b3af;
}

/* active時の色を変更 */
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #47b3af;
}

.spa-gallery .slick-dots {
	z-index: 10;
}

/* 左右を半透明 */
.spa-slideshow .slick-slide {
	transition: .3s ease;
}

.spa-slideshow .slick-slide:not(.slick-current) {
	opacity: .3;
}

/* 左右を小さく */
.spa-slideshow .slick-slide {
	transition: .3s ease;
	transform: scale(.85);
	transform-origin: 100% 50%;
}

.spa-slideshow .slick-current {
	transform: scale(1);
	transform-origin: 50% 50%;
}

.spa-slideshow .slick-current + .slick-slide {
	transform-origin: 0 50%;
}

/* text fade-in */
.spa-slideshow .slick-slide {
	position: relative;
}

.spa-slideshow .slick-slide .spa-slide_text {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	padding: 20px;
	font-size: 1em;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	opacity: 0;
	transition: .3s ease;
}

.spa-slideshow .slick-current .spa-slide_text {
	opacity: 1;
	transition-delay: .5s;
}

/* ↑ slick setting ↑ */


/* ***** Media Query ***** */
/* max-width:1200px */
@media screen and (max-width:1199px) {
	.text {
		font-size: 1.143em;
		text-align: center;
	}

	/*family-spa*/
	.family-spa_room {
		padding-top: 1em;
	}

	/*spa-set*/
	.este-spa_wrapper {
		grid-template-columns: 1.5fr repeat(2, 1fr);
		background-position: 20% 50%;
	}

	.este-spa_title {
		grid-column: 2/-1;
		margin: 1em -2em 0.5em -2em;
		padding: 0.5em 1.5em 0 3em;
		justify-self: center;
		text-align: center;
		text-shadow: 0px 0px 10px #fff;
	}

	.este-spa_catch {
		padding: 8em 0 0 1em;
		line-height: 1.6;
		text-shadow: 0px 0px 5px #fff;
	}

	.spa-set .text {
		color: #444;
	}

	.este-spa_inner01 {
		margin-left: 0;
		/*        margin-right: 0;*/
	}

	/*slick 左右を小さく*/
	.spa-slideshow .slick-slide {
		transform: scale(.65);
	}

	.spa-slideshow .slick-current {
		transform: scale(1);
	}

	/*slick text fade-in*/
	.spa-slideshow .slick-slide .spa-slide_text {
		font-size: 0.938em;
	}

}


/* max-width:960px */
@media screen and (max-width:959px) {

	.spa {
		font-size: 0.938em;
	}

	/*spa-head*/
	.spa-catch_top {
		padding-right: 40px;
	}

	.spa-list {
		max-width: 80%;
	}

	/*spa-menu*/
	.spa-menu_explain {
		max-width: 100%;
		margin: 10px 15px;
	}

	/*big-spa*/
	.big-spa {
		margin-bottom: 120px;
	}

	/*spa-set*/
	.spa-set {
		width: 95%;
	}

	.este-spa_wrapper {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 1em;
		grid-column-gap: 1.5em;
		width: 100%;
		color: #444;
	}

	.este-spa_title {
		grid-row: 1;
		grid-column: 1/-1;
		margin: 0.5em -0.5em 0em -1.3em;
		padding: 2em 2em 0;
		border-right: 0;
		border-bottom: 2px dotted rgb(203, 182, 94);
		color: var(--mint-blue);
	}

	.este-spa_title_en {
		grid-row: 1;
		grid-column: 1/-1;
		justify-self: center;
		margin-right: -1em;
	}

	.este-spa_catch {
		grid-row: 1;
		grid-column: 1/-1;
		align-self: end;
		margin-top: -2em;
		padding-top: 1.5em;
		text-align: center;
		border-left: 0;
	}

	.este-spa_inner01 {
		grid-row: 3;
		grid-column: 1;
		margin-right: 0;
		margin-left: 1em;
	}

	.este-spa_inner02 {
		grid-row: 3;
		grid-column: 2;
		margin-left: 0;
		margin-right: 1em;
	}

	.este-spa_inner01,
	.este-spa_inner02 {
		grid-template-rows: auto 1fr auto;
		grid-template-columns: 1fr;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		border-radius: 5px;
	}

	.este-spa_inner01 h3,
	.este-spa_inner02 h3 {
		grid-row: 1;
		grid-column: 1;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		writing-mode: horizontal-tb;
		text-orientation: mixed;
		border-right: 0;
		border-radius: 5px 5px 0 0;
	}

	.este-spa_inner01 p:first-of-type,
	.este-spa_inner02 p:first-of-type {
		grid-row: 2;
		grid-column: 1;
		margin-top: 0.5em;
	}

	.este-spa_inner01 p:last-of-type,
	.este-spa_inner02 p:last-of-type {
		grid-row: 3;
		grid-column: 1;
		padding-bottom: 0.25em;
	}

	.este-spa_inner03 {
		grid-row: 5;
		margin-bottom: 1em;
	}

	.este-spa_inner03 a {
		grid-row: 4;
		grid-column: 1/-1;
		border-bottom: 1px solid #ccc;
	}

	/*spa-info*/
	.spa-info_inner:first-of-type {
		padding: 0 20px 0 40px;
	}

	.spa-info_inner:last-of-type {
		padding: 0 40px 0 20px;
	}

	/*spa-note*/
	.spa-note {
		min-width: 70%;
		margin: 2em 60px 30px 60px;
	}

	.spa-note dl {
		padding: 0;
	}

	/*spa-clean*/
	.spa-clean {
		max-width: 200px;
		margin: 0 auto 50px;
		padding: 1em 0 0.5em;
		box-shadow: 0 0 10px #666;
	}

	.spa-clean_dl {
		display: none;
		max-width: 500px;
		margin: 0 0 -0.4em;
		padding: 1em 25px 2em 2em;
		background-color: rgba(255, 255, 255, .9);
	}

	.spa-clean dd {
		line-height: 1.4em;
		color: #666;
	}

	/* slick */
	/*text*/
	.spa-slideshow .slick-slide .spa-slide_text {
		padding: 0.8em;
	}

}


/* max-width:767px */

@media screen and (max-width:767px) {
	.container {
		width: auto;
	}

	.spa-head,
	.spa-lead,
	/*.spa-menu,*/
	.big-spa,
	.family-spa,
	.spa-set,
	/*.spa-info,*/
	.spa-clean,
	.spa-note {
		margin-bottom: 3.5em;
	}

	/*spa-head*/
	.spa-title_head {
		padding: 0.75em;
		border-radius: 5%;
	}

	.spa-title_top {
		font-size: 2.3em;
		line-height: 1.2;
	}

	.spa-catch_top {
		position: absolute;
		left: 0%;
		bottom: -35%;
		width: 100%;
		max-width: 100%;
		padding-right: 40px;
	}

	.spa-list {
		margin-top: 13em;
	}

	.spa-list ul {
		margin-left: 25px;
	}

	.spa-list li {
		text-align: left;
		list-style: square outside;
		color: #666;
	}

	/*big-spa*/
	.big-spa_wrapper {
		flex-wrap: wrap;
		margin: 0 auto 5em;
		width: 95%;
		align-items: center;
	}

	.big-spa_inner:first-child {
		border-right: none;
	}

	.spa-gallery_main img {
		max-width: 98%;
		align-self: center;
	}

	.spa-gallery_thumb img {
		max-width: 90%;
		align-self: center;
	}

	.spa-gallery_thumb li img:last-child {
		margin-right: 0;
	}

	.tida,
	.tukui {
		justify-self: center;
		margin: 0;
		padding: 0 3em;
	}

	.tida {
		margin: 0em 0 4em;
	}

	/*family-spa*/
	.family-spa_room {
		flex-wrap: wrap;
		width: 80%;
		margin: 0 auto;
		justify-items: center;
	}

	.tin,
	.tin-img {
		padding-left: 0;
	}

	.sura,
	.sura-img {
		padding: 0;
	}

	.kaji,
	.kaji-img {
		padding-right: 0;
	}

	.family-spa_gallery:nth-of-type(2),
	.family-spa_gallery:nth-of-type(3) {
		padding-top: 2.5em;
	}

	.family-spa_gallery .spa-sub_title ~ p:last-of-type {
		margin-top: 0;
	}

	/*spa-drink*/
	.spa-cafe {
		grid-row: 3;
		margin-top: -3em;
		margin-right: 0em;
		margin-bottom: 0.5em;
		padding: 0.3em 0.5em;
		background-color: rgba(248, 252, 252, .7);
		border-radius: 5px;
	}

	/*spa-set*/
	.spa-set {
		width: 95%;
	}

	.este-spa_wrapper {
		grid-template-rows: auto 1fr 1fr auto;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.este-spa_title {
		margin-bottom: 0.5em;
	}

	.este-spa_catch {
		margin: 0;
		padding: 0;
		margin-bottom: 2em;
	}

	.este-spa_inner01,
	.este-spa_inner02 {
		grid-template-rows: auto auto 1fr;
		margin: 0 2em 1em;
		border-radius: 1%;
	}

	.este-spa_inner01 {
		grid-row: 2;
		grid-column: 1;
	}

	.este-spa_inner02 {
		grid-row: 3;
		grid-column: 1;
		margin-bottom: 1.5em;
	}

	.este-spa_inner01 h3,
	.este-spa_inner02 h3 {
		grid-row: 1;
		grid-column: 1;
		border-right: 0;
		writing-mode: horizontal-tb;
		text-orientation: mixed;
	}

	.este-spa_inner01 p:first-of-type,
	.este-spa_inner02 p:first-of-type {
		grid-row: 2;
		grid-column: 1;
		margin-top: 0.5em;
	}

	.este-spa_inner01 p:last-of-type {
		grid-row: 3;
		grid-column: 1;
	}

	.este-spa_inner02 p:last-of-type {
		grid-row: 4;
		grid-column: 1;
	}

	.este-spa_inner03 {
		grid-row: 4;
		grid-column: 1;
	}

	/*spa-info*/
	.spa-info {
		padding-top: 2em;
	}

	.spa-info_wrapper {
		flex-wrap: wrap;
	}

	.spa-info_inner:first-of-type {
		padding: 0 100px;
	}

	.spa-info_inner:last-of-type {
		padding: 0 100px;
	}

	/*spa-note*/
	.spa-note {
		min-width: 70%;
		margin: 2em 60px 30px 60px;
	}

	.spa-note dl {
		padding: 0;
	}

}

/* max-width:649 */
@media screen and (max-width:649px) {

	.spa-head,
	.spa-lead,
	/*.spa-menu,*/
	.big-spa,
	.family-spa,
	.spa-set,
	/*.spa-info,*/
	.spa-clean,
	.spa-note {
		margin-bottom: 3em;
	}

	/*spa-head*/
	.spa-title_head {
		max-width: 80%;
		left: 40%;
	}

	.spa-title {
		font-size: 2em;
	}

	.spa-catch_top {
		bottom: -45%;
		width: 100%;
	}

	/*big-spa*/
	.big-spa_wrapper {
		width: 100%;
	}

	/*spa-set*/
	.spa-set {
		margin-top: 3em;
		outline-offset: -30px;
	}

	.este-spa_wrapper {
		width: 100%;
	}

	.este-spa_title {
		margin: 0;
		margin-bottom: 0.5em;
		padding: 0;
		padding-top: 1.5em;
	}

	.este-spa_catch {
		grid-column: 1/-1;
		padding: 0em 1em 0;
		margin-bottom: 2.5em;
	}

	.este-spa_inner01 {
		grid-column: 1/-1;
		margin: 0 2em;
	}

	.este-spa_inner02 {
		grid-column: 1/-1;
		margin: 0 2em;
	}

	.este-spa_inner03 {
		grid-row: 5;
		margin-bottom: 2.25em;
	}

	/*spa-info*/
	.spa-info_inner:first-of-type {
		padding: 0 60px;
	}

	.spa-info_inner:last-of-type {
		padding: 0 60px;
	}

}

/* max-width:543 */
@media screen and (max-width:543px) {
	.text {
		padding-left: 50px;
		padding-right: 50px;
	}

	/*spa-head*/
	.spa-catch_top {
		bottom: -40%;
		padding: 1em 0;
		font-size: 1.25em;
		text-align: center;
	}

	.spa-list {
		margin-top: 10em;
	}

	/*spa-lead*/
	.spa-lead .text {
		text-align: left;
	}

	/*spa-drink*/
	.spa-drink {
		width: 100%;
	}

	/*spa-set*/
	.spa-set {
		width: 100%;
	}

	.este-spa_title {
		grid-column: 1/-1;
		padding-top: 1.5em;
	}

	.este-spa_catch {
		padding-top: 10em;
	}

	.este-spa_inner01,
	.este-spa_inner02 {
		margin: 0;
		padding: 1em;
	}

	/*spa-info*/
	.spa-info_inner:first-of-type {
		padding: 0 40px;
	}

	.spa-info_inner:last-of-type {
		padding: 0 40px;
	}

}