@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Inter:wght@300;400;500;600&family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap');

:root {
	/* ── colours ── */
	--navy:      #0E1A2B;  /* Midnight Navy */
	--navy-sub:  #16253D;  /* Deep Royal Navy */
	--silver:    #C9CED6;  /* Platinum Silver */
	--silver-hi: #E3E7ED;  /* Moon Silver */
	--white:     #F8F8F6;  /* Soft White */
	--mist:      #F1F1EE;  /* Mist White */
	--fog:       #AEB6C2;  /* Fog Gray */
	--gold:      #B8935A;  /* Warm Gold */

	/* navy × opacity */
	--navy-45:   rgba(14, 26, 43, .45);
	--navy-50:   rgba(14, 26, 43, .50);
	--navy-55:   rgba(14, 26, 43, .55);
	--navy-70:   rgba(14, 26, 43, .70);
	--navy-75:   rgba(14, 26, 43, .75);
	--navy-85:   rgba(14, 26, 43, .85);
	--navy-88:   rgba(14, 26, 43, .88);
	--navy-90:   rgba(14, 26, 43, .90);
	--navy-95:   rgba(14, 26, 43, .95);

	/* white × opacity */
	--white-55:  rgba(255, 255, 255, .55);
	--white-88:  rgba(255, 255, 255, .88);

	/* ── fonts ── */
	/* Japanese serif — body / general text */
	--font-body:    'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', 'YuMincho', 'MS Mincho', serif;
	/* Latin editorial serif + Japanese fallback — headings */
	--font-heading: 'Cormorant Garamond', 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	/* Latin display serif — numerals, nav, accent */
	--font-display: 'Cinzel', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	/* System sans-serif — UI / form elements */
	--font-ui:      'Inter', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Yu Gothic UI', 'Meiryo', sans-serif;
}

/*--- base ---*/
html { font-size: 62.5%; width: 100%; }
body {
	width: 100%;
	font-size: 1.4rem;
	font-family: var(--font-body);
	color: var(--navy);
	background: var(--white);
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.25em;
}
body::before {
	content: "";
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../img/bg_wh.webp') no-repeat bottom center;
	background-size: cover;
	z-index: -1;
	opacity: 0.3;
}
* { box-sizing: border-box; word-wrap: break-word; }
h1, h2, h3, h4, h5, h6, .section_title {
	font-family: var(--font-heading);
	letter-spacing: .06em;
}
/* Cinzel — ロゴ・ナビ等の英字ポイント */
.globalmenu li a,
.bargermenu li > *,
#footer_fixedmenu li a,
.runtxt ul,
.section_title > span:not(.st-char),
.txt-cinzel {
	font-family: var(--font-display);
	letter-spacing: .12em;
}
/* Inter — フォーム・UI */
.btn, .btn_more, .btn_gold,
input, button, select, textarea {
	font-family: var(--font-body);
}
a { color: var(--navy); }
a:link,
a:visited,
a:active,
a:hover { overflow: hidden; outline: none; }
img { width: 100%; }
input, select, textarea { outline: none; }
b, strong { font-weight: 500; }

/* flexbox */
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
/* form style */
/* reset */
input:not([type="radio"]), button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	font-family: inherit;
	font-size: 100%;
}
select {
	font-family: inherit;
	font-size: 100%;
}
textarea {
	resize: none;
}
input[type="submit"]:hover,
label:hover {
	cursor: pointer;
}
select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #000;
}
select::-ms-expand { display: none; }
input[type="text"], textarea, select,
input[type="submit"] {
	font-size: inherit;
	border: 0;
	border-radius: 0;
}
select::-ms-expand { display: none; }
textarea { display: block; }
input[type="submit"]:hover { cursor: pointer; }
/* img */
.section_img {
	line-height: 0;
	margin-bottom: 20px;
}
/* section */
section {
	position: relative;
}
.wrapper {
	margin: 0 auto;
}
.block + .block {
	margin-top: 20px;
}
.underlayer {
	padding-bottom: 50px;
	min-height: 60vh;
}
.borderbox {
	border: 1px solid var(--silver);
	padding: 20px;
}
/* title */
.section_title {
	display: block;
	padding: 45px 0;
	text-align: center;
	font-family: var(--font-display);
	font-weight: 500;
	letter-spacing: .3em;
	line-height: 1.2;
}
.section_title > span:not(.st-char) {
	display: block;
	font-family: var(--font-body);
	font-size: .45em;
	font-weight: 400;
	letter-spacing: .22em;
	margin-top: 1em;
}
.section_title > span:not(.st-char)::before {
	content: '';
	display: block;
	width: 20%;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--navy) 30%, var(--navy) 70%, transparent);
	margin: 0 auto 1.2em;
}
/* section_title — scroll character-drop animation */
.section_title .st-char {
	display: inline-block;
	white-space: pre;
	opacity: 0;
	transform: translateY(-0.8em);
	transition: opacity .5s ease, transform .5s ease;
}
.section_title.is-visible .st-char {
	opacity: 1;
	transform: translateY(0);
}
.underlayer .section_title {
	padding-bottom: 20px;
}
.section_title_color {
	font-weight: bold;
	font-size: 2rem;
	padding: 4px 4px 0;
	line-height: 1.5;
}
/* text */
.text_right {
	text-align: right;
}
.text_sub {
	font-size: 1.2rem;
	margin-bottom: 5px;
}
.section_text {
	text-align: center;
	line-height: 1.5;
	margin: 1em auto;
}
.section_text.text_left {
	text-align: left;
}
.section_text a {
	color: var(--navy);
	text-decoration: underline;
}
.section_text .text_red {
	color: var(--silver);
}
/* button */
.btn_right {
	text-align: right;
}
.btn {
	display: inline-block;
}
.btn_more {
	display: inline-block;
	line-height: 1;
	padding: 10px 15px;
	font-weight: bold;
	border-radius: 5px;
	font-size: 1.2rem;
	text-align: center;
	color: var(--white);
	letter-spacing: 3px;
	background: var(--navy);
	transition: transform .5s ease, box-shadow .5s ease;
}
@media (hover: hover) {
	.btn_more:hover,
	.btn:hover {
		transform: translateY(-1px);
		box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
	}
}
.btn_gold {
	font-size: 1.2em;
	font-weight: 500;
	padding: 10px 30px;
	margin: 20px;
	background: var(--silver);
	color: var(--navy) !important;
	border-radius: 5px;
	letter-spacing: .1em;
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, .2));
}
/* table */
.tablestyle + .tablestyle {
	margin-top: 2px;
}
.tablestyle dt, .tablestyle dd {
	padding: 10px;
	line-height: 1.5;
}
.tablestyle dt {
	color: var(--navy);
	background: rgba(14, 26, 43, 0.07);
}
.tablestyle dt span {
	width: 100%;
	height: 100%;
	align-items: center;
	font-weight: 500;
}
.tablestyle dd {
	line-height: 1.5;
}
/* breadlist */
#bread {
	max-width: 950px;
	margin: 0 auto;
}
.breadlist {
	width: 100%;
	white-space: nowrap;
	overflow-x: auto;
	padding: 6px;
	letter-spacing: 0;
}
.breadlist li {
	display: inline-block;
}
.breadlist li + li::before {
	content: "＞";
	margin-right: 5px;
}
.breadlist li a {
	transition: opacity .3s ease;
}
@media (hover: hover) {
	.breadlist li a:hover { opacity: 0.7; }
}
/* pager */
.pager {
	margin: 10px auto;
}
.pager_list.flex {
	align-items: center;
	justify-content: center;
}
.pager_list li {
	margin: 0 2.5px;
	text-align: center;
}
.pager_list li *, .pager_single a {
	color: var(--silver);
}
.pager_list li span {
	opacity: .7;
}
.pager_list li a {
	border-radius: 5px;
}
.pager_single {
	text-align: center;
}
.pager_single a {
	font-weight: bold;
}
/* pager_list flex */
.pager_list.flex li * {
	display: block;
	padding: 7px 6px;
}
.pager_list.flex li a {
	font-weight: bold;
	background: var(--silver);
	color: #fff;
}
/* pager_list float */
.pager_list.float {
	overflow: hidden;
	position: relative;
}
.pager_list.float li a {
	font-size: 1.3rem;
}
.pager_list.float li a {
	display: block;
	padding: 8px;
	background: var(--silver);
	color: #fff;
}
.pager_list.float li a i {
	font-size: .9em;
	color: #fff;
}
.pager_prev {
	float: left;
}
.pager_prev i {
	margin-right: 2px;
}
.pager_next i {
	margin-left: 2px;
}
.pager_next {
	float: right;
}
#profile .pager_list .pager_return {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
}
.pager_return a {
	font-weight: bold;
}
#profile .pager {
	background: transparent;
	padding: 8px 0;
	margin: 32px auto;
}
#profile .pager_list.float li {
	text-align: center;
	width: calc(100%/3);
}
#profile .pager
	color: var(--silver);
}
#profile .pager_list.float li:not(.pager_return) a {
	font-size: 1.1rem;
	color: var(--navy-75);
	border: 1px solid rgba(14, 26, 43, 0.25);
	border-radius: 0;
	background: transparent;
	font-weight: 400;
	letter-spacing: .08em;
}
#profile .pager_prev a {
	margin-left: 16px;
}
#profile .pager_next a {
	margin-right: 16px;
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.pc_ib, .pc_b { display: none; }
	.sp_ib { display: inline-block; }
	.sp_b { display: block; }

	body::before {
		background-position: -20px -50px;
		transform: scale(-1, 1);
	}

	.wrapper {
		margin: 0 auto;
	}
	/* section */
	.sp_sectioninner {
		width: calc(100% - 10px);
		margin: 0 auto;
	}
	.sp_sectioninner_narrow {
		width: calc(100% - 10px);
		margin: 0 auto;
	}
	.block {
		width: 100%;
		margin: 0 auto;
	}
	/* title */
	.section_title {
		font-size: 2rem;
		padding: 35px 0;
	}
	/* button */
	.btn_wrapper a {
		margin: 30px auto;
		display: block;
		text-align: center;
		width: 250px;
	}
	/* table */
	.tablestyle dt {
		width: 45%;
	}
	.tablestyle dd {
		width: 55%;
	}
	/* breadlist */
	.breadlist * {
		font-size: 1.2rem;
	}
	/* pager */
}
/* PC style */
@media print, screen and (min-width:1024px) {
	.sp_ib, .sp_b { display: none; }
	.pc_ib { display: inline-block; }
	.pc_b { display: block; }
	.js_isEdge a[href^="tel"] { display: inline-block; pointer-events: none; }

	/* section */
	.wrapper {
	}
	.wrapper_inner {
		max-width: 950px;
		margin: 0 auto;
	}
	.section_title {
		font-size: 2.8rem;
		padding: 60px 0;
	}
	/* button */
	.btn_wrapper {
		text-align: center;
	}
	.btn_wrapper a {
		min-width: 240px;
		margin-top: 50px;
	}
	/* table */
	.tablestyle dt {
		width: 30%;
	}
	.tablestyle dd {
		width: 70%;
	}
	/* breadlist */
	.breadlist {
		margin: 8px auto;
	}
	.breadlist * {
		font-size: 1.1rem;
	}
	/* pager */
	.pager_list li * {
		font-size: 1.5rem;
	}
}

