/*
Theme Name: simple
*/

@charset "UTF-8";
html {
	box-sizing: border-box;
	font-size: clamp(14px, 16 / 1680 * 100vw, 18px);
	overflow-x: hidden;
	scroll-behavior: smooth;
	width: 100%;
	margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
	html {
		font-size: clamp(14px, 14 / 750 * 100vw, 26px);
	}
}


.single-container p{
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.single-container p{
		font-size: 14px;
	}
}

.pc{
	display: block;
}
.mobile, .sp{
	display: none;
}
@media screen and (max-width: 767px) {
	.pc{
		display: none;
	}
	.mobile, .sp{
		display: block;
	}
}

body {
	background-color: #fff;
	color: #252525;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	line-height: 1.6;
}

a {
	cursor: pointer;
	text-decoration: none;
}

section {
	padding-block: min(7.1vw, 120px);
}
@media screen and (max-width: 768px) {
	section {
		padding-block: min(13.3vw, 100px);
	}
}

.inner {
	margin-inline: auto;
	padding-inline: min(17.2vw, 290px);
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.inner {
		padding-inline: min(5.3vw, 40px);
		width: min(100%, 750px);
	}
}

.only-pc {
	display: block;
}
@media screen and (max-width: 768px) {
	.only-pc {
		display: none;
	}
}

.only-sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.only-sp {
		display: block;
	}
}

.linkButton-white-gold {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	color: #CD9B49;
	font-size: clamp(14px, 1.2vw, 18px);
	font-weight: 700;
	height: min(84.5px, 5vw);
	margin-inline: auto;
	transition: background-color 0.1s linear, color 0.1s linear, border 0.1s linear;
	width: min(28.6vw, 480px);
}
@media screen and (max-width: 768px) {
	.linkButton-white-gold {
		font-size: clamp(14px, 4.37vw, 26px);
		height: min(13.3vw, 100px);
		width: min(77.3vw, 580px);
	}
}
.linkButton-white-gold a {
	align-items: center;
	background-color: transparent;
	border-radius: 50px;
	display: inline-flex;
	height: 100%;
	justify-content: center;
	position: relative;
	white-space: nowrap;
	width: 100%;
}
.linkButton-white-gold a::after, .linkButton-white-gold a::before {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: min(1.19vw, 20px);
	pointer-events: none;
	position: absolute;
	right: 30px;
	top: 40%;
	transition: opacity 0.1s ease;
	width: min(1.1vw, 19px);
}
@media screen and (max-width: 768px) {
	.linkButton-white-gold a::after, .linkButton-white-gold a::before {
		height: min(3.7vw, 28px);
		right: 40px;
		width: min(3.5vw, 26px);
	}
}
.linkButton-white-gold a::after {
	background-image: url(./img/button_arrow-gold.svg);
	opacity: 1;
}
.linkButton-white-gold a::before {
	background-image: url(./img/button_arrow-white.svg);
	opacity: 0;
}
.linkButton-white-gold:hover {
	background-color: #CD9B49;
	border: 1px solid #CD9B49;
	color: #fff;
}
.linkButton-white-gold:hover a::after {
	opacity: 0;
}
.linkButton-white-gold:hover a::before {
	opacity: 1;
}

.linkButton-gold-white {
	background-color: #CD9B49;
	border: 1px solid #CD9B49;
	border-radius: 50px;
	color: #fff;
	font-size: clamp(14px, 1.2vw, 18px);
	font-weight: 700;
	height: min(84.5px, 5vw);
	margin-inline: auto;
	transition: background-color 0.1s linear, color 0.1s linear, border 0.1s linear;
	width: min(28.6vw, 480px);
}
@media screen and (max-width: 768px) {
	.linkButton-gold-white {
		font-size: clamp(14px, 4.37vw, 26px);
		height: min(13.3vw, 100px);
		width: min(77.3vw, 580px);
	}
}
.linkButton-gold-white a {
	align-items: center;
	background-color: transparent;
	border-radius: 50px;
	display: inline-flex;
	height: 100%;
	justify-content: center;
	position: relative;
	white-space: nowrap;
	width: 100%;
}
.linkButton-gold-white a::after, .linkButton-gold-white a::before {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: min(1.19vw, 20px);
	pointer-events: none;
	position: absolute;
	right: 30px;
	top: 40%;
	transition: opacity 0.1s linear;
	width: min(1.1vw, 19px);
}
@media screen and (max-width: 768px) {
	.linkButton-gold-white a::after, .linkButton-gold-white a::before {
		height: min(3.7vw, 28px);
		right: 40px;
		width: min(3.5vw, 26px);
	}
}
.linkButton-gold-white a::after {
	background-image: url(./img/button_arrow-white.svg);
	opacity: 1;
}
.linkButton-gold-white a::before {
	background-image: url(./img/button_arrow-gold.svg);
	opacity: 0;
}
.linkButton-gold-white:hover {
	background-color: #fff;
	border: 1px solid #CD9B49;
	color: #CD9B49;
}
.linkButton-gold-white:hover a::after {
	opacity: 0;
}
.linkButton-gold-white:hover a::before {
	opacity: 1;
}

.linkButton-white-red {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	color: #B91A2C;
	font-size: clamp(14px, 1.2vw, 18px);
	font-weight: 700;
	height: min(84.5px, 5vw);
	margin-inline: auto;
	transition: background-color 0.1s linear, color 0.1s linear, border 0.1s linear;
	width: min(28.6vw, 480px);
}
@media screen and (max-width: 768px) {
	.linkButton-white-red {
		font-size: clamp(14px, 4.37vw, 26px);
		height: min(13.3vw, 100px);
		width: min(77.3vw, 580px);
	}
}
.linkButton-white-red a {
	align-items: center;
	background-color: transparent;
	border-radius: 50px;
	display: inline-flex;
	height: 100%;
	justify-content: center;
	position: relative;
	white-space: nowrap;
	width: 100%;
}
.linkButton-white-red a::after, .linkButton-white-red a::before {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: min(1.19vw, 20px);
	pointer-events: none;
	position: absolute;
	right: 30px;
	top: 40%;
	transition: opacity 0.1s linear;
	width: min(1.1vw, 19px);
}
@media screen and (max-width: 768px) {
	.linkButton-white-red a::after, .linkButton-white-red a::before {
		height: min(3.7vw, 28px);
		right: 40px;
		width: min(3.5vw, 26px);
	}
}
.linkButton-white-red a::after {
	background-image: url(./img/button_arrow-red.svg);
	opacity: 1;
}
.linkButton-white-red a::before {
	background-image: url(./img/button_arrow-white.svg);
	opacity: 0;
}
.linkButton-white-red:hover {
	background-color: #B91A2C;
	border: 1px solid #fff;
	color: #fff;
}
.linkButton-white-red:hover a::after {
	opacity: 0;
}
.linkButton-white-red:hover a::before {
	opacity: 1;
}

/*テンプレートパーツ:section-title*/
.section-title {
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(58px, 3.8vw, 64px) !important;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 60px;
	/* ▼ 2行タイトル用ライン（section-title--single ではないときのみ）*/
	/* ▼ 1行タイトル用ライン（--singleの時は__l1に出す）*/
}
@media screen and (max-width: 768px) {
	.section-title {
		font-size: clamp(24px, 7.2vw, 54px) !important;
		margin-bottom: 58px;
	}
}
.section-title .section-title__l1,
.section-title .section-title__l2 {
	opacity: 0;
	transform: translateY(20px);
}
.section-title .section-title__l1.animate,
.section-title .section-title__l2.animate {
	animation: titleFade 1s ease-out forwards;
}
.section-title .section-title__l1 {
	color: #B91A2C;
}
.section-title:not(.section-title--single) .section-title__l2 {
	align-items: center;
	color: #fff;
	display: block;
	margin-top: 0.2em;
	text-shadow: 1px 0 0 #B91A2C, -1px 0 0 #B91A2C, 0 1px 0 #B91A2C, 0 -1px 0 #B91A2C, 1px 1px 0 #B91A2C, -1px 1px 0 #B91A2C, 1px -1px 0 #B91A2C, -1px -1px 0 #B91A2C, 0 -1px 0 #B91A2C, 0 -1px 0 #B91A2C, 0 -1px 0 #B91A2C;
}
.section-title:not(.section-title--single) .section-title__l2::after {
	animation: titleFade 1s ease-out forwards;
	animation-delay: 1s;
	background-color: #B91A2C;
	content: "";
	display: inline-block;
	height: 1px;
	margin-left: 16px;
	opacity: 0;
	transform: translateY(10px);
	vertical-align: middle;
	width: min(15.4vw, 258px);
}
@media screen and (max-width: 768px) {
	.section-title:not(.section-title--single) .section-title__l2::after {
		width: min(34.4vw, 258px);
	}
}
.section-title:not(.section-title--single) .section-title__l2.animate::after {
	opacity: 1;
	transform: translateY(0);
}
.section-title--single .section-title__l1 {
	align-items: center;
	display: inline-flex;
}
.section-title--single .section-title__l1::after {
	animation: titleFade 0.3s linear forwards;
	background-color: #B91A2C;
	content: "";
	display: inline-block;
	height: 1px;
	margin-left: 16px;
	opacity: 0;
	transform: translateY(10px);
	width: min(15.4vw, 258px);
}
@media screen and (max-width: 768px) {
	.section-title--single .section-title__l1::after {
		width: min(34.4vw, 258px);
	}
}
.section-title--single .section-title__l1.animate::after {
	opacity: 1;
	transform: translateY(0);
}

