@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

.top_menu ul li a p,
.contents_header p,
.cont_titile span,
.ranking .therapist-box .rank {
	font-family: 'Cinzel', serif;
	font-weight: 100;
	letter-spacing: 4px;
}
.top_topics .sh {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 1rem;
	padding-top: 0.2rem;
}
.mainvisual .mainlogo {
	width: 85%;
	opacity: 0;
}
main::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	background: linear-gradient(
			to left,
			rgba(255, 255, 255, 0.5) 0%,
			rgba(255, 255, 255, 0.5) 50%,
			rgba(255, 255, 255, 0.5) 100%
		),
		url(../img/bg2-sp.jpg);
	background-size: 110%;
	background-position: top right;
	background-repeat: repeat;
}
.top_topics {
	background: linear-gradient(15deg, rgba(227, 227, 227, 0.863) 0%, rgba(255, 255, 255, 0.844) 100%);
}
@media screen and (min-width: 640px) {
	.mainvisual .mainlogo {
		width: 36%;
	}
}

.toggle {
	width: 62px;
	height: 62px;
	top: 6px;
	right: 6px;
	padding: 0.5rem;
	background: rgba(0, 0, 0, 0.75);
	filter: none;
}
.toggle span {
	width: 60%;
	right: 12px;
	border-bottom: solid 1px #fff;
}
.toggle span:nth-child(1) {
	top: 16px;
	width: 70%;
}
.toggle span:nth-child(2) {
	top: 25px;
	width: 70%;
}
.toggle span:nth-child(3) {
	top: 15px;
	width: 70%;
	display: none;
}
.toggle.active span:nth-child(1) {
	top: 31px;
	left: 22px;
	width: 50%;
}
.toggle.active span:nth-child(2) {
	top: 32px;
	left: 31px;
	width: 50%;
	display: block;
}
.toggle.active span:nth-child(3) {
	top: 32px;
	left: 31px;
	width: 50%;
	display: none;
}
.toggle.active span:nth-child(4) {
	top: 33px;
	left: 23px;
	width: 50%;
	display: none;
}
.toggle span:nth-child(4) {
	border: none;
	top: 26px;
	left: 0.7525rem;
	font-size: 10px;
	letter-spacing: 0.48vw;
	font-weight: 100;
}

.toggle .txt {
	position: absolute;
	bottom: -20px;
	left: 0;
	height: auto;
	background: none;
	letter-spacing: 0;
	max-height: 100%;
	white-space: nowrap;
	display: inline;
	word-break: normal;
	width: 100%;
	color: #fff;
}

.global_nav_sp.active {
	background: linear-gradient(68.5deg, #000000 50%, #2a2a2a 50%) !important;
}
.global_nav_sp ul {
	box-sizing: border-box;
	padding: 5rem 1rem 0;
}
.global_nav_sp ul li {
	width: 100%;
	padding: 0 1rem 0;
	box-sizing: border-box;
}
.global_nav_sp .credit {
	width: 100%;
	margin: 0 auto;
	padding: 2rem 1rem 0;
	box-sizing: border-box;
	color: #fff;
}
.foot_navi {
	padding: 0px;
	box-sizing: border-box;
	grid-template-columns: repeat(auto-fit, 55% 15% 15% 15%);
	grid-gap: 1px;
}

.foot_navi a {
	border: 1px solid #fff;
	background: linear-gradient(48deg, #000000f0 54%, #2a2a2af0 54%) !important;
	font-size: 2.5vw !important;
	border: none !important;
	border-right: none !important;
}
.foot_navi.sp .btn_tel a {
	background: linear-gradient(15deg, #000000f0 54%, #2a2a2af0 54%) !important;
}
.under-number {
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	font-size: 1rem;
}

.num-tel {
	margin-top: -2px;
	font-size: 1.5rem !important;
	font-weight: 200;
}
.tel-time {
	font-size: 2.8vw !important;
	margin-top: 2px;
}
.btn_line img {
	margin-top: 4px;
	margin-bottom: 1px;
}
.f-hours {
	display: none;
}
.global_nav_sp ul li a {
	padding: 5px 0;
	display: flex;
	line-height: 1.4;
	color: #fff;
	text-shadow: unset;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}
.global_nav_sp a {
	font-size: 0.75rem;
}
.global_nav_sp a span {
	font-size: 1rem;
	margin-right: 0.9rem;
}
.global_nav_sp .sns {
	display: grid;
	grid-template-columns: repeat(auto-fit, 3rem);
	grid-gap: 10px;
	justify-content: center;
	padding: 1rem 0 0;
}
.global_nav_sp .sns li {
	padding: 0;
	border-bottom: none;
}
.global_nav_sp .sns li a {
	padding: 0;
}
.therapist-box {
	border-image: linear-gradient(90deg, #e7ce78 0%, #f1de8f 40%, #e0e39c 65%, #f1de8f 80%, #e7ce78 100%);
	border-image-slice: 1;
}
.therapist-box .profile-icon li,
.therapist-single .profile-icon li {
	background: linear-gradient(34deg, #9e8139 0%, #f9f1b5 50%, #9e8139 100%) !important;
	color: #000 !important;
}
.top_information .information_list {
	padding: 1rem 1.25rem;
}
.top_information .information_list li {
	padding: 1rem 0;
}
.top_information .information_list li .disc {
	width: 62%;
	-webkit-line-clamp: 5;
	height: unset;
	line-height: 1.6;
}
.top_information .information_list li .image {
	width: 32%;
}
.top_information .information_list li .image img {
	height: unset;
}
.top_information .information_list li p.date {
	width: 100%;
	line-height: 1;
	padding: 1rem 0;
	text-align: right;
}
@media screen and (max-width: 640px) {
	.top_information .information_list li:nth-child(even) {
		flex-direction: row-reverse;
	}
	.sec-goannai .cont_titile {
		padding: 3.5rem 0 2rem;
	}
	.cont_titile {
		padding: 3rem 0 2rem;
	}
}
.swiper-slider {
	width: 100%;
}
.swiper-slider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-slider-nav .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top_slider .swiper-slider-nav .swiper-slide img {
	opacity: 0.6;
	transition: opacity 0.3s linear;
}

.top_slider .swiper-slider-nav .swiper-slide-thumb-active img {
	opacity: 1;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.single-slide img {
	width: 100%;
	height: auto;
	display: block;
}
@media screen and (min-width: 640px) {
	.top_flex {
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 4rem 4rem 2rem;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-around;
		box-sizing: border-box;
	}
	.flex_box {
		align-items: unset !important;
	}
	.ban-wrap {
		width: 49%;
		box-sizing: border-box;
	}
	.sec-goannai {
		width: 49% !important;
	}
	.top_schedule.schedule .therapist-box {
		padding: 0.25rem 0.25rem 1.25rem;
	}
}
.therapist-box .todays-time p span {
	font-size: 20px;
	padding-top: 2px;
	padding-right: 1px;
	margin-left: -5px;
}
.wow {
	animation-timing-function: ease-out;
}
.attention,
.price-box {
	background: none;
}
.attention dl,
.price-box {
	color: #000;
}
.attention {
	border: 1px solid #b7b7b7;
}
.f-tel,
footer small,
.foot_navi li a {
	text-shadow: 0 0 3px #fff !important;
}
.sec-goannai video {
	width: 100%;
}

@media screen and (min-width: 640px) {
	.top_information .information_list li {
		height: unset;
	}
	.top_information .information_list li .image {
		width: 30%;
	}
}

.ranking .therapist-box {
	margin: unset;
}