/*--- header ---*/
header#home_header  {
	width: 100%;
	background: rgba(14, 26, 43, 0.15);
}
#home_header .background-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	opacity: .99; /* テキストのちらつき防止 */
	z-index: 0;
}
#home_header .background-video video {
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.header_inner {
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 100;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .8));
}
#underlayer_header {
	position: relative;
	height: 240px;
	width: 100%;
	overflow: hidden;
}
#underlayer_header > div:not(.header_inner) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 0;
	font-size: 0;
}
#underlayer_header > div:not(.header_inner) > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#underlayer_header .header_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(14, 26, 43, 0.15);
}
.header_info {
	flex-direction: column;
	color: #FFF;
	margin-top: 10px;
	font-family: var(--font-display);
	letter-spacing: 0;
}
.header_info > dl.header_tel,
.header_info > dl.header_time {
	font-variant: small-caps;
}
.runtxt {
	line-height: 0;
	overflow: hidden;
	padding: 0.25em;
	margin: 0 auto 5px;
	background: rgb(174 182 194 / 0.5);
}
.runtxt ul {
	margin: 0;
	display : inline-block;
	white-space : nowrap;
	font-size: 1.4rem;
	line-height: 1.4rem;
	padding: 5px 0 5px 100%;
	animation : marquee 15s linear infinite;
}
@keyframes marquee {
	from {
		transform: translate(0);
	}
	to {
		transform: translate(-100%);
	}
}
.runtxt ul li {
		display:inline;
		margin:0 20em 0 0;
		color: #000;
}
.runtxt ul li:last-child {
		margin:0;
}
.globalnavi {
	position: relative;
	background: rgba(14, 26, 43, 0.92);
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
.globalnavi::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(210,215,220,.25),
		transparent
	);
	pointer-events: none;
}
.globalnavi::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(255,255,255,.03),
		transparent 40%
	);
	pointer-events: none;
}
.globalmenu {
	justify-content: center;
	height: 60px;
}
.globalmenu li {
	text-align: center;
}
.globalmenu li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--silver);
	width: 100%;
	height: 100%;
	line-height: 1.5;
	letter-spacing: .1em;
	transition: .25s color;
}
.globalmenu li a i {
	display: none;
}
.globalmenu li a span {
	display: block;
	font-size: .65em;
	text-transform: uppercase;
	font-weight: 200;
}
.globalnavi_wrapper {
	position: sticky;
	top: 0;
	z-index: 1000;
}
.header_logo {
	opacity: 0.85;
	max-width: 300px;
}
/* PC style */
@media print, screen and (min-width:1024px) {
	header {
		margin: 0 auto;
	}
	header#home_header,
	#home_header .background-video,
	#home_header .header_inner {
		height: 100vh;
	}
	/*.header_inner {
		padding: 10px;
	}*/
	.header_logo {
		line-height: 0;
		margin-bottom: 24px;
	}
	#underlayer_header .header_inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
		gap: 40px;
		padding: 0 30px;
	}
	#underlayer_header .header_logo {
		height: 88%;
		width: auto;
		max-width: none;
		margin-bottom: 0;
		display: flex;
		align-items: center;
	}
	#underlayer_header .header_logo a {
		display: block;
		height: 100%;
	}
	#underlayer_header .header_logo img {
		height: 100%;
		width: auto;
		max-width: none;
	}
	#underlayer_header .header_info {
		margin-top: 0;
	}
	.header_info > dl {
		align-items: center;
		font-size: 2rem;
		text-align: right;
		line-height: 1.4;
		font-weight: 600;
	}
	.header_info > dl +dl {
		margin-top: 10px;
	}
	.header_info > dl dt {
		margin-right: 0.25em;
	}
	.header_info > dl:not(.header_tel) dt {
		font-size: 1.6rem;
		text-align: center;
	}
	.header_info .header_time span {
		font-size: .8em;
	}
	.header_info > dl.header_time dd,
	.header_info > dl.header_access dd {
		font-size: 2rem;
	}
	.header_info > dl.header_tel {
		font-size: 3rem;
		line-height: 1;
	}
	.header_info > dl.header_tel i {
		font-size: 2rem;
		margin-right: .25em;
	}
	html:not(.ie) .header_info > dl {
		color: #FFF;
	}
	.globalmenu {
		max-width: 1080px;
		margin: 0 auto;
		justify-content: space-evenly;
	}
	.globalmenu li {
		width: calc(100% / 10);
	}
	.globalmenu li a {
		font-size: 1.5rem;
		transition: 0.5s color ease;
	}
	.globalmenu li a:hover {
		color: #fff;
	}
	/* header fixed */
	.header_fixed .globalnavi_wrapper {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
	}
	.header_fixed main {
		padding-top: 58px;
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {
	header {
		width: 100%;
		z-index: 2  ;
	}
	header#home_header,
	#home_header .background-video,
	#home_header .header_inner {
		height: calc(100vh - 130px);
	}
	.header_logo {
		width: 60%;
	}
	.header_info {
		align-items: center;
	}
	.header_info ul.header_room {
		justify-content: center;
		margin-bottom: 10px;
	}
	.header_info ul.header_room li {
		color: #fff;
		line-height: 18px;
		letter-spacing: .1em;
		background: var(--navy);
		height: 18px;
		margin: 0 2px;
		padding: 0 10px;
		border-radius: 9px;
	}
	.header_info .header_time {
	}
	.header_info > dl {
		align-items: center;
		font-size: 1.6rem;
	}
	.header_info > dl + dl {
		margin-left: 0;
		margin-top: 5px;
	}
	.header_info > dl dt {
		margin-right: 5px;
		padding: 2px;
	}
	.header_info > dl dd {

	}

	/* underlayer header SP: ロゴ上・情報下の縦並び */
	#underlayer_header .header_inner {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 14px 20px;
	}
	#underlayer_header .header_logo {
		height: 140px;
		width: auto;
		max-width: 55%;
		margin-bottom: 0;
		line-height: 0;
		display: flex;
		align-items: center;
	}
	#underlayer_header .header_logo a {
		display: block;
		height: 100%;
	}
	#underlayer_header .header_logo img {
		height: 100%;
		width: auto;
		max-width: none;
	}
	#underlayer_header .header_info {
		margin-top: 0;
	}
	#underlayer_header .header_info > dl {
		font-size: 1.2rem;
	}
	#underlayer_header .header_info > dl.header_tel {
		font-size: 1.8rem;
	}
	#underlayer_header .header_info > dl.header_tel i {
		font-size: 1.4rem;
	}

	.globalnavi {
		width: 100%;
	}
	.globalmenu {
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.globalmenu li {
		width: calc(100% / 3);
	}
	.globalmenu li a {
		font-size: 1.4rem;
	}
	/* sp_menubtn */
	.sp_menubtn {
		background: var(--silver);
		border-radius: 8px;
		position: fixed;
		top: 5px;
		right: 5px;
		width: 46px;
		height: 46px;
		z-index: 10001;
		border: 2px solid var(--silver);
	}
	.sp_menubtn span {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 70%;
		height: 4px;
		background: var(--navy);
		transition: all .55s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.sp_menubtn span:nth-of-type(1) {
		top: 9px;
	}
	.sp_menubtn span:nth-of-type(2) {
		top: 19px;
	}
	.sp_menubtn span:nth-of-type(3) {
		bottom: 9px;
	}
	.sp_menubtn.active span:nth-of-type(1) {
		transform: translateY(10px) rotate(45deg);
	}
	.sp_menubtn.active span:nth-of-type(2) {
		opacity: 0;
		transform: translateX(24px);
	}
	.sp_menubtn.active span:nth-of-type(3) {
		transform: translateY(-10px) rotate(-45deg);
	}
	/* bargernavi */
	.bargernavi_wrapper {
		transition: opacity .5s;
		opacity: 0;
		background: rgba(14, 26, 43, 0.92);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
		width: 100vw;
		height: 100vh;
		z-index: 9999;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow-y: scroll;
		pointer-events: none;
	}
	.bargernavi_wrapper.menu_open {
		opacity: 1;
		pointer-events: auto;
	}
	.bargernavi_wrapper .globalnavi {
		display: none;
	}
	.bargernavi_wrapper.menu_open .globalnavi {
		display: block;
	}
	.bargernavi {
		position: absolute;
		left: 0;
		right: 0;
		top: 50px;
	}
	.bargermenu {
		width: calc(100% - 20px);
		margin: 0 auto 20px;
		z-index: 11;
	}
	.bargermenu li > * {
		transition: opacity .3s ease;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1em;
		color: #FFF;
		font-size: 1.8rem;
	}
	.bargermenu li > * i {
		margin-right: 4px;
		width: 1.5em;
		text-align: center;
	}
	.bargermenu li {
		width: 50%;
		line-height: 1.25;
	}
	/* .bargermenu li a:after {
		content:'>';
		font-weight: bold;
		color: #fff;
		margin-left: auto;
	} */
	.bargermenu li a i {
		display: none;
	}
	.bargermenu li a span {
		font-size: 0.6em;
		font-weight: 200;
		opacity: 0.55;
	}
	.bargermenu_info {
		text-align: center;
		color: #FFF;
		line-height: 1.2;
		padding-bottom: 120px;
		letter-spacing: 0;
		font-family: var(--font-display);
	}
	.bargermenu_info dl {
		justify-content: center;
		align-items: baseline;
	}
	.bargermenu_info dl.bargermenu_tel,
	.bargermenu_info dl.bargermenu_time {
		font-variant: small-caps;
	}
	.bargermenu_info dl.bargermenu_tel {
		font-size: 3rem;
	}
	.bargermenu_info dl.bargermenu_tel a {
		color: #FFF;
	}
	.bargermenu_info dl.bargermenu_tel dt {
		font-size: .6em;
	}
	.bargermenu_info dl.bargermenu_time {
		font-size: 2rem;
		margin-bottom: 16px;
	}
	.bargermenu_info dl:nth-of-type(2) {
		margin-top: 20px;
	}
	.bargermenu_info dl dt {
		margin-right: 0.25em;
	}
	.closeBtn span {
		justify-content: center;
		background: #FFF;
		color: var(--silver);
		border-radius: 3px;
		margin-bottom:10px;
		font-weight: 500;
		font-family: var(--font-body);
	}
	.closeBtn span i {
		line-height:0.95;
	}
}
/* SP landscape */
@media print, screen and (max-width:1023px) and (orientation: landscape) {
	.bargernavi {
		height: 100%;
	}
}

/*--- top_banner ---*/
#top_banner {
	margin-top: 50px;
}

/*--- banner ---*/
.banner_list {
	margin-bottom: 25px;
}
.banner_list li {
	box-shadow: 10px 10px 30px rgb(0 0 0 / 0.15);
	transition: 0.5s opacity ease-in-out;
}
.banner_list li + li {
	margin-top: 5px;
}
.banner_list li a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.5;
}
.banner_list li img {
	display: block;
}
.linkbanner {
	justify-content: center;
	text-align: center;
	padding: 5px;
}
.linkbanner li a {
	display: inline-block;
	font-size: 1rem;
}
.linkbanner li a img {
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}
.linkbanner li span {
	display: block;
}
.linkbanner li span a {
	font-size: 1rem;
}
#link .linkbanner {
	padding: 0;
	justify-content: center;
}
#link .linkbanner li {
	margin: 5px;
}



/* PC style */
@media print, screen and (min-width:1024px) {  
	.linkbanner li {
		width: calc(100% / 4 - 10px);
		margin: 5px;
	}
	#link .linkbanner li {
		width: calc(100%/4 - 13px);
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {  
	.linkbanner li {
		width: 50%;
		padding: 5px;
		margin-bottom: 5px;
	}
	#link .linkbanner {
		flex-direction: column;
		align-items: center;
		padding: 8px;
	}
	#link .linkbanner li {
		/*width: calc(100%/2 - 6px);*/
		padding: 5px;
	}
}

/*--- top_news ---*/
/*--- top_sns ---*/
#top_sns .officialsns {
	box-shadow: 0 4px 20px rgba(14, 26, 43, 0.09);
}

/*--- top_news ---*/
#top_news{
	width: 100%;
}
#top_news .top_topic_wrapper {
	flex-direction: column;
	background: rgba(248, 248, 246, 0.85);
	box-shadow: 0 4px 20px rgba(14, 26, 43, 0.09);
	overflow: hidden;
}
#top_news .top_topic_content {
	width: 100%;
	padding: 10px;
	justify-content: space-between;
	transition: background-color .35s ease;
}
.top_topic_article {
	padding: 8px 0;
}
#top_news .top_topic_img {
	position: relative;
	width: 90px;
	height: 90px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
#top_news .top_topic_img img {
	position: absolute;
}
#top_news .top_topic_article {
	width: calc(100% - 100px);
}
#top_news .top_news_inner {
	height: 110px;
}
#top_news .top_news_inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#top_news .top_news_inner a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#top_news .top_news_inner:not(:first-of-type) {
	border-top: 1px solid var(--silver);
}
#top_news .topiclist_title {
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 2.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#top_news .top_topic_article {
	position: relative;
	margin: 10px 0 0;
}
#top_news .topic_date {
	font-size: 1.2rem;
}
#top_news .top_topic_text {
	line-height: 1.5;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.sns-shop-embed-container {
	display: flex;
	justify-content: center;
}
/* PC style */
@media print, screen and (min-width:1024px) {
	#top_news {
		display: flex;
		justify-content: space-between;
		gap: 16px;
	}
	/*#top_news, #top_sns {
		width: calc(50% - 10px);
		margin: 0 auto;
	}*/
	#top_news .top_topic_wrapper {
		height: 621px;
	}
	#top_news .top_news_inner {
		height: 180px;
	}
	#top_news .top_news_inner a:hover + div {
		background: var(--silver);
	}
	#top_news .top_topic_article_inner {
		line-height: 1.5em;
		margin-bottom: 10px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 11;
	}
	#top_news .top_topic_img {
		width: 160px;
		height: 160px;
	}
	#top_news .top_topic_article {
		width: calc(100% - 170px);
	}
	#top_news .topiclist_title {
		line-height: 3;
	}
	#top_news .top_topic_text {
		white-space: normal;
		text-overflow: clip;
		line-height: 1.8;
		font-size: 1.2rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	#top_news .btn_right {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#top_news .top_news_wrapper {
		width: 50%;
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.top_topic_wrapper {
	}
	.top_topic_img {
		max-width: 300px;
		margin: 0 auto;
	}
	#top_news .top_news_inner {
	}
	#top_news .top_topic_content {
		padding: 8px 4px;
	}
	#top_news .top_topic_wrapper {
		padding-top: 0;
	}
	#top_news .top_topic_article {
		margin: 0 0 0 8px;
	}
	#top_news .topiclist_title {
		font-size: 1.5rem;
	}
	/*#top_news .top_topic_text {
		padding: 10px;
	}*/
}

