.header2-container {
	display: block;
	height: 25vh;
	animation: logo 1s ease 1;
	background-image: url("https://cdn2-caskan.com/caskan/img/shop_logo/2097_logo_1786776759.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.header-nav li {
	display: table-cell;
	width: 12%;
	text-align: center;
	white-space: nowrap;
}

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


	.header-nav li {
		width: 25%;
	}
}

/* =========================================================
   BONANZA SPA
   Medium Pink Glass × White
   PC・SP対応
========================================================= */


/* =========================================================
   ベース
========================================================= */

html,
body {
	margin: 0;
	padding: 0;
}

body {
/*
	font-family: "futura-pt", 'メイリオ', Meiryo,
	'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN',
	sans-serif;

	font-family: "Zen Maru Gothic", sans-serif;
*/
	background: transparent;
	color: #333;
	isolation: isolate;
}


/* =========================================================
   背景画像
========================================================= */

body::before {
	content: "";
	display: block;

	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100vh;

	background-image:
		url("https://cdn2-caskan.com/caskan/shop_image/20971786776805.png");

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

	z-index: -1;
	pointer-events: none;
}


/* =========================================================
   ベースリンク
========================================================= */

a,
a:link,
a:visited {
	color: #c94883;
}

a:hover {
	color: #e66a9f;
}


/* =========================================================
   ヘッダー
========================================================= */

.header-nav-wrapper {
}


/* =========================================================
   ロゴ
========================================================= */

.header2-container {
	height: 25vh;

	background-size: auto 90%;
	background-position: center center;
	background-repeat: no-repeat;
}


/* =========================================================
   グランドメニュー
   中濃度ピンク半透明 × 白文字
========================================================= */

.nav-wrapper {
	background:
		linear-gradient(
			135deg,
			rgba(207, 77, 135, .82),
			rgba(226, 105, 158, .78)
		);

	border-top:
		1px solid rgba(255, 225, 240, .50);

	border-bottom:
		1px solid rgba(255, 225, 240, .50);

	box-shadow:
		0 4px 18px rgba(145, 40, 90, .20);

	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}


/* メニュー文字 */

.header-nav li a,
.header-nav li a:link,
.header-nav li a:visited {
	color: #FFF;

	text-shadow:
		0 1px 3px rgba(110, 25, 70, .48);

	transition:
		color .3s ease,
		background-color .3s ease;
}

.header-nav li a div,
.header-nav li a span {
	color: #FFF;

	text-shadow:
		0 1px 3px rgba(110, 25, 70, .48);
}


/* メニュー hover */

.header-nav li a:hover {
	color: #FFF;

	background:
		rgba(255, 255, 255, .16);
}

.header-nav li a:hover div,
.header-nav li a:hover span {
	color: #FFF;
}


/* =========================================================
   固定メニュー
========================================================= */

.fixed-menu {
	background:
		rgba(210, 80, 137, .86);

	border-top:
		1px solid rgba(255, 225, 240, .50);

	box-shadow:
		0 -3px 15px rgba(145, 40, 90, .18);

	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.fixed-menu a {
	color: #FFF;

	text-shadow:
		0 1px 3px rgba(110, 25, 70, .48);
}


/* =========================================================
   サイドメニュー
========================================================= */

.side-menu-block {
	background:
		rgba(210, 80, 137, .92);
}

.side-menu-block,
.side-menu-block a {
	color: #FFF;
}

.side-menu-list li a {
	border-color:
		rgba(255, 230, 242, .32);
}

.side-menu-list li a:hover {
	background:
		rgba(255, 255, 255, .17);

	color: #FFF;
}


/* =========================================================
   メイン
========================================================= */

.main-wrapper {
	box-shadow: none;
	background: transparent;
}


/* =========================================================
   SHOP / コンテンツパネル
   中濃度ピンク半透明 × 白文字
========================================================= */

.parts-panel {
	background:
		linear-gradient(
			135deg,
			rgba(202, 70, 130, .80),
			rgba(225, 105, 158, .74)
		);

	border:
		1px solid rgba(255, 225, 240, .50);

	border-radius: 14px;

	box-shadow:
		0 8px 28px rgba(135, 35, 85, .22);

	color: #FFF;

	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);

	text-shadow:
		0 1px 3px rgba(105, 20, 65, .50);
}


/* =========================================================
   パネル内文字
========================================================= */

.parts-panel,
.parts-panel p,
.parts-panel div,
.parts-panel span,
.parts-panel dt,
.parts-panel dd,
.parts-panel li {
	color: #FFF;
}


