@charset "UTF-8";
/* =====================================
施設の詳細ページ
======================================== */
/* ========== 施設案内 ========== */
/* Google Map */
.wrap_g_map {
	margin-bottom: 32px;
}

.g_map {
	padding: 8px;
	border: 1px solid #C9E595;
	border-radius: 16px;
}
.g_map iframe {
	width: 100%;
	height: 49.3333333333vw;
	border-radius: 16px;
}

.g_map_link {
	margin-top: 16px;
}
.g_map_link a {
	color: #065A2D;
	text-decoration: underline;
}

/* 補足説明 */
.ul_facility_information_detail {
	margin: 8px 0 16px;
}
.ul_facility_information_detail li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
}
.ul_facility_information_detail li:last-child {
	margin-bottom: 0;
}
.ul_facility_information_detail li::before {
	content: "";
	display: block;
	min-width: 8px;
	max-width: 8px;
	height: 8px;
	background: #00853E;
	border-radius: 50%;
	margin-top: 8px;
}

/* ファイル集 */
.ul_facility_pdf {
	margin-bottom: 16px;
}
.ul_facility_pdf li {
	margin-bottom: 8px;
}
.ul_facility_pdf li:last-child {
	margin-bottom: 0;
}
.ul_facility_pdf li a {
	color: #065A2D;
	text-decoration: underline;
}

/* 画像集 */
.ul_facility_information_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 16px;
	margin: 32px 0;
}
.ul_facility_information_img.pc {
	display: none;
}
.ul_facility_information_img li {
	width: calc(50% - 8px);
	text-align: center;
	font-weight: bold;
}
.ul_facility_information_img li:first-child {
	width: 100%;
}

.ul_facility_information_img img {
	border-radius: calc(8 / 375 * 100vw);
}

.ul_facility_information_img li:not(:first-child) img {
	height: calc(104 / 375 * 100vw);
	object-fit: cover;
}

/* 最寄り駐車場 */
.facility_information_contents .ttl_heading04 {
	margin-top: 32px;
}

.ul_parking {
	margin-bottom: 32px;
}
.ul_parking li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
}
.ul_parking li:last-child {
	margin-bottom: 0;
}
.ul_parking li::before {
	content: "";
	display: block;
	min-width: 8px;
	max-width: 8px;
	height: 8px;
	background: #00853E;
	border-radius: 50%;
	margin-top: 8px;
}

/* ボタン */
.facility_information_contents .btn {
	margin-top: 32px;
}
.facility_information_contents .btn a {
	height: auto;
	padding: 6px 24px 6px 12px;
}

/* ========== 詳細基本設定 ========== */
.single_contents .btn a {
	color: #fff;
	text-decoration: none;
	height: auto;
	padding: 8.5px 48px 8.5px 16px;
}

/* ========== ご予約・お申し込み ========== */
/* プラン一覧 */
.single_contents .wrap_plan_contents {
	margin: 24px 0;
}
.single_contents .plan_contents {
	border: 1px solid #00853E;
	border-radius: 8px;
	padding: 23px 15px;
	margin-bottom: 32px;
}
.single_contents .plan_contents:last-child {
	margin-bottom: 0;
}
.single_contents .plan_img {
	width: 44.8vw;
	margin: 16px auto;
}

/* ========== 近くのおすすめ施設・おすすめコース ========== */
.recommend_course .ttl_heading03 {
	margin-bottom: 16px;
}

.ul_recommend_course li {
	margin-bottom: 16px;
	text-align: center;
	font-weight: bold;
}
.ul_recommend_course li:last-child {
	margin-bottom: 0;
}
.ul_recommend_course li img {
	height: 65.6vw;
	-o-object-fit: cover;
	object-fit: cover;
}

@media (min-width: 769px) {
	/* =====================================
	施設の詳細ページ
	======================================== */
	/* ========== 施設案内 ========== */
	.wrap_facility_information_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: min(2.3529411765vw, 32px);
	}
	.facility_information_contents {
		width: calc(50% - min(1.1764705882vw, 16px));
	}
	/* Google Map */
	.g_map {
		padding: 15px;
	}
	.wrap_g_map {
		margin-top: 16px;
	}
	.wrap_g_map iframe {
		height: 274px;
	}
	/* 補足リンク */
	.ul_facility_external_link .btn_single01 {
		width: min(100%, 352px);
		margin-bottom: 16px;
	}
	.ul_facility_external_link .btn_single01:last-child {
		margin-bottom: 0;
	}
	/* 画像集 */
	.ul_facility_information_img {
		width: calc(50% - min(1.1764705882vw, 16px));
		gap: min(1.1764705882vw, 16px);
		margin: 0;
	}
	.ul_facility_information_img.pc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.ul_facility_information_img.sp {
		display: none;
	}
	.ul_facility_information_img li {
		width: calc(50% - min(0.5882352941vw, 8px));
	}
	.ul_facility_information_img img {
		border-radius: min(calc(16 / 375 * 100vw), 16px);
	}
	.ul_facility_information_img li:not(:first-child) img {
		height: min(calc(176 / 375 * 100vw), 176px);
	}

	/* ========== 施設からのお知らせ ========== */
	.wrap_news_list_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 32px;
		margin-top: 16px;
	}
	.wrap_news_list_contents .news_list_contents {
		width: calc(50% - 16px);
		margin-bottom: 0;
	}
	.wrap_news_list_contents .news_list_contents a {
		border-radius: 16px 40px 40px 0;
		height: 100%;
	}
	/* ========== ご予約・お申し込み ========== */
	/* プラン一覧 */
	.single_contents .wrap_plan_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: min(2.3529411765vw, 32px);
	}
	.single_contents .plan_contents {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: calc(33.3333333333% - min(4.7058823529vw, 64px) / 3);
		margin-bottom: 0;
	}
	.single_contents .plan_img {
		width: min(12.3529411765vw, 168px);
	}
	/* ========== 近くのおすすめ施設・おすすめコース ========== */
	.ul_recommend_course {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: min(2.3529411765vw, 32px);
	}
	.ul_recommend_course li {
		width: calc(33.3333333333% - min(4.7058823529vw, 64px) / 3);
		margin-bottom: 0;
	}
	.ul_recommend_course li img {
		height: min(19.4117647059vw, 264px);
		border-radius: 16px;
	}
}