/*--- top_photodiary ---*/
.officialsns {
	position: relative;
	overflow: hidden;
}
/*.officialsns:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 0 1px var(--silver),inset 0 0 0 4px #FFF;
	pointer-events: none;
}*/
.diary_img {
	height: 0;
	padding-bottom: 132.97%;
	position: relative;
	line-height: 0;
	border: 1px solid #fff;
}
.diary_img a {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.diary_img img {
	height: 100%;
	object-fit: cover;
}
.officialsns h3 {
	font-size: 1.4rem;
	margin-top: 10px;
}
.officialsns .diary_title {
	display: block;
	font-size: 1.2rem;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.officialsns .date {
	font-size: 1.2rem;
	text-align: right;
	margin-top: 10px;
}
/* PC style */
@media print, screen and (min-width:1024px) {
	#top_news .btn_wrapper a {
		margin-top: 10px;
	}
	#top_sns {
		width: calc(50% - 10px);
		min-height: 300px;
		height: 620px;	
	}
	#top_sns h2 {
	}
	.officialsns {
	}
	#top_sns a {
		display: block;
		height: 620px;
	}
	#top_sns a img {
		height: 100%;
		object-fit: cover;
	}
	.officialsns li * {
		color: #FFF;
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {
	#top_sns {
		width: 100%;
		margin-top: 20px;
	}
	.officialsns {
		text-align: center;
	}
	.officialsns img {
		width: auto;
		max-width: 320px;
		margin: 0 auto;
	}
	#top_sns .officialsns {
		box-shadow: none;
	}
}

/*--- top_newcomer ---*/

/*--- therapist list ---*/
.therapist_info_wrapper {
	position: absolute;
	color: #FFF;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.8), transparent);
	padding-top: 10px;
}
.therapist_img_wrapper.therapist_new {
}
.therapist_list > div,
.therapist_img_wrapper {
	position: relative;
	overflow: hidden;
}
.therapist_list > div, .therapist_img_wrapper {
}
.new-badge {
	position: absolute;
	top: 0;
	right: 6px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 14px;
	width: 26px;
	height: 100px;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.18),
			rgba(255,255,255,.04)
		),
		#E6D7B8;
	border: 1px solid rgba(255,255,255,.25);
	color: var(--navy-88);
	font-family: var(--font-display);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .18em;
	writing-mode: vertical-rl;
	text-transform: uppercase;
	box-shadow: 0 6px 18px rgba(0,0,0,.18);
	mask-image: linear-gradient(to bottom, black 55%, transparent 100%);
	-webkit-mask-image: linear-gradient(to bottom, black 55%, transparent 100%);
	pointer-events: none;
}
/* girllist/newface 用バッジ縦並びコンテナ */
.therapist_badge_col {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.therapist_badge_col .therapist_icon {
	position: static;
	width: auto;
	height: auto;
}
.therapist_badge_col .icon_schedule_wrapper {
	position: static;
	text-align: left;
}
/*.therapist_list .icon_schedule_wrapper {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	z-index: 999;
}*/
.icon_schedule {
	position: relative;
	padding: 1px 4px;
	line-height: 1.25;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	letter-spacing: 0;
}
.icon_schedule.today {
	background: var(--navy);
	color: var(--silver);
}
.icon_schedule.nextday {
	background: #0098ff;
}
.icon_schedule.nexttime {
	background: #ff8b00;
}
/* girllist専用 icon_schedule スタイル */
#gals .icon_schedule.today {
	background: rgba(18, 30, 48, .95);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
	margin: 2px;
}
#gals .icon_schedule.nexttime {
	background: rgba(18, 30, 48, .55);
	color: #fff;
	margin: 2px;
}
.therapist_img {
	height: 0;
	line-height: 0;
	padding-bottom: 133.33%;
	position: relative;
	overflow: hidden;
}
.therapist_img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.therapist_icon {
	position: absolute;
	top: 0;
	left: 0;
}
.therapist_icon {
	left: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 40px);
}
.therapist_icon li { 
	pointer-events: none;
	margin: 2px 2px 0;
}
.therapist_icon li > span {
	position: relative;
	display: inline-block;
	font-weight: 500;
	color: #fff;
	/*box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	border: 1px solid #fff;
	border-radius: 5px; */
}
.therapist_icon li > span::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255,235,190,.2) 0%, rgba(255,215,140,.10) 25%, rgba(120,82,28,.08) 65%, rgba(70,45,12,.35) 100%);
}
.therapist_icon li > span span {
	position: relative;
	z-index: 3;
}
.icon_reco span {
	background: var(--navy);
}
.name_wrapper {
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
	text-shadow: 0 0 5px #000;
}
.therapist_name {
	text-align: center;
	line-height: 1.2;
	font-size: 1.4rem;
	letter-spacing: 0;
}
.therapist_name .therapist_age {
	font-family: var(--font-display);
	margin-left: -0.4em;
}
.therapist_name span:not(.girlinfo_name):not(.therapist_age) {
	display: block;
	font-size: 1rem;
	text-align: center;
	margin: 3px 0 0 0;
	font-family: var(--font-body);
}
.therapist_name span.girlinfo_name {
	font-weight: bold;
}
.therapist_sns {
	display: flex;
	flex-direction: column;
	gap: 2px;
	position: absolute;
	bottom: 4px;
	right: 2px;
	z-index: 2;
}
.therapist_sns li {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	border: 1px solid rgba(201,206,214,.28);
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.08),
			rgba(255,255,255,.02)
		),
		rgba(14,26,43,.42);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow:
		0 4px 12px rgba(0,0,0,.16),
		inset 0 1px 0 rgba(255,255,255,.04);
	transition:
		transform .35s ease,
		border-color .35s ease,
		box-shadow .35s ease;
}
.therapist_sns li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--white);
	font-size: 16px;
	letter-spacing: 0;
	transition: color .35s ease;
}
.sns_icon_twitter {
	background: linear-gradient(315deg, #000 50%, #666 51%, #000);
}
.sns_icon_insta {
	background: linear-gradient(315deg, #d82b7d 50%, #e6619f 51%, #d82b7d);
}
.sns_icon_bluesky {
	background: linear-gradient(315deg, #1185fe 50%, #6fb5fd 51%, #1185fe);
}
.sns_icon_zerotwo {
	background: linear-gradient(315deg, #153B42 50%, #2e808f 51%, #153B42);
}
.sns_icon_twitter a,
.sns_icon_insta a,
.sns_icon_bluesky a,
.sns_icon_zerotwo a {
	color: #FFF;
}
.therapist_meta {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.therapist_meta .therapist_name {
	font-weight: 700;
}
.therapist_height {
	font-family: var(--font-body);
	text-align: center;
	font-size: 1.2rem;
	margin: 5px 1em 5px 0;
	letter-spacing: 0;
}
.therapist_text_box {
	font-size: 1.4rem;
	font-weight :bold;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 20px;
	height: 24px;
	background: var(--navy);
	color: #FFF;
}
.therapist_text_box:not(:last-of-type) {
	margin-bottom: 2px;
}
.therapist_text_box.therapist_room,
.therapist_text_box.therapist_time {
}
.therapist_text_box.therapist_comment {
	height: 30px;
	line-height: 30px;
	background: var(--navy-sub);
	border-radius: 10px;
}
.therapist_entryday {
	background: var(--navy);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	margin-top: 2px;
	border-radius: 10px;
}
#top_waiting .icon_schedule.today,
#schedule .icon_schedule.today {
	width: 100%;
	border: none;
}
#newface .icon_schedule.today {
	background: rgba(18, 30, 48, .95);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
	margin: 2px;
	font-size: 1.1rem;
}
#newface .icon_schedule.nexttime {
	background: rgba(18, 30, 48, .55);
	color: #fff;
	margin: 2px;
	font-size: 1.1rem;
}

/* PC style */
@media print, screen and (min-width:1024px) {
	.therapist_list {
		flex-wrap: wrap;
	}
	.therapist_list > div {
		width: calc(100% / 4 - 2px);
	}
	.therapist_list > div img {
		transition: .5s transform;
	}
	.therapist_list > div:hover img {
		transform: scale(1.05);
	}
	.therapist_list > div:not(:nth-of-type(4n)) {
		margin-right: 2px;
	}
	.therapist_list > div:not(:nth-of-type(-n + 4)) {
		margin-top: 20px;
	}
	.therapist_icon {
	}
	.therapist_icon li > span {
		font-size: 1.3rem;
		padding: 5px;
	}
	.therapist_sns li:hover {
		transform: translateY(-2px);
		border-color: rgba(255,255,255,.6);
		box-shadow:
			0 8px 24px rgba(0,0,0,.22),
			0 0 10px rgba(201,206,214,.08);
	}
	.therapist_name {
		font-size: 1.4rem;
		font-weight: bold;
	}
	/* therapist_slider */
	.therapist_slider .slick-slide {
		margin-right: 6px;
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.text_sub.sp_sectioninner {
		margin-bottom: 8px;
	}
	#top_waiting.block{
		margin-top: 6px !important;
	}
	#top_waiting .therapist_list,
	#top_newcomer .therapist_list {
		justify-content: space-between;
		/* overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch; */
		padding-bottom: 10px;
		font-size: 0;
	}
	#top_waiting .therapist_list > div,
	#top_newcomer .therapist_list > div {
		display: inline-block;
		width: calc(50% - 3px);
		height: auto;
		vertical-align: top;
		margin-bottom: 20px;
	}
	.therapist_icon {
		height: 20px;
	}
	.therapist_icon li > span {
		font-size: 1.2rem;
		padding: 2px 5px;
	}
	.icon_schedule {
		font-size: 1rem;
	}
	.therapist_name {
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 5px;
	}
	.therapist_entryday {
		font-size: 1.2rem;
		font-weight: bold;
	}
	.therapist_sns li {
		width: 30px;
		height: 30px;
	}
	.therapist_sns li a {
		font-size: 1.3rem;
	}
	.therapist_text_box {
		font-size: 1.2rem;
	}
}

/*--- top_review ---*/
/*--- profile_review ---*/
/*#top_review,#profile_review {display	: none;}*/
#top_review .top_topic_wrapper,
#top_review .top_topic_content,
#profile_review .top_topic_wrapper,
#profile_review .top_topic_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top_review .top_topic_content,
#profile_review .top_topic_content {
	border: 1px solid var(--silver);
	border-radius: 10px;
	background: #fff;
	padding: 5px;
}
#top_review .top_topic_content {
	border: none;
	border-radius: 0;
	background: rgba(248, 248, 246, 0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 4px 20px rgba(14, 26, 43, 0.09);
	padding: 8px;
}
.top_review_inner {
	position: relative;
	transition: transform .35s ease;
}
@media (hover: hover) {
	.top_review_inner:hover {
		transform: translateY(-2px);
	}
	.banner_list li:hover {
		opacity: 0.8;
	}
}
.top_review_inner  a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: block;
	z-index: 1;
}
#top_review .topiclist_title,
#profile_review .topiclist_title {
	font-weight: bold;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#top_review .topiclist_title.therapist_name,
#profile_review .topiclist_title.therapist_name {
	color: #000;
	text-align: left;
}
#top_review .top_topic_article,
#profile_review .top_topic_article {
	position: relative;
}
#top_review .topic_date,
#profile_review .topic_date {
	font-size: 1.2rem;
	text-align: right;
	margin-bottom: 5px;
}
#top_review .top_topic_text,
#profile_review .top_topic_text {
	position: relative;
	line-height: 1.5;
}
#top_review .top_topic_text .date,
#profile_review .top_topic_text .date {
	position: static;
}
#top_review .top_topic_text .date {
	font-size: 1.1rem;
	margin-top: 6px;
	color: var(--fog);
}
#top_review .top_topic_text h4,
#profile_review .top_topic_text h4 {
	font-size: 1.4rem;
}
#top_review .comment,
#profile_review .comment {
	height: 1em;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
}
#top_review i,
#profile_review i {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 2rem;
	color: var(--silver);
}
/* PC style */
@media print, screen and (min-width:1024px) {
	.top_review_inner {
		width: 50%;
		padding: 5px;
	}
	.top_review_img {
		width: 100px;
	}
	#top_review .top_topic_article,
	#profile_review .top_topic_article {
		width: calc(100% - 110px);
	}
	#top_review .topiclist_title.therapist_name,
	#profile_review .topiclist_title.therapist_name {
		font-size: 1.6rem;
	}
	#top_review .top_topic_text,
	#profile_review .top_topic_text {
		font-size: 1.2rem;
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.top_review_inner {
		width: 100%;
		margin-top: 10px;
	}
	/*.top_review_inner:not(:first-of-type) {
		display: none;
	}*/
	#top_review .topiclist_title.therapist_name,
	#profile_review .topiclist_title.therapist_name {
		font-size: 1.4rem;
	}
	.top_review_img {
		width: 80px;
	}
	#top_review .top_topic_article,
	#profile_review .top_topic_article {
		width: calc(100% - 90px);
	}
	#top_review .top_topic_text,
	#profile_review .top_topic_text {
		font-size: 1.2rem;
	}
}

