/*
Theme Name: Lightning Child
Template: lightning
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&family=Shippori+Mincho&display=swap');

body {
	color: #3D332A;
	font-family: "Noto Sans", sans-serif;
	font-size: 16px;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	line-height: 1.8;
}
@media(max-width:768px) {
	body {
		font-size: 14px;
	}
}

/*　component　*/
/* h2 */
.h2-custom {
	font-family: "Shippori Mincho", serif;
	font-size: 2.875rem;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1;
}
@media(max-width:768px) {
	.h2-custom {
		font-size: 2.2rem;
		line-height: 1.4;
	}
}
.h2-eng {
	font-family: "Quicksand", sans-serif;
	font-size: 1.25rem;
	letter-spacing: 0.2em;
	line-height: 1;
}
.h2-deco {
	margin-bottom: 0.5em;
}
.h2-sub {
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0;
}
.h2-sub-inner {
	position: relative;
	background-image: url(https://sai-bee.com/wp-content/uploads/2025/11/sub-mv-bg02.png) ;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: calc(50% + 420px) -70px;
	background-color: #F6EDF0;
	padding: 40px 0 110px;
}
.h2-sub-inner::before {
	position: absolute;
	display: block;
	content: "";
	bottom: -200px;
	width: 100%;
	height: 260px;
	background: #fff;
  border-top-left-radius: 50% 28%;
  border-top-right-radius: 50% 28%;
}
@media(max-width:768px) {
	.h2-sub {
		margin-bottom: 0
	}
	.h2-sub-inner {
		background-size: 70%;
		background-position: calc(50% + 150px) -0px;
		padding: 40px 0 90px;
	}
	.h2-sub-inner::before {
		border-top-left-radius: 50% 20%;
  	border-top-right-radius: 50% 20%;
	}
}

/* h3 */
.h3-custom { 
	position: relative;
	font-family: "Shippori Mincho", serif;
	font-size: 1.75rem;
	}
.h3-custom::after {
	display: block;
	position:absolute;
	content: "";
	bottom: -1em;
	left: 50%;
	transform: translateX(-50%);
	width: 500px;
	height: 1px;
	border-bottom: dotted 1px #8B7355;
}
@media(max-width: 781px) {
	.h3-custom { 
		font-size: 1.5rem;
	}
	.h3-custom::after {
		width: 80vw;
	}
}
/* h4 */
h4 { 
	font-family: "Shippori Mincho", serif;
	font-size: 1.25rem;
	}
.h4-custom { 
	position:relative;
	font-size: 1.25rem;
	margin-left: 0;
	margin-bottom: 0.5em;
	/*margin-bottom: 0.4em;
	margin-left: 1em;*/
	padding-left: 1em;
	}
.h4-custom::before {
	display: block;
	position:absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	background: #AAC0F5;
	transform: translateY(-50%);
	border-radius: 50%;
}
.h4-custom.h4-mb-s {
	margin-bottom: 0.2em;
}

/* text */
.f-mincho {
	font-family: "Shippori Mincho", serif;
	font-weight: bold;
}
.f-eng {
	font-family: "Quicksand", serif;
}
.text-read { 
	font-size: 1.75rem;
}
@media(max-width:768px) {
	.text-read {
		font-size: 1.5rem;
		line-height: 1.5;
	}
}

/* section */
section {
	position: relative;
	padding: 5em 0;
}
@media(max-width:768px) {
	section {
		padding: 3em 0;
	}
}

/* タグ */
.box-voice-tag {
	color: #fff;
	background-color: #D4AD7C;
	margin-bottom: 0;
	padding: 0.1em 0.5em;
}


/* 背景 */
.wave-container {
	position: relative;
}
.wave {
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 10;	
}
.wave.pink {
	background: #F6EDF0;
}
.wave.white {
	background: #ffffff;
}

.wave.paper {
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/bg-pink.jpg) repeat-y center top / 100%;
}
.wave.wood {
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/bg-wood.jpg) repeat-y center top / 100%;
}
.wave.leaf {
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/bg-shadow-scaled.jpg) repeat-y center top / 100%;
}
.wave.water {
	top: -1px;
	height: 50px;
	transform: scale(1, -1);
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/area-btn-3.png) repeat-y center top / 100%;
	background-color: #fff;
}
@media(max-width: 781px) {
	.wave.water {
		height: 28px;
		background: url(https://sai-bee.com/wp-content/uploads/2025/11/area-btn-3-sp.png) repeat-y center 2px / 100%;
	}
}

.wave.paper-2 {
	width: 100%;
	left: 0;
	top: -26px;
	height: 80px;
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/bg-pink.jpg) repeat-y center top / 100%;
	mask-image: url('https://sai-bee.com/wp-content/uploads/2025/11/wave-white-2.png');
	mask-size: 100%;
mask-repeat: no-repeat;

	transform: scale(1, -1);
}
@media(max-width: 781px) {
	.wave.paper-2 {
		top: -35px;
		background: url(https://sai-bee.com/wp-content/uploads/2025/11/bg-pink.jpg) repeat-y center top / 100%;
		mask-image: url('https://sai-bee.com/wp-content/uploads/2025/11/wave-white.png');
	mask-repeat: no-repeat;
	mask-position: center;
		transform: scale(1, -1);
	}
}

.bg-pink {
	background-color: #F6EDF0;
}
.bg-leaf {
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/bg-shadow.jpg) repeat-y center top / 100%;
}
.bg-paper {
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/bg-pink.jpg) repeat-y center top / 100%;
}
.bg-wood {
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/bg-wood.jpg) repeat-y center top / 100%;
}