/* パネル内リンク */

.body-container .parts-panel a,
.body-container .parts-panel a:link,
.body-container .parts-panel a:visited {
	color: #FFF;
}

.body-container .parts-panel a:hover {
	color: #ffe5f0;
}


/* =========================================================
   SHOP等の見出し
========================================================= */

.parts-panel .subject01 .subject01-en,
.parts-panel .subject01 .subject01-jp {
	color: #FFF;

	text-shadow:
		0 1px 4px rgba(100, 20, 65, .55);
}


/* パネル外見出し */

.subject01 .subject01-en,
.subject01 .subject01-jp {
	color: #FFF;

	text-shadow:
		0 1px 4px rgba(135, 35, 80, .60);
}


/* =========================================================
   SHOP 店舗情報
========================================================= */

.parts-panel .table {
	background:
		rgba(150, 40, 95, .12);

	color: #FFF;
}

.parts-panel .table > tbody > tr > th {
	color: #FFF;

	background:
		rgba(155, 40, 95, .18);

	text-shadow:
		0 1px 3px rgba(100, 20, 65, .50);
}

.parts-panel .table > tbody > tr > td {
	color: #FFF;

	background:
		rgba(255, 255, 255, .04);

	text-shadow:
		0 1px 3px rgba(100, 20, 65, .50);
}


/* SHOP内リンク */

.parts-panel .table a,
.parts-panel .table a:link,
.parts-panel .table a:visited {
	color: #FFF;
}

.parts-panel .table a:hover {
	color: #ffe5f0;
}


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

.h3 {
	border:
		1px solid rgba(255, 230, 242, .35);

	background:
		rgba(165, 45, 100, .24);

	color: #FFF;

	border-radius: 8px;
}


/* =========================================================
   営業案内
========================================================= */

.business-info-wrapper {
	display: block;

	background:
		rgba(210, 80, 137, .80);

	border-top:
		1px solid rgba(255, 225, 240, .48);

	border-bottom:
		1px solid rgba(255, 225, 240, .48);

	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.business-info-container,
a.business-info-tel:link,
.business-info-container a {
	color: #FFF;

	text-shadow:
		0 1px 3px rgba(110, 25, 70, .48);
}


/* =========================================================
   ボタン
========================================================= */

.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus,
a.btn-link2 {
	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, .97),
			rgba(255, 220, 236, .97)
		);

	border:
		1px solid rgba(205, 70, 130, .55);

	border-radius: 25px;

	color: #c44780;

	box-shadow:
		0 3px 10px rgba(140, 40, 90, .16);

	text-shadow: none;
}

.btn-primary:hover,
a.btn-link2:hover {
	background:
		linear-gradient(
			135deg,
			#fff3f8,
			#ffd3e5
		);

	color: #df649a;
}


/* =========================================================
   料金ページ
========================================================= */

.system-name {
	padding: 15px;

	background:
		rgba(165, 45, 100, .30);

	color: #FFF;

	border:
		1px solid rgba(255, 230, 242, .38);

	border-radius: 8px;
}


/* =========================================================
   セラピスト
========================================================= */

.therapist-datas-each {
	background:
		linear-gradient(
			135deg,
			rgba(202, 70, 130, .82),
			rgba(225, 105, 158, .76)
		);

	color: #FFF;

	position: relative;

	border:
		1px solid rgba(255, 225, 240, .48);

	border-radius: 15px;

	box-shadow:
		0 5px 18px rgba(135, 35, 85, .20);

	text-shadow:
		0 1px 3px rgba(105, 20, 65, .48);
}

.therapist-datas-area-info,
.therapist-datas-tmb,
.therapist-data-each-tmb {
	border-radius:
		15px 15px 0 0;
}

a.therapist-datas-name {
	color: #FFF;
}

.therapist-datas-shift-info {
	color: #FFF;
}

.therapist-datas-area-info {
	color: #FFF;
}

.therapist-label {
}


/* =========================================================
   スケジュール
========================================================= */

.tbl-cast-schedule {
	background:
		linear-gradient(
			135deg,
			rgba(202, 70, 130, .80),
			rgba(225, 105, 158, .74)
		);

	color: #FFF;

	border-radius: 10px;
}

.tbl-cast-schedule thead th,
.tbl-cast-schedule thead th.today {
	background:
		rgba(155, 40, 95, .24);

	color: #FFF;
}

.tbl-cast-schedule thead th a {
	color: #FFF;
}