/*--- footernavi ---*/
.footernavi {
	padding: 70px 0;
	margin: 50px 0;
}
.footernavi_list {
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.footernavi_list li {
	height: auto;
	padding: 8px;
	background: transparent;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 4px 20px rgba(14, 26, 43, 0.10);
	transition: transform .3s ease, box-shadow .3s ease;
}
.footernavi_list li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px 16px;
	text-decoration: none;
	border: 1px solid var(--navy);
	background: transparent;
	transition: border-color .35s ease;
}
.footernavi_list li p {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: static;
	width: auto;
	height: auto;
	background: transparent;
	border-top: none;
	font-family: var(--font-display);
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .25em;
	color: var(--navy);
	font-variant: small-caps;
}
.footernavi_list li a span {
	display: block;
	font-family: var(--font-body);
	font-size: 1.0rem;
	font-weight: 400;
	letter-spacing: .2em;
	color: var(--navy);
	margin-top: 0;
}
.footernavi_list li a span::before {
	content: '';
	display: block;
	width: 24px;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--navy) 30%, var(--navy) 70%, transparent);
	margin: 14px auto 12px;
}
@media (hover: hover) {
	.footernavi_list li:hover {
		transform: translateY(-4px);
		box-shadow: 0 10px 30px rgba(14, 26, 43, 0.18);
	}
	.footernavi_list li:hover a {
		border-color: var(--navy-sub);
	}
}
.footer_sitemap {
	text-align: center;
	margin: 30px auto 0;
}

/* PC style */
@media print, screen and (min-width:1024px) {
	.footernavi_list li {
		width: calc(100% / 4 - 9px);
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.footernavi {
		padding: 50px 0;
	}
	.footernavi_list {
		gap: 6px;
		padding: 0 8px;
	}
	.footernavi_list li {
		width: calc(100% / 2 - 3px);
	}
	.footernavi_list li p {
		font-size: 1.6rem;
		letter-spacing: 0.2em;
	}
}

/*--- footer ---*/
footer {
	background: rgba(14, 26, 43, 0.92);
}
footer * {
	color: #FFF;
	font-weight: 200;
	letter-spacing: 0;
}
.copyright {
	text-align: center;
	padding: 10px;
}
.copyright a {
	font-size: 1.2rem;
}
#totop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	text-align: center;
	display: block;
	font-size: 3rem;
	line-height: 50px;
	cursor: pointer;
	background: rgb(174 182 194 / 0.9);
	z-index: 9997;
}
#totop i {
	color: #FFF;
}
/* PC style */
@media print, screen and (min-width:1024px) {
	footer {
	}
	.footer_wrapper {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		max-width: 1000px;
		margin: 0 auto;
		padding: 50px 20px 20px;
	}
	.footer_logo {
		width: 260px;
		margin-bottom: 30px;
	}
	.footer_info {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer_info img {
		display: block;
		width: 180px;
		margin: 0 auto 20px;
	}
	.footer_info p {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	.footer_info dt,
	.footer_info dd {
		display: inline-block;
		font-size: 1.8rem;
		line-height: 1.25;
	}
	.footer_info dt span,
	.footer_info dd span {
		font-weight: bold;
		font-size: .8em;
	}
	.footer_sitemap {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.footer_sns_block p + p {
		margin-left: 20px;
	}
	.footer_sitemap li {
		display: inline-block;
	}
	.footer_sitemap li a {
		display: inline-block;
		padding: .5em;
		font-size: 1.2rem;
	}
	.pc_footer_twitter a, .pc_footer_line a, .pc_footer_zerotwo a {
		display: block;
		font-size: 5rem;
	}
	#footer_fixedmenu {
		display: none;
	}
	#totop {
		bottom: 10px;
		right: 10px;
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {
	footer.block {
		width: 100%;
		padding-bottom: 70px;
	}
	.footer_wrapper {
		display: none;
	}
	#totop {
		bottom: 86px;
		right: 6px;
	}
	#footer_fixedmenu {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--navy);
		border-top: 1px solid var(--silver);
		height: 70px;
		z-index: 9998;
	}
	#footer_fixedmenu li {
		width: calc(100% / 3);
		height: 70px;
	}
	#footer_fixedmenu li + li a {
		border-left: 1px solid #FFF;
	}
	#footer_fixedmenu li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		color: #FFF;
		font-size: 1.3rem;
		font-weight: 600;
		font-weight: 600;
	}
	#footer_fixedmenu li a i {
		color: #FFF;
		font-size: 3.2rem;
		margin-bottom: 8px;
	}
	#footer_fixedmenu li a span {
		letter-spacing: -2px;
		color: #FFF;
		font-size: 1.3rem;
		font-weight: 600;
	}
}

/*--- 404 notfound ---*/
#notfound {
	min-height: 30vh;
}
/* PC style */
@media print, screen and (min-width:1024px) {
}
/* SP style */
@media print, screen and (max-width:1023px) {
}

/*---diary ---*/
#diary .officialsns {
	justify-content: flex-start;
}
#diary .officialsns li {
	margin: 3px 3px 20px;
}
#diary .diary_img {
	border: none;
	margin-bottom: 3px;
}
#diary .officialsns * {
	color: #000;
	font-size: 1.4rem;
}
/* fadein */
.animate {
	opacity: 0;
}
.fadeIn {
	transition: 1s opacity;
}
/* gallist */
.diary_title a {
	color: var(--silver);
}
/* gal */

.diary_content {
	margin-bottom: 15px;
	border-color: var(--silver);
	background: rgba(255, 255, 255, .8);
}
.diary_content h3 {
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: var(--silver);
	line-height: 1.2;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.diary_content .date {
	text-align: right;
	margin-bottom: 2px;
	font-weight: 500;
}
.article_img {
	line-height: 0;
}
.article_text {
	font-size: 1.6rem;
	line-height: 1.5;
}
.article_text img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: 10px auto;
}
.diary_link li {
	margin: 20px auto;
}
.morelink a {
	display: block;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	color: var(--white);
	background: var(--navy-sub);
	max-width: 300px;
	margin: 0 auto;
}
.morelink a span {
	font-weight: bold;
}
.diary_link a {
	border-radius: 3px;
	padding: 5px 15px;
}
/* SP style */
@media print, screen and (max-width:1023px) {
	#diary .officialsns li {
		width: calc(50% - 6px);
	}
	/* gal */
	#diary_gal .sp_sectioninner_narrow {
		width: calc(100% - 40px);
	}
	#diary_gal .pager {
		margin: 10px 5px;
	}
	.article_img {
		margin-bottom: 15px;
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	#diary .officialsns li {
		width: calc(25% - 6px);
	}
	/* gal */
	.article_inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.article_img {
		width: 30%;
	}
	.article_text {
		width: 66%;
		margin: 10px 0 10px 4%;
	}
	.profile_link a {
		border-radius: 6px;
		padding: 2px 15px;
	}
}

/*--- gals ---*/
.profile_wrapper {
	margin-top: 30px;
	opacity: 0;
	animation: girlinfo-fadein 0.9s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.15s;
}
@keyframes girlinfo-fadein {
	to { opacity: 1; }
}
/* profile_left */
#profile_img_thumb .thumbnail-item {
	width: 100%;
	opacity: .4;
	position: relative;
	font-size: 0;
}
#profile_img_thumb .thumbnail-item:hover {
	cursor: pointer;
}
/*#profile_img_thumb .thumbnail-item img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/
#profile_img_thumb .thumbnail-item.thumbnail-current {
	opacity: 1;
}
.profile_img .slick-dots li button {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.profile_block + .profile_block {
	margin-top: 60px;
}
#profile_img_main .slide-item {
	aspect-ratio: 3 / 4;
	overflow: hidden;
}
#profile_img_main .slide-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.profile_block h3,
.profile_block:not(.profile_review) h4:not(.bg_none),
.profile_block h4.bg_none span {
	font-weight: 300;
	color: var(--navy-90);
	letter-spacing: .25em;
	text-align: center;
	padding: 0 5px 16px;
	font-size: 1.3rem;
	border-bottom: 1px solid rgba(14, 26, 43, 0.12);
	margin-bottom: 24px;
}
.profile_left .profile_block h3 {
	padding: 0 5px 16px;
}
.profile_block:not(.profile_review) h4:not(.bg_none),
.profile_right .profile_block h4 span {
	padding: 0 5px 16px;
}
.profile_block:not(.profile_review) h4.bg_none span {
	display: inline-block;
	width: 100%;
}
.profile_diary .diarylist li {
	width: calc(25% - 4px);
}

.reviewlist * {
	font-size: 1.3rem;
}
.review_meta {
	line-height: 1.6;
	margin-bottom: 2em;
}
.reviewlist h4 {
	font-weight: 400;
	letter-spacing: .05em;
	color: var(--navy-85);
}
.reviewlist .date {
	font-size: 1.1rem;
	color: var(--navy-50);
}
.reviewlist .comment {
	margin-bottom: 2.5em;
	padding: 0;
	letter-spacing: .03em;
	line-height: 1.8;
}
.reviewlist .thanks {
	text-align: right;
	font-size: 1.1rem;
	color: var(--navy-45);
}
/* profile_right */
.profile_left .catchcopy {
	font-size: 1.6rem;
	font-weight: 300;
	font-style: italic;
	letter-spacing: .08em;
	text-align: center;
	margin-bottom: 24px;
	color: var(--navy-55);
	font-family: var(--font-body);
}
.profile_left .therapist_name {
	font-size: 3.4rem;
	letter-spacing: .2em;
	margin: 0 auto 4px;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}