/* ボタン */
.btn-custom a {
	width: 240px;
	line-height: 2;
	background-color: #fff;
	background: linear-gradient(to right, #92ABE8, #EDC4CD);
	border: none;
	transition: all .2s ease;
}
.btn-custom-large a {
	width: 300px;
	line-height: 2;
	background: linear-gradient(to right, #92ABE8, #EDC4CD);
	border: none;
	transition: all .2s ease;
}
/* パーツ */
/* bule circle */
.circle-bule {
	width: 100px;
	height: 100px;
	text-align: center;
	color: #fff;
	line-height: 1;
	font-family: "Quicksand", sans-serif;
	font-size: 1.25rem;
	background-color: #AAC0F5;
	padding: 1.2em 0.3em 1.0em;
	border-radius: 50%;
}
.circle-bule-s {
	width: 80px;
	height: 80px;
	line-height: 0.9;
	padding: 1.5em 0.3em 1.0em;
}
@media(max-width:991px) {
	.circle-bule {
		width: 90px;
		height: 90px;
		font-size: 1.125rem;
		padding: 1.2em 0.3em 1.0em;
	}
	.circle-bule-s {
		width: 70px;
		height: 70px;
		/*margin: 0 auto;*/
		padding: 1.7em 0.3em 1.0em;
	}
}

/*プランタイトル*/
.box-plan-title {
	position: relative;
}
.box-plan-title::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
	background-image: linear-gradient(to left, rgba(232, 221, 208, 0), rgba(232, 221, 208, 1) 50%);
	border-radius: 20px 0 0 20px;
	z-index: 1;
}
.box-plan-title p {
	position: relative;
	z-index: 10;
}


/*価格*/
.box-price {
	justify-content: center;
	width: 70%;
	margin: 0 auto;
}
@media(max-width:768px) {
	.box-price {
		width: 90%;
	}
}

/*テーブル*/
.table-custom th {
	color: #fff;
	background: #AAC0F5;
}
.table-custom.wp-block-table.is-style-vk-table-border-stripes tbody tr:nth-child(2n+1) {
	background-color: #F8F8F8;
}
.table-custom.wp-block-table tr td:first-child {
	width: 25%;
	background: #E8EFFF;
}
.table-custom.wp-block-table td {
	padding-left: 1.5em;
	border: none;
	border-bottom: 1px solid #C8C8C8;
}

/* header */
.global-nav-name {
	font-weight: 400;
}
@media(min-width: 992px) {
	.site-header-container {
		height: 90px;
	}
	.site-header-container.container {
		max-width: 1200px;
	}
	.site-header-logo img {
		height: 60px;
	}
	.header_scrolled .site-header-container {
		height: auto;
		min-height: 40px
	}
	.global-nav {
		padding-top: 40px;
	}
	#menu-item-2893 {
		position: absolute;
		top: -46px;
		right: 0;
	}
	#menu-item-2893::before {
		border: none;
	} 
	#menu-item-2893 a {
		width: 200px;
		color: #fff;
		font-size: 1.25rem;
		line-height: 2;
		background: linear-gradient(to right, #92ABE8, #EDC4CD);
		padding: 6px;
		border-radius: 50px;
		transition: all .3s ease;
	} 
	#menu-item-2893 a:hover {
		opacity: .7;
	}
	.device-pc .global-nav-list>li>a {
		padding: 0 0.7em;
	}
	.header_scrolled .site-header {
		padding: 1.2em;
	}
	.site-header--layout--nav-float .site-header-logo {
		margin-right: 1em;
	}
}


