@charset "UTF-8";
/* 姉妹・提携倶楽部プレーお申し込み
------------------------------------------------------------------------- */
.wrap_affiliated_btn {
	margin-top: 10.6666666667vw;
}

.affiliated_btn {
	width: 68.2666666667vw;
	margin: 0 auto 6.4vw;
}
.affiliated_btn:last-child {
	margin-bottom: 0;
}
.affiliated_btn a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid #7D2124;
	height: 19.2vw;
	border-radius: 10.6666666667vw;
	font-size: calc(20 / 375 * 100vw);
	text-align: center;
}
.affiliated_btn.active a {
	background: #7D2124;
	color: #fff;
}

/* コースリンク */
.club_link {
	margin-top: calc(40 / 375 * 100vw);
}
.club_link a {
	display: block;
	position: relative;
	color: #fff;
}

.club_link span {
	font-size: calc(20 / 375 * 100vw);
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	text-shadow: 0 3px 6px #000;
}

/* 予約済み
------------------------------------------------------------------------- */
.wrap_affiliated_btn02 {
	margin-bottom: 17.0666666667vw;
}

.affiliated_btn02 a {
	font-size: 5.3333333333vw;
}
input[type=text].start_time {
	padding-top: calc(5.5 / 375 * 100vw);
	padding-bottom: calc(5.5 / 375 * 100vw);
}

@media (min-width: 769px) {
	.wrap_affiliated_btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 32px;
		margin-top: 32px;
	}
	.affiliated_btn {
		width: 352px;
		margin: 0;
	}
	.affiliated_btn a {
		height: 80px;
		border-radius: 40px;
		font-size: 24px;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	.affiliated_btn a:hover {
		color: #fff;
		background: #7D2124;
	}
	/* コースリンク */
	.club_link {
		margin-top: 40px;
	}
	.club_link a {
		overflow: hidden;
	}
	.club_link a:hover img {
		transform: scale(1.2);
		filter: brightness(0.4);
	}
	.club_link img {
		transition: 0.2s;
	}
	.club_link span {
		font-size: 24px;font-size: 2.4rem;
	}
	/* 予約済み
	------------------------------------------------------------------------- */
	.wrap_affiliated_btn02 {
		margin-bottom: 64px;
	}
	.affiliated_btn02 a {
		font-size: 24px;
		font-size: 2.4rem;
	}
	input[type=text].start_time {
		width: 200px;
		padding-top: 5.5px;
		padding-bottom: 5.5px;
	}
}