.profile_left .therapist_name .girlinfo_name {
	/*display: block;
	width: 3.5em;
	margin: 0 auto;
	padding-right: 10px;*/
	color: var(--navy);
}
.profile_left .therapist_name .icon_new {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1;
	background: var(--navy);
	height: auto;
	padding: 5px 10px;
	overflow: hidden;
	margin: 0 14px 0 0;
	letter-spacing: .25em;
	font-family: var(--font-display);
	flex-shrink: 0;
}
.profile_left .therapist_name .icon_new::after {
	display: none;
}
@keyframes shine {
	0% {
				left: -30%;
		}
		20% {
				left: 120%;
		}
		100% {
				left: 120%;
		}
}
.profile_sub {
	align-items: center;
	justify-content: center;
	margin: 20px 0 28px;
	position: relative;
}
.profile_sub .therapist_age,
.profile_sub .therapist_height {
	font-family: var(--font-body);
	font-size: 1.7rem;
	margin: 0 12px 0 0;
	letter-spacing: .05em;
	color: var(--navy-70);
}
.profile_sub .therapist_sns {
	width: fit-content;
	flex-direction: row;
	position: relative;
	bottom: 0;
}
.profile_sub .therapist_sns li {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.profile_sub .therapist_sns li + li {
	margin-left: 5px;
}
.profile_sub .therapist_sns a {
	font-size: 2rem;
	text-align: center;
}
.icontype {
	width: calc(100% - 10px);
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
.therapist_list .icontype {
	display: none;
}
.icontype2 {
	width: calc(100% - 10px);
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 36px;
	gap: 5px;
}
.icontype li {
	color: #000;
	background: #fff;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1.5;
	width: calc(50% - 2.5px);
	padding: 5px 0;
	margin-bottom: 5px;
	font-weight: bold;
}
.icontype2 li {
	color: var(--navy-75);
	background: transparent;
	border: 1px solid rgba(14, 26, 43, 0.2);
	background: rgb(255 255 255 / 0.5);
	backdrop-filter: blur(12px);
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.25;
	width: calc(50% - 2.5px);
	padding: 7px 6px;
	margin-bottom: 5px;
	font-weight: 400;
	letter-spacing: .1em;
}
.therapist_icon {
	letter-spacing: 0;
	font-family: var(--font-display);
}
#profile .therapist_icon {
	position: relative;
	margin-bottom: 20px;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
#profile .therapist_icon li + li {
}
#profile .icon_schedule {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 5px 10px;
	line-height: 1.2;
	/*border: 1px solid #fff;*/
}
#profile .icon_schedule.today {
	background: var(--navy);
}
.profile_text + .profile_text {
	margin-top: 36px;
}
.profile_text dt {
	margin-bottom: 12px;
	color: var(--navy-90);
	line-height: 1.5;
	font-size: 1.05rem;
	font-weight: 400;
	text-align: left;
	background: transparent;
	letter-spacing: .2em;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(14, 26, 43, 0.12);
	padding-bottom: 6px;
}
.profile_text dd {
	line-height: 1.85;
	font-size: 1.4rem;
	padding-top: 4px;
}
.profile_twitter dd {
	position: relative;
	text-align: center;
}
/*.profile_twitter dd:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 0 1px rgba(14, 26, 43, 0.12);
	pointer-events: none;
}*/
.profile_text dd iframe {
}
.profile_schedule {
	margin-top: 60px;
}
.profile_schedule table {
	width: 100%;
}
.profile_schedule th,
.profile_schedule td {
	padding: 10px;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	font-size: 1.4rem;
	letter-spacing: .05em;
}
.profile_schedule th {
	background: var(--navy-75);
	color: var(--silver);
}
.profile_schedule td {
	background: rgb(255 255 255 / 0.5);
	backdrop-filter: blur(12px);
}
.profile_schedule td span {
	background: rgba(14, 26, 43, 0.07);
	color: var(--navy-70);
	padding: 2px 8px;
	font-size: 1.1rem;
}
th.saturday {
	color: #87b9eb;
}
th.sunday {
	color: #ffc8c8;
}
.profile_schedule table {
	width: calc(100% - 10px);
	margin: 0 auto;
	border: 1px solid rgba(14, 26, 43, 0.12);
}
.profile_schedule tr {
	width: 100%;
}
.profile_schedule tr:not(:last-of-type) th {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.profile_schedule tr:not(:last-of-type) td {
	border-bottom: 1px solid rgba(14, 26, 43, 0.08);
}
.profile_schedule th {
	width: 28%;
}
.profile_schedule td {
	width: 72%;
}
.profile_twitter dd {
	max-width: 400px;
	margin: 0 auto;
}

/* SP style */
@media print, screen and (max-width:1023px) {
	.underlayer_therapistlist .therapist_list > div {
		width: calc(50% - 1px);
	}
	.underlayer_therapistlist .therapist_list > div:nth-of-type(even) {
		margin-left: 2px;
	}
	.underlayer_therapistlist .therapist_list > div:not(:nth-of-type(-n+2)) {
		margin-top: 20px;
	}
	/* profile */
	#profile .section_title {
		font-weight: 700;
	}
	#profile .pager:first-of-type {
		display: none;
	}
	.profile_left .profile_block h3 {
		padding: 0 5px 16px;
	}
	#profile_img_main {
	  width: 100%;
	}
	.profile_left,
	.profile_right {
		width: 100%;
	}
	.profile_right {
		margin-top: 16px;
	}
	#profile .therapist_icon {
		height: inherit;
	}
	#profile .therapist_icon li {
		font-size: 1.4rem;
	}
	section:not(#review) .profile_link {
		margin-bottom: 10px;
	}
	section:not(#review) .profile_link li {
		margin: 10px auto;
		border-radius: 5px;
		background: var(--navy);
	}
	section:not(#review) .profile_link li a {
		color: var(--white);
		border: none;
	}
	.profile_diary .profile_link li {
		border: 1px solid #fff;
	}
	section:not(#review) .profile_link a {
		border: 2px solid #fff;
		border-radius: 3px;
		padding: 5px 15px;
		background: rgba(0, 0, 0, 0);
	}
	section#review .profile_link {
		margin-bottom: 20px;
	}
	section#review .profile_link a {
		border: 4px double #fff;
		border-radius: 6px;
		padding: 5px 15px;
	}
	.profile_review .reviewlist li + li {
		/* separator by margin-bottom on each li */
	}
	.profile_review h4 {
		font-weight: 400;
		color: var(--navy-85);
		background: transparent;
		border: none;
		border-bottom: 1px solid rgba(14, 26, 43, 0.12);
		padding: 0 0 4px;
		margin-bottom: 8px;
		letter-spacing: .05em;
	}
	section:not(#review) .profile_review .profile_link li {
		background: var(--navy-sub);
	}
	section:not(#review) .profile_review .profile_link li a {
		color: var(--navy-75);
		border: 1px solid rgba(14, 26, 43, 0.25);
	}
	.profile_review .reviewlist {
		margin-bottom: 5px;
	}
	.reviewlist li {
		padding: 20px 16px;
		background: rgba(14, 26, 43, 0.05);
		border: 1px solid rgba(14, 26, 43, 0.07);
		margin-bottom: 10px;
	}
	.reviewlist li:last-child {
		margin-bottom: 0;
	}
	.review_meta .date,
	.review_meta .total {
		padding-left: 5px;
	}
	.reviewlist .comment {
		line-height: 1.8;
		padding: 0;
	}
	.reviewlist .thanks {
		font-size: 1.1rem;
	}
	.profile_schedule.profile_block:not(.profile_review) h4:not(.bg_none) {
		margin-bottom: 0;
	}
	/*.profile_schedule table {
		width: calc(100% - 10px);
		margin: 0 auto;
		border: 1px solid var(--silver);
	}
	.profile_schedule tr {
		width: 100%;
	}
	.profile_schedule tr:not(:last-of-type) th {
		border-bottom: 1px solid #fff;
	}
	.profile_schedule tr:not(:last-of-type) td {
		border-bottom: 1px solid var(--silver);
	}
	.profile_schedule th {
		width: 28%;
	}
	.profile_schedule td {
		width: 72%;
	}
	.profile_twitter dd {
		max-width: 400px;
		margin: 0 auto;
	}*/
}
/* PC style */
@media print, screen and (min-width:1024px) {
	/* profile */
	.profile_wrapper {
		padding: 0 !important;
	}
	.profile_wrapper::after {
		content: "";
		display: block;
		clear: both;
	}
	.profile_container {
		display: grid;
		gap: 0 50px;
		grid-template-columns: 1fr 320px;
		margin-bottom: 40px;
	}
	.profile_left {
		grid-column: 1;
		grid-row: 1;
	}
	.profile_right {
		grid-column: 2;
		grid-row: 1;
		align-self: stretch;
	}
	.profile_right .profile_text dt {
		margin: 0.75em 0;
	}
	.profile_schedule {
		grid-column: 1;
		grid-row: 2;
		margin-top: 16px;
	}
	#profile_img_main {
	  width: 100%;
	}
	#profile_img_thumb {
		width: calc(100% / 6);
	}
	.profile_diary .morelink {
		display: none;
	}
	.reviewlist li {
		padding: 24px 20px;
		background: rgba(14, 26, 43, 0.05);
		border: 1px solid rgba(14, 26, 43, 0.07);
		margin-bottom: 12px;
	}
	.reviewlist li:last-child {
	}
	.profile_link li {
		margin: 10px auto;
	}
	.profile_link a {
		border-radius: 6px;
		padding: 2px 15px;
	}
	section#review .profile_link {
		margin-bottom: 10px;
	}
	section#review .profile_link a {
		padding: 5px 15px;
	}
	/*.profile_schedule table {
		border: 1px solid var(--silver);
	}
	.profile_schedule tr {
		width: calc(100% / 7);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.profile_schedule tr + tr th {
		border-left: 1px solid #fff;
	}
	.profile_schedule tr + tr td {
		border-left: 1px solid var(--silver);
	}
	.profile_schedule th {
		width: 100%;
	}
	.profile_schedule td {
		width: 100%;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		min-height: 4em;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}*/
}

/* --- GirlInfo editorial refinements --- */
#profile .icon_schedule {
	font-weight: 500;
	letter-spacing: .08em;
}
#profile .icon_schedule.today {
	background: var(--navy);
	border: none;
	color: #fff;
	box-shadow: 0 2px 10px rgba(14, 26, 43, .3);
}
#profile .icon_schedule.nexttime {
	background: var(--silver);
	border: none;
	color: var(--navy);
}
#profile .icon_reco span {
	background: transparent;
	border: 1px solid rgba(14, 26, 43, 0.3);
	color: var(--navy-70);
	font-weight: 400;
	padding: 2px 10px;
	font-size: 1.1rem;
	letter-spacing: .1em;
}
#profile .profile_link a {
	display: block;
	text-align: center;
	padding: 10px 24px;
	color: var(--navy-75);
	border: 1px solid rgba(14, 26, 43, 0.25);
	letter-spacing: .1em;
	font-size: 1.3rem;
	font-weight: 400;
	background: transparent;
	transition: border-color 0.3s ease, color 0.3s ease;
}
@media (hover: hover) {
	#profile .profile_link a:hover {
		border-color: var(--navy-50);
		color: var(--navy-95);
		opacity: 1;
	}
}
#profile .profile_link li {
	margin: 12px auto;
	background: transparent !important;
	border-radius: 0 !important;
}
#profile .pager_return a {
	background: transparent;
	color: var(--navy-70);
	font-weight: 400;
	letter-spacing: .08em;
	font-size: 1.1rem;
}
#profile .profile_review .profile_link {
	margin-top: 32px;
}
@media print, screen and (min-width:1024px) {
	.profile_container {
		gap: 0 60px;
	}
	.profile_schedule {
		margin-top: 48px;
	}
}

/*--- realtime ---*/
.realtime_list > li + li {
	margin-top: 60px;
}
.realtime_list li > h4 {
	text-align: center;
	margin: 10px 0;
	padding: 4px;
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom:2px solid var(--silver);
	color: var(--silver);
	padding-bottom: 10px;
	margin-bottom: 15px;
}
/* SP style */
@media print, screen and (max-width:1023px) {
}
/* PC style */
@media print, screen and (min-width:1024px) {
}

/*--- reservation ---*/
#reservation:not(.confirm):not(.complete) .section_text,
.reserve_note dd span {
	font-weight: bold;
}
#reservation:not(.confirm) .section_text,
.reserve_note dd span {
	font-weight: bold;
}
#reservation:not(.confirm):not(.complete) .section_text,
#reservation .section_note {
	font-size: 1.2rem;
}
.reserve_note {
	line-height: 1.5;
	margin: 0 auto;
}
.reserve_note dt {
	color: var(--silver);
	font-weight: 700;
	font-size: 1.1em;
}
.form_style {
	margin: 40px auto 0;
}
.form_style dl {
	margin-bottom: 10px;
	padding: 16px;
	background: rgb(255 255 255 / 0.55);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 2px 10px rgba(14, 26, 43, 0.07);
}
.form_style dt {
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 0;
}
#reservation:not(.confirm) .form_style dt span.error_text {
	color: #666;
}
#reservation:not(.confirm) .form_style dt span.error_text::before {
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
#reservation:not(.confirm) .form_style dt span.req {
	font-size: .7em;
}
#reservation.confirm .form_style dt span.req {
	color: var(--silver);
}
.form_style dt span.error_text {
	font-weight: bold;
	display: block;
	font-size: 1.2rem;
	margin-top: 15px;
}
.form_style input:not([type="radio"]),
.form_style select,
.form_style textarea {
	padding: 5px;
	background: #FFF;
	margin: 3px 0;
	border-radius: 5px;	box-shadow: 0 2px 10px rgba(14, 26, 43, 0.07);
}
.form_style input:not([type="radio"]) {
	width: 100%;
}
.form_style textarea {
	width: 100%;
}
.form_style dd {
	letter-spacing: 0;
}
.form_style dd p.spacer {
	margin: 1.5em 0 5px;
}
.submit_wrapper {
	justify-content: center;
}
.submit_wrapper li {
	width: auto;
}
.submit_wrapper li + li {
	margin-top: 0;
	margin-left: 16px;
}
.form_style .submit_wrapper .btn {
	border-radius: 3px;
	line-height: 1;
	cursor: pointer;
	color: #FFF;
	font-weight: 500;
}
.form_style .submit_wrapper .btn[type="submit"] {
	background: var(--silver);
}
.form_style .submit_wrapper .btn[value="確認画面"] {
	color: var(--navy);
}
.form_style .submit_wrapper .btn[value="送信"] {
	background: var(--navy-sub);
}
.form_style .submit_wrapper .btn[type="reset"],
.form_style .submit_wrapper .btn[value="修正する"] {
	background: var(--silver);
	color: var(--navy);
}
/* confirm */
#reservation.confirm .section_text {
	line-height: 1.3;
}
.form_comment dd {
	line-height: 1.4;
}
/* complete */
#reservation.complete .section_text {
	padding: 60px 0 160px;
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.reserve_note {
		width: 90%;
	}
	.form_style dt {
		padding-bottom: 4px;
	}
	.form_style dt, .form_style dd {
		font-size: 1.4rem;
	}
	.form_style textarea {
		height: 12em;
	}
	.form_style .submit_wrapper .btn {
		padding: 1em;
	}
	/* confirm */
	#reservation.confirm .section_text {
		font-size: 1.2rem;
	}
	.confirm .section_text {
		margin-bottom: 60px;
	}
	.confirm .form_style dl {
		margin-bottom: 30px;
	}
	.confirm .form_style dt {
		margin-bottom: 15px;
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	.reserve_note .form_style {
		max-width: 772px;
	}
	.form_style dt, .form_style dd {
		font-size: 1.6rem;
	}
	.form_style dt {
	}
	.form_style dd {
	}
	.form_style input {
		max-width: 270px;
	}
	.form_style .submit_wrapper .btn {
		padding: 15px 10px;
	}
	/* confirm */
	#reservation.confirm .section_text {
		font-size: 1.3rem;
	}
}