.tbl-cast-schedule thead th.today a {
	font-weight: 700;

	background:
		rgba(255, 255, 255, .95);

	color: #c44780;

	border-radius: 5px;
}

.tbl-calendar td,
.tbl-cast-schedule thead th {
	border-color:
		rgba(255, 225, 240, .38);
}


/* =========================================================
   トップイメージボタン
========================================================= */

.slick-next:before,
.slick-prev:before {
	color: #FFF;
}

.slick-dots li.slick-active button:before {
	color: #FFF;
}


/* =========================================================
   注意事項
========================================================= */

.parts-notice {
}


/* =========================================================
   エリア選択
========================================================= */

.shift-area-links li {
}

.shift-area-links li.is-area-active {
}


/* =========================================================
   コンセプト
========================================================= */

.top-concept {
	font-size: 17px;

	font-family:
		游明朝,
		"Yu Mincho",
		YuMincho,
		"Hiragino Mincho ProN",
		"Hiragino Mincho Pro",
		HGS明朝E,
		メイリオ,
		Meiryo,
		serif !important;
}

.parts-panel .top-concept {
	color: #FFF;
}


/* =========================================================
   ボーダー
========================================================= */

.parts-room-list dt,
.parts-price-table td,
.parts-panel .panel-default,
.parts-panel .table > tbody > tr > th,
.parts-panel .table > tbody > tr > td,
.parts-recruit-table th,
.parts-recruit-table td {
	border-color:
		rgba(255, 225, 240, .40);
}


/* =========================================================
   フッター
========================================================= */

.footer-wrapper {
	background:
		rgba(210, 80, 137, .84);

	border-top:
		1px solid rgba(255, 225, 240, .48);

	box-shadow:
		0 -5px 18px rgba(135, 35, 85, .17);

	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.parts-footer-shop-name a,
.parts-footer-shop-tel,
.parts-footer-shop-tel a,
.parts-footer-shop-bio,
.parts-footer-shop-info,
.footer-menus a {
	color: #FFF;

	text-shadow:
		0 1px 3px rgba(105, 20, 65, .48);
}


/* =========================================================
   認証ページ
========================================================= */

.body-auth {
}


/* =========================================================
   スマートフォン
========================================================= */

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


	/* 背景 */

	body::before {
		background-size: cover;
		background-position: center center;
	}


	/* コンテナ */

	.header-container,
	.nav-container,
	.top-banner-container,
	.body-container,
	.footer-container,
	.body-main-container,
	.body-side-container {
		width: 100%;
	}

	.body-main-container,
	.body-side-container {
		width: 100%;
	}


	/* ロゴ */

	.header2-container {
		height: 23vh;

		background-size: auto 90%;
		background-position: center center;
	}


	/* メニューバー */

	.nav-wrapper {
		background:
			linear-gradient(
				135deg,
				rgba(207, 77, 135, .84),
				rgba(226, 105, 158, .80)
			);

		border-top:
			1px solid rgba(255, 225, 240, .50);

		border-bottom:
			1px solid rgba(255, 225, 240, .50);
	}


	/* メニュー文字 */

	.header-nav li a,
	.header-nav li a:link,
	.header-nav li a:visited,
	.header-nav li a div,
	.header-nav li a span {
		color: #FFF;
	}

	.header-nav li a:hover,
	.header-nav li a:hover div,
	.header-nav li a:hover span {
		color: #FFF;
	}


	li.header-nav-system a div:before {
		font-size: 10px;
	}


	/* SHOP等パネル */

	.parts-panel {
		background:
			linear-gradient(
				135deg,
				rgba(202, 70, 130, .82),
				rgba(225, 105, 158, .76)
			);

		border:
			1px solid rgba(255, 225, 240, .48);

		border-radius: 12px;

		box-shadow:
			0 5px 18px rgba(135, 35, 85, .20);

		color: #FFF;

		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}


	/* パネル文字 */

	.parts-panel,
	.parts-panel p,
	.parts-panel div,
	.parts-panel span,
	.parts-panel dt,
	.parts-panel dd,
	.parts-panel li {
		color: #FFF;
	}


	/* Twitter */

	.wrapper-top-twitter {
		padding: 0;
	}

	.wrapper-top-twitter .parts-panel {
		padding: 20px 10px;
	}


	/* サイドリンク */

	.parts-side-links li {
		width: 50%;
	}


	/* H1 */

	.h1 {
		font-size: 0;
	}


	/* コンセプト */

	.top-concept {
		font-size: 13px;
	}

}