/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2025 | 01:43:41 */
/* 下層ページ（施設紹介） */

/* 共通 */
#body_wrap.page-id-22 div[class*="p-our-facilities"] .item {
	display: flex;
	flex-direction: column;
	border: 4px solid var(--color_main);
	border-radius: 10px;
	padding: 30px 15px 20px;
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .item .wp-block-columns {
	margin-top: auto;
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .section-title {
	font-size: calc(36rem / 16);
}
@media (max-width: 599px) {
	#body_wrap.page-id-22 div[class*="p-our-facilities"] .section-title {
		margin-bottom: 20px;
	}
}
#body_wrap.page-id-22 .training-title {
	font-size: calc(28rem / 16);
}
@media (max-width: 599px) {
	#body_wrap.page-id-22 div[class*="p-our-facilities"] .training-title {
		font-size: calc(28rem / 13.5);
		margin-bottom: 20px;
	}
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .training-sub-title {
	font-size: calc(24rem / 16);
	position: relative;
	width: max-content;
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .training-sub-title::before {
	position: absolute;
	content: "";
	right: -80px;
	top: 50%;
	transform: translatey(-50%);
	width: 70px;
	height: 1px;
	background-color: #333;
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .title {
	font-size: calc(24rem / 16);
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .center-title {
	font-size: calc(32rem / 16);
	font-weight: normal;
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .img-wrap {
  position: relative;
  display: inline-block;
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .img-wrap .img::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20%;
	width: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	z-index: 2;
	pointer-events: none;
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .img-wrap .img {
	position: relative; 
	display: block;
	z-index: 1;
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .img-wrap h4 {
	position: absolute;
	bottom: 30px;
	right: 10px;
	color: #fff;
	z-index: 2;
	margin: 0;
	font-weight: normal;
}


/* トップボタンエリア */
.p-our-facilities-top-btn .swell-block-columns__inner {
	justify-content: center;
}


/* ジム(トレーニングルーム) */
.p-our-facilities-gym .top-img figure {
	width: 100%;
}
.p-our-facilities-gym .top-img img {
	width: 100%;
}
.p-our-facilities-gym .top-img img {
	width: 100%;
}
.p-our-facilities-gym .machine-introduction {
	margin-top: 120px;
}
@media (max-width: 599px) {
	.p-our-facilities-gym .midashi-machine {
		font-size: calc(32rem /13.5);
		margin-bottom: 20px;
	}
}
#body_wrap.page-id-22 div[class*="p-our-facilities"] .items.free .swell-block-columns__inner {
	justify-content: center;
}


/* スタジオ */
.p-our-facilities-studio .program-img {
    width: min(600px, 100%);
    margin: 0 auto;
}


/* プール */
.p-our-facilities-pool .program-img {
    width: min(600px, 100%);
    margin: 0 auto;
}
@media (max-width: 599px) {
	.p-our-facilities-pool .center-title.youtube {
		text-align: left;
	}
}


/* 館内マップ */
.p-our-facilities-map h2 {
	font-size: calc(32rem / 16);
}
.p-our-facilities-map {
	margin-bottom: 0;
}