#review .morelink {
	max-width: 945px;
	margin: 0 auto;
}
#review .reviewlist > li,
.topic .borderbox {
	margin-bottom: 30px;
	border: none;
	background: rgba(248, 248, 246, 0.55);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 4px 20px rgba(14, 26, 43, 0.09);
}
.topic .borderbox {
	padding: 15px 10px;
}
#review .reviewlist .therapist_name {
	justify-content: space-between;
	align-items: center;
	font-family: var(--font-display);
}
#review .reviewlist .therapist_name,
.topic_title {
	margin-bottom: 10px;
}
.topic_title {
}
#review .reviewlist .therapist_name a:not(.btn) {
	color: #000;
}
#review .reviewlist .therapist_name a:not(.btn),
.topic_title a {
	font-weight: bold;
}
.topic_title a {
	line-height: 1.5;
	font-size: 16px;
}
#review .reviewlist .therapist_name a.btn {
	font-weight: bold;
	color: #FFF;
	background: var(--navy);
	border-radius: 15px;
}
.topic .date {
	font-size: 1.2rem;
	margin-bottom: 5px;
}
#review .review_img,
.topic_img {
	line-height: 0;
}
#review .review_contents,
.topic_contents {
	font-size: 1.5rem;
	line-height: 1.5;
	border-radius: 10px;
}
#review .review_contents {
	padding: 10px;
}
#review .review_contents h4,
#review .review_contents .total {
	font-weight: bold;
}
#review .pager_list li {
	width: calc(100%/3 - 8px);
}
#review .pager_list li * {
	font-size: 1.1rem;
	color: #fff;
}
#review .pager_list li a {
	border-radius: 0;
	background: var(--navy);
	font-weight: 700;
}
#news.topic + .pager_single a {
	color: var(--navy);
}
/* review_therapist */
.review_therapist .therapist_name {
	text-align: center;
	font-size: 1.5rem;
	margin-top: 10px;
}
.review_therapist .therapist_name a {
	font-weight: bold;
}
.review_therapist .therapist_review_img .btn {
	display: block;
	width: 100%;
	text-align: center;
	letter-spacing: .15em;
	padding: 8px 10px;
	font-size: 1.4rem;
	background: var(--navy);
	color: var(--white);
	border-radius: 5px;
	margin: 10px auto;
	font-weight: bold;
}
/* review_post */
.review_post .error_text {
	display: block;
	color: #000;
	font-weight: bold;
	margin: 15px 0 5px;
	font-size: 1.2rem;
}
.review_post .form_style dt::first-letter {
	font-size: 0;
}
.review_post input, .review_post select {
	padding: 6px;
}
.star_select li {
	display: inline-block;
	margin-right: 20px;
	line-height: 1.5;
}
.star_select li span {
	margin-left: 2px;
}
.btn_otherselect {
	border-radius: 5px;
	margin-left: 10px;
	padding: 7px;
	font-size: 1.2rem;
	color: var(--white);
	background: var(--navy-sub);
	vertical-align: middle;
	cursor: pointer;
}
/* review_post - confirm */
.review_post.confirm .section_text {
	font-size: 1.6rem;
}
.review_post.confirm .section_text {
	margin-bottom: 20px;
}
.review_post.confirm .form_style {
	margin-top: 0;
}
.review_post input[name="submit"] {
	border: none;
}
/* review_post - complete */
.review_post.complete {
	font-size: 1.6rem;
}
/* SP style */
@media print, screen and (max-width:1023px) {
	#review .reviewlist .therapist_name a:not(.btn) {
		font-size: 1.8rem;
	}
	#review .reviewlist .therapist_name a.btn {
		padding: 7px 5px;
		font-size: 1.1rem;
	}
	#review .borderbox {
		padding: 10px 5px;
	}
	#review.review_therapist .review_contents {
		border: 1px solid var(--silver);
	}
	#review .review_contents h4 {
		margin-bottom: 8px;
	}
	#review .review_contents .date,
	#review .review_contents .total {
		padding-left: 0;
	}
	#review .review_contents .total {
		font-size: 1.5rem;
	}
	/* review_therapist */
	.review_therapist .review_img {
		margin-bottom: 10px;
	}
	/* review_post */
	.review_post .form_style input:not([type="radio"]) {
		/*width: auto;*/
	}
	/* review_post - confirm */

	/* topics */
	.topic_contents {
		padding: 10px;
		font-size: 1.4rem;
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	#review .review_therapist, .topic_wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: flex-start;
	}
	#review .reviewlist .therapist_name a:not(.btn) {
		font-size: 2.2rem;
	}
	#review .reviewlist .therapist_name a.btn {
		padding: 0 1em;
		font-size: 1.1rem;
		line-height: 25px;
		height: 25px;
	}
	#review .review_img,
	.topic_img {
		width: 300px;
	}
	#review .review_contents h4,
	#review .review_contents .total {
		font-size: 1.5rem;
	}
	#review .review_contents .date,
	#review .review_contents .total {
		margin-left: 1em;
	}
	#review .review_contents,
	.topic_contents {
		width: 623px;
		margin-left: 20px;
	}
	#review .review_contents .comment {
		font-size: 1.5rem;
	}
	/* review_therapist */
	.therapist_review_wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: flex-start;
	}
	.therapist_review_img {
		width: 300px;
	}
	.review_therapist .reviewlist {
		width: 645px;
		margin-left: 20px;
	}
	#review.review_therapist .reviewlist .review_contents {
		width: 100%;
		margin: 0 0 30px;
		padding: 20px;
	}
	/* review_post */
	.star_select span {
	}
	/* review_post - confirm */
}


/*--- shecule ---*/
#schedule h2 {
	margin-bottom: 15px;
}
#schedule h3.sellect_date {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	font-family: var(--font-display);
}
/* #schedule h3:not(.therapist_name) {
	color: #000;
} */
#schedule h3.sellect_date i {
	margin-right: 5px;
}
.schedule_date {
	width: calc(100% - 17px);
	margin: 10px auto 20px;
}
.schedule_datelist {
	overflow: hidden;
}
.schedule_datelist li {
	width: calc(100% / 7);
	text-align: center;
}
.schedule_datelist li + li {
	border-left: 1px solid var(--silver);
}
.schedule_datelist li a {
	display: -webkit-box;	
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 12px 0;
	font-weight: bold;
	color: #000;
	background: rgba(255 255 255 / 0.8);
	backdrop-filter: blur(12px);
	transition: .3s;
	letter-spacing: 0;
}
.schedule_datelist li:hover a,
.schedule_datelist li.active a {
	font-weight: bold;
	color: var(--silver);
	background: var(--navy);
}
.schedule_datelist li.active a span {
	font-weight: bold;
}
.schedule_datelist li a .date {
	font-size: 2.4rem;
}
.schedule_datelist li a .date span {
	font-size: .7em;
	opacity: .7;
	vertical-align: top;
}
.schedule_datelist li a .week {
	margin-left: 0.5em;
	font-size: 1.2rem;
	font-weight: bold;
}
.schedule_datelist li a .week.saturday {
	color: rgb(150 175 255);
}
.schedule_datelist li a .week.sunday {
	color: rgb(255 100 100);
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.schedule_datelist li a{
		display: block;
	}
	.schedule_datelist li a .date {
		font-size: 1.8rem;
	}
	.schedule_datelist li a.topic .borderbox .date {
		margin-bottom: 5px;
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	.schedule_datelist li a .date {
		/*margin-bottom: 10px;*/
	}
}

/*--- system ---*/
.system_block * {
	letter-spacing: 0;
}
.system_block + .system_block {
	margin-top: 64px;
}
.system_catch {
	margin-bottom: 1em;
	font-size: 1.8em;
	font-weight: 700;
	text-align: center;
}
.system_about {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.system_about ul {
	display: block;
	margin-top: 10px;
}
.system_about ul li {
	display: inline-block;
}
.system_about ul li:not(:first-of-type):before {
	content: '/';
}

/* h3: hotel menu label */
.system_block h3 {
	position: relative;
	font-family: var(--font-display);
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: .35em;
	text-transform: uppercase;
	color: var(--navy);
	background: transparent;
	line-height: 1;
	padding: 8px 0 32px;
	margin-bottom: 0;
	text-align: center;
}
.system_block h3::after {
	content: '';
	display: block;
	width: 36px;
	height: 1px;
	background: var(--silver);
	margin: 24px auto 0;
}

/* h4: sub-heading inside regulations */
.system_block h4 {
	font-family: var(--font-heading);
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: .1em;
	color: var(--navy);
	text-align: center;
	margin: 36px 0 8px;
}

/* price list */
.system_list {
	margin: 0;
	padding: 0;
	overflow: visible;
	list-style: none;
}
.system_list li {
	position: relative;
	text-align: center;
	padding: 48px 24px;
	font-size: inherit;
}
/*.system_list li + li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 36px;
	height: 0.5px;
	background: var(--silver);
}*/

/* override .flex utility for price rows */
.system_list dl,
.system_list dl.flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0;
}

.system_list dt,
.system_list dd {
	position: relative;
	text-align: center;
	width: auto;
}

/* duration: supporting label */
.system_list dt {
	font-family: var(--font-display);
	font-size: 2.6rem;
	font-weight: 400;
	letter-spacing: .08em;
	color: var(--navy);
	line-height: 1;
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: flex-end;
	gap: 4px;
	flex: 1;
	padding-right: 28px;
}
/* "min" label */
.system_list dt span {
	display: inline;
	font-family: var(--font-heading);
	font-size: .6em;
	font-weight: 400;
	letter-spacing: .45em;
	color: var(--navy);
	text-transform: uppercase;
}

/* price: hero element */
.system_list dd {
	font-family: var(--font-display);
	font-size: 3.6rem;
	font-weight: 300;
	letter-spacing: .06em;
	color: var(--navy);
	flex: 1;
	padding-left: 28px;
	text-align: left;
}
/* ¥ prefix */
.system_list dd > span:first-child {
	font-family: var(--font-display);
	font-size: .55em;
	color: var(--navy);
	margin-right: .12em;
	vertical-align: middle;
}

/* price-num / price-unit spans */
.system_list .price-num {
	font-family: var(--font-display);
	letter-spacing: .05em;
}
.system_list .price-unit {
	font-family: var(--font-display);
	font-size: .7em;
	vertical-align: middle;
}

/* hr: centered thin group divider */
.system_list hr {
	border: none;
	border-top: 0.5px solid var(--silver);
	width: 56px;
	margin: 0 auto;
}

/* biko: frosted glass card */
.system_block p.biko {
	margin: 12px 0 0;
	padding: 20px 28px;
	background: rgba(248, 248, 246, 0.7);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: 0 2px 16px rgba(14, 26, 43, 0.08);
	font-size: 1.4rem;
	color: var(--navy-sub);
	line-height: 1.8;
	text-align: center;
}
/* biko内 ※ 控えめ注釈: DB側で <small> タグで囲むと適用 */
.system_block p.biko small {
	display: block;
	margin-top: .5em;
	font-size: .85em;
	color: var(--navy-75);
	line-height: 1.6;
}

/* note list (※ items below price table) */
.system_note_list {
	width: 100%;
	margin-top: 52px;
	padding: 0;
	list-style: none;
}
.system_note_list li {
	display: block;
	font-size: 1.35rem;
	color: var(--navy-75);
	line-height: 1.75;
	text-indent: 0;
	padding-left: 0;
}
.system_note_list li::before {
	display: none;
}
.system_note_list li + li {
	margin-top: 1.1em;
}

/* regulations / caution body text */
.system_block .system_text {
	padding: 10px 0;
	line-height: 1.7;
}
.system_block .system_text ul {
	margin: 20px 0;
}
.system_block .system_text ul li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 1.5;
}
.system_block .system_text ul li:before {
	content: '・';
	margin-right: .5em;
}
.system_block .system_text ul li p {
	margin-left: 1.5em;
}
.system_block .system_text ul li p:first-letter {
	padding-left: 0.5em;
}
.system_block dl {
	align-items: center;
}
.system_block dl.system_text dt {
	font-weight: bold;
}
.system_list dd.cap {
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: center;
}
.system_block .system_text ul.caution_list {
	margin-top: 0;
}