/* footer */
.site-footer {
	position: relative;
	border-top: none;
	color: #fff;
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/footer-bg.png) no-repeat center top / cover;
	margin-top: -55px;
	padding: 40px 0 30px;
}
.post-name-access .site-footer,
.post-name-voice .site-footer,
.post-name-faq .site-footer,
.post-name-staff .site-footer,
.post-name-customers .site-footer {
	margin-top: -80px;
}
.post-name-group .site-footer {
	margin-top: -18px;
}
.site-footer a {
	color: #fff;
}
.site-footer a:hover {
	color: #F6EDF0;
}
.site-footer .footer-logo {
	margin-bottom: 70px;
}
.site-footer .footer-logo img {
	width: 164px;
}
.site-footer .footer-btn a {
	width: 200px;
}
.site-footer .widget_text {
	font-size: 14px;
	margin-bottom: 12px;
}
.site-footer .widget_text p {
	margin-bottom: 0;
}
.site-footer .menu li {
	text-align: right;
	list-style: none;
	margin-bottom: 0;
}
.site-footer .menu li a {
	text-decoration: none;
	color: #fff;
}
.site-footer .menu-item-2893 {
	display: none;
}
.widget_nav_menu>div>ul li a {
	padding-bottom: 0;
}
.site-footer-copyright p {
	margin-top: -3em;
}
.site-footer-copyright p:nth-of-type(2) {
	display: none;
}
.footer-sns {
	width: 210px;
}
#block-16 {
	display: flex;
	justify-content: right;
}
@media(max-width:992px) {
	#nav_menu-3 {
		display: none;
	}
}
@media(max-width:768px) {
	.site-footer {
		background: url(https://sai-bee.com/wp-content/uploads/2025/11/footer-bg-sp.png) no-repeat center top / cover;
		margin-top: -125px;
		padding: 70px 0 15px;
		text-align: center;
	}
	.post-name-customers .site-footer,
	.post-name-access .site-footer,
	.post-name-voice .site-footer,
	.post-name-faq .site-footer,
	.post-name-staff .site-footer {
		margin-top: -125px;
	}
	.post-name-group .site-footer {
		margin-top: -58px;
	}
	.blog .site-footer {
		margin-top: -50px;
	}/*お知らせページ*/
	footer .footer-logo {
		text-align: center;
		margin-bottom: 50px;
	}
	footer .footer-logo img {
		width: 30vw;
	}
	.site-footer a {
		margin: 0 auto;
	}
	.site-footer .vk_button.vk_button-align-left {
		text-align: center;
	}
	#nav_menu-3 {
		display: none;
	}
	#block-16 {
		justify-content: center;
		margin: 2em auto 3em;
	}
	.site-footer-copyright {
		padding: 0;
	}
}


/* アイコン付き説明 */
body.home .box-row.is-layout-flex {
	gap: 15px 30px;
}
body .box-row.is-layout-flex {
	gap: 30px;
	align-items:stretch;
}
body .box-row.is-layout-flex .wp-block-group {
	width: 280px;
}
body .box-row.is-layout-flex .wp-block-group img {
	width: 200px;
}

/*3つの場合*/
body .box-row-3.is-layout-flex .wp-block-group {
	width: 350px;
}
body .box-row-3.is-layout-flex .wp-block-group img {
	width: 100%;
}

/*TOP施設紹介*/
body .top-facility .box-row.is-layout-flex {
	align-items: stretch;
}
body .top-facility .box-row.is-layout-flex .wp-block-group {
	width: 210px;
}
body .plan-feature.box-row.is-layout-flex .wp-block-group {
	width: 210px;
}
body .top-facility .box-row.is-layout-flex .wp-block-group img {
	width: 100%;
}