@keyframes titleFade {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/*sectionの背景色が赤の時*/
.bg-red .section-title__l1,
.bg-red .section-title__l2 {
	color: #fff;
}
.bg-red .section-title__l1::after,
.bg-red .section-title__l2::after {
	background-color: #fff;
}

/*sectionの背景色が白の時*/
.bg-white .section-title__l1,
.bg-white .section-title__l2 {
	color: #B91A2C;
}
.bg-white .section-title__l1::after,
.bg-white .section-title__l2::after {
	background-color: #B91A2C;
}

/* 下層clubページ・playerRuleセクション用タイトル */
.bg-red--outlined .section-title__l1 {
	color: #fff;
}
.bg-red--outlined .section-title__l2 {
	color: #B91A2C !important;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff !important;
}
.bg-red--outlined .section-title__l2::after,.bg-red--outlined .section-title--single .section-title__l1::after {
	background-color: #fff !important;
}

/* 下層clubページ・emblemセクション用タイトル */
.section-title--outlined {
	display: block;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.section-title--outlined {
		margin-bottom: 13.46vw;
	}
}
.section-title--outlined .section-title__l2.animate {
	margin: 0 0 40px;
	transform: translateY(-30px);
}
@media screen and (max-width: 768px) {
	.section-title--outlined .section-title__l2.animate {
		margin: 0;
	}
}
.section-title--outlined .section-title__l2::after {
	content: none;
	display: none !important;
}
.section-title--outlined .section-title__l1
.section-title--outlined .section-title__l2 {
	display: block;
	font-size: clamp(50px, 4.4vw, 74px);
	font-weight: bold;
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
	.section-title--outlined .section-title__l1,
	.section-title--outlined .section-title__l2 {
		font-size: clamp(24px, 8.53vw, 64px);
	}
}
.section-title--outlined .section-title__l1 {
	color: #B91A2C;
	font-weight: 700;
}
.section-title--outlined .section-title__l2 {
	color: transparent;
	font-weight: 700;
	text-shadow: 1px 0 0 #B91A2C, -1px 0 0 #B91A2C, 0 1px 0 #B91A2C, 0 -1px 0 #B91A2C, 1px 1px 0 #B91A2C, -1px 1px 0 #B91A2C, 1px -1px 0 #B91A2C, -1px -1px 0 #B91A2C;
}
.section-title--outlined .section-title__l1.animate,
.section-title--outlined .section-title__l2.animate {
	opacity: 1;
	transform: translateY(0);
}

/*テンプレートパーツ：sns-list*/
.sns-list {
	align-items: center;
	background-color: #B91A2C;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(3, 1fr);
	height: min(6.6vw, 111.5px);
	text-align: center;
	width: min(19.9vw, 335px);
}
@media screen and (max-width: 768px) {
	.sns-list {
		height: min(29.7vw, 223px);
		width: 100%;
	}
}

.sns-list__item {
	border-right: 1px solid #fff;
	height: 100%;
}
.sns-list__item a {
	align-items: center;
	display: inline-flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}
.sns-list__item a img {
	-o-object-fit: cover;
	height: min(2.1vw, 36px);
	object-fit: cover;
	transition: transform 0.3s ease;
	width: min(2.1vw, 36px);
}
@media screen and (max-width: 768px) {
	.sns-list__item a img {
		height: min(9.2vw, 69px);
		width: min(9.2vw, 69px);
	}
}
.sns-list__item:hover img {
	transform: scale(1.14);
}

/*テンプレートパーツ:partner-list*/
.partners__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.partners__item {
	align-items: center;
	background: #fff;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
}
.partners__item::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.partners__item img {
	-o-object-fit: contain;
	display: block;
	max-height: 90%;
	max-width: 90%;
	object-fit: contain;
	transition: opacity 0.3s ease;
}
.partners__item:hover img {
	opacity: 0.6;
}

.partners__grid--gold .partners__item--gold {
	border: 0.5px solid #B91A2C;
	height: min(16.3vw, 275px);
	width: min(16.3vw, 275px);
	padding-left: 10px;
}
@media screen and (max-width: 768px) {
	.partners__grid--gold .partners__item--gold {
		aspect-ratio: 1/1;
		height: min(44.6vw, 335px);
		margin-inline: auto;
		width: min(44.6vw, 335px);
		padding-left: 0;
	}
}

.partners__grid--silver .partners__item--silver {
	border: 0.5px solid #B91A2C;
	height: min(13vw, 220px);
	width: min(13vw, 220px);
	padding-left: 10px;
}
@media screen and (max-width: 768px) {
	.partners__grid--silver .partners__item--silver {
		aspect-ratio: 222/225;
		height: auto;
		width: 100%;
		padding-left: 0;
	}
}

.partners__item--empty {
	background: #fff;
	border: 0.5px solid #B91A2C;
}
@media screen and (max-width: 768px) {
	.partners__item--empty {
		aspect-ratio: 222/225;
		display: block;
		width: 100%;
	}
}

.partners__grid--gold .partners__item--empty {
	height: min(16.3vw, 275px);
	width: min(16.3vw, 275px);
}
@media screen and (max-width: 768px) {
	.partners__grid--gold .partners__item--empty {
		aspect-ratio: 1/1;
		margin-inline: auto;
		width: 48%;
	}
	.partners__grid--silver {
		display: grid;
		gap: 0;
		grid-template-columns: repeat(3, 1fr);
		justify-content: center;
	}
	.only-pc {
		display: none;
	}
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
	.only-sp {
		display: none;
	}
}

.no-wrap {
	white-space: nowrap;
}

.color-ac {
	color: #CD9B49;
}

.fade-in {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.6s ease-out;
}

.is-show {
	opacity: 1;
	transform: translateY(0);
}

/*下層ページ・head*/
.lower-head {
	height: min(42.8vw, 719px);
	position: relative;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.lower-head {
		height: min(53.3vw, 400px);
	}
}
.lower-head .lower-head__inner {
	padding-left: 7.9166666667%;
}
@media screen and (max-width: 768px) {
	.lower-head .lower-head__inner {
		padding-inline: 5.3333333333%;
	}
}
.lower-head .lower-head__title {
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(100px, 11.9vw, 200px);
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 768px) {
	.lower-head .lower-head__title {
		font-size: clamp(45px, 12vw, 90px);
	}
}
/*下層ページ・section*/
.lower-section {
	padding-top: min(6.54vw, 110px);
	padding-bottom: min(7.1vw, 120px);
}
@media screen and (max-width: 768px) {
	.lower-section {
		visibility: visible;
		font-size: clamp(10px, 2.6vw, 20px);
		white-space: nowrap;
	}
}    
.footer {
	background-color: #B91A2C;
	padding-top: min(4.76vw, 80px);
	position: relative;
}
@media screen and (max-width: 768px) {
	.footer {
		min-height: 100vh;
		min-height: 100dvh;
		padding-top: clamp(40px, 13.33vw, 100px);
	}
}

.footer__inner {
	text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 1044px) {
	.footer__inner {
		padding-inline: 70px;
	}
}
@media screen and (max-width: 768px) {
	.footer__inner {
		padding-inline: 5.3333333333%;
	}
}

.footer__logo {
	height: min(7.8vw, 131px);
	margin: 0 auto clamp(30px, 2.38vw, 57px);
	width: min(6.3vw, 106px);
}
@media screen and (max-width: 768px) {
	.footer__logo {
		height: min(26.8vw, 201px);
		margin: 0 auto 7.86vw;
		width: min(21.6vw, 162px);
	}
}
.footer__logo a {
	display: block;
	height: 100%;
	width: 100%;
}
.footer__logo img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/*PC用nav*/
.footer-nav {
	background-color: #b91a2c;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	min-width: 670px;
	padding-bottom: min(5.17vw, 87px);
	width: 100%;
}
@media screen and (max-width: 768px) {
	.footer-nav {
		display: none;
	}
}
.footer-nav .footer-nav__list {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(5, 1fr);
	margin: 0 auto;
	max-width: 1100px;
}
.footer-nav .footer-nav__item {
	border-right: 1px solid #fff;
	padding-inline: min(2.97vw, 50px);
	text-align: left;
}
.footer-nav .footer-nav__item:first-child {
	padding-left: 0;
}
.footer-nav .footer-nav__item:nth-child(5) {
	border-right: none;
}
.footer-nav .footer-nav__item:nth-child(5) {
	padding-right: 0;
}
.footer-nav .footer-nav__title {
	font-size: clamp(14px, 1.07vw, 20px);
	font-weight: 800;
	line-height: normal;
	margin-bottom: min(1.78vw, 30px);
	text-transform: uppercase;
}
.footer-nav .footer-nav__sublist {
	display: flex;
	flex-direction: column;
	gap: min(1.19vw, 20px);
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.footer-nav .footer-nav__sublist a {
	color: #fff;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(12px, 0.95vw, 18px);
	font-weight: 700;
	line-height: normal;
	transition: opacity 0.4s ease;
	white-space: nowrap;
	width: 100%;
}
.footer-nav .footer-nav__sublist a span {
	font-weight: 500;
}
.footer-nav .footer-nav__sublist a:hover {
	opacity: 0.6;
}
.footer-nav .footer-nav__item--stacked a {
	display: block;
	font-weight: 700;
	margin-bottom: 8px;
	text-transform: uppercase;
	transition: opacity 0.4s ease;
}
.footer-nav .footer-nav__item--stacked a:hover {
	opacity: 0.6;
}

/*sp用nav*/
.footer-drawer {
	display: none;
}
@media screen and (max-width: 768px) {
	.footer-drawer {
		-webkit-overflow-scrolling: touch;
		background: #B91A2C;
		display: block;
		max-height: 100dvh;    
	}
	.footer-drawer,.footer-drawer .footer-drawer__nav {
		height: auto;
		width: 100%;
	}
}

.footer-drawer__nav-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	text-align: left;
	width: 100%;
}

.footer-drawer__nav-item {
	border-bottom: 1px solid #fff;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(18px, 4.8vw, 36px);
	font-weight: 700;
	line-height: normal;
	padding-block: min(5.3vw, 40px);
	text-transform: uppercase;
	width: 100%;
}
.footer-drawer__nav-item a {
	display: inline-block;
	width: 100%;
}
.footer-drawer__nav-item:last-child {
	border-bottom: none;
}

.footer-drawer__nav-item.on-submenu {
	padding-block: 0;
	position: relative;
}

.footer-drawer__submenu {
	background: #fff;
	color: #252525;
	margin-bottom: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	overflow-y: hidden;
	padding-inline: 5.9701492537%;
	scrollbar-width: none;
	transition: max-height 0.4s ease, opacity 0.4s ease;
}
.footer-drawer__submenu::-webkit-scrollbar {
	display: none;
}
.footer-drawer__submenu li a {
	background-color: #fff;
	color: #B91A2C;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(14px, 3.46vw, 26px);
	font-weight: 700;
	line-height: normal;
	padding-block: min(4vw, 30px);
	text-transform: capitalize;
}
.footer-drawer__submenu.is-open {
	margin-bottom: 57px;
	opacity: 1;
}

.footer-drawer__submenu li:not(:last-child) a {
	border-bottom: 1px solid #B91A2C;
}

.footer-submenu-toggle {
	background: transparent;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(18px, 4.8vw, 36px);
	font-weight: 700;
	padding-block: min(5.3vw, 40px);
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
.footer-submenu-toggle::after, .footer-submenu-toggle::before {
	background-color: #fff;
	content: "";
	height: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	transform-origin: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
	width: 16px;
}
.footer-submenu-toggle::after {
	transform: translateY(-50%) rotate(0deg);
}
.footer-submenu-toggle::before,.footer-submenu-toggle.is-open::before {
	transform: translateY(-50%) rotate(90deg);
}
.footer-submenu-toggle.is-open::before {
	opacity: 0;
}
.footer-submenu-toggle.is-open::after {
	transform: translateY(-50%) rotate(0deg);
}

/*smallエリア*/
.footer__copyright-area {
	background-color: #CD9B49;
	bottom: 0;
	left: 50%;
	position: absolute;
	text-align: center;
	transform: translateX(-50%);
	width: 100%;
}
.footer__copyright-area small {
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.footer__copyright-area small {
		font-size: clamp(10px, 2.6vw, 20px);
		white-space: nowrap;
	}
}

.header {
	width: 100%;
}
.header__inner {
	display: flex;
	flex-direction: column;
	gap: 0;
	height: 100%;
	width: 100%;
}

.header__sponsor ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	height: 60px;
	gap: 20px;
}
.header__sponsor ul li{
	height: 100%;
}
/* @media screen and (min-width: 769px) {
.header__sponsor ul li{
width: 480px !important;
}
}
@media screen and (max-width: 768px) {
.header__sponsor ul li{
width: 215px !important;
}
} */

.header__sponsor ul li a{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.header__sponsor ul li img{
	height: 80%;
}
@media screen and (max-width: 768px) {
	.header__sponsor ul{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		height: 40px;
		gap: 10px;
	}
}

.header__sponsor img {
	-o-object-fit: contain;
	display: block;
	height: auto;
	max-height: 80%;
	max-width: 100%;
	object-fit: contain;
	transition: opacity 0.3s ease;
}
.header__sponsor:hover img {
	opacity: 0.6;
}

.header__header-area {
	align-items: center;
	background-color: #B91A2C;
	display: flex;
	gap: clamp(20px, 46.7vw, 30px);
	justify-content: space-between;
	padding-block: min(1.5vw, 20px);
	padding-left: 2.4404761905%;
	padding-right: 2.9761904762%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.header__header-area {
		padding-block: clamp(6px, 1.86vw, 14px);
		padding-left: 5.3333333333%;
		padding-right: 5.4%;
	}
}

.header__title {
	height: 100%;
	width: min(2.91vw, 49px);
}
@media screen and (max-width: 768px) {
	.header__title {
		height: clamp(46px, 7.9vw, 59.5px);
		width: clamp(36px, 6.4vw, 48px);
	}
}

.header__title-link {
	align-items: center;
	display: inline-flex;
	height: 100%;
	width: 100%;
}
.header__title-link img {
	-o-object-fit: cover;
	height: clamp(46.8px, 4.04vw, 81.8px);
	object-fit: cover;
	width: clamp(37.3px, 3.27vw, 71.7px);
}
@media screen and (max-width: 768px) {
	.header__title-link img {
		height: 100%;
		width: 100%;
	}
}

.header__nav {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	height: 100%;
	justify-content: center;
	max-width: 756px;
}
@media screen and (max-width: 768px) {
	.header__nav {
		display: none;
	}
}

.header__nav-list {
	display: flex;
	gap: 5.291005291%;
	justify-content: space-between;
	text-align: center;
}

.header__nav-list,.header__nav-item {
	align-items: center;
	height: 100%;
	width: 100%;
}

.header__nav-item {
	position: relative;
}
.header__nav-item:hover .header__nav-item-text {
	opacity: 0.6;
}

.header__nav-item--menu {
	border-bottom: 2px solid transparent;
	position: relative;
}
.header__nav-item--menu::after {
	content: "";
	height: 55px;
	position: absolute;
	right: 0;
	top: 100%;
	width: 150%;
	z-index: 5;
}
.header__nav-item--menu:hover {
	border-color: rgba(255, 255, 255, 0.6);
}
.header__nav-item--menu:hover .header__nav-item-text {
	opacity: 0.6;
}
.header__nav-item--menu:hover .header__sublist-wrap {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.header__sublist-wrap {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: -10px;
	top:  min(4.6vw, 74px);
	transition: opacity 0.3s ease;
	visibility: hidden;
	z-index: 10;
}

.header__nav-link {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-decoration: none;
	width: 100%;
}

.header__nav-item-text {
	color: #fff;
	font-size: clamp(14px, 1.07vw, 22px);
	font-weight: 700;
	text-transform: uppercase;
	transition: opacity 0.3s ease;
}

.sub-list {
	background-color: #fff;
	border-radius: 10px;
	height: auto;
	text-align: left;
	width: clamp(115px, 12.14vw, 204px);
}

.sub-list__item {
	border-bottom: 1px solid #B91A2C;
}
.sub-list__item a {
	color: #B91A2C;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(12px, 0.95vw, 18px);
	font-weight: 700;
	line-height: normal;
	padding-block: 1em;
	padding-left: 1.1904761905vw;
	transition: opacity 0.3s ease;
	width: 100%;
}
.sub-list__item:last-child {
	border-bottom: none;
}
.sub-list__item:hover a {
	opacity: 0.6;
}

.menu-btn {
	display: none;
}
@media screen and (max-width: 768px) {
	.menu-btn {
		background: url(./img/drawer_icon-open.webp) no-repeat center center/contain;
		display: block;
		height: min(8.9vw, 67px);
		width: min(14.2vw, 107px);
		z-index: 999;
	}
	.menu-btn.is-open {
		background-image: url(./img/drawer_icon-close.webp);
	}
}

.drawer {
	display: none;
}
@media screen and (max-width: 768px) {
	.drawer {
		background: #B91A2C;
		display: block;
		height: auto;
		padding-block: min(5.86vw, 44px);
		position: fixed;
		right: 0;
		transform: translateX(100%);
		transition: transform 0.4s;
		width: 100%;
		z-index: 99;
	}
	.drawer.is-open {
		transform: translateX(0);
	}
	.drawer .drawer__inner {
		-webkit-overflow-scrolling: touch;
		max-height: 100dvh;
		overflow-y: auto;
		padding-bottom: 280px;
	}
	.drawer .drawer__inner,.drawer .drawer__nav {
		height: auto;
		width: 100%;
	}
}

.drawer__nav-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	text-align: left;
	width: 100%;
}

.drawer__nav-item {
	border-bottom: 1px solid #fff;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(18px, 4.8vw, 36px);
	font-weight: 700;
	line-height: normal;
	padding-block: min(5.3vw, 40px);
	text-transform: uppercase;
	width: 100%;
}
.drawer__nav-item a {
	display: inline-block;
	width: 100%;
}
.drawer__nav-item:last-child {
	border-bottom: none;
}

.drawer__nav-item.has-submenu {
	padding-block: 0;
	position: relative;
}

.drawer__submenu {
	background: #fff;
	color: #B91A2C;
	margin-bottom: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding-inline: 5.9701492537%;
	transition: max-height 0.4s ease, opacity 0.4s ease;
}
.drawer__submenu li a {
	background-color: #fff;
	color: #B91A2C;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(14px, 3.46vw, 26px);
	font-weight: 700;
	line-height: normal;
	padding-block: min(4vw, 30px);
	text-transform: capitalize;
}
.drawer__submenu.is-open {
	margin-bottom: 57px;
	opacity: 1;
}

.drawer__submenu li:not(:last-child) a {
	border-bottom: 1px solid #B91A2C;
}

.submenu-toggle {
	background: transparent;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(18px, 4.8vw, 36px);
	font-weight: 700;
	padding-block: min(5.3vw, 40px);
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
.submenu-toggle::after, .submenu-toggle::before {
	background-color: #fff;
	content: "";
	height: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	transform-origin: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
	width: 16px;
}
.submenu-toggle::after {
	transform: translateY(-50%) rotate(0deg);
}
.submenu-toggle::before,.submenu-toggle.is-open::before {
	transform: translateY(-50%) rotate(90deg);
}
.submenu-toggle.is-open::before {
	opacity: 0;
}
.submenu-toggle.is-open::after {
	transform: translateY(-50%) rotate(0deg);
}

/*背面スクロール禁止*/
body.no-scroll {
	height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
}

/* Auto-generated _all.scss for pages */
/*下層/gameページ*/
/*FV*/
.game-head {
	background: url(./img/game_img_top-pc.webp) no-repeat center center/cover;
	margin-bottom: 159px;
	padding-top: 193px;
}
@media screen and (max-width: 768px) {
	.game-head {
		background: url(./img/game_img_top-sp.webp) no-repeat center center/cover;
		margin-bottom: 89px;
		padding-top: 17.2vw;
	}
}

.game-head__title {
	text-transform: uppercase;
}
@media screen and (max-width: 768px) {
	.game-head__title {
		text-transform: capitalize;
	}
}

/*game-rink*/
.game-rink {
	padding-block: 0;
}

.game-rink__inner {
	margin-inline: auto;
	padding-inline: 6.7261904762%;
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.game-rink__inner {
		padding-left: 15.7333333333%;
		padding-right: 14%;
		width: min(100%, 750px);
	}
}

.game-rink__head-button-wrapper {
	display: flex;
	gap: 12.9298486933%;
	justify-content: space-between;
	margin-bottom: 178px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.game-rink__head-button-wrapper {
		flex-direction: column;
		gap: 51px;
		margin: 0 auto 40px;
		min-width: 270px;
	}
}

.next-game-btn {
	align-items: center;
	background-color: #B91A2C;
	color: #fff;
	display: flex;
	flex-shrink: 0;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(24px, 2.38vw, 40px);
	font-weight: 700;
	height: min(4.7vw, 79px);
	justify-content: center;
	line-height: normal;
	text-transform: uppercase;
	transition: opacity 0.3s ease;
	width: 43.3287482806%;
}
@media screen and (max-width: 768px) {
	.next-game-btn {
		font-size: clamp(24px, 5.33vw, 40px);
		height: min(10.5vw, 79px);
		width: 100%;
	}
}
.next-game-btn a {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}
.next-game-btn:hover {
	opacity: 0.7;
}

.archive-select {
	background-color: #d9d9d9;
	display: flex;
	height: min(4.7vw, 79px);
	position: relative;
	transition: opacity 0.3s ease;
	width: 43.3287482806%;
}
@media screen and (max-width: 768px) {
	.archive-select {
		height: min(10.5vw, 79px);
		width: 100%;
	}
}
.archive-select::after {
	background-image: url(./img/game_icon_select.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: min(1.4vw, 24px);
	position: absolute;
	right: 10px;
	top: 40%;
	width: min(1.2vw, 20px);
	z-index: 10;
}
@media screen and (max-width: 768px) {
	.archive-select::after {
		height: min(3.2vw, 24px);
		width: min(2.6vw, 20px);
	}
}
.archive-select:hover {
	opacity: 0.6;
}

.archive-select__label {
	align-items: center;
	background: #000;
	color: #fff;
	display: flex;
	font-size: clamp(14px, 1.2vw, 16px);
	font-weight: 400;
	justify-content: center;
	padding: 12px 20px;
	white-space: nowrap;
	width: 27.1428571429%;
}
@media screen and (max-width: 768px) {
	.archive-select__label {
		font-size: clamp(12px, 2.6vw, 20px);
		height: min(10.5vw, 79px);
		padding: 2.4vw 23px;
		width: 27.2380952381%;
	}
}

.archive-select__form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #d9d9d9;
	border: none;
	font-size: clamp(12px, 1.2vw, 20px);
	font-weight: 400;
	height: 100%;
	padding-block: min(0.71vw, 12px);
	padding-left: min(6.6vw, 112px);
	padding-right: min(1.2vw, 20px);
	width: min(27.3vw, 459px);
}
@media screen and (max-width: 768px) {
	.archive-select__form select {
		font-size: clamp(14px, 2.6vw, 20px);
		height: 100%;
		width: min(50.6vw, 380px);
	}
}

.jump-link-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-bottom: 100px;
	padding-left: max(22%, 10px);
	padding-right: max(17.5%, 10px);
	width: 100%;
}
@media screen and (max-width: 768px) {
	.jump-link-list {
		margin-inline: auto;
		min-width: 270px;
		padding-inline: 0;
		margin-bottom: 63px;
	}
}
.jump-link-list .jump-link-list__item {
	align-items: center;
	border-bottom: 1px solid #8a8a8a;
	display: flex;
	justify-content: space-between;
	padding-block: 14px;
	position: relative;
	transition: opacity 0.3s ease;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.jump-link-list .jump-link-list__item {
		padding-block: min(2.2vw, 16.5px);
	}
}

@media screen and (max-width: 768px) {
	.jump-link-list .jump-link-list__item:first-child {
		padding-bottom: min(2.2vw, 16.5px);
	}
}
.jump-link-list .jump-link-list__item a {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.jump-link-list .jump-link-list__item a::after {
	content: "∨";
	display: inline-block;
	font-size: clamp(16px, 2.6vw, 20px);
	margin-left: 10px;
	position: absolute;
	right: 3.015681544%;
	transform: rotate(0deg);
}
@media screen and (max-width: 768px) {
	.jump-link-list .jump-link-list__item a::after {
		font-size: clamp(12px, 2.1vw, 16px);
	}
}
.jump-link-list .jump-link-list__item:hover {
	opacity: 0.6;
}

.jump-link-list__label {
	font-size: clamp(24px, 1.78vw, 30px);
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	.jump-link-list__label {
		font-size: clamp(16px, 2.66vw, 20px);
	}
}

/*game-groupセクション*/
.game-group {
	padding-bottom: 120px;
	padding-top: 80px;
	border-bottom: 1px solid #B91A2C;
}
@media screen and (max-width: 768px) {
	.game-group {
		padding-block: 10vw;
	}
}
.game-group:last-child {
	border-bottom: none;
}
.game-group .game-group__title {
	font-family: "Montserrat", sans-serif;
	font-size: clamp(24px, 2.38vw, 40px);
	font-weight: 700;
	line-height: normal;
	margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
	.game-group .game-group__title {
		font-size: clamp(20px, 4vw, 30px);
		margin-bottom: 25px;
	}
}

.game-archive {
	padding: 0 0 200px;
}
@media screen and (max-width: 768px) {
	.game-archive {
		padding: 0 0 63px;
	}
}
.game-archive .game-archive__inner {
	margin-inline: auto;
	padding-inline: max(6.6%, 38.7px);
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.game-archive .game-archive__inner {
		padding-inline: 8.4%;
		width: min(100%, 750px);
	}
}

.game-card {
	background: #fff;
	font-weight: 700;
	max-width: 100%;
	padding: 13px 0 15px;
	scroll-margin-top: 180px;
}
@media screen and (max-width: 768px) {
	.game-card {
		scroll-margin-top: 250px;
	}
}

.game-card__row-top {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
	margin-bottom: 17px;
	margin-inline: auto;
	max-width: 1454px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.game-card__row-top {
		margin-bottom: 25px;
		gap: 5px;
		align-items: flex-start;
	}
}

.game-card__homeaway .badge {
	display: inline-block;
	font-size: clamp(12px, 0.95vw, 16px);
	font-weight: bold;
	line-height: 3.1;
	text-align: center;
	width: 7.3511904762vw;
}
@media screen and (max-width: 768px) {
	.game-card__homeaway .badge {
		font-size: clamp(12px, 2.13vw, 16px);
		min-width: 37.5px;
		width: 7.0666666667vw;
	}
}

.game-card__homeaway .badge--home {
	background: #B91A2C;
	color: #fff;
}

.game-card__homeaway .badge--away {
	background: #CD9B49;
	color: #252525;
}

.game-card__datetime {
	text-align: left;
	width: 21.1904761905vw;
}

.game-card__datetime .date {
	font-size: clamp(16px, 1.54vw, 26px);
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.game-card__datetime .date {
		font-size: clamp(12px, 3vw, 26px);
		white-space: nowrap;
	}
}

.day {
	font-size: clamp(16px, 1.95vw, 16px);
	line-height: 1.9;
}
@media screen and (max-width: 768px) {
	.day {
		font-size: clamp(10px, 2.13vw, 16px);
	}
}

.stadium {
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.stadium {
		font-size: clamp(11px, 1.73vw, 13px);
		white-space: nowrap;
	}
}

.game-card__kickoff-time {
	flex-shrink: 0;
	font-size: clamp(16px, 1.2vw, 20px);
	line-height: 2.5;
	max-width: 631px;
	white-space: nowrap;
	width: 43.5%;
}
@media screen and (max-width: 768px) {
	.game-card__kickoff-time { 
		text-align: center;
		font-size: clamp(12px, 2.6vw, 20px);
		line-height: normal;
		width: 20%;
	}
}

.game-card__stage {
	flex-shrink: 0;
	font-size: clamp(14px, 1.2vw, 20px);
	font-weight: bold;
	white-space: nowrap;
	width: 11.4%;
}
@media screen and (max-width: 768px) {
	.game-card__stage {
		font-size: clamp(10px, 1.6vw, 12px);
		width: 14.9%;
		margin-right: 8px;
	}
}

.left-wrapper {
	display: flex;
	gap: 5.6%;
	justify-content: start;
	max-width: 657px;
	padding-left: 7%;
	width: 45.1%;
}
@media screen and (max-width: 768px) {
	.left-wrapper {
		padding-left: 5%;
		width: 35%;
	}
}

.game-card__row-middle {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: clamp(12px, 2vw, 32px);
	justify-content: space-between;
	margin-bottom: 12px;
	padding-inline: 19.7386519945%;
}

.game-card__logo img {
	-o-object-fit: contain;
	display: block;
	flex-shrink: 0;
	height: 6.369047619vw;
	object-fit: contain;
	width: 6.369047619vw;
}
@media screen and (max-width: 768px) {
	.game-card__logo img {
		height: 12vw;
		width: 12vw;
	}
}

.game-card__score {
	font-size: clamp(20px, 2.14vw, 36px);
	font-weight: 700;
	text-align: center;
	line-height: 1.4;

}

.game-card__score--pk {
	font-size: clamp(16px,1.48vw,25px);
	font-weight: bold;  
}
@media screen and (max-width: 768px) {
	.game-card__score--pk {
		font-size: clamp(12px, 2.13vw, 16px);
	}
}

.game-card__row-bottom {
	font-size: clamp(16px, 1.3vw, 22px);
	line-height: 1.9;
	font-weight: bold;
	margin-top: clamp(6px, 1vw, 12px);
	text-align: center;
}
@media screen and (max-width: 768px) {
	.game-card__row-bottom {
		font-size: clamp(14px, 2.6vw, 20px);
		line-height: nomal;
	}
}

.bg-white {
	background-color: #fff;
}

.bg-gray {
	background-color: rgba(138, 138, 138, 0.22);
}

.game-sns {
	padding-top: 0;
}

/*下層/朝活ページ*/
.asakatsu-head {
	background: url(./img/asakatsu_img_top-pc.webp) no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
	.asakatsu-head {
		background: url(./img/asakatsu_img_top-sp.webp) no-repeat center center/cover;
	}
}
.asakatsu-head::before {
	background-color: rgba(0, 0, 0, 0.4);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.asakatsu-day {
	padding: 100px 0 120px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.asakatsu-day {
		padding: 80px 0 50px;
	}
}
.asakatsu-day .asakatsu-day__next {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
@media screen and (max-width: 768px) {
	.asakatsu-day .asakatsu-day__next {
		display: block;
	}
}
.asakatsu-day .asakatsu-day__title {
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.asakatsu-day .asakatsu-day__title {
		font-size: clamp(18px, 4.26vw, 32px);
		margin-bottom: 40px;
	}
}
.asakatsu-day .asakatsu-day__date {
	color: #CD9B49;
	font-family: "Montserrat", sans-serif;
	font-size: 72px;
	font-weight: 700;
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.asakatsu-day .asakatsu-day__date {
		font-size: clamp(16px, 9.6vw, 72px);
		margin-bottom: 60px;
	}
}
.asakatsu-day .asakatsu-day__weekday {
	color: #CD9B49;
	font-family: "Montserrat", sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.asakatsu-day .asakatsu-day__weekday {
		font-size: clamp(14px, 5.3vw, 40px);
	}
}
.asakatsu-day .asakatsu-day__text {
	font-size: clamp(16px, 0.95vw, 18px);
	font-weight: 700;
	line-height: 3.1;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.asakatsu-day .asakatsu-day__text {
		font-size: clamp(14px, 3.46vw, 26px);
		line-height: 1.9;
	}
}

.asakatsu-detail {
	background: #B91A2C;
	padding-bottom: 130px;
}
@media screen and (max-width: 768px) {
	.asakatsu-detail {
		padding-bottom: 100px;
	}
}

.asakatsu-info {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-bottom: 50px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.asakatsu-info {
		margin-bottom: 10px;
	}
}
.asakatsu-info .asakatsu-info__item {
	-moz-column-gap: 8.5%;
	align-items: start;
	border-bottom: 1px solid #fff;
	color: #fff;
	column-gap: 8.5%;
	display: grid;
	font-size: clamp(16px, 0.95vw, 18px);
	font-weight: 700;
	grid-template-columns: 6.5% 1fr;
	line-height: 3.1;
	padding-block: 30px;
	text-align: left;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.asakatsu-info .asakatsu-info__item {
		-moz-column-gap: 14%;
		column-gap: 14%;
		font-size: clamp(14px, 3.46vw, 26px);
		grid-template-columns: 15.5% 1fr;
		line-height: 1.9;
	}
}
.asakatsu-info .asakatsu-info__item:first-child {
	padding-bottom: 30px;
	padding-top: 0;
}
.asakatsu-info .asakatsu-info__item-label {
	white-space: nowrap;
}
.asakatsu-info .asakatsu-info__item-content-list {
	list-style-type: disc;
}

.asakatsu-img {
	display: flex;
	gap: 3.4545454545%;
	height: min(21.4vw, 361px);
	justify-content: center;
	width: min(100%, 1100px);
}
@media screen and (max-width: 768px) {
	.asakatsu-img {
		flex-direction: column;
		gap: 60px;
		height: clamp(265px, 125.2vw, 939px);
		max-width: 100%;
		width: 100%;
	}
}
.asakatsu-img .asakatsu-img__item img {
	-o-object-fit: cover;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.asakatsu-img .asakatsu-img__item.--all {
	height: min(17.3vw, 291px);
	width: 43.5454545455%;
}
@media screen and (max-width: 768px) {
	.asakatsu-img .asakatsu-img__item.--all {
		height: 54.1vw;
		width: 100%;
	}
}
.asakatsu-img .asakatsu-img__item.--all img {
	aspect-ratio: 479/291;
}
@media screen and (max-width: 768px) {
	.asakatsu-img .asakatsu-img__item.--all img {
		aspect-ratio: 670/406;
	}
}
.asakatsu-img .asakatsu-img__item.--half {
	height: min(17.3vw, 291px);
	width: 52.9090909091%;
}
@media screen and (max-width: 768px) {
	.asakatsu-img .asakatsu-img__item.--half {
		height: min(335px, 44.7vw);
		width: 100%;
	}
}
.asakatsu-img .asakatsu-img__item.--half img {
	aspect-ratio: 582/291;
}
@media screen and (max-width: 768px) {
	.asakatsu-img .asakatsu-img__item.--half img {
		aspect-ratio: 670/335;
	}
}
.asakatsu-img .asakatsu-img__caption {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 2.7;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
	.asakatsu-img .asakatsu-img__caption {
		font-size: clamp(14px, 3.46vw, 26px);
		line-height: 1.9;
	}
}
.asakatsu-access .asakatsu-access__inner {
	margin-inline: auto;
	padding-inline: min(17.2vw, 290px);
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.asakatsu-access .asakatsu-access__inner {
		max-width: 100%;
		padding-left: min(5.3vw, 40px);
		padding-right: 0;
		width: 100%;
	}
}
.asakatsu-access .asakatsu-access__map-wrapper {
	height: min(22.6vw, 380px);
	margin-bottom: 30px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.asakatsu-access .asakatsu-access__map-wrapper {
		height: min(50.6vw, 380px);
		margin-bottom: 40px;
	}
}
.asakatsu-access .asakatsu-access__map-wrapper iframe {
	border-radius: 10px;
	height: 100%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.asakatsu-access .asakatsu-access__map-wrapper iframe {
		border-radius: 10px 0 0 10px;
	}
}
.asakatsu-access .asakatsu-access__address {
	font-size: clamp(16px, 0.95vw, 18px);
	font-weight: 700;
	line-height: 1.9;
}
@media screen and (max-width: 768px) {
	.asakatsu-access .asakatsu-access__address {
		font-size: clamp(14px, 3.46vw, 26px);
	}
}

/*下層/club-statementページ*/
.lower-club-head {
	background: url(./img/lower-club_img_top-pc.webp) no-repeat center center/cover;
	overflow: hidden;
	padding-top: 7.0833333333vw;
	position: relative;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.lower-club-head {
		background: url(./img/lower-club_img_top-sp.webp) no-repeat center center/cover;
		padding-top: 12.4vw;
	}
}
.lower-club-head .lower-club-head__title {
	height: min(22.5vw, 379px);
	left: -0.5952380952%;
	top: 0;
	width: min(61.2vw, 1028px);
}
@media screen and (max-width: 768px) {
	.lower-club-head .lower-club-head__title {
		height: min(28.4vw, 213px);
		left: 3.4666666667%;
		top: 0;
		width: min(77vw, 578px);
	}
}
.lower-club-head .lower-club-head__title img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.club-statement-inner {
	margin-inline: auto;
	padding-left: min(9.88vw, 166px);
	padding-right: min(10.77vw, 181px);
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.club-statement-inner {
		padding-inline: 5.3333333333%;
		width: min(100%, 750px);
	}
}

.club-profile {
	padding-block: 78px;
}

.club-vision,
.club-mission {
	padding-bottom: 78px;
	padding-top: 0;
}

.club-spirit {
	padding-bottom: min(7.14vw, 120px);
	padding-top: 0;
}
@media screen and (max-width: 768px) {
	.club-spirit {
		padding-bottom: clamp(50px, 13.3vw, 100px);
	}
}

.club-profile__title,
.club-mission__title,
.club-vision__title,
.club-spirit__title {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	.club-profile__title,
	.club-mission__title,
	.club-vision__title,
	.club-spirit__title {
		margin-bottom: clamp(12px, 2.67vw, 20px);
	}
}

.club-mission__subtitle,
.club-vision__subtitle {
	font-size: clamp(27px, 2.02vw, 34px);
	font-weight: 700;
	line-height: 1.25;
	margin: clamp(12px, 0.89vw, 15px) 0;
}
@media screen and (max-width: 768px) {
	.club-mission__subtitle,
	.club-vision__subtitle {
		font-size: clamp(20px, 5.33vw, 32px);
		margin: 0 0 clamp(15px, 2.66vw, 20px);
		margin-top: 0;
	}
}

.club-profile__text,
.club-mission__text,
.club-spirit__text {
	font-size: clamp(16px, 0.95vw, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: 1.9;
}
@media screen and (max-width: 768px) {
	.club-profile__text,
	.club-mission__text,
	.club-spirit__text {
		font-size: clamp(14px, 2.4vw, 18px);
	}
}

.club-profile__text.Block-2nd {
	margin-block: 2em;
}

.club-profile__text.Block-3rd span,.club-mission__text span {
	display: block;
}

.br--tb {
	display: none;
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
	.br--tb {
		display: inline;
	}
}
@media screen and (max-width: 768px) {
	.br--tb {
		display: none;
	}
}

.club-spirit__subtitle {
	height: auto;
	width: min(23.42vw, 393.6px);
}
@media screen and (max-width: 768px) {
	.club-spirit__subtitle {
		width: min(44.6vw, 334.6px);
	}
}
.club-spirit__subtitle img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.club-spirit__text {
	line-break: strict;
}
.club-spirit__text span {
	display: block;
}

/*emblem*/
.emblem {
	text-align: center;
}
.emblem-inner {
	margin-inline: auto;
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.emblem-inner {
		width: min(100%, 750px);
	}
}
.emblem-title {
	margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
	.emblem-title {
		margin-bottom: clamp(50px, 13.3vw, 100px);
	}
}

.emblem-sub-title {
	color: #B91A2C;
	font-size: clamp(26px, 2.38vw, 40px);
	font-style: normal;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 58px;
}
@media screen and (max-width: 768px) {
	.emblem-sub-title {
		font-size: clamp(24px, 4.26vw, 32px);
		line-height: 1.5;
		margin-bottom: 20px;
	}
}

.emblem-description {
	background-color: #faf5ed;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(20px, 1.6vw, 28px);
	font-weight: 700;
	height: auto;
	line-height: 1.5; /* 150% */
	margin-inline: auto;
	padding: 48px 3.6%;
	text-align: center;
	width: min(89.2vw, 1500px);
	word-break: break-word;
}
@media screen and (max-width: 768px) {
	.emblem-description {
		font-size: clamp(18px, 3.46vw, 26px);
	}
}
.emblem-description span {
	display: block;
}

.emblem-annotation-group {
	margin: 80px auto 52px;
	position: relative;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.emblem-annotation-group {
		margin: 0 auto 50px;
	}
}
.emblem-annotation-group .emblem {
	display: block;
	height: auto;
	margin: 0 auto;
	padding-top: 0;
	width: 20.119047619%;
}
@media screen and (max-width: 768px) {
	.emblem-annotation-group .emblem {
		width: 26.6666666667%;
	}
}
.emblem-annotation-group .annotation {
	pointer-events: none;
	position: absolute;
}
.emblem-annotation-group .annotation picture,
.emblem-annotation-group .annotation img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}
.emblem-annotation-group .annotation--left-top {
	height: 5.47vw;
	left: 14.4642857143%;
	top: 3.2738095238vw;
	width: 27.5%;
}
@media screen and (max-width: 768px) {
	.emblem-annotation-group .annotation--left-top {
		height: 17.8666666667vw;
		left: 4%;
		top: -6.9333333333vw;
		width: 36.4%;
	}
}
.emblem-annotation-group .annotation--left-bottom {
	bottom: 42px;
	height: 5.7142857143vw;
	left: 16.6666666667%;
	width: 26.9285714286%;
}
@media screen and (max-width: 768px) {
	.emblem-annotation-group .annotation--left-bottom {
		height: 17.8666666667vw;
		left: 5.3333333333%;
		top: 19.3333333333vw;
		width: 39.4666666667%;
	}
}
.emblem-annotation-group .annotation--right {
	height: 8.869047619vw;
	right: 2.9761904762%;
	top: 11.3095238095vw;
	width: 44.880952381%;
}
@media screen and (max-width: 768px) {
	.emblem-annotation-group .annotation--right {
		height: 33.8666666667vw;
		right: 3.0666666667%;
		top: -3.7333333333vw;
		width: 45.0666666667%;
	}
}
.emblem-annotation-group .visually-hidden {
	clip: rect(0, 0, 0, 0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/*uniform*/
.uniform {
	text-align: center;
}

.uniform-title {
	margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
	.uniform-title {
		margin-bottom: clamp(35px, 9.2vw, 100px);
	}
}

.uniform__img-area {
	height: min(34.76vw, 584px);
	margin: 0 auto 110px;
	width: min(66.3vw, 1114px);
}
@media screen and (max-width: 768px) {
	.uniform__img-area {
		height: min(46vw, 345px);
		margin: 0 auto 30px;
		width: min(87.7vw, 658px);
	}
}
.uniform__img-area img {
	-o-object-fit: cover;
	aspect-ratio: 1114/584;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/*company*/
.club-company {
	background: #B91A2C;
	color: #fff;
	padding-bottom: min(9.52vw, 160px);
}
@media screen and (max-width: 768px) {
	.club-company {
		padding-top: clamp(50px, 13.3vw, 100px);
		padding-bottom: clamp(60px, 13.3vw, 100px);
	}
}
.club-company .club-company__inner {
	margin-inline: auto;
	padding-inline: 5.3571428571%;
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.club-company .club-company__inner {
		padding-inline: 5.3333333333%;
		width: min(100%, 750px);
	}
}
.club-company .club-company__title {
	margin-bottom: min(5.05vw, 85px);
}
@media screen and (max-width: 768px) {
	.club-company .club-company__title {
		margin-bottom: clamp(60px, 13.3vw, 100px);
	}
}
.company-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}
.company-list .company-list__item {
	-moz-column-gap: 16.1%;
	align-items: start;
	border-bottom: 1px solid #fff;
	column-gap: 16.1%;
	display: grid;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(16px, 1.42vw, 24px);
	font-weight: 700;
	grid-template-columns: 12.3% 1fr;
	line-height: 1.6;
	padding-block: min(1.78vw, 30px);
	text-align: left;
}
@media screen and (max-width: 768px) {
	.company-list .company-list__item {
		-moz-column-gap: 10.6%;
		column-gap: 10.6%;
		font-size: clamp(14px, 3.46vw, 26px);
		grid-template-columns: 19.4% 1fr;
		line-height: 1.9;
		padding-block: 4vw;
	}
	.company-list .company-list__item:first-child {
		padding-top: 0;
	}
}
.company-list .company-list__item-label {
	padding-left: 5px;
	white-space: nowrap;
}

/*partner*/
.club-partners {
	padding-top: min(8.3vw, 140px);
}
@media screen and (max-width: 768px) {
	.club-partners {
		padding-top: 50px;
	}
}
.club-partners .club-partners__title {
	margin-bottom: min(3.57vw, 60px);
}
@media screen and (max-width: 768px) {
	.club-partners .club-partners__title {
		margin-bottom: clamp(50px, 8vw, 60px);
	}
}
/*下層/hometownページ*/
.hometown-head {
	background: url(./img/hometown_img_top-pc.webp) no-repeat center center/cover;
	padding-top: 155px;
}
@media screen and (max-width: 768px) {
	.hometown-head {
		background: url(./img/hometown_img_top-sp.webp) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}

.hometown-head__inner {
	padding-left: 6.0714285714%;
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.hometown-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}

/*hometown-area*/
.hometown-area {
	padding-bottom: 110px;
	padding-top: 100px;
}
@media screen and (max-width: 768px) {
	.hometown-area {
		padding-bottom: 50px;
		padding-top: 80px;
	}
}
.hometown-area .hometown-area__inner {
	margin-inline: auto;
	padding-left: 5.2380952381%;
	padding-right: 8.3928571429%;
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.hometown-area .hometown-area__inner {
		padding-inline: 5.3333333333%;
		width: min(100%, 750px);
	}
}
@media screen and (max-width: 768px) {
}
.hometown-area .hometown-area__text {
	font-size: clamp(16px,0.95vw,19px);
	font-weight: 700;
	line-height: 3.1;
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	.hometown-area .hometown-area__text {
		font-size: clamp(14px, 3.46vw, 26px);
		line-break: strict;
		line-height: 1.9;
		text-align: center;
	}
}
.hometown-area .hometown-area__map-area {
	background-color: #fdf3f4;
	height: min(30.4vw, 511px);
	margin-bottom: 66px;
	padding: 0 31.2198483804% 0 24.6726395589%;
	padding-block: min(2.5vw, 43px);
	text-align: center;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.hometown-area .hometown-area__map-area {
		height: min(65.8vw, 494px);
		margin-bottom: 28px;
		padding-inline: 19.2537313433%;
	}
}
.hometown-area .hometown-area__img {
	-o-object-fit: contain;
	aspect-ratio: 639/501;
	height: 100%;
	object-fit: contain;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.hometown-area .hometown-area__img {
		-o-object-fit: contain;
		aspect-ratio: 412/426;
		object-fit: contain;
	}
}

.hometown-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.hometown-list {
		gap: 40px;
	}
}
.hometown-list .hometown-list__item {
	position: relative;
	width: 100%;
}
.hometown-list .hometown-list__label {
	align-items: center;
	color: #CD9B49;
	display: inline-block;
	display: flex;
	font-size: clamp(18px, 1.07vw, 20px);
	font-weight: 700;
	height: 50px;
	justify-content: flex-end;
	margin-bottom: 10px;
	position: relative;
	width: clamp(110px, 6.84vw, 115px);
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__label {
		font-size: clamp(18px, 4.2vw, 32px);
		margin-bottom: 0;
		width: clamp(95px, 21.46vw, 161px);
	}
}
.hometown-list .hometown-list__label::before {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	left: 0;
	position: absolute;
	top: 0;
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__label::before {
		top: 50%;
		transform: translateY(-50%);
	}
}
.hometown-list .hometown-list__item:nth-child(1) .hometown-list__label::before {
	background-image: url(./img/hometown_icon_akiku.webp);
	height: 38px;
	width: 51px;
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__item:nth-child(1) .hometown-list__label::before {
		height: clamp(25px, 5.06vw, 38px);
		width: clamp(30px, 6.8vw, 79px);
	}
}
.hometown-list .hometown-list__item:nth-child(2) .hometown-list__label::before {
	background-image: url(./img/hometown_icon_kaidachou.webp);
	height: 45px;
	width: 43px;
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__item:nth-child(2) .hometown-list__label::before {
		height: clamp(25px, 6vw, 45px);
		width: clamp(24px, 5.73vw, 43px);
	}
}
.hometown-list .hometown-list__item:nth-child(3) .hometown-list__label::before {
	background-image: url(./img/hometown_icon_huchuchou.webp);
	height: 42px;
	width: 46px;
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__item:nth-child(3) .hometown-list__label::before {
		height: clamp(24px, 6.66vw, 50px);
		width: clamp(27px, 7.33vw, 55px);
	}
}
.hometown-list .hometown-list__item:nth-child(4) .hometown-list__label::before {
	background-image: url(./img/hometown_icon_kumanochou.webp);
	height: 43px;
	width: 50px;
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__item:nth-child(4) .hometown-list__label::before {
		height: clamp(23px, 6.26vw, 47px);
		width: clamp(27px, 7.33vw, 55px);
	}
}
.hometown-list .hometown-list__item:nth-child(5) .hometown-list__label::before {
	background-image: url(./img/hometown_icon_sakachou.webp);
	height: 46px;
	width: 47px;
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__item:nth-child(5) .hometown-list__label::before {
		height: clamp(27px, 7.33vw, 55px);
		width: clamp(27px, 7.19vw, 54px);
	}
}
.hometown-list .hometown-list__item:nth-child(5) .hometown-list__label {
	width:clamp(90px, 5.95vw, 100px);
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__item:nth-child(5) .hometown-list__label {
		width: clamp(80px, 17.7vw, 133px);
	}
}
.hometown-list .hometown-list__text {
	font-size: clamp(16px, 0.95px, 18px);
	font-style: normal;
	font-weight: 700;
	line-break: strict;
	line-height: 2.5;
	overflow-wrap: break-word;
	word-break: keep-all;
}
@media screen and (max-width: 768px) {
	.hometown-list .hometown-list__text {
		display: block;
		font-size: clamp(14px, 3.46vw, 26px);
		font-weight: 700;
		line-height: 1.9;
		line-break: auto;
		text-wrap : wrap;
	}
}

/*community-promotion*/
.hometown-community .hometown-community__inner {
	margin-inline: auto;
	padding-left: 5.2380952381%;
	padding-right: 8.3928571429%;
	text-align: left;
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.hometown-community .hometown-community__inner {
		padding-inline: 5.3333333333%;
		width: min(100%, 750px);
	}
	.hometown-community .hometown-community__head {
		margin-bottom: 27px;
	}
}
@media screen and (max-width: 768px) {
}
.hometown-community .hometown-community__head-text {
	font-size: clamp(16px,0.95vw,19px);
	font-weight: 700;
	line-height: 3.1;
	margin-bottom: 80px;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.hometown-community .hometown-community__head-text {
		font-size: clamp(14px, 3.5vw, 26px);
		font-weight: 700;
		line-height: 1.9;
		margin-bottom: 100px;
		text-align: center;
		text-indent: 2em;
	}
}
.hometown-community .hometown-community__example-area {
	text-align: center;
	width: 100%;
}
.hometown-community .hometown-community__title {
	align-items: center;
	background-color: #B91A2C;
	border-radius: 5px;
	color: #fff;
	display: inline-flex;
	font-size: 32px;
	font-weight: 700;
	justify-content: center;
	line-height: 1.5;
	margin-bottom: 60px;
	padding: 11px 0;
	width: min(22vw, 371px);
}
@media screen and (max-width: 768px) {
	.hometown-community .hometown-community__title {
		font-size: clamp(24px, 4.26vw, 32px);
		width: min(36.1vw, 271px);
	}
}

.hometown-community__list {
	-moz-column-gap: 3.7215713301%;
	column-gap: 3.7215713301%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0;
	row-gap: 60px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.hometown-community__list {
		grid-template-columns: 1fr;
		row-gap: 60px;
	}
}

.section-title.hometown-community__head .section-title__l2::after {
	width: min(20.2vw, 340px);
}
@media screen and (max-width: 768px) {
	.section-title.hometown-community__head .section-title__l2::after {
		width: min(22.8vw, 258px);
	}
}

.community-card {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.community-card__title {
	color: #CD9B49;
	display: block;
	font-size: clamp(18px, 1.07vw, 20px);
	font-weight: 700;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
	.community-card__title {
		font-size: clamp(20px, 4.26vw, 32px);
		margin-bottom: 40px;
	}
}

.community-card__text {
	display: block;
	font-size: clamp(16px,0.95vw,18px);
	font-weight: 700;
	line-height: 1.7;
	padding-top: min(24.1vw, 405px);
	position: relative;
	text-align: justify;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.community-card__text {
		font-size: clamp(14px, 3.46vw, 26px);
		line-height: 1.9;
		padding-top: min(54.6vw, 410px);
		text-wrap: wrap;

	}
}
.community-card__text::before {
	content: "";
	display: block;
	height: min(23vw, 380px);
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.community-card__text::before {
		height: min(50.6vw, 380px);
	}
}

.community-card:nth-child(1) .community-card__text::before {
	background: url(./img/hometown_img_cleaning-pc.webp) no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
	.community-card:nth-child(1) .community-card__text::before {
		background: url(./img/hometown_img_cleaning-sp.webp) no-repeat center center/cover;
	}
}

.community-card:nth-child(2) .community-card__text::before {
	background: url(./img/hometown_img_event-pc.webp) no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
	.community-card:nth-child(2) .community-card__text::before {
		background: url(./img/hometown_img_event-sp.webp) no-repeat center center/cover;
	}
}

.community-card:nth-child(3) .community-card__text::before {
	background: url(./img/hometown_img_kids.webp) no-repeat center center/cover;
	border-radius: 5px;
}

.community-card:nth-child(4) .community-card__text::before {
	background: url(./img/hometown_img_club.webp) no-repeat center center/cover;
	border-radius: 5px;
}

.br--md-up {
	display: inline;
}
@media screen and (min-width: 769px) and (max-width: 1365px) {
	.br--md-up {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.br--md-up {
		display: none;
	}
}

/*soccer-promotion*/
.soccer-promotion {
	background-color: #B91A2C;
}
.soccer-promotion .soccer-promotion__head-area {
	margin: 0 auto 60px;
	padding-inline: 17.2619047619%;
	text-align: left;
	width: min(100%, 1680px);
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__head-area {
		padding-inline: 5.3333333333%;
		width: min(100%, 750px);
	}
}
.soccer-promotion .soccer-promotion__head {
	margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__head {
		font-size: clamp(28px, 7.2vw, 54px);
		margin-bottom: 60px;
	}
}
.soccer-promotion .soccer-promotion__caption {
	color: #fff;
	font-size: clamp(16px, 0.95vw, 19px);
	font-weight: 700;
	line-height: 3.1;
	margin-bottom: 60px;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__caption {
		font-size: clamp(14px, 3.46vw, 26px);
		line-height: 1.9;
		text-wrap: wrap;

	}
}
.soccer-promotion .soccer-promotion__img-area {
	margin-inline: auto;
	width:min(39.94vw, 607px);
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__img-area {
		padding-inline: 5.3333333333%;
		width: min(100%, 750px);
	}
}
.soccer-promotion .soccer-promotion__triangle-bg {
	background-color: #fff;
	border-radius: 10px;
	height: min(51.1vw, 859px);
	margin: 0 auto 20px;
	position: relative;
	width: clamp(486px, 39.9vw, 671px);
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__triangle-bg {
		height: min(114.5vw, 859px);
		width: min(89.4vw, 670px);
	}
}
.soccer-promotion .soccer-promotion__img {
	height: min(50.4vw, 848px);
	left: 50%;
	position: absolute;
	top: 6.9848661234%;
	transform: translateX(-50%);
	width: min(30.4vw, 512px);
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__img {
		height: min(113vw, 848px);
		top: 6.9848661234%;
		width: min(68.2vw, 512px);
	}
}
.soccer-promotion .soccer-promotion__img img {
	-o-object-fit: cover;
	aspect-ratio: 512/848;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.soccer-promotion .soccer-promotion__label {
	align-items: center;
	background-color: #faf5ed;
	border-radius: 10px;
	display: flex;
	gap: 0;
	justify-content: space-between;
	margin-inline: auto;
	padding-block: min(2.38vw, 40px);
	padding-inline: min(2.97vw, 50px);
	width: clamp(486px, 39.9vw, 671px);
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__label {
		width: 100%;
	}
}
.soccer-promotion .soccer-promotion__school {
	border-right: 1px solid #CD9B49;
	padding-right: 1.7857142857vw;
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__school {
		padding-right: 8.5333333333vw;
	}
}
.soccer-promotion .soccer-promotion__youth {
	padding-left: 1.7857142857vw;
}
@media screen and (max-width: 768px) {
	.soccer-promotion .soccer-promotion__youth {
		padding-left: 6.5333333333vw;
	}
}

.section-title.soccer-promotion__head .section-title__l2::after {
	width: min(10vw, 168px);
}
@media screen and (max-width: 768px) {
	.section-title.soccer-promotion__head .section-title__l2::after {
		width: min(22.4vw, 168px);
	}
}

.label {
	display: flex;
	font-weight: 700;
	justify-content: center;
	text-align: center;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.label {
		flex-direction: column;
		flex-wrap: wrap;
	}
}
.label .label__top {
	font-size: clamp(12px, 0.95vw, 16px);
	line-height: 3.1;
	padding-right: 0.8em;
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	.label .label__top {
		font-size: clamp(12px, 3.5vw, 26px);
		line-height: 1.9;
		padding-right: 0;
	}
}
.label .label__bottom {
	color: #CD9B49;
	font-size: clamp(14px, 1vw, 18px);
	line-height: 2.7;
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	.label .label__bottom {
		font-size: clamp(14px, 4.26vw, 32px);
		line-height: 1.5;
	}
}

/*下層/sdgsページ*/
.sdgs-head {
	background: url(./img/sdgs_img_fv-pc.webp) no-repeat center center/cover;
	padding-top: 155px;
}
@media screen and (max-width: 768px) {
	.sdgs-head {
		background: url(./img/sdgs_img_fv-sp.webp) no-repeat center center/cover;
		padding-top: 19.6vw;
	}
}
.sdgs-head-text {
	font-size: clamp(16px,1.13vw,19px);
	font-weight: 700;
	line-height: 2.8;
	margin-bottom: 100px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.sdgs-head-text {
		font-size: 20px;
		line-height: 1.9;
		margin-bottom: 100px;
	}
}



/*sdgs newsセクション*/
.sdgs-news {
	padding-top: 100px;
	padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
	.sdgs-news {
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.sdgs-news .sdgs-news__head {
		font-size: clamp(28px, 7.2vw, 54px);
	}
}
.sdgs-news .sdgs-news__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
	.sdgs-news .sdgs-news__list {
		gap: 30px;
		margin: 0 0 60px;
	}
}
.sdgs-news .sdgs-news__link {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	gap: 1.8181818182%;
	transition: opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
	.sdgs-news .sdgs-news__link {
		gap: 2.2388059701%;
	}
}
.sdgs-news .sdgs-news__link:hover {
	opacity: 0.6;
}
.sdgs-news .sdgs-news__img {
	aspect-ratio: 4/3;
	flex-shrink: 0;
	width: 20.3636363636%;
}
@media screen and (max-width: 768px) {
	.sdgs-news .sdgs-news__img {
		height: 24vw;
		width: 47.7611940299%;
	}
}
.sdgs-news .sdgs-news__img img {
	-o-object-fit: contain;
	border-radius: 10px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.sdgs-news .sdgs-news__meta {
	color: #252525;
	display: flex;
	flex-direction: column;
	padding-top: min(1.78vw, 30px);
}
@media screen and (max-width: 768px) {
	.sdgs-news .sdgs-news__meta {
		padding-top: 1vw;
	}
}
.sdgs-news .sdgs-news__badge {
	align-items: center;
	background-color: #CD9B49;
	border-radius: 9999px;
	color: #fff;
	display: inline-flex;
	font-size: clamp(10px, 0.95vw, 16px);
	font-weight: 700;
	height: 26px;
	justify-content: center;
	padding: 3px 14px;
	white-space: nowrap;
	width: -moz-fit-content;
	width: fit-content;
}
@media screen and (max-width: 768px) {
	.sdgs-news .sdgs-news__badge {
		height: 4.8vw;
		padding: 3px 1.5vw;
		font-size: clamp(10px, 2.66vw, 20px);
		margin-bottom: 5px;
	}
}
.sdgs-news .sdgs-news__badge.badge--sdgs01 {
	background-color: #e4001e;
}
.sdgs-news .sdgs-news__badge.badge--sdgs02 {
	background-color: #d6a600;
}
.sdgs-news .sdgs-news__badge.badge--sdgs03 {
	background-color: #1b973a;
}
.sdgs-news .sdgs-news__badge.badge--sdgs04 {
	background-color: #c50e28;
}
.sdgs-news .sdgs-news__badge.badge--sdgs05 {
	background-color: #e83418;
}
.sdgs-news .sdgs-news__badge.badge--sdgs06 {
	background-color: #00a6d9;
}
.sdgs-news .sdgs-news__badge.badge--sdgs07 {
	background-color: #fabd00;
}
.sdgs-news .sdgs-news__badge.badge--sdgs08 {
	background-color: #970a31;
}
.sdgs-news .sdgs-news__badge.badge--sdgs09 {
	background-color: #ec6a06;
}
.sdgs-news .sdgs-news__badge.badge--sdgs10 {
	background-color: #dc097b;
}
.sdgs-news .sdgs-news__badge.badge--sdgs11 {
	background-color: #f5a20b;
}
.sdgs-news .sdgs-news__badge.badge--sdgs12 {
	background-color: #d39206;
}
.sdgs-news .sdgs-news__badge.badge--sdgs13 {
	background-color: #407936;
}
.sdgs-news .sdgs-news__badge.badge--sdgs14 {
	background-color: #0075ba;
}
.sdgs-news .sdgs-news__badge.badge--sdgs15 {
	background-color: #28a838;
}
.sdgs-news .sdgs-news__badge.badge--sdgs16 {
	background-color: #004c88;
}
.sdgs-news .sdgs-news__badge.badge--sdgs17 {
	background-color: #023067;
}
.sdgs-news .sdgs-news__date {
	display: inline-flex;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(10px, 0.95vw, 16px);
	font-weight: 500;
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.sdgs-news .sdgs-news__date {
		display: block;
		font-size: clamp(13px, 3.2vw, 24px);
		margin-bottom: 0.5em;
	}
}
.sdgs-news .sdgs-news__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 2.2;
	word-break: break-word;
}
@media screen and (max-width: 768px) {
	.sdgs-news .sdgs-news__title {
		font-size: clamp(14px, 3.4vw, 26px);
		line-height: 1.2;
	}
}
.sdgs-news .sdgs-news__button {
	border-color: #B91A2C;
}

/*sdgs-whatセクション*/
.sdgs-what {
}
@media screen and (max-width: 768px) {
	.sdgs-what .sdgs-what__head {
		font-size: clamp(28px, 7.2vw, 54px);
	}
	.sdgs-what .sdgs-what__head-text {
		font-size: clamp(14px, 3.46vw, 26px);
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 768px) {
}
.sdgs-what .sdgs-what__head-logo {
	height: auto;
	margin: 0 auto 40px;
	width: min(32.8vw, 552px);
}
@media screen and (max-width: 768px) {
	.sdgs-what .sdgs-what__head-logo {
		width: min(73.6vw, 552px);
	}
}
.sdgs-what .sdgs-what__head-logo img {
	-o-object-fit: contain;
	aspect-ratio: 552/69;
	height: 100%;
	object-fit: contain;
	width: 100%;
}
.sdgs-what .sdgs-what__grid {
	display: grid;
	gap: 1.5384615385vw;
	grid-template-columns: repeat(6, 1fr);
	justify-items: center;
	margin-inline: auto;
	margin-inline: auto;
	padding-inline: 5.6363636364%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.sdgs-what .sdgs-what__grid {
		gap: 2vw;
		grid-template-columns: repeat(4, 1fr);
		padding-inline: 1.7910447761%;
	}
}

.grid-item {
	aspect-ratio: 1/1;
	width: 100%;
}
.grid-item img {
	-o-object-fit: contain;
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

/*our-sdgsセクション*/
.our-sdgs .our-sdgs__inner {
	margin-inline: auto;
	max-width: 1100px;
	padding-inline: clamp(16px, 5vw, 80px);
	width: 100%;
}
@media screen and (min-width: 1100px) {
	.our-sdgs .our-sdgs__inner {
		padding-inline: 0;
	}
}
@media screen and (max-width: 768px) {
	.our-sdgs .our-sdgs__inner {
		padding-inline: 5.3333333333%;
	}
	.our-sdgs .our-sdgs__head {
		font-size: clamp(28px, 7.2vw, 54px);
	}
}
@media screen and (max-width: 768px) {
}
.our-sdgs .our-sdgs__head-text {

}
@media screen and (max-width: 768px) {
	.our-sdgs .our-sdgs__head-text {
		font-size: clamp(14px, 3.46vw, 26px);
		margin-bottom: 8vw;
		padding-inline: 3%;
	}
}
.our-sdgs .our-sdgs__head-logo-box {
	display: flex;
	flex-wrap: nowrap;
	gap: clamp(10px, 2vw, 30px);
	justify-content: center;
	margin-bottom: 120px;
	margin-inline: auto;
	width: min(100%, 510px);
}
@media screen and (max-width: 768px) {
	.our-sdgs .our-sdgs__head-logo-box {
		gap: clamp(10px, 9.86vw, 74px);
		height: min(20vw, 150px);
		margin-bottom: 21.33vw;
		width: min(79.3vw, 598px);
	}
}
.our-sdgs .our-sdgs__grid-item {
	aspect-ratio: 1/1;
	width: 150px;
}
@media screen and (max-width: 768px) {
	.our-sdgs .our-sdgs__grid-item {
		width: min(20vw, 150px);
	}
}
.our-sdgs .our-sdgs__grid-item img {
	-o-object-fit: cover;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.description-list {
	border-top: 1px solid #CD9B49;
	display: flex;
	flex-direction: column;
	gap: min(5.3vw, 90px);
	padding-top: min(7.1vw, 120px);
	width: 100%;
}
@media screen and (max-width: 768px) {
	.description-list {
		gap: 50px;
		padding-top: min(13.3vw, 100px);
	}
}

.description-list__item {
	align-items: start;
	display: flex;
	flex-direction: column;
	justify-content: start;
	min-height: clamp(200px, 17.85vw, 300px);
	padding-left: clamp(100px, 51.8%, 570px);
	position: relative;
}
@media screen and (max-width: 768px) {
	.description-list__item {
		align-items: center;
		border-bottom: 1px solid #CD9B49;
		min-height: auto;
		padding-left: 0;
	}
}
.description-list__item::before {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: clamp(160px, 48%, 530px);
}
@media screen and (max-width: 768px) {
	.description-list__item::before {
		aspect-ratio: 670/330;
		border-radius: 8px;
		height: min(44vw, 330px);
		position: static;
		width: 100%;
	}
	.description-list__item .description-list__item .description-list__item-text {
		margin-top: min(6.66vw, 30px);
	}
}
@media screen and (max-width: 768px) {

}

.description-list__item-title-wrap {
	align-items: center;
	display: flex;
	gap: 16px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.description-list__item-title-wrap {
		align-items: center;
		flex-direction: column;
		gap: 7.46vw;
		margin-bottom: 0;
		text-align: center;
	}
}

.description-list__item-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	height: 110px;
	width: 110px;
}
@media screen and (max-width: 768px) {
	.description-list__item-icon {
		height: min(26.6vw, 200px);
		width: min(26.6vw, 200px);
	}
}

.description-list__item-title {
	color: #CD9B49;
	font-size: clamp(20px, 1.9vw, 24px);
	font-weight: 700;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.description-list__item-title {
		font-size: clamp(20px, 4.2vw, 32px);
		line-height: 1.5;
		margin-top: 0;
	}
}

.description-list__item-text {
	color: #252525;
	font-size: clamp(14px, 0.95vw, 16px);
	font-weight: 700;
	line-height: 2.5;
}
@media screen and (max-width: 768px) {
	.description-list__item-text {
		font-size: clamp(14px, 3.46vw, 26px);
		line-height: 1.9;
		margin-top: 10px;
		margin-bottom: 98px;
		width: 100%;
		white-space: normal;
	}
}

.description-list__item-img {
	display: none;
}
@media screen and (max-width: 768px) {
	.description-list__item-img {
		aspect-ratio: 670/330;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 8px;
		display: block;
		height: min(44vw, 330px);
		margin-top: min(8vw, 60px);
		width: 100%;
	}
}

.description-list__item.--1st::before {
	background-image: url(./img/hometown_img_event-sp.webp);
}
@media screen and (max-width: 768px) {
	.description-list__item.--1st::before {
		display: none;
	}
	.description-list__item.--1st .description-list__item-img {
		background-image: url(./img/hometown_img_event-sp.webp);
	}
}
@media screen and (max-width: 768px) {
}
.description-list__item.--1st .description-list__item-icon {
	background-image: url(./img/sdgs_icon-1.webp);
}

.description-list__item.--2nd::before {
	background-image: url(./img/sdgs_img_17.webp);
}
@media screen and (max-width: 768px) {
	.description-list__item.--2nd::before {
		display: none;
	}
	.description-list__item.--2nd .description-list__item-img {
		background-image: url(./img/sdgs_img_17.webp);
	}
}
@media screen and (max-width: 768px) {
}
.description-list__item.--2nd .description-list__item-icon {
	background-image: url(./img/sdgs_icon-3.webp);
}

.description-list__item.--3rd::before {
	background-image: url(./img/sdgs_img_3.webp);
}
@media screen and (max-width: 768px) {
	.description-list__item.--3rd::before {
		display: none;
	}
	.description-list__item.--3rd .description-list__item-img {
		background-image: url(./img/sdgs_img_3.webp);
	}
}
@media screen and (max-width: 768px) {
}
.description-list__item.--3rd .description-list__item-icon {
	background-image: url(./img/sdgs_icon-17.webp);
}

.description-list__item.--2nd {
	padding-left: 0;
	padding-right: clamp(100px, 51.8%, 570px);
}
@media screen and (max-width: 768px) {
	.description-list__item.--2nd {
		padding-right: 0;
	}
}
.description-list__item.--2nd::before {
	left: 50%;
	top: 0;
}

.description-list__item.--2nd .description-list__item-title-wrap,
.description-list__item.--3rd .description-list__item-title-wrap {
	padding-top: 38px;
}
@media screen and (max-width: 768px) {
	.description-list__item.--2nd .description-list__item-title-wrap,
	.description-list__item.--3rd .description-list__item-title-wrap {
		padding-top: 0;
	}
}

.sdgs-partners {
}
@media screen and (max-width: 768px) {
	.sdgs-partners {
		padding-top: 40px;
	}
	.sdgs-partners .sdgs-partners__head {
		font-size: clamp(28px, 7.2vw, 54px);
	}
}

.fv {
	/* 	height: min(42.8vw, 719px); */
	aspect-ratio: 54 / 35;
	height: auto;
	overflow: hidden;
	padding-block: 0;
	position: relative;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.fv {
		/* 		height: clamp(250px,53.3vw, 400px); */
		aspect-ratio: 54 / 35;
		height: auto;
	}
}

.fv__figure {
	height: 100%;
	margin: 0;
	width: 100%;
}

.fv__figure picture, .fv__figure img {
	-o-object-fit: cover;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.fv__figure picture, .fv__figure img {
		-o-object-position: 42%;
		object-position: 42%;
	}
}

.visually-hidden {
	clip: rect(0 0 0 0);
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	white-space: nowrap;
	width: 1px;
}

/*top-game*/
@media screen and (max-width: 768px) {
	.top-game {
		padding-bottom: min(13.3vw, 100px);
		padding-top: 8vw;
	}
	.top-game .top-game__head {
		margin-bottom: 6.13vw;
	}
}
.top-game .top-game__contents {
	align-items: center;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.top-game .top-game__team-logo {
	align-items: center;
	display: flex;
	gap: min(5.4vw, 41.1px);
	justify-content: center;
	margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
	.top-game .top-game__team-logo {
		gap: clamp(20px, 4vw, 32px);
		margin-bottom: 5.73vw;
		width: clamp(140px, 24vw, 180px);
	}
}
.top-game .top-game__logo {
	-o-object-fit: contain;
	aspect-ratio: 1/1;
	display: block;
	max-height: 80%;
	max-width: 80%;
	object-fit: contain;
	width: clamp(160px, 24vw, 194px);
}
@media screen and (max-width: 768px) {
	.top-game .top-game__logo {
		max-height: 60%;
		max-width: 60%;
	}
}
.top-game .top-game__vs {
	color: #CD9B49;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(30px, 2.38vw, 40px);
	font-weight: bold;
	font-weight: 700;
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.top-game .top-game__vs {
		font-size: clamp(24px, 4.26vw, 32px);
	}
}
.top-game .top-game__league,
.top-game .top-game__date,
.top-game .top-game__place {
	margin-bottom: 8px;
	text-align: center;
}
.top-game .top-game__league {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 60px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.top-game .top-game__league {
		font-size: clamp(22px, 5.3vw, 40px);
		margin-bottom: 7.73vw;
	}
}
.top-game .top-game__league::after {
	background: #CD9B49;
	bottom: -30px;
	content: "";
	display: block;
	height: 3px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: min(3vw, 50px);
}
@media screen and (max-width: 768px) {
	.top-game .top-game__league::after {
		bottom: -3.73vw;
		width: min(6.6vw, 50px);
	}
}
.top-game .top-game__date {
	align-items: center;
	display: flex;
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	font-weight: 700;
	gap: 4px;
	justify-content: center;
	letter-spacing: 2.4px;
	line-height: normal;
	margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	.top-game .top-game__date {
		display: block;
		margin-bottom: 3.5vw;
		text-align: center;
	}
}
.top-game .top-game__time-wrapper {
	align-items: center;
	display: flex;
	gap: 0.5em;
	justify-content: center;
}
.top-game .top-game__date-text {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.top-game .top-game__date-text {
		font-size: clamp(12px, 5.3vw, 40px);
		line-height: 1.2;
	}
}
.top-game .top-game__time,
.top-game .top-game__kickoff {
	display: inline-block;
	font-family: Sublima Light;
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.top-game .top-game__time,
	.top-game .top-game__kickoff {
		font-size: clamp(16px, 3.2vw, 24px);
	}
}
.top-game .top-game__time {
	color: #B91A2C;
	margin-left: 15px;
}
.top-game .top-game__place {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.9;
	margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
	.top-game .top-game__place {
		font-size: clamp(18px, 3.46vw, 26px);
		line-height: 1.2;
		margin-bottom: 6.5vw;
	}
}

/*slide-show*/
.slide-show {
	padding-bottom: min(10.71vw, 180px);
	padding-top: min(3.57vw, 60px);
}
@media screen and (max-width: 768px) {
	.slide-show {
		padding-bottom: clamp(35px, 8.4vw, 63px);
		padding-top: clamp(30px, 4vw, 30px); 
	}
}

.slide-show__inner {
	overflow: visible;
	position: relative;
}

.top-swiper,
.swiper-wrapper,
.swiper-slide {
	aspect-ratio: 16/9;
	max-height: clamp(200px, 34.4vw, 578px);
	width: 100%;
}
@media screen and (max-width: 768px) {
	.top-swiper,
	.swiper-wrapper,
	.swiper-slide {
		max-height: clamp(180px, 37.2vw, 279px);
	}
}

@media screen and (max-width: 768px) {
	.top-swiper {
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 768px) {
	.swiper-slide {
		max-width: 90vw;
		width: calc(100% - 32px);
	}
}

.swiper-slide img {
	-o-object-fit: cover;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
	transition: opacity 0.3s ease;
}



.swiper-button-prev,
.swiper-button-next {
	align-items: center !important;
	background: transparent !important;
	border: 1px solid #fff !important;
	border-radius: 50% !important;
	color: #fff !important;
	display: flex !important;
	font-size: 20px !important;
	font-weight: normal !important;
	height: min(3.57vw, 60px) !important;
	justify-content: center !important;
	opacity: 0.5 !important;
	transition: none !important;
	width: min(3.57vw, 60px) !important;
	z-index: 10 !important;
}
@media screen and (max-width: 768px) {
	.swiper-button-prev,
	.swiper-button-next {
		height: 5.5vw !important;
		opacity: 0.4 !important;
		top: 60% !important;
		transform: translateY(-50%) !important;
		width: 5.5vw !important;
	}
}
.swiper-button-prev::after,
.swiper-button-next::after {
	font-family: sans-serif !important;
	font-size: 1.78vw !important;
	font-weight: 400 !important;
}
@media screen and (max-width: 768px) {
	.swiper-button-prev::after,
	.swiper-button-next::after {
		font-size: 3.2vw !important;
	}
}

.swiper-button-prev::after {
	content: "<" !important;
}
@media screen and (max-width: 768px) {
	.swiper-button-prev::after {
		opacity: 0.6 !important;
	}
}

.swiper-button-next::after {
	content: ">" !important;
}
@media screen and (max-width: 768px) {
	.swiper-button-next::after {
		opacity: 0.6 !important;
	}
}

.swiper-pagination {
	bottom: -25px !important;
	display: flex;
	gap: min(0.29vw, 5px);
	justify-content: center;
	left: 50% !important;
	position: absolute !important;
	transform: translateX(-50%) !important;
	z-index: 10 !important;
}
@media screen and (max-width: 768px) {
	.swiper-pagination {
		gap: 2px;
	}
}
.swiper-pagination .swiper-pagination-bullet {
	background: #ccc;
	border-radius: 50%;
	height: 8px;
	opacity: 0.8;
	width: 8px;
}
@media screen and (max-width: 768px) {
	.swiper-pagination .swiper-pagination-bullet {
		height: 6px;
		width: 6px;
	}
}
.swiper-pagination .swiper-pagination-bullet-active,.top-news {
	background-color: #B91A2C;
}

/*top-news*/
.top-news {
	background-color: #B91A2C;
}
.top-news .top-news__head {
	color: #fff;
	margin-bottom: 60px;
	position: relative;
}
.top-news .top-news__head::after {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	left: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: min(15.4vw, 258px);
}
@media screen and (max-width: 768px) {
	.top-news .top-news__head::after {
		width: min(34.4vw, 258px);
	}
}
.top-news .top-news__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
	.top-news .top-news__list {
		gap: 30px;
		margin: 0 0 60px;
	}
}
.top-news .top-news__link {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 2.7272727273%;
}
.top-news .top-news__link:hover .top-news__meta,
.top-news .top-news__link:hover .top-news__img {
	opacity: 0.7;
}
.top-news .top-news__img {
	aspect-ratio: 4/3;
	flex-shrink: 0;
	transition: opacity 0.3s ease;
	width: 20.3636363636%;
}
@media screen and (max-width: 768px) {
	.top-news .top-news__img {
		height: 24vw;
		width: 47.4777448071%;
	}
}
.top-news .top-news__img img {
	-o-object-fit: cover;
	border-radius: 10px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.top-news .top-news__meta {
	color: #fff;
	display: flex;
	flex-direction: column;
	padding-block: 25px;
	transition: opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
	.top-news .top-news__meta {
		padding-top: 1vw;
	}
}
.top-news .top-news__badge {
	align-items: center;
	background-color: #CD9B49;
	border-radius: 9999px;
	color: #fff;
	display: inline-flex;
	font-size: clamp(10px, 0.95vw, 16px);
	font-weight: 700;
	height: 26px;
	justify-content: center;
	padding: 3px 14px;
	white-space: nowrap;
	width: -moz-fit-content;
	width: fit-content;
}
@media screen and (max-width: 768px) {
	.top-news .top-news__badge {
		font-size: clamp(10px, 2.66vw, 20px);
		height: 4.8vw;
		margin-bottom: 5px;
		padding: 3px 1.5vw;
	}
}
.top-news .top-news__date {
	display: inline-flex;
	font-size: clamp(10px, 0.95vw, 16px);
	font-weight: 500;
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.top-news .top-news__date {
		font-size: clamp(13px, 3.2vw, 24px);
		margin-bottom: 0.5em;
	}
}
.top-news .top-news__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 2.2;
	word-break: break-word;
}
@media screen and (max-width: 768px) {
	.top-news .top-news__title {
		font-size: clamp(14px, 3.4vw, 26px);
		line-height: 1.2;
	}
}

/*top-club*/
.top-club .top-club__article {
	margin-bottom: 60px;
}
.top-club .top-club__text {
	font-size: clamp(16px, 0.96vw, 18px);
	font-weight: 700;
	line-height: 3.1; /* 312.5% */
}
@media screen and (max-width: 768px) {
	.top-club .top-club__text {
		font-size: clamp(14px, 3.46vw, 26px);
		line-height: 1.9;
	}
}
.top-club .top-club__text.Block-1st,
.top-club .top-club__text.Block-2nd {
	margin-bottom: 2em;
}
.top-club .top-club__banner {
	border-radius: 10px;
	height: min(18.6vw, 140px);
	margin-inline: auto;
	position: relative;
	width: min(30.9vw, 520px);
}
@media screen and (max-width: 768px) {
	.top-club .top-club__banner {
		height: min(42.6vw, 320px);
		width: min(89.3vw, 670px);
	}
}
.top-club .top-club__banner .top-club__link {
	border-radius: 10px;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.top-club .top-club__banner .top-club__link::before {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.3s ease;
	width: 100%;
	z-index: 1;
}
.top-club .top-club__banner .top-club__link::after {
	background-image: url(./img/club_banner-cover-pc.webp);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: min(18.6vw, 140px);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: min(20.6vw, 155px);
	z-index: 2;
}
@media screen and (max-width: 768px) {
	.top-club .top-club__banner .top-club__link::after {
		background-image: url(./img/club_banner-cover-sp.webp);
		height: min(42.6vw, 320px);
		width: min(35.7vw, 268px);
	}
}
.top-club .top-club__banner .top-club__link:hover::before {
	opacity: 0;
}
.top-club .top-club__banner img {
	-o-object-fit: cover;
	border-radius: 10px;
	display: block;
	height: 100%;
	object-fit: cover;
	position: relative;
	width: 100%;
	z-index: 0;
}

/*top-player*/
.top-player {
	background-color: #B91A2C;
}
.top-player .top-player__image {
	height: min(20.4vw, 342px);
	margin: 0 auto 48.3px;
	width: min(37.3vw, 628px);
}
@media screen and (max-width: 768px) {
	.top-player .top-player__image {
		height: min(42.6vw, 320px);
		margin: 0 auto 60px;
		width: min(89.3vw, 670px);
	}
}
.top-player .top-player__image img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
	position: relative;
	width: 100%;
	z-index: 1;
	border-radius: 5px;
}

/*top-schedule*/
.schedule .schedule__inner {
	padding-left: 17.2619047619%;
}
@media screen and (max-width: 768px) {
	.schedule .schedule__inner {
		padding-left: 5.3333333333%;
	}
}
.schedule .schedule__image {
	height: min(22.6vw, 380px);
	margin-bottom: 60px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.schedule .schedule__image {
		height: min(42.6vw, 320px);
		margin-bottom: 60px;
	}
}
.schedule .schedule__image img {
	-o-object-fit: cover;
	border-radius: 10px 0 0 10px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

@keyframes schedule {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/*top-sns*/
.sns {
	padding-bottom: 142.5px;
}
@media screen and (max-width: 768px) {
	.sns {
		padding-bottom: 100px;
	}
}

/* top-partner */
.partners {
	padding-bottom: 120px;
	padding-top: 0;
}
@media screen and (max-width: 768px) {
	.partners {
		padding-bottom: 100px;
	}
}


/* privacy */
/*下層/privacyページ*/
.privacy-head {
	background: url(./img/fv-privacy.png) no-repeat center center/cover;
	padding-top: 155px;
	height: min(42.8vw, 600px);
}
@media screen and (max-width: 768px) {
	.privacy-head {
		background: url(./img/fv-privacy.png) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}
.privacy-head__inner {
	padding-left: 6.0714285714%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.privacy-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}
.privacy-head .lower-head__title{
	font-size: clamp(100px, 11.9vw, 150px);
}

.main-content .p-title{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	.main-content .p-title{
		text-align: center;
		font-size: 20px;
	}
}

.terms-head {
	background: url(./img/fv-privacy.png) no-repeat center center/cover;
	padding-top: 155px;
	height: min(42.8vw, 600px);
}
@media screen and (max-width: 768px) {
	.terms-head {
		background: url(./img/fv-privacy.png) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}
.terms-head__inner {
	padding-left: 6.0714285714%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.terms-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}
.terms-head .lower-head__title{
	font-size: clamp(100px, 11.9vw, 150px);
}


/* single */
.main-content p{
	margin: 10px 0;
}
.main-content h2{
	margin: 30px 0 10px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
}


/* HISTORY */
.history-head {
	background: url(./img/fv-history.png) no-repeat center center/cover;
	padding-top: 155px;
}
@media screen and (max-width: 768px) {
	.history-head {
		background: url(./img/fv-history.png) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}
.history-head__inner {
	padding-left: 6.0714285714%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.history-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}

.main-content .slide{
	display: flex;
	justify-content: center;
	gap: 30px;
}
@media screen and (max-width: 768px) {
	.main-content .slide{
		gap: 15px;
	}
	.main-content .slide img{
		width: calc(33% - 10px);
	}
}
.main-content.history .inner p{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	margin: 40px 0;
}
@media screen and (max-width: 768px) {
	.main-content.history .inner p{
		font-size: 15px;
		text-align: center;
	}
}

.team-history-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}
.team-history-table th,
.team-history-table td {
	padding: 16px 12px; /* セルの余白を調整 */
	vertical-align: middle; /* 内容を垂直方向に中央揃え */
	text-align:center;
}
.team-history-table thead th {
	background-color: #B91A2C; /* ヘッダーの背景色 */
	color: #ffffff; /* ヘッダーの文字色 */
	font-weight: bold; /* ヘッダーの文字を太字に */
	font-size: 1rem;
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	.team-history-table thead th {
		padding: 10px 5px;
		font-size: 12px;
	}
}
.team-history-table tbody td {
	font-size: 0.95rem; /* 本文の文字サイズを少し小さく */
}
/* 奇数行の背景色 */
.team-history-table tbody tr:nth-child(odd) {
	background-color: #ffffff; /* 1996, 2022, 2024 */
}
/* 偶数行の背景色 */
.team-history-table tbody tr:nth-child(even) {
	background-color: rgba(185, 26, 44, 15%); /* 2021, 2023, 2025 */
}
/* トピックス列の改行があるセルの行間を調整 */
.team-history-table .topics {
	line-height: 1.6;
}


/* partner */
.partner-head {
	background: url(./img/fv-partner.png) no-repeat center center/cover;
	padding-top: 155px;
}
@media screen and (max-width: 768px) {
	.partner-head {
		background: url(./img/fv-partner.png) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}
.partner-head__inner {
	padding-left: 6.0714285714%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.partner-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}
.main-content.partner .inner p{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	margin: 40px 0;
}
@media screen and (max-width: 768px) {
	.main-content.partner .inner p{
		font-size: 15px;
		text-align: center;
	}
}
.main-content.partner img{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.main-content.partner img.pair_logo{
	margin: 20px auto 40px;
	width: 80%;
	min-width: 400px;

}
@media screen and (max-width: 768px) {
	.main-content.partner img.pair_logo{
		min-width: initial;
	}
}
.partner .linkButton-white-red{
	border: solid 1px rgb(185, 26, 44);
}
.partner .linkButton-gold-white{
	border: solid 1px #CD9B49;
}
.partner .linkButton-gold-white a{
	background-color: #fff;
	color: #CD9B49;
	transition: 0.3s ease;
}
.partner .linkButton-gold-white a:hover{
	background-color: #CD9B49;
	color: #fff;
}
.partner .btn_gr{
	display: flex;
	margin-bottom: 80px;
}
.partner .btn_gr .linkButton-gold-white a::before{
	opacity: 1;
}
.partner .btn_gr .linkButton-gold-white a::after{
	opacity: 0;
}
.partner .btn_gr .linkButton-gold-white a:hover::before{
	opacity: 0;
}
.partner .btn_gr .linkButton-gold-white a:hover::after{
	opacity: 1;
}
@media screen and (max-width: 768px) {
	.partner .btn_gr{
		display: block;
		margin-bottom: 60px;
	}
	.partner .linkButton-gold-white{
		margin-top: 20px;
	}
}
.main-content.partner .inner .partner_menu{
	margin: 40px 0 80px;
}
.partner_menu h3{
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
}
.main-content.partner .inner .partner_menu p{
	font-size: 16px;
	margin: 5px 0;
	font-weight: 400;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.main-content.partner .inner .partner_menu{
		margin: 30px 0 60px;
	}
	.partner_menu h3{
		font-size: 18px;
		font-weight: bold;
		margin: 7px 0;
	}
	.main-content.partner .inner .partner_menu p{
		font-size: 14px;
		margin: 5px 0;
		font-weight: 400;
		text-align: left;
	}
}

.main-content.partner .appeal_message{
	margin: 150px 0 60px;
}
.main-content.partner .appeal_message p{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
	.main-content.partner .appeal_message{
		margin: 90px 0 30px;
	}
	.main-content.partner .appeal_message p{
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 50px;
	}
}


/* パートナー一覧 */
.sponsor-list.gold{
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 60px;
}
.sponsor-list.gold .sponsor-item{
	width: calc(50% - 15px);
}
.sponsor-item .img_gr{
	padding: 10px;
	border: 1px solid #8A8A8A;
	border-radius: 5px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	height: auto;
	width: 100%;
	aspect-ratio: 450 / 175;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sponsor-item .img_gr img{
	object-fit: contain;
	transition: 0.3s ease;
	width: 100%;
	height: 100%;
}
.sponsor-item .meta{
	display: flex;
	margin-top: 15px;
	gap: 15px;
}
.sponsor-item .meta .location{
	background-color: #B91A2C;
	padding: 5px 20px;
	border-radius: 5px;
	color: #fff;
}
.sponsor-item .meta .industry{
	background-color: #CD9B49;
	padding: 5px 20px;
	border-radius: 5px;
	color: #fff;
}
.main-content.partner .inner .sponsor-item p{
	font-size: 22px;
	margin-top: 10px;
	transition: 0.3s ease;
}
.sponsor-item a:hover img{
	opacity: 0.6;
}
.sponsor-item a:hover p{
	opacity: 0.6;
}
@media screen and (max-width: 768px) {
	.sponsor-list.gold{
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 60px;
	}
	.sponsor-list.gold .sponsor-item{
		width: calc(50% - 10px);
	}
	.sponsor-item .img_gr{
		aspect-ratio: 320 / 150;
	}
	.sponsor-item .meta{
		display: flex;
		margin-top: 10px;
		gap: 10px;
	}
	.sponsor-item .meta .location{
		background-color: #B91A2C;
		padding: 3px 10px;
		border-radius: 5px;
		color: #fff;
		font-size: 12px;
	}
	.sponsor-item .meta .industry{
		background-color: #CD9B49;
		padding: 3px 10px;
		border-radius: 5px;
		color: #fff;
		font-size: 12px;
	}
	.main-content.partner .inner .sponsor-item p{
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 20px;
		transition: 0.3s ease;
		text-align: left;
	}
}

.sponsor-list.normal{
	display: flex;
	flex-wrap: wrap;
	gap: 21px;
}
.sponsor-list.normal .sponsor-item{
	width: calc(33.33% - 14px);
}
@media screen and (max-width: 768px) {
	.sponsor-list.normal{
		display: flex;
		flex-wrap: wrap;
		gap: 9px;
	}
	.sponsor-list.normal .sponsor-item{
		width: calc(33.33% - 6px);
	}
}




/* 代表メッセージ */
.message-head {
	background: url(./img/fv-message.png) no-repeat center center/cover;
	padding-top: 155px;
}
@media screen and (max-width: 768px) {
	.message-head {
		background: url(./img/fv-message.png) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}
.message-head__inner {
	padding-left: 6.0714285714%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.message-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}
.main-content.message .inner h2{
	color: #B91A2C;
	font-size: 30px;
}
@media screen and (max-width: 768px) {
	.main-content.message .inner h2 {
		font-size: 22px;
	}
}
.main-content.message .inner img{
	width: 100%;
	margin: 30px 0;
}
@media screen and (max-width: 768px) {
	.main-content.message .inner img{
		margin: 20px 0;
	}
}
.main-content.message p{
	font-size: 20px;
	margin: 20px 0;
}
.main-content.message p.midashi{
	font-size: 30px;
}
@media screen and (max-width: 768px) {
	.main-content.message p{
		font-size: 14px;
		margin: 10px 0;
	}
	.main-content.message p.midashi{
		font-size: 20px;
	}
}


/* contact　お問い合わせ */
.contact-head {
	background: url(./img/fv-contact.png) no-repeat center center/cover;
	padding-top: 155px;
}
@media screen and (max-width: 768px) {
	.contact-head {
		background: url(./img/fv-contact.png) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}
.contact-head__inner {
	padding-left: 6.0714285714%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.contact-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}

.form-item label, .confirm .form-item p > span{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}
input, select, textarea{
	font-size: 15px;
}
.form-item p{
	display: block;
}
.form-item p > span{
	width: 100%;
}
.form-item{
	margin-bottom: 20px;
}
.form-item p > span{
	min-height: 40px;
}
input, select, textarea{
	min-height: 40px;
}
.submit input{
	font-size: 16px;
	height: 60px;
	width: 250px;
	text-align: center;
	border: solid 2px #B91A2C;
	border-radius: 5px;
	color: #B91A2C;
	display: block;
	margin: 0 auto;
	transition: 0.4s ease;
}
.submit input:hover{
	background-color: #B91A2C;
	color: #fff;
}
.submit{
	margin-top: 60px;
}
.contact .content{
	padding: 60px 0 80px;
}
input, select, textarea {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: block;
	padding: 10px;
	border: solid 1px #ccc;
}
.confirm .form-item p > span{
	display: flex;
	align-items: center;
	border: solid 1px #8a8a8a;
	padding: 10px;
	box-sizing: border-box;
}
.submit input.wpcf7-previous{
	color: #888;
	border-color: #888;
}
.submit input.wpcf7-previous:hover{
	color: #fff;
	background-color: #888;
}
.submit > p{
	display: flex;
}
.submit > p input{
	width: 300px;
	margin: 0 auto;
}
.wpcf7-spinner{
	display: none !important;
}
@media screen and (max-width: 768px) {
	.submit > p{
		display: block;
	}
}

/* 全体のコンテナ */
.notice-container {
	background-color: #f8f8f8;
	border-radius: 8px;
	padding: 24px 28px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	margin-bottom: 7.1vw;
}
/* リストの基本設定 */
.notice-list {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
/* 各リスト項目 */
.notice-list li {
	display: flex; /* アイコンとテキストを横並びにする */
	align-items: flex-start; /* 上端揃え */
	color: #333;
	line-height: 1.7;
	font-size: 15px;
}
/* 最後以外のリスト項目の下に余白を設定 */
.notice-list li:not(:last-child) {
	margin-bottom: 1em;
}
/* ::before疑似要素で先頭のアイコンを作成 */
.notice-list li::before {
	content: '';
	display: block;
	flex-shrink: 0; /* アイコンが縮まないようにする */
	width: 1em;
	height: 1em;
	background-color: #B91A2C;
	margin-right: 0.8em; /* アイコンとテキストの間隔 */
	margin-top: 0.35em; /* アイコンの垂直位置を微調整 */
}
/* 「※受付時間は〜」の部分のスタイル */
.notice-list .sub-note {
	display: block; /* テキストを改行させる */
	font-size: 0.9em;
}
@media screen and (max-width: 768px) {
	.notice-list li {
		font-size: 13px;
	}
}



/* NEWS */
.news-head {
	background: url(./img/fv-news.png) no-repeat center center/cover;
	padding-top: 155px;
}
@media screen and (max-width: 768px) {
	.news-head {
		background: url(./img/fv-news.png) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}
.news-head__inner {
	padding-left: 6.0714285714%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.news-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}

.news .content .container{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.news-item h2{
	font-size: 22px;
	text-align: initial;
	margin-bottom: initial;
	margin: 0;
}
.news-item {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 20px 0;
	list-style: none;
}
.news-item a {
	display: flex;
	gap: 20px;
	text-decoration: none;
	color: inherit;
}
.news-item .img_gr {
	flex-shrink: 0;
	width: 240px;
	height: 160px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.news-item .img_gr img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.news-item .text_gr {
	flex: 1;
}
.news-item .meta {
	display: block;
	align-items: center;
	gap: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #8A8A8A;
}
.news-item .meta time {
	font-weight: 400;
}
.news-item .meta .cat{
	margin-top: 5px;
}
.news-item .meta .cat span {
	background: #CD9B49;
	padding: 2px 8px;
	font-size: 13px;
	border-radius: 999px;
	color: #fff;
	margin-right: 5px;
}
.news-item .title {
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}
.news.lower .content{
	border-bottom: solid 1px #8a8a8a;
}

.pagination ul {
	display: flex;
	justify-content: center;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 40px 0;
}
.pagination li a,
.pagination li span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background: #ccc;
	color: #000;
	text-align: center;
	text-decoration: none;
	transition: background 0.3s;
}
.pagination li span.current {
	background: #000;
	color: #fff;
}
.pagination li a:hover {
	background: #666;
	color: #fff;
}
.filter-form {
	padding: 20px 0;
	margin-bottom: 30px;
}
.filter-form .container{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
.filter-group {
	display: flex;
	align-items: center;
	min-width: 200px;
	width: calc(33.3% - 20px);
	gap: 30px;
}
.filter-group label {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: fit-content;
	min-width: 80px;
	text-align: right;
}
.filter-group select {
	width: 100%;
	background-color: #fff;
	color: #B91A2C;
	border: solid 1px #B91A2C;
	border-radius: 6px;
	padding: 8px 12px;
	font-size: 14px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.news-item a h2{
		font-size: 16px;
	}
	.news-item a{
		width: 100%;
		display: block;
	}
	.news-item .meta{
		display: flex;
		margin-top: 10px;
	}
	.news-item .meta .cat{
		margin: 0;
	}
	.news-item .img_gr{
		min-width: 130px;
		width: 100%;
		height: fit-content;
		aspect-ratio: 160 / 85;
	}
	.news-item a h2{font-size: 16px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.filter-group {
		display: flex;
		align-items: center;
		min-width: 160px;
		width: 90%;
		gap: 10px;
	}
}


/* ----------------------------- */


/* single-news */
.single article a{
	text-decoration: underline;
}

/* メタ情報（投稿日＋カテゴリ） */
.single-container .meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #8A8A8A;
}
.single-container .meta time {
	font-weight: 400;
}
.single-container .meta .cat span {
	background-color: #CD9B49;
	color: #000;
	font-size: 14px;
	padding: 2px 10px;
	border-radius: 999px;
	display: inline-block;
	margin-right: 10px;
}
/* タイトル */
.single-container h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 1.5;
	text-align: left !important;
}
.single-header{
	border-bottom: solid 1px #999;
	margin-bottom: 30px;
}
.single-container h2 {
	border-left: 4px solid #CD9B49;
	padding-left: 12px;
	text-align: left;
	font-size: 22px;
}
@media screen and (max-width: 768px) {
	.single-container h2 {
		font-size: 18px;
	}
}


.none{
	opacity: 0.5 !important;
	pointer-events: none;
}

.nav-list .none a{
	pointer-events: none;
}
.nav-list .none .header__nav-item-text{
	opacity: 0.5;
}
.nav-list .none:hover .header__nav-item-text{
	opacity: 0.5 !important;
}


.main-content p, .single-container p{
	min-height: 20px;
}


.drawer__nav-item.none a{
	opacity: 0.5;
	pointer-events: none;
}
.my-ticker-slider .slick-slide {
	margin: 0 10px;
}



/* FAQ */
.faq-head {
	background: url(./img/fv-faq.png) no-repeat center center/cover;
	padding-top: 155px;
}
@media screen and (max-width: 768px) {
	.faq-head {
		background: url(./img/fv-faq.png) no-repeat center center/cover;
		padding-top: 14.4vw;
	}
}
.faq-head__inner {
	padding-left: 6.0714285714%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.faq-head__inner {
		padding-left: 3.8666666667%;
		width: min(100%, 750px);
	}
}

.jmp_bt_gr{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 150px;
}
.jmp_bt_gr .jmp_bt{
	width: calc(33.33% - 14px);
	background-color: #B91A2C;
	height: 50px;
	border-radius: 50px;
	margin-bottom: 30px;
}
.jmp_bt_gr .jmp_bt a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
}
@media screen and (max-width: 768px) {
	.jmp_bt_gr{
		margin-bottom: 80px;
	}
	.jmp_bt_gr .jmp_bt{
		width: calc(50% - 5px);
		margin-bottom: 10px;
	}
}

.faq-content{
	margin-bottom: 100px;
	scroll-margin-top: 100px;
}
.faq-content h2{
	background-color: #CD9B49;
	padding: 10px 20px;
	font-size: 20px;
	padding-left: 35px;
	position: relative;
}
.faq-content h2:before{
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translatey(-50%);
	height: 60%;
	width: 3px;
	background-color: #000;
}
.faq-content > div{
	padding: 10px 0;
	border-bottom: solid 1px #8a8a8a;
}
@media screen and (max-width: 768px) {
	.faq-content h2{
		font-size: 18px;
	}
	.faq-content{
		margin-bottom: 60px;
		scroll-margin-top: 50px;
	}
}
.faq-content span{
	margin-right: 4px;
}
.faq-content .answer{
	margin-bottom: 10px;
}
.faq-content .answer p{
	margin: 0;
}
.faq-content .answer{
	display: flex;
	align-items: flex-start;
}
.faq-content .question{
	font-weight: bold;
}
.faq-content .answer span{
	color: red;
	font-weight: bold;
}


/* 選手・スタッフ */
.lower-player_staff-head {
	background: url(./img/fv-player_staff.png) no-repeat center center/cover;
	overflow: hidden;
	padding-top: 7.0833333333vw;
	position: relative;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.lower-player_staff-head {
		background: url(./img/fv-player_staff.png) no-repeat center center/cover;
		padding-top: 12.4vw;
	}
}
.lower-player_staff-head .lower-player_staff-head__title {
	height: min(22.5vw, 379px);
	left: -0.5952380952%;
	top: 0;
	width: min(61.2vw, 1028px);
}
@media screen and (max-width: 768px) {
	.lower-player_staff-head .lower-player_staff-head__title {
		height: min(28.4vw, 213px);
		left: 3.4666666667%;
		top: 0;
		width: min(77vw, 578px);
	}
}
.lower-player_staff-head .lower-player_staff-head__title img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}
.lower-player_staff-head .lower-player_staff-head__title img{
	width: auto;
}
.player_staff .btn_gr{
	display: flex;
}
@media screen and (max-width: 768px) {
	.player_staff .btn_gr{
		display: block;
	}
	.player_staff .linkButton-white-gold{
		margin-top: 15px;
	}
}
.player_staff .linkButton-white-gold{
	border: solid 2px #CD9B49;
}
.player_staff .linkButton-gold-white{
	border: solid 2px #CD9B49;
}
.player_staff .linkButton-white-gold a::after, .player_staff .linkButton-white-gold a::before{
	transform: rotate(90deg);
}
.player_staff .linkButton-gold-white a::after, .player_staff .linkButton-gold-white a::before{
	transform: rotate(90deg);
}

.player_staff .section-title .section-title__l1{
	color: #CD9B49;
}
.player_staff .section-title .section-title__l1:after{
	background-color: #CD9B49;
	width: min(8vw, 258px);
}
@media screen and (max-width: 768px) {
	.section-title--single .section-title__l1::after {
		width: min(17.4vw, 258px);
	}
}

.player_staff ul .publicity_photo .after{
	display: none;
}
.player_staff ul .publicity_photo:hover .after{
	display: block;
}
.player_staff ul .publicity_photo .before{
	display: block;
}
.player_staff ul .publicity_photo:hover .before{
	display: none;
}
.player_staff ul{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.player_staff ul li{
	width: calc(33.33% - 16px);
}
.player_staff ul li .publicity_photo{
	aspect-ratio: 35 / 49;
	width: 100%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}
.player_staff ul li .publicity_photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.player_staff ul li p.name{
	font-size: 20px;
	margin-top: 15px;
	font-weight: bold;
}
.player_staff .c-p{
	margin-top: 80px;
}
.player_staff .player_contents{
	padding-bottom: 100px;
	border-bottom: solid 1px #B91A2C;
}
@media screen and (max-width: 768px) {
	.player_staff ul{
		gap: 14px;
	}
	.player_staff ul li{
		width: calc(50% - 7px);
	}
	.player_staff ul li p.name{
		font-size: 16px;
		margin-top: 10px;
	}
}

.player_staff .staff_contents .position{
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	color: #CD9B49;
	margin: 20px 0 5px;
}
@media screen and (max-width: 768px) {
	.player_staff .staff_contents .position{
		font-size: 22px;
	}
}


/* single player */
.single-player_staff h1{
	font-size: 30px;
	color: #CD9B49;
	text-align: center;
	font-weight: bold;
	margin: 20px 0;
}
.sns_gr{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.single-player_staff .profile{
	margin-top: 80px;
}
@media screen and (max-width: 768px) {
	.single-player_staff .profile{
		margin-top: 50px;
	}
}
.single-player_staff .profile ul li{
	display: flex;
	border-bottom: solid 1px #B91A2C;
}
.single-player_staff .profile ul li .left{
	width: 30%;
}
.single-player_staff .profile ul li .right{
	width: 70%;
	padding-left: 20px;
}
.single-player_staff .profile ul li p{
	margin: 30px 0;
	font-size: 16px;
}
@media screen and (max-width: 768px) {
	.single-player_staff h1{
		font-size: 22px;
	}
	.sns_gr img{
		width: 20px;
		height: 20px;
	}
	.single-player_staff .profile ul li p{
		margin: 20px 0;
		font-size: 14px;
	}
}


/* スライダー全体のコンテナ */
.my-player-slider {
	/* 必要に応じてスライダーの左右に余白を設定 */
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	height: auto;
}

/* 各スライドアイテム */
.slide-item {
	/* スライド間の左右の余白 */
	padding: 0 10px;
	box-sizing: border-box; /* paddingを含んだ幅計算にする */
}
/* スライドのリンク要素 */
.slide-item a {
	display: block;
	text-decoration: none;
	color: #333;
}
/* beforeとafterの画像を重ねるための親要素 */
.slide-item .publicity_photo {
	position: relative;
	overflow: hidden;
	border-radius: 10px; /* カードの角を丸くする */
	aspect-ratio: 35 / 49;
	width: 100%;
	height: auto;
}
/* beforeとafter両方の画像に共通のスタイル */
.slide-item .publicity_photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* after画像は通常時、透明にして隠しておく */
.slide-item .publicity_photo img.after {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
/* リンクにホバーした時の画像の切り替え */
.slide-item a:hover .publicity_photo img.before {
	opacity: 0; /* before画像を透明にする */
}
.slide-item a:hover .publicity_photo img.after {
	opacity: 1; /* after画像を完全表示する */
}
/* --- 選手名のスタイル --- */
.slide-item p.name {
	text-align: center;
	font-weight: bold;
	margin-top: 12px;
	font-size: 16px;
}
/* --- Slick矢印の調整（任意） --- */
.player_slider .slick-prev,
.player_slider .slick-next {
	width: 40px;
	height: 40px;
	z-index: 10;
}
/* 矢印の色や背景を変えたい場合 */
.player_slider .slick-prev:before,
.player_slider .slick-next:before {
	color: black; /* 矢印の色 */
	font-size: 40px;
}

.player_slider{
	margin: 150px 0 20px;
}
@media screen and (max-width: 768px) {
	.player_slider{
		margin: 100px 0 20px;
	}
}

.player-slider-arrows{
	display: flex;
	justify-content: flex-end;
	padding: 40px;
	gap: 50px;
}
@media screen and (max-width: 768px) {
	.player-slider-arrows{
		justify-content: flex-end;
		padding: 20px;
		gap: 30px;
	}
}

.single-player-head{
	padding: 0;
}
.single-player-head img{
	width: 100%;
}


.slick-track{
	height: 100%;
}
.slick-slider div{
	transition: none;
}