.system_list.transport {
	margin-top: 8px;
}
.system_list.transport::before {
	content: '';
	display: block;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--silver) 20%, var(--silver) 80%, transparent);
}
.system_list.transport li {
	position: relative;
	padding: 26px 4px;
}
.system_list.transport li::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--silver) 20%, var(--silver) 80%, transparent);
}
.system_list.transport dt {
	font-size: 2rem;
	width: 120px;
}
.system_list.transport dt.dt--free {
	font-size: 1.8rem;
}
.system_list.transport dt > span:first-child {
	font-size: .55em;
	margin-right: .12em;
	vertical-align: middle;
}
.system_list.transport dd {
	font-size: 1.6rem;
	line-height: 1.6;
	width: calc(100% - 120px);
}
.system_list.transport + p.biko {
	margin-top: 80px;
}

/* SERVICE AREA & TRAVEL FEE 2026-08-20 */
.system_block h3.section_title {
	letter-spacing: .3em;
	margin-bottom: 1em;
	padding-top: 0;
}
/* .system_block * の letter-spacing:0 リセットが st-char にも掛かるため個別に復元 */
.system_block h3.section_title .st-char {
	letter-spacing: .3em;
}
.system_block h3.section_title::after {
	display: none;
}
/* 料金表との区切り線・バナー画像 */
.system_banner {
	text-align: center;
}
.system_banner::before {
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	margin: 0 auto;
	background: linear-gradient(to right, transparent, var(--silver) 20%, var(--silver) 80%, transparent);
}
.system_banner__img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.service_area_title__break {
	display: none;
}

/* PREMIUM / VISITING COURSE・ADDITIONAL FEE */
.system_course__area {
	font-family: var(--font-heading);
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .1em;
	color: var(--navy);
	text-align: center;
	line-height: 1.6;
}
.system_course__text {
	margin-top: 8px;
	font-size: 1.4rem;
	color: var(--navy-sub);
	text-align: center;
	line-height: 1.7;
}
.system_block--renewal {
	padding-top: 40px;
}
.system_block--renewal .system_list:not(.transport) li {
	padding: 32px 24px;
}
.system_block--renewal h3.service_area_title {
	margin-top: 120px;
}
.system_block--renewal h3.additional_fee_title {
	margin-top: 140px;
}
.system_block--renewal .system_list + p.biko {
	margin-top: 40px;
}

/* SP */
@media print, screen and (max-width:1023px) {
	.sp_sectioninner.system_block {
		width: calc(100% - 24px);
	}
	.course_block > div.system_block {
		width: 100%;
	}
	.system_list li {
		padding: 36px 16px;
	}
	.system_list dt {
		font-size: 2.2rem;
	}
	.system_list dd {
		font-size: 3rem;
	}
	.system_block.system_line {
		padding: 16px;
	}
	.system_list dd.cap {
		font-size: 1.4rem;
	}
	.system_list.transport dt {
		flex: 0 0 auto;
		width: 30%;
		font-size: 1.8rem;
	}
	.system_list.transport dt.dt--free {
		font-size: 1.6rem;
	}
	.system_list.transport dd {
		flex: 0 0 auto;
		width: 70%;
		font-size: 1.4rem;
		padding-left: 0.5em;
	}
	.system_block h3.section_title {
		font-size: 2rem;
		line-height: 1.5;
	}
	.system_banner {
		margin-top: 35px;
	}
	.system_banner::before {
		margin-bottom: 40px;
	}
	.system_banner__img {
		margin-bottom: 35px;
	}
	.service_area_title__break {
		display: block;
	}
	.system_block--renewal {
		padding-top: 24px;
	}
	.system_block--renewal .system_list:not(.transport) li {
		padding: 24px 16px;
	}
	.system_block--renewal h3.service_area_title {
		margin-top: 80px;
	}
	.system_block--renewal h3.additional_fee_title {
		margin-top: 96px;
	}
	.system_block--renewal .system_list + p.biko {
		margin-top: 32px;
	}
}

/* PC */
@media print, screen and (min-width:1024px) {
	.course_block {
		align-items: baseline;
	}
	.course_block > div.system_block {
		width: 100%;
	}
	.system_block {
		max-width: 640px;
		margin: 0 auto;
	}
	.system_list dt {
		font-size: 2.8rem;
	}
	.system_list dd {
		font-size: 4.2rem;
	}
	.system_block h3.section_title {
		font-size: 2.8rem;
	}
	.system_banner {
		margin-top: 60px;
	}
	.system_banner::before {
		margin-bottom: 60px;
	}
	.system_banner__img {
		margin-bottom: 50px;
	}
}

/*--- access ---*/
.ttl_access{
	margin-top: 40px;
	margin-bottom: 16px !important;
}
.accesslist li {
}
.accesslist li + li {
	margin-top: 30px;
}
.accesslist h3 {
	color: #fff;
	text-align: center;
	background: var(--navy);
}
.accesslist dl {
	align-items: center;
}
.accesslist dt, .accesslist dd {
	line-height: 1.25;
}
.accesslist dt {
	color: var(--navy);
	text-align: center;
	font-weight: bold;
}
.accesslist dd {
	letter-spacing: 0;
	line-height: 1.5;
}
#access .text {
	font-size: 1.2em;
	text-align: center;
	line-height: 1.5;
}
#access .text span {
	color: var(--navy);
	font-weight: bold;
}
#access .text h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.accesslist li {
		flex-direction: column;
	}
	.accesslist li .access_info {
		margin-bottom: 15px;
	}
	.accesslist h3 {
		line-height: 30px;
		margin-bottom: 10px;
		font-size: 1.5em;
		height: 30px;
	}
	.accesslist dl {

	}
	.accesslist dt {
		margin-bottom: 0.25em;
	}
	.accesslist dt:not(:last-of-type), .accesslist dd:not(:last-of-type) {
		
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	.accesslist li {
		flex-direction: row;
		justify-content: space-between;
	}
	.accesslist li .access_info {
		width: 350px;
	}
	.accesslist h3 {
		margin-bottom: 20px;
		font-size: 1.5em;
		line-height: 1.4;
	}
	.accesslist li iframe {
		width: calc(100% - 370px);
	}
	.accesslist dl {
		justify-content: space-between;
	}
	.accesslist dt {
		font-size: 1.1em;
		letter-spacing: .1em;
		width: 100%;
		margin-bottom: 10px;
	}
	.accesslist dd {
		width: 100%;
	}
	.accesslist dd {
		font-size: 1.2em;
	}
	.accesslist dd:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

/*--- magazine ---*/
#magazine .block + .block {
	margin-top: 50px;
}
#magazine .form_style {
	border-left: 1px solid #000;
	margin: 0 0 0 15px;
	padding-left: 15px;
}
/* SP style */
@media print, screen and (max-width:1023px) {
	#magazine .section_title_color + .section_text {
		margin-top: 5px;
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
}
/*--- recruit / mens ---*/
#recruit .section_title {
	display: none;
}
.recruit .borderbox {
	border: none;
	border-radius: 0;
	padding: 0;
}
.recruit h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: .5em;
	margin-left: 1em;
}

.recruit h3::before {
	content: "■";
	margin-left: -1em;
}
.recruit .section_text {
	line-height: 1.5;
}
.recruit .tablestyle + .tablestyle {
	margin-top: 0;
}
.recruit .tablestyle dt {
	border-bottom: 1px solid #fff;
}

.recruit .tablestyle dd {
	border-bottom: 1px solid #ccc;
}


/* SP style */
@media print, screen and (max-width:1023px) {
	.recruit .borderbox {
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	.recruit .borderbox {
		margin: 30px auto;
	}
}

/*--- concept ---*/
#concept h3 {
	line-height: 1.4;
	color: var(--navy-sub);
	letter-spacing: .25em;
	margin: 1.5em 0;
}
#concept h3 span{
	display: block;
	font-size: 0.5em;
	margin-top: 1.5em;
	letter-spacing: 1em;
	line-height: 1.8;
}
.concept_catch{
	margin: 0 1em 1em;
	font-size: 1.6rem;
	text-align: left;
	text-align: center;
	line-height: 2;
}
.concept_catch span {
	display: inline-block;
	font-size: 1.5em;
	letter-spacing: .25em;
	line-height: 1;
	font-weight: bold;
}
#concept img {
	max-width: 950px;
	margin: 0 auto 30px;
	display: block;
}

/* SP style */
@media print, screen and (max-width:1023px) {
	#concept h3 {
	font-size: 2.8rem;
	text-align: center;
	}
	.concept_catch{
		font-size: 1.4rem;
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	#concept h3 {
	font-size: 4rem;
	text-align: center;
	}
	.concept_catch .spbr {
		display: none;
	}
}

/*--- flow ---*/
#flow {
}
.flow_block {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}
.flow_block::before {
	content: "";
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	overflow: hidden;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
}
.flow_block:first-of-type::before {
	background-image: url("../img/flow_01.webp");
}
.flow_block:nth-of-type(2)::before {
	background-image: url("../img/flow_02.webp");
}
.flow_block:nth-of-type(3)::before {
	background-image: url("../img/flow_03.webp");
}
.flow_block:nth-of-type(4)::before {
	background-image: url("../img/flow_04.webp");
}
.flow_block {
	counter-increment: step;
}
.flow_section h3 {
	font-size: 2em;
	margin-bottom: 1em;
	text-align: center;
	line-height: 1.4;
}
.flow_section h3::before {
	display: block;
	content: "Step." counter(step);
	color: var(--silver);
	width: 5em;
	margin: 0 auto .5em;
	border-bottom: 1px solid var(--silver);
	font-size: 1.3em;
}
.flow_block dd p {
	line-height: 1.6;
}
.flow_block dd p > span {
	font-family: var(--font-body);
	font-size: 2em;
	font-weight: bold;
}
.flow_block dd p > span span {
	font-weight: bold;
}