body .box-row.box-row-img4.is-layout-flex .wp-block-group {
	width: 250px;
}

/*ポイント5つ並べる*/
body .box-row.box-row-small.is-layout-flex {
	gap: 10px;
}
body .box-row.box-row-small.is-layout-flex .wp-block-group {
	width: 200px;
}
body .box-row.box-row-small.is-layout-flex {
	gap: 10px;
}
@media(max-width: 781px) {
	body .top-facility .box-row.is-layout-flex {
		gap: 15px;
	}
}

/*角丸4つ（ステップなど）*/
body .box-row.box-step.is-layout-flex {
	align-items: stretch;
}
body .box-row.box-step.is-layout-flex .btn-custom a {
	width: 160px;
	padding: .4em 1.5rem;
}
body .box-row.box-step.is-layout-flex .btn-custom:nth-of-type(2)  a{
	margin-top: -1em;
}

/*角丸5つ（ポイントなど）*/
body .box-row.box-point.is-layout-flex .wp-block-group {
	width: 180px;
}

@media(max-width: 781px) {
	body .box-row.is-layout-flex {
		gap: 5px 20px;
	}
	body .box-row.is-layout-flex .wp-block-group img {
		width: 110px;
	}
	body .box-row.is-layout-flex .wp-block-group {
		flex-basis: 45%!important;
		width: calc( 380 / 780 *100vw);
	}
	body .box-healing.box-row.is-layout-flex .wp-block-group.item01 {
	flex-basis: 100%!important;
}/*五感1つ目を大きく*/
	body .box-row-spwide.is-layout-flex .wp-block-group {
		flex-basis: 90%!important;
		width: calc( 380 / 780 *100vw);
}
	body .box-row.box-point.is-layout-flex {
		gap: 0px 20px
	}
	body .box-row.box-point.is-layout-flex .wp-block-group {
		gap: 10px;
		width: calc( 50 / 780 *100vw);
	}
}


/* ボタンブロック */
.box-btn {
	position: relative;
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/area-btn.png) no-repeat center bottom / 100%;
	padding-bottom: 90px;
}
.btn-row {
	width: 600px;
}
.btn-row.wide {
	width: 800px;
}

@media(max-width: 781px) {
	.box-btn {
		background: url(https://sai-bee.com/wp-content/uploads/2025/11/area-btn-sp.jpg) no-repeat center bottom / 100%;
		margin-bottom: 50px;
		padding-bottom: 80px;
	}
	.home .box-btn,
	.post-name-group .box-btn
	{
		margin-bottom: 0;
	}
	.btn-row, .btn-row.wide {
		width: 100%;
	}
}

/* 含まれるもの */
.box-list {
	background-color: #fff;
	padding: 2em 2em 1em;
	border-radius: 20px;
}
body .box-list .is-layout-flex {
	gap: 0;
}
.box-list li {
	position: relative;
	list-style: none;
}
.box-list li::before {
	display: block;
	position: absolute;
	content: "";
	width: 0.45em;
	height: 0.45em;
	background-color: #AAC0F5;
	left: -1.1em;
	top: 0.7em;
	border-radius: 50%;
}
.box-list p.mincho {
	font-size: 1.375rem;
}

/* アコーディオン */
.wp-block-details.box-accordion summary {
	color: #fff;
	background-color: #AAC0F5;
	padding: 0.5em 1.5em;
}
.box-accordion p {
	background-color: #fff;
	padding: 0.5em 1.5em 0.5em 2.5em;
}
.box-accordion {
	width: 800px;
	margin-bottom: 10px;
}
.box-accordion .smb-accordion__item__body {
	padding: 0;
}
.box-accordion .accordion-list {
	background-color: #fff;
	padding: 2em 0 3em;
}
	.box-accordion .accordion-list .wp-block-list {
	padding-left: 4em;
}
.box-accordion .accordion-list .wp-block-list li {
	margin-bottom: 0;
}
@media(max-width: 781px) {
	.wp-block-details.box-accordion summary {
		padding: 0.5em 1em;
	}
	.box-accordion p {
		padding: 0.5em 1em 0.5em 1.5em;
	}
	.box-accordion {
		width: 84vw;
	}
	.box-accordion .accordion-list {
		padding: 1em 0.5em 2em 0.5em;
	}
	.box-accordion .accordion-list .wp-block-list {
		padding-left: 2.8em;
	}
}

/* 省略 */
.box-detail summary {
	position: relative;
	font-family: "Shippori Mincho", serif;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	background: #F8F8F8;
	padding: 0.5em;
	border-radius: 20px;
	transition: all .2s ease;
}
.box-detail summary::marker {
	font-size: 1.2rem;
}
.box-detail .wp-block-group  {
	padding: 0 2em;
}
/*スタッフページのスタイル*/
.page-id-165 .box-detail summary {
	font-size: 1.2rem;
	padding: 0.2em 0.5em;
}
.page-id-165 .box-detail .wp-block-group  {
	padding: 0 1em;
}
@media(max-width: 781px) {
	.box-detail summary { 
		font-size: 1.25rem;
	}
}

/* スライダー */
/* ロゴ */
.lightning_swiper::before {
	display: block;
	position: absolute;
	content: "";
	width: 226px;
	height: 381px;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/top-mv-logo.png) no-repeat center top / cover;
	z-index:10;
}
@media(max-width:768px) {
	.lightning_swiper::before {
		width: calc( 322 / 992 * 100vw);
		height: calc( 470 / 992 *100vw);
		top: calc( 60 / 992 *100vw);
		left: calc( 30 / 992 *100vw);
		transform: none;
	}
}

/* テキスト */
.lightning_swiper::after {
	display: block;
	position: absolute;
	content: "女性による、女性のための再生空間\Aしなやかに巡る、心と体の再生";
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 2rem;
	font-family: "Shippori Mincho", serif;
	text-align: right;
	white-space: pre;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6), 0px 0px 20px rgba(0, 0, 0, 0.8);
	z-index:10;
}
@media(max-width:768px) {
	.lightning_swiper::after {
		font-size: calc( 30 / 992 *100vw);
		top: calc( 550 / 992 *100vw);
		transform: none;
	}	
}

/* ページごとのスタイル */
/* TOP */
.top-intro {
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/top-intro-bg.png) no-repeat right top/contain;
	background-color: #F6EDF0;
}
.top-intro .text-l {
	font-size: 50px;
}
.top-intro-text {
	position: relative;
}
.top-intro-text .btn-custom {
	position: relative;
	z-index: 10;
}
.top-intro-text::after {
	position: absolute;
	display: block;
	content: '';
	top: -5em;
	right: -6em;
	width: 100%;
	height: 590px;
	background: url(https://sai-bee.com/wp-content/uploads/2025/11/top-intro-logo4.png) no-repeat center top/contain;
	z-index: 1;
}
@media(max-width:768px) {
	.top-intro-text::after {
		top: -3em;
		right: -6em;
	}
}
.top-information {
	padding-bottom: 50px
}
.top-information .wp-block-latest-posts__featured-image img {
	border-radius: 20px;
}
.top-information .wp-block-latest-posts__featured-image.aligncenter, .top-information .wp-block-latest-posts li>a:where(:not(:last-child)) {
	margin-bottom: 0;
}

@media(max-width:992px) {
	.top-intro {
		background-image: none;
	}
	.top-intro .text-l  {
		font-size: 34px;
		line-height: 1.3;
	}
	.box-top-slide .vk_slider_item .vk_slider_item-background-area:not([class*=-background-color])  {
		background: none;
	}
	.top-information {
		padding-bottom: 120px
	}
	body .top-ferture .is-layout-flex.box-feature02 {
		flex-direction: row-reverse;
	}
}

/* 下層ページ共通 */
.page-header { display:none; }

/* プラン */
.post-name-price section {
	padding: 0;
}
.box-plan-app h5 {
	margin-bottom:0;
}

/*スタッフ*/
.post-name-staff .staff-box-message .wp-block-image.alignleft {
	margin-right: 0;
}
/* お問い合わせ */
.box-contact-cancel .h4-custom {
	margin-bottom: 0.2em;
}
.box-contact-cancel .wp-block-list li {
	margin: 0;
}

/* お知らせ */
.vk_post_title_new {
	color: #FD3567;
}