/* SP style */
@media print, screen and (max-width:1023px) {
	.flow_section + .flow_section {
		margin-top: 10px;
	}
	.flow_block {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.flow_block + .flow_block {
		margin-top: 40px;
	}
	.flow_block::before {
		width: 140px;
		height: 140px;
		border-radius: 70px;
		margin-bottom: 15px;
	}
	.flow_block dl {
		width: 90%;
	}
	.flow_block dt {
		font-size: 0.7em;
	}
	.flow_block dd p > span {
		font-size: 1.5em;
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	.flow_section + .flow_section {
		margin-top: 20px;
	}
	.flow_block {
		width: 98%;
		margin: 0 auto;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
	.flow_block:nth-of-type(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		flex-direction: row-reverse;
	}
	.flow_block + .flow_block {
		margin-top: 70px;
	}
	.flow_block::before {
		width: 280px;
		height: 280px;
		border-radius: 140px;
	}
	.flow_section h3 br {
		display: none;
	}
	.flow_block dl {
		width: calc(100% - 310px);
	}
}





/*--- editor style ---*/
.top_topic_article h2 {
	font-size: 3rem;
}
.top_topic_article h3 {
	font-size: 2.4rem;
}
.top_topic_article h4 {
	font-size: 1.8rem;
}
.top_topic_article strong {
	font-weight: bold;
}
.top_topic_article .text-tiny {
	font-size: .7em;
}
.top_topic_article .text-small {
	font-size: .85em;
}
.top_topic_article .text-big {
	font-size: 1.4em;
}
.top_topic_article .text-huge {
	font-size: 1.6em;
}
.top_topic_article ul {
	list-style: disc;
	padding-left: 40px;
}
.top_topic_article ol {
	list-style: number;
	padding-left: 40px;
}
.top_topic_article blockquote {
	overflow: hidden;
	font-style: italic;
	border-left: 5px solid #ccc;
	padding: 10px 20px;
	margin: 0 0 20px;
}
.top_topic_article .table {
	margin: .9em auto;
}
.top_topic_article .table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	border: 1px double #b3b3b3;
}
.top_topic_article .table table td,
.top_topic_article .table table th {
	min-width: 2em;
	padding: .4em;
	border: 1px solid #bfbfbf;
}
.top_topic_article .table table th {
	font-weight: 700;
	background: #aaa;
}



.top_slider {
	max-width: 950px;
	margin: 20px auto 0;
}
/*.thumbnail {
	padding: 10px;
}
.thumbnail .slick-slide {
	padding: 5px;
}*/
.slick-prev, .slick-next {
	top: 50%;
	width: 30px;
	height: 40px;
	z-index: 1;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
.slick-prev:before, 
.slick-next:before {
	font-family: "Font Awesome 5 Free";
	color: #FFF;
	font-weight: 600;
	font-size: 4rem;
}
.slick-prev:before {
  content: '\f104';
}
.slick-next:before {
  content: '\f105';
}
.slick-list, .slick-track {
	height: 100%;
}
.slick-slide {
	transition: 1.5s;
}
.slick-slide:not(.slick-current) {
	filter: contrast(0.5);
}
.slick-img p {
	margin: 0;
	line-height: 0;
}
.slick-slide img {
	width: 100%;
	height: auto;
	display: block;
}

/*SVG アニメーション*/
.st0{
	stroke:var(--silver);
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: 0;
	-webkit-animation: hello 15s ease-in 0s infinite;
	animation: hello 15s ease-in 0s infinite;
}
@-webkit-keyframes hello {
	0% {
		stroke-dashoffset: 2000;
		fill:transparent;
		stroke-width: 1;
	}
	5% {
		stroke-dashoffset: 2000;
		fill:transparent;
	}
	10% {
		fill:transparent;
	}
	25% {
		stroke-dashoffset: 0;
		fill:var(--silver);
		stroke-width: 0;
	}
	95% {
		fill:var(--silver);
	}
	100% {
		fill:transparent;
	}
}
.st_footer{
	stroke:#fff;
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: 0;
	-webkit-animation: hello 15s ease-in 0s infinite;
	animation: hello_white 15s ease-in 0s infinite;
}
@-webkit-keyframes hello_white {
	0% {
		stroke-dashoffset: 2000;
		fill:transparent;
		stroke-width: 1;
	}
	5% {
		stroke-dashoffset: 2000;
		fill:transparent;
	}
	10% {
		fill:transparent;
	}
	25% {
		stroke-dashoffset: 0;
		fill:#fff;
		stroke-width: 0;
	}
	95% {
		fill:#fff;
	}
	100% {
		fill:transparent;
	}
}


/*--- howto flow ---*/

/* PC: 2カラム sticky レイアウト */
@media print, screen and (min-width:1024px) {
	.howto_flow {
		display: flex;
		align-items: flex-start;
	}

	/* 左：stickyビジュアルパネル */
	.howto_flow_visual {
		position: sticky;
		top: 58px;
		width: 50%;
		height: calc(100vh - 58px);
		overflow: hidden;
		flex-shrink: 0;
		background: var(--navy);
	}
	.howto_flow_visual::after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom, rgba(14,26,43,.12) 0%, rgba(14,26,43,.38) 100%);
		z-index: 2;
		pointer-events: none;
	}
	.howto_flow_scene {
		position: absolute;
		inset: 0;
		opacity: 0;
		transform: scale(1.06);
		filter: blur(6px);
		transition: opacity .75s ease, transform .75s ease, filter .75s ease;
		pointer-events: none;
		z-index: 0;
	}
	.howto_flow_scene.is-active {
		opacity: 1;
		transform: scale(1);
		filter: blur(0);
		z-index: 1;
	}
	.howto_flow_scene img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.howto_flow_scenenum {
		position: absolute;
		bottom: 28px;
		right: 28px;
		font-family: var(--font-display);
		color: var(--white-55);
		font-size: 1.2rem;
		letter-spacing: .15em;
		z-index: 3;
		line-height: 1;
	}
	.howto_scenenum_cur {
		font-size: 2.4rem;
		color: var(--white-88);
		font-weight: 500;
	}

	/* 右：スクロールステップ */
	.howto_flow_steps {
		width: 50%;
		min-width: 0;
		padding: 20px 6% 120px 7%;
	}

	.howto_step {
		padding: 80px 0;
		opacity: 0;
		transform: translateY(14px);
		transition: opacity .65s ease, transform .65s ease;
	}
	.howto_step:first-of-type { padding-top: 50px; }
	.howto_step.is-visible {
		opacity: 1;
		transform: translateY(0);
	}
	.howto_step_body {
		display: flex;
		align-items: flex-start;
	}
	.howto_step_indicator {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-shrink: 0;
		margin-right: 30px;
		padding-top: 10px;
		align-self: stretch;
	}
	.howto_dot {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		border: 2px solid var(--silver);
		background: transparent;
		flex-shrink: 0;
		transition: background .5s ease, border-color .5s ease;
	}
	.howto_step.is-active .howto_dot {
		background: var(--navy);
		border-color: var(--navy);
	}
	.howto_vline {
		width: 1px;
		flex: 1;
		min-height: 60px;
		background: linear-gradient(to bottom, var(--silver), transparent);
		margin-top: 8px;
	}
	.howto_step_content { flex: 1; }
	.howto_step_num {
		font-family: var(--font-display);
		font-size: 1.1rem;
		letter-spacing: .35em;
		margin-bottom: 12px;
	}
	.howto_step_num em {
		font-style: normal;
		font-size: 1.7em;
		color: var(--navy);
		margin-left: .1em;
	}
	.howto_step_title {
		font-family: var(--font-display);
		font-size: 3.6rem;
		font-weight: 500;
		letter-spacing: .3em;
		color: var(--navy);
		margin-bottom: 10px;
		line-height: 1.2;
	}
	.howto_step_sub {
		font-family: var(--font-body);
		font-size: 1.4rem;
		color: var(--navy-75);
		letter-spacing: .14em;
		margin-bottom: 28px;
		padding-bottom: 22px;
		border-bottom: 1px solid rgba(174,182,194,.3);
	}
	.howto_step_text {
		font-size: 1.5rem;
		line-height: 2;
		color: #3a3a3a;
	}
	.howto_step_text p + p { margin-top: 1.2em; }
	.howto_contact_links {
		font-family: var(--font-display);
		font-size: 1.25em;
		line-height: 2.4;
	}
	.howto_contact_links a {
		color: var(--navy);
		transition: opacity .3s ease;
	}
}
@media (hover: hover) and (min-width:1024px) {
	.howto_contact_links a:hover { opacity: 0.55; }
	#news.topic + .pager_single a:hover {
		box-shadow: none;
	}
}

/* PC narrow: 1024px〜1279px で縮小調整（横スクロール防止） */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.howto_flow_steps {
		padding: 20px 4% 80px 5%;
	}
	.howto_step {
		padding: 55px 0;
	}
	.howto_step_title {
		font-size: 2.6rem;
		letter-spacing: .2em;
	}
	.howto_step_sub {
		font-size: 1.3rem;
		margin-bottom: 20px;
		padding-bottom: 16px;
	}
	.howto_step_text {
		font-size: 1.4rem;
	}
}

/* SP: 縦積みストーリーカードUI */
@media print, screen and (max-width:1023px) {
	.howto_flow_visual { display: none; }
	.howto_flow_steps { padding: 0 0 10px; }

	.howto_step {
		margin-bottom: 48px;
		opacity: 0;
		transform: translateY(12px);
		transition: opacity .55s ease, transform .55s ease;
	}
	.howto_step.is-visible {
		opacity: 1;
		transform: translateY(0);
	}
	.howto_step_img {
		width: 100%;
		line-height: 0;
		overflow: hidden;
		border-radius: 4px 4px 0 0;
		aspect-ratio: 16 / 9;
	}
	.howto_step_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.howto_flow_steps > div:first-of-type .howto_step_img img {
		object-position: top center;
	}
	.howto_step_body {
		padding: 24px 20px 28px;
		background: rgba(248,248,246,.92);
		border-left: 2px solid var(--silver);
		border-radius: 0 0 4px 4px;
	}
	.howto_step_num {
		font-family: var(--font-display);
		font-size: 1.0rem;
		letter-spacing: .3em;
		color: var(--navy-75);
		margin-bottom: 6px;
	}
	.howto_step_num em {
		font-style: normal;
		font-size: 1.5em;
		color: var(--navy);
		margin-left: .1em;
	}
	.howto_step_title {
		font-family: var(--font-display);
		font-size: 2.6rem;
		font-weight: 500;
		letter-spacing: .22em;
		color: var(--navy);
		margin-bottom: 6px;
	}
	.howto_step_sub {
		font-family: var(--font-body);
		font-size: 1.3rem;
		color: var(--fog);
		letter-spacing: .1em;
		margin-bottom: 18px;
	}
	.howto_step_text {
		font-size: 1.4rem;
		line-height: 1.85;
		color: #444;
	}
	.howto_step_text p + p { margin-top: 1em; }
	.howto_contact_links {
		font-family: var(--font-display);
		font-size: 1.1em;
		line-height: 2.3;
	}
	.howto_contact_links a { color: var(--navy); }
}

/*--- カードフェードイン ---*/
@keyframes cardFadeIn {
	from { opacity: 0; transform: translateY(18px); }
	to   { opacity: 1; transform: translateY(0); }
}
.therapist_list > div {
	opacity: 0;
}
.therapist_list > div.card-visible {
	animation: cardFadeIn 0.55s ease-out forwards;
}

/*--- 注意書き ---*/
.required-note {
	color: var(--gold);
	font-weight: 600;
}

/*--- ホバー追加（hover対応デバイス） ---*/
@media (hover: hover) {
	.bargermenu li > *:hover { opacity: 0.6; }

	/* voice / review — セラピスト名ボタン・予約ボタン */
	.reviewlist .therapist_name a.btn,
	.review_therapist .therapist_review_img .btn {
		transition: transform .3s ease, box-shadow .3s ease;
	}
	.reviewlist .therapist_name a.btn:hover,
	.review_therapist .therapist_review_img .btn:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 22px rgba(14, 26, 43, .22);
	}

	/* セラピスト名テキストリンク・口コミタイトル */
	#review .reviewlist .therapist_name a:not(.btn),
	.topic_title a {
		transition: opacity .3s ease;
	}
	#review .reviewlist .therapist_name a:not(.btn):hover,
	.topic_title a:hover {
		opacity: 0.65;
	}

	/* フィルター・その他選択ボタン */
	.btn_otherselect {
		transition: transform .3s ease, box-shadow .3s ease;
	}
	.btn_otherselect:hover {
		transform: translateY(-1px);
		box-shadow: 0 4px 14px rgba(14, 26, 43, .16);
	}

	/* ページャー */
	.pager_list.flex li a,
	.pager_list.float li a,
	.pager_single a,
	.pager_return a {
		transition: opacity .3s ease, transform .3s ease;
	}
	.pager_list.flex li a:hover,
	.pager_list.float li a:hover,
	.pager_single a:hover,
	.pager_return a:hover {
		opacity: 0.72;
		transform: translateY(-1px);
	}

	/* スケジュール日付フィルター */
	.schedule_datelist li a {
		transition: opacity .3s ease;
	}
	.schedule_datelist li:not(.active) a:hover {
		opacity: 0.65;
	}

	/* フォーム送信・リセットボタン */
	.form_style .submit_wrapper .btn {
		transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease;
	}
	.form_style .submit_wrapper .btn:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 22px rgba(14, 26, 43, .22);
		opacity: 0.88;
	}

	/* ニュース行 — 背景変化をスムーズに */
	#top_news .top_news_inner {
		transition: background-color .3s ease;
	}
}

/*--- 認証 ----*/

/* ページ全体フェードイン */
@keyframes enterFadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
#enter {
	animation: enterFadeIn 1.2s ease-out forwards;
}

/* 背景：白オーバーレイを除去 */
#enter::before {
	background: url('../img/enter_bg.webp') no-repeat bottom center;
	background-size: cover;
	opacity: 1;
}

.enter_particles,
.enter_particles::before,
.enter_particles::after {
	display: none;
}

#enter_area {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: calc(100vh - 34px);
	position: relative;
	z-index: 1;
}
.enter_logo img {
	margin-bottom: 50px;
	padding: 0 20px;
	filter: drop-shadow(0 0 5px rgb(0 0 0 / .5));
}
.enter_btn {
	align-items: center;
}
.enter_btn li a {
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 3rem;
	font-family: var(--font-display);
	letter-spacing: .3em;
	width: 100%;
	height: 50px;
	background: rgba(14, 26, 43, 0.8);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, 0.20);
	transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.caution {
	line-height: 1.5;
	margin: 50px auto 0;
	max-width: calc(100% - 20px);
	text-align: center;
	color: var(--white);
	text-shadow: 0 1px 6px rgba(0,0,0,.5);
}
#enter footer {
	position: relative;
	z-index: 1;
}
@media (hover: hover) {
	.enter_btn li a:hover {
		transform: translateY(-3px);
		background: rgba(14, 26, 43, 0.65);
		box-shadow: 0 6px 20px rgba(14, 26, 43, .35);
	}
}
/* SP style */
@media print, screen and (max-width:1023px) {
	.enter_logo {
		width: 60%;
		max-width: 300px;
	}
	.caution {
		font-size: 1.2rem;
	}
	.enter_btn {
		flex-direction: column;
		justify-content: center;
		width: calc(100% - 20px);
		max-width: 300px;
	}
	.enter_btn li {
		width: 100%;
	}
	.enter_btn li + li {
		margin-top: 10px;
	}
}
/* PC style */
@media print, screen and (min-width:1024px) {
	.enter_logo {
		max-width: 350px;
	}
	.enter_btn {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		max-width: 640px;
	}
	.enter_btn li {
		width: calc(50% - 10px);
	}
}





/*--- *** ---*/
/* SP style */
@media print, screen and (max-width:1023px) {
}
/* PC style */
@media print, screen and (min-width:1024px) {
}

/*--- r070510_レビュー ---*/
@media print, screen and (min-width: 1024px) {
    .profile_review .reviewlist {
        justify-content: space-between;
		display: flex;
		flex-wrap: wrap;
    }
}

@media print, screen and (min-width: 1024px) {
    .profile_review .reviewlist li {
        width: calc(50% - 2.5px);
    }
}