@charset "utf-8";

/*---------------------------
|          リセット系         |
---------------------------*/
html {
	font-size: 62.5%;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

a {
	text-decoration: none;
}

/*--------------------------
|          共通指定          |
---------------------------*/
body {
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #333;
}

.beginners-guide a {
	color: #333;
}

.beginners-guide a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.beginners-guide img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/*--------------------------
|         レイアウト         |
---------------------------*/
.wrapper-all {
	margin-top: 69px;
	overflow: hidden;
}

.sec-common {
	padding: 80px 0;
}

.sec-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
}

.sec-inner.no-pd {
	padding: 0;
}

.sec-inner>div {
	margin-bottom: 40px;
}

.sec-inner>div:last-of-type {
	margin-bottom: 0;
}

.wrapper-content {
	padding-top: 69px;
	margin-top: -69px;
}

.index .sec-inner {
	padding: 0;
}

@media screen and (min-width: 900px) {
	.wrapper-all {
		margin-top: 80px;
	}

	.sec-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}

	.sec-inner {
		padding: 60px 0;
	}

	.wrapper-content {
		padding-top: 80px;
		margin-top: -80px;
	}
}

/*--------------------------
|           見出し           |
---------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "M PLUS Rounded 1c", sans-serif;
	line-height: 1.2;
	text-align: center;
}

h2,
h3 {
	margin-bottom: 30px;
}

h4,
h5,
h6 {
	margin-bottom: 20px;
}

.title-side-line {
	position: relative;
	margin-bottom: 40px;
}

.title-side-line::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	border: 1px dashed #707070;
}

.chapter_01 h3 {
	font-size: 2rem;
}

.chapter_01 h3 span {
	display: inline-block;
	font-size: 2.4rem;
}

.chapter_01 h4 {
	font-size: 2rem;
}

.chapter_01 h4 span {
	display: block;
	font-size: 2.4rem;
}

.chapter_01 h5 {
	font-size: 2rem;
	color: #0f3778;
}

.chapter_02 h2 {
	font-size: 2.8rem;
}

.chapter_02 h2 span {
	display: block;
	font-size: 2rem;
}

.chapter_02 h3 {
	font-size: 2.4rem;
}

.chapter_02 h3 span {
	display: block;
	font-size: 2rem;
}

.volunteer h3 {
	position: relative;
	display: inline-block;
	padding: 12px 20px;
	margin-bottom: 0;
	background: #fd4;
	border-radius: 100vh;
}

@media print,
(min-width: 768px) {
	.volunteer h3 {
		padding: 12px 60px;
	}
}

@media screen and (min-width: 960px) {
	.chapter_01 h3 {
		font-size: 3.2rem;
	}

	.chapter_01 h3 span {
		font-size: 4.2rem;
	}

	.chapter_01 h4 {
		font-size: 3.2rem;
	}

	.chapter_01 h4 span {
		font-size: 4.2rem;
	}

	.chapter_01 h5 {
		font-size: 2.8rem;
	}

	.chapter_02 h2 {
		font-size: 4rem;
	}

	.chapter_02 h2 span {
		font-size: 3rem;
	}

	.chapter_02 .cheer-performance h2 span {
		font-size: 2.4rem;
	}

	.chapter_02 h3 {
		font-size: 2.8rem;
	}

	.chapter_02 h3 span {
		display: block;
		margin: 0 0 10px 0;
		font-size: 2rem;
	}

}

/*--フォント共通--*/
.font-mplus {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
}

.font-caveat {
	font-family: "Caveat", "cursive", sans-serif;
	font-weight: bold;
	line-height: 1;
}

.marker {
	background: -o-linear-gradient(top, transparent 0%, transparent 60%, #fffb44 60%, #fffb44 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(60%, #fffb44), to(#fffb44));
	background: linear-gradient(180deg, transparent 0%, transparent 60%, #fffb44 60%, #fffb44 100%);
}

/*--------------------------
|          フッター          |
---------------------------*/
.footer-nav {
	padding: 40px 20px 20px 20px;
	background: url(../images/index/bg_footer-nav.jpg) no-repeat center center/cover;
}

.footer-nav-inner>div {
	margin-bottom: 20px;
	font-weight: bold;
}

.footer-nav .sub-menu {
	margin-top: 10px;
	padding: 0 0 0 10px;
}

.footer-nav .sub-menu li a {
	display: block;
	margin-bottom: 6px;
}

.footer-nav-cheer>div {
	max-width: 268px;
	padding-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.footer-nav-cheer.footer-nav-cheer_02>div {
	margin-bottom: 0;
}

.footer-nav-cheer p {
	position: relative;
	padding: 20px;
	background: #fff;
	border: 1px solid #333;
	border-radius: 20px;
}

.footer-nav-cheer p::before,
.footer-nav-cheer p::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #333 transparent transparent transparent;
}

.footer-nav-cheer p::after {
	top: 98%;
	left: 50%;
	border-color: #fff transparent transparent transparent;
}

@media screen and (min-width: 960px) {
	.footer-nav .footer-nav-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		max-width: 720px;
		margin: 0 auto;
	}

	.footer-nav-inner>div {
		width: 48%;
	}

	.footer-nav .sub-menu li a {
		width: 100%;
		max-width: 260px;
	}

	.footer-nav .sec-inner {
		position: relative;
	}

	.footer-nav .footer-nav-cheer {
		position: absolute;
		bottom: 0;
		left: -50px;
		width: 360px;
		margin-bottom: 0;
	}

	.footer-nav .footer-nav-cheer_02 {
		left: auto;
		right: -50px;
	}

	.footer-nav .footer-nav-cheer div {
		margin-bottom: 0;
	}
}

/*--------------------------
|          フッター          |
---------------------------*/
/*--ページ内リンク--*/
.chapter1-link li {
	margin-bottom: 20px;
}

.chapter1-link li a {
	display: block;
	position: relative;
	padding: 8px 16px 12px 16px;
	color: #0f3778;
	border: 2px solid #0f3778;
	background: #fff;
}

.chapter1-link li a::before,
.chapter1-link li a::after {
	content: "";
	display: block;
	width: 10px;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 16px;
	background: #0f3778;
}

.chapter1-link li a::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.chapter1-link li a::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	right: 14px;
}

.chapter1-link li a p {
	margin: 0;
}

.chapter1-link li a span {
	padding-right: 6px;
	color: #ff44a4;
	font-size: 2rem;
	font-weight: bold;
}

@media screen and (min-width: 960px) {
	.chapter1-link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.chapter1-link li {
		width: 23.5%;
		line-height: 1.4;
	}

	.chapter1-link li a span {
		display: block;
		font-size: 2.4rem;
	}
}

/*--------------------------
|         animation         |
---------------------------*/
.fade-in {
	opacity: 0;
	-webkit-transition: 0.8s ease;
	-o-transition: 0.8s ease;
	transition: 0.8s ease;
	-webkit-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
}

.fade-in.view {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/*--------------------------
|          chapter1         |
---------------------------*/
.chapter_01-title img {
	width: 80%;
	margin: 0 auto 0 0;
}

#ticket .chapter_01-title {
	background: url(../images/chapter_01/ticket/title_02.jpg) no-repeat top center/cover;
}

#goods .chapter_01-title {
	background: url(../images/chapter_01/goods/title_02.jpg) no-repeat top center/cover;
}

#team .chapter_01-title {
	background: url(../images/chapter_01/team/title_03_202505.jpg) no-repeat top center/cover;
}

/*--ユアスタってこんなところ--*/
.stadium-area {
	position: relative;
	padding-top: 0;
	background: #fffff8;
	border: 10px solid #a9ce52;
}

.stadium-area h3 {
	display: inline-block;
	padding: 0 30px;
	background: url(../images/common/double-line_small_l.svg) no-repeat bottom left/24px, url(../images/common/double-line_small_r.svg) no-repeat bottom right/24px;
}

.stadium-area h3 span span {
	font-size: 1.4rem;
}

.stadium-area-map {
	margin-bottom: 40px;
}

.stadium-area-sp {
	padding-bottom: 0;
}

.stadium-area-sp li p:first-of-type {
	display: inline-block;
	padding: 0 10px;
	background: #707070;
	color: #fff;
	border-radius: 100vh;
}

.stadium-area-cheer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
}

.stadium-area-cheer>div {
	width: 49%;
}

@media screen and (max-width: 959px) {
	.stadium-area h3 span.marker {
		background: none;
	}
}

@media screen and (min-width: 960px) {
	.chapter_01-title img {
		width: auto;
	}

	.stadium-area {
		border: 30px solid #a9ce52;
	}

	.stadium-area h3 span span {
		font-size: 1.8rem;
	}

	.stadium-area-cheer {
		width: 100%;
		margin: 0 auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.stadium-area-cheer>div {
		width: 30%;
	}
}

/*--おすすめ席種--*/
.seat-type {
	background: #fffff8;
}

.seat-type-cont {
	margin-bottom: 40px;
}

.voice-text {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 20px 0;
	padding: 16px;
	background: #fff;
	border: 1px solid #333;
	border-radius: 30px;
}

.voice-text::before,
.voice-text::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #333 transparent transparent transparent;
}

.voice-text::after {
	top: 98%;
	left: 50%;
	border-color: #fff transparent transparent transparent;
}

.voice-text p {
	margin: 0;
	font-size: 2rem;
}

.seat-type_01 .voice-img img {
	width: 350px;
}

.seat-type_02 .voice-img img {
	width: 340px;
}

.seat-type_03 .seat-type-voice {
	margin-bottom: -4px;
}

.seat-type-info {
	border: 3px solid #187fc3;
	background: url(../images/chapter_01/ticket/bg_qsta-seat-type_01_v2.png) no-repeat bottom center/contain;
}

.seat-type_02 .seat-type-info {
	border-color: #eec400;
	background-image: url(../images/chapter_01/ticket/bg_qsta-seat-type_02_v2.png);
}

.seat-type_03 .seat-type-info {
	border-color: #a9ce52;
	background: url(../images/chapter_01/ticket/bg_qsta-seat-type_03_v2.png);
}

.info-merit {
	padding: 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #187fc3;
}

@media print,
(min-width: 768px) {
	.info-merit>div>img {
		max-width: 460px;
	}
}

.seat-type_02 .info-merit {
	background: #eec400;
}

.seat-type_03 .info-merit {
	background: #a9ce52;
}

.seat-type h4 {
	font-size: 3.2rem;
	color: #fff;
}

.seat-type h4 span {
	display: block;
	font-size: 1.8rem;
}

.info-merit dl {
	width: 100%;
	padding: 30px 0 0 0;
}

.info-merit dl dt {
	width: 45%;
	float: left;
	color: #fff;
	line-height: 36px;
}

.info-merit dl dd {
	margin: 0;
}

.info-merit dl dd img {
	display: inline-block;
	margin: 0 -6px 0 0;
}

.info-point {
	padding: 30px 20px 40px 20px;
}

.info-point li {
	margin-bottom: 10px;
}

.info-point li:first-child img {
	margin: 0 auto 0 0;
}

.info-point li:nth-child(n + 2) {
	font-size: 2rem;
	text-indent: -2rem;
	padding-left: 2rem;
	color: #000;
	font-weight: bold;
}

.info-point li:nth-child(n + 2) img {
	display: inline-block;
	width: 20px;
	vertical-align: bottom;
}

@media screen and (max-width: 959px) {
	.seat-type .seat-type_02 h4 {
		font-size: 2.8rem;
	}
}

@media screen and (min-width: 960px) {
	.voice-text p {
		font-size: 2.8rem;
	}

	.seat-type h4 {
		font-size: 4.2rem;
	}

	.seat-type h4 span {
		font-size: 2rem;
	}

	.seat-type-voice {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 1200px;
	}

	.voice-text {
		width: 55%;
	}

	.voice-text::before {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		top: 50%;
		left: 99.5%;
	}

	.voice-text::after {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		top: 50%;
		left: 99.4%;
	}

	.seat-type_02 .voice-text {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.seat-type_02 .voice-text::before {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 50%;
		left: auto;
		right: 99.5%;
	}

	.seat-type_02 .voice-text::after {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 50%;
		left: auto;
		right: 99.4%;
	}

	.voice-img {
		width: 40%;
	}

	.seat-type-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border: 6px solid #187fc3;
		background: none;
	}

	.seat-type_02 .seat-type-info,
	.seat-type_03 .seat-type-info {
		background: none;
	}

	.info-merit {
		width: 42%;
	}

	.seat-type-order .info-merit {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.info-merit dl {
		width: 60%;
	}

	.info-point {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 58%;
		background: url(../images/chapter_01/ticket/bg_seat-type_01.png) no-repeat center left/cover;
	}

	.seat-type_02 .info-point {
		background-image: url(../images/chapter_01/ticket/bg_seat-type_02.png);
	}

	.seat-type_03 .info-point {
		background-image: url(../images/chapter_01/ticket/bg_seat-type_03.png);
	}

	.info-point li:nth-child(n + 2) {
		font-size: 3.2rem;
		text-indent: -3.2rem;
		padding-left: 3.2rem;
	}

	.info-point li:nth-child(n + 2) img {
		width: 30px;
	}
}

.info-point .seat-price {
	padding: 10px;
	margin: 20px 0 0 0;
	background: rgba(255, 255, 255, .8);
	border-radius: 4px;
}

.info-point .seat-price img {
	display: inline-block;
	width: 30px;
	padding: 0 6px 0 0;
}

@media print,
(min-width: 768px) {
	.info-point .seat-price {
		padding: 8px 20px;
	}
}

/*--U-23チケット--*/
.value-ticket-name {
	margin: 0 0 20px 0;
}

.value-ticket-name span {
	padding: 4px 12px;
	font-size: 2rem;
	background: #707070;
	color: #fff;
	border-radius: 100vh;
}

/*
.value-ticket-box>div:last-of-type {
	padding: 20px 0;
}*/

.value-ticket-box>div p:nth-of-type(2) {
	font-weight: bold;
}

/*
@media screen and (max-width: 767px) {
	.value-ticket-box>div:first-of-type {
		margin-bottom: 20px;
	}
}*/

@media screen and (max-width:767px) {
	.value-ticket-box>div img {
		max-width: 260px;
	}

	.value-ticket-name span {
		display: block;
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	.value-ticket-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		align-items: center;
		max-width: 960px;
		margin: 30px auto 0 auto;
	}

	.value-ticket-box>div:first-of-type {
		width: 30%;
	}

	.value-ticket-box>div:last-of-type {
		width: 66%;
	}

	.value-ticket-name span {
		font-size: 2.4rem;
	}
}

/*--チケットの購入方法--*/
.ticket-more h5 {
	display: inline-block;
	padding: 0 30px;
	background: url(../images/common/single-line_small_l.svg) no-repeat bottom left/contain, url(../images/common/single-line_small_r.svg) no-repeat bottom right/contain;
}

.ticket-more .link-button-box {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

/*--購入方法共通--*/
.sales-guide h6 {
	position: relative;
	display: inline-block;
	padding: 12px 40px;
	margin-bottom: 0;
	font-size: 2.4rem;
	background: #fd4;
	border-radius: 100vh;
}

.sales-guide ul li {
	position: relative;
	white-space: nowrap;
	margin-bottom: 40px;
}

.sales-guide ul li img {
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
}

.sales-guide ul li .button-round {
	position: absolute;
	top: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90%;
}

.sales-guide ul li:last-child a {
	cursor: none;
}

.sales-guide ul li:last-child a:hover {
	opacity: 1;
}

.sales-guide ul li:last-child a::before,
.sales-guide ul li:last-child a::after {
	content: none;
}

@media screen and (min-width: 960px) {
	.sales-guide h6 {
		padding: 12px 60px;
		font-size: 3.2rem;
	}

	.sales-guide ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.sales-guide ul li {
		width: 32%;
	}

	.sales-guide ul li .button-round {
		top: 90%;
	}
}

/*--購入方法カテゴリ--*/
.sales-cat {
	position: relative;
	padding: 6px 10px 6px 50px;
	margin: 0 0 0 10px;
	background: #f4a000;
	color: #fff;
}

.sales-cat span:first-of-type {
	position: absolute;
	top: 50%;
	left: -10px;
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 4px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background: #f4a000;
}

.sales-cat img {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	max-width: 80%;
}

/*--観戦時の服装--*/
.goods-fasion_01 img {
	border-radius: 40px;
	overflow: hidden;
}

.goods-fasion_02 h3 span span {
	font-size: 3rem;
}

.goods-fasion_02 h3 {
	position: relative;
	padding: 40px 0 0 0;
}

.goods-fasion_02 h3::before {
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	position: absolute;
	top: -30px;
	left: 0;
	background: url(../images/chapter_01/goods/bg_fasion.png) no-repeat top left/contain;
}

.goods-fasion_02 div {
	margin: -40px auto 40px auto;
	width: 80%;
}

@media screen and (min-width: 960px) {
	.goods-fasion .sec-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.goods-fasion_01 {
		width: 57%;
	}

	.goods-fasion_02 {
		width: 40%;
	}

	.goods-fasion_02 h3 span span {
		font-size: 5.2rem;
	}
}

/*--サポーターコレクション--*/
.goods-supporter {
	position: relative;
	padding-top: 0;
	background: rgba(255, 251, 68, 0.6);
}

.goods-supporter::before {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	top: -50px;
	left: 0;
	background: url(../images/chapter_01/goods/supporter/bg_supporter-top.png) no-repeat bottom center/cover;
}

.goods-supporter .sec-inner {
	position: relative;
}

.goods-supporter h3 {
	display: inline-block;
	margin-bottom: 0;
	padding: 0 40px;
	background: url(../images/chapter_01/goods/supporter/supporter-title_l.svg) no-repeat center left/contain, url(../images/chapter_01/goods/supporter/supporter-title_r.svg) no-repeat center right/contain;
	color: #707070;
	font-weight: bold;
}

.goods-supporter h3 img {
	margin-bottom: 8px;
}

.goods-supporter ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.goods-supporter ul li {
	width: 49%;
	margin-bottom: 20px;
}

.supporter-cheer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.supporter-cheer_01 img:first-of-type {
	max-width: 145px;
}

.supporter-cheer_02 img:last-of-type {
	max-width: 200px;
}

/*
.supporter-cheer_01 img:last-of-type {
	width: 53%;
}*/

@media screen and (max-width: 959px) {
	.supporter-cheer_01 img:first-of-type {
		width: 45%;
	}

	.supporter-cheer_02 img:first-of-type {
		width: 54%;
	}

	.supporter-cheer_02 img:last-of-type {
		width: 45%;
	}
}

@media screen and (min-width: 960px) {
	.goods-supporter::before {
		height: 125px;
		top: -125px;
	}

	.goods-supporter h3 {
		font-size: 2.8rem;
	}

	.goods-supporter ul li {
		width: 23.5%;
	}

	.supporter-cheer {
		position: absolute;
		top: 12px;
		left: 0;
	}

	.supporter-cheer_02 {
		top: -6px;
		left: auto;
		right: 0;
	}
}

/*--持ち物リスト--*/
.goods-list {
	position: relative;
	background-image: url(../images/chapter_01/goods/list/bg_list.png);
	background-size: cover;
}

.goods-list::before,
.goods-list::after {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/chapter_01/goods/list/list-line.svg) no-repeat center center/cover;
}

.goods-list::after {
	top: auto;
	bottom: 0;
}

.goods-list h3 {
	position: relative;
	z-index: 1;
	margin-top: -80px;
	padding: 20px 0 40px 0;
	background: url(../images/chapter_01/goods/list/bg_list-title.svg) no-repeat top center/contain;
}

@media screen and (min-width: 960px) {
	.goods-list {
		background-size: contain;
	}

	.goods-list h3 {
		margin-top: -120px;
	}

	.goods-list::before,
	.goods-list::after {
		height: 46px;
		top: -22px;
		opacity: 0.5;
	}

	.goods-list::after {
		top: auto;
		bottom: -10px;
	}
}

/*--おすすめグッズ--*/
.goods-item .goods-item-box {
	position: relative;
	margin-bottom: 80px;
}

.goods-item h3 {
	display: inline-block;
	padding: 0 30px;
	background: url(../images/common/double-line_large_l.svg) no-repeat bottom left/contain, url(../images/common/double-line_large_r.svg) no-repeat bottom right/contain;
}

.item-box-info {
	padding: 30px 20px 40px 20px;
	background: rgba(68, 232, 255, 0.2);
}

.item-box-info p {
	margin-bottom: 20px;
}

.goods-item h4 {
	text-align: left;
	margin-bottom: 10px;
}

.item-name {
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
}

.price {
	text-align: right;
}

.price span {
	display: inline-block;
	padding: 0 20px;
	background: #707070;
	color: #fff;
	border-radius: 100vh;
}

.goods-item .button-round a {
	border-color: #707070;
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
	color: #333;
}

.goods-item .button-round a::before,
.goods-item .button-round a::after {
	height: 1px;
	background: #333;
}

.item-scrap {
	position: absolute;
	top: 82%;
	right: 0;
}

.item-number {
	position: absolute;
	top: -70px;
	left: 0;
}

@media screen and (max-width: 959px) {
	.goods-item .goods-item-box {
		margin-bottom: 120px;
	}

	.item-scrap {
		width: 60%;
		top: auto;
		bottom: -120px;
	}

	.item-number {
		width: 130px;
		-webkit-transform: rotate(-40deg);
		-ms-transform: rotate(-40deg);
		transform: rotate(-40deg);
	}

	.item-order .item-number {
		-webkit-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(40deg);
	}
}

@media screen and (min-width: 960px) {
	.goods-item-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 100px;
	}

	.item-box-img {
		width: 49%;
	}

	.item-box-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.item-order .item-box-img {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.item-box-info {
		position: relative;
		width: 51%;
		padding: 40px 20px 20px 20px;
	}

	.item-box-info::before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		right: 0;
		border-style: solid;
		border-width: 0 200px 200px 0;
		border-color: transparent #fff transparent transparent;
	}

	.item-box-info>div {
		width: 63%;
	}

	/* .item-box-info>div>p, */
	.item-box-info .button-round {
		width: 80%;
	}

	.item-order .item-box-info>div,
	.item-order .item-box-info>div>p,
	.item-order .item-box-info .button-round {
		margin-left: auto;
	}

	.item-order .item-box-info::before {
		right: auto;
		left: 0;
		border-width: 200px 200px 0 0;
		border-color: #fff transparent transparent transparent;
	}

	.goods-item h3 {
		padding: 0 60px;
		background-size: 40px, 40px;
	}

	.item-scrap {
		top: 50%;
		right: 0;
	}

	.item-number {
		top: 0;
		left: auto;
		right: 0;
	}

	.item-order .item-scrap {
		top: 50%;
		right: auto;
		left: 0;
	}

	.item-order .item-number {
		right: auto;
		left: 0;
		top: 0;
	}
}

/*--ランキング--*/
.team {
	padding: 150px 0 60px 0;
	background-color: rgba(255, 255, 255, 1);
	background-image: -o-repeating-linear-gradient(325deg, transparent, transparent 10px, rgba(255, 221, 68, 1) 10px, rgba(255, 221, 68, 1) 15px);
	background-image: repeating-linear-gradient(125deg, transparent, transparent 10px, rgba(255, 221, 68, 1) 10px, rgba(255, 221, 68, 1) 15px);
}

.team-rank {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	background: #fff;
	border-radius: 40px;
}

.team h3 {
	position: relative;
	padding: 30px 0 0 0;
}

.team h3 img:first-of-type {
	position: absolute;
	bottom: 40%;
	left: 0;
	z-index: 1;
}

.team h3 img:last-of-type {
	position: absolute;
	bottom: 50%;
	right: 0;
	width: 100px;
}

.team-rank-question h4 {
	position: relative;
	padding: 10px 20px;
	background: #ffdd44;
	border: 1px solid #333;
}

.team-rank-question h4::before {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #ffdd44;
}

.team-rank-question h4::after {
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	background: #333;
	-webkit-transform: rotate(125deg);
	-ms-transform: rotate(125deg);
	transform: rotate(125deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.q_02 h4 {
	background: #b2e2ff;
}

.q_02 h4::before {
	background: #b2e2ff;
}

.team-rank-question>ul {
	padding: 60px 0 0 0;
}

.team-rank-question ul li {
	margin-bottom: 40px;
}

.player-photo p {
	margin: 0;
	font-size: 6rem;
	font-weight: bold;
	text-align: center;
}

.rank_01 .player-photo p {
	background: url(../images/chapter_01/team/rank/bg_rank01.png) no-repeat bottom center/contain;
}

.player-photo div {
	position: relative;
}

.player-photo div::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	background: #feeea6;
	border-radius: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.q_02 .player-photo div::before {
	background: #d1eeff;
}

.rank-same .player-photo div::before {
	width: 60%;
	padding-top: 60%;
}

.player-photo img {
	position: relative;
}

.player-info {
	position: relative;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #fff;
}

.player-info div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.player-rank {
	margin: 0;
	padding: 14px 20px;
	background: #ead045;
	font-size: 1.8rem;
	text-align: center;
	height: 100%;
}

.player-rank span {
	font-size: 1.2rem;
	display: block;
}

.rank_02 .player-rank {
	background: #b4b4b4;
}

.rank_03 .player-rank {
	background: #c79454;
}

.same-rate-no1 .player-rank {
	background: #ead045;
}

.same-rate-no2 .player-rank {
	background: #b4b4b4;
}

.rank-same .player-rank {
	padding: 4px 20px;
}

.player-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding: 0 0 0 10px;
}

.player-name span {
	padding-left: 6px;
	font-size: 1.8rem;
}

.rank-mascot {
	position: absolute;
	top: -86px;
	left: 0;
	width: 57%;
}

.rank-mascot_02 {
	top: -98px;
	left: auto;
	right: 0;
	width: 45%;
}

@media screen and (max-width: 959px) {
	.team-rank-question h4 img {
		width: 80%;
	}
}

@media screen and (min-width: 960px) {
	.team {
		padding: 150px 0 80px 0;
	}

	.team-rank {
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 60px;
	}

	.team h3 {
		padding-top: 0;
	}

	.team h3 img:first-of-type {
		left: 20%;
	}

	.team h3 img:last-of-type {
		bottom: 40%;
		right: 25%;
		width: auto;
	}

	.team-rank-question h4 {
		display: inline-block;
	}

	.team-rank-question h4 img {
		display: inline-block;
		padding: 0 20px;
	}

	.team-rank-question>ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		padding: 40px 0 0 0;
	}

	.team-rank-question>ul>li {
		width: 32%;
	}

	/*
	.rank_01 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.rank_03 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
*/

	.rank-same {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.rank-same li {
		position: relative;
	}

	.rank-same .player-photo p {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.rank-same .rank-same_02 .player-photo p {
		left: auto;
		right: 0;
	}

	.team-rank-question ul.rank-same li {
		margin-bottom: 10px;
	}

	.team-rank-question ul.rank-same li:last-child {
		margin-bottom: 0;
	}

	.rank-mascot {
		top: -112px;
		left: 5%;
		width: auto;
	}

	.rank-mascot_02 {
		top: -122px;
		left: auto;
		right: 5%;
		width: auto;
	}
}

/*--pick up プロフィール--*/
.team-qa {
	margin-top: 60px;
}

.team-qa-intro {
	margin-bottom: 40px;
	font-weight: bold;
}

.team-qa-box h4 span {
	display: inline-block;
	padding: 6px 30px;
	background: #b2e2ff;
	font-size: 2.4rem;
	border-radius: 10px;
}

.team-qa-box p {
	margin-bottom: 10px;
}

.team-qa-box>p {
	margin-bottom: 20px;
}

/*
.team-qa-box:nth-of-type(n+2) {
	margin-top: 40px;
}*/

.quiz-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.quiz-card {
	position: relative;
	padding-top: 100%;
	margin-bottom: 20px;
	width: 100%;
	height: 0;
	cursor: pointer;
}

.quiz-flip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	/*padding: 20px 20px 10px 20px;*/
	border-radius: 20px;
	overflow: hidden;
}

.quiz-flip>div {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-weight: bold;
	/*border-radius: 10px;
	overflow: hidden;*/
}

.quiz-flip>div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*
.quiz-flip>div p:first-of-type,
.quiz-flip>div p span {
	font-size: 2.4rem;
}

.quiz-flip>p span {
	position: relative;
	display: inline-block;
	padding: 2px 30px 2px 20px;
	border-radius: 100vh;
	background: #fff;
	color: #f4a000;
	font-size: 1.4rem;
	font-weight: bold;
}

.quiz-flip>p span::before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	right: 10px;
	border-top: 1px solid #f4a000;
	border-right: 1px solid #f4a000;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.quiz-front {
	background: url(../images/chapter_01/team/rank/bg_quiz-front.jpg) no-repeat center center/cover;
}

.quiz-card:first-child .quiz-back {
	background: url(../images/chapter_01/team/rank/bg_quiz-back_01.jpg) no-repeat center center/cover;
}

.quiz-card:nth-child(2) .quiz-back {
	background: url(../images/chapter_01/team/rank/bg_quiz-back_02.jpg) no-repeat center center/cover;
}

.quiz-card:nth-child(3) .quiz-back {
	background: url(../images/chapter_01/team/rank/bg_quiz-back_03.jpg) no-repeat center center/cover;
}

.quiz-card:last-child .quiz-back {
	background: url(../images/chapter_01/team/rank/bg_quiz-back_04.jpg) no-repeat center center/cover;
}*/

.quiz-card .quiz-front {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition:
		opacity 100ms 150ms,
		-webkit-transform 300ms 150ms;
	transition:
		opacity 100ms 150ms,
		-webkit-transform 300ms 150ms;
	-o-transition:
		opacity 100ms 150ms,
		transform 300ms 150ms;
	transition:
		opacity 100ms 150ms,
		transform 300ms 150ms;
	transition:
		opacity 100ms 150ms,
		transform 300ms 150ms,
		-webkit-transform 300ms 150ms;
}

.quiz-card .quiz-back {
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition:
		opacity 50ms 200ms,
		-webkit-transform 300ms;
	transition:
		opacity 50ms 200ms,
		-webkit-transform 300ms;
	-o-transition:
		opacity 50ms 200ms,
		transform 300ms;
	transition:
		opacity 50ms 200ms,
		transform 300ms;
	transition:
		opacity 50ms 200ms,
		transform 300ms,
		-webkit-transform 300ms;
}

.quiz-card.fliped .quiz-front {
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition:
		opacity 50ms 200ms,
		-webkit-transform 300ms;
	transition:
		opacity 50ms 200ms,
		-webkit-transform 300ms;
	-o-transition:
		opacity 50ms 200ms,
		transform 300ms;
	transition:
		opacity 50ms 200ms,
		transform 300ms;
	transition:
		opacity 50ms 200ms,
		transform 300ms,
		-webkit-transform 300ms;
}

.quiz-card.fliped .quiz-back {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition:
		opacity 100ms 150ms,
		-webkit-transform 300ms 150ms;
	transition:
		opacity 100ms 150ms,
		-webkit-transform 300ms 150ms;
	-o-transition:
		opacity 100ms 150ms,
		transform 300ms 150ms;
	transition:
		opacity 100ms 150ms,
		transform 300ms 150ms;
	transition:
		opacity 100ms 150ms,
		transform 300ms 150ms,
		-webkit-transform 300ms 150ms;
}

@media screen and (max-width: 959px) {
	.team-qa h3 {
		font-size: 3rem;
	}

}

@media screen and (min-width: 768px) {
	.quiz-card {
		padding-top: 48%;
		width: 48%;
	}
}

@media screen and (min-width: 960px) {
	.team-qa-intro {
		margin-bottom: 60px;
		text-align: center;
	}

	.team-qa-box>p {
		text-align: center;
	}

	.team-qa-box h4 {
		margin-bottom: 30px;
	}

	.team-qa-box h4 span {
		font-size: 3.2rem;
	}

	.quiz-card {
		padding-top: 24%;
		width: 24%;
	}
}

/*--この選手のここがすごい--*/
.recommend-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.recommend-list li {
	width: 100%;
}

.recommend-player {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.recommend-player img {
	width: 40%;
	margin: 0;
}

.recommend-player p {
	width: 58%;
}

.recommend-player p span:first-of-type {
	font-size: 2.2rem;
	color: #0f3778;
}

.recommend-player p span:last-of-type {
	background: -o-linear-gradient(top, transparent 0%, transparent 60%, #fffb44 60%, #fffb44 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(60%, #fffb44), to(#fffb44));
	background: linear-gradient(180deg, transparent 0%, transparent 60%, #fffb44 60%, #fffb44 100%);
}

.recommend-reason {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 0;
}

.recommend-reason p {
	font-weight: bold;
}

.recommend-reason p span {
	padding: 2px 4px;
	font-size: 2rem;
	background: #ffdd44;
}

@media screen and (min-width: 960px) {
	.recommend-list li {
		width: 31%;
	}

	.recommend-player p span:first-of-type {
		font-size: 2.6rem;
	}

	.recommend-player p span:last-of-type {
		font-size: 2.2rem;
	}

	.recommend-reason p span {
		font-size: 2.4rem;
	}
}

/*--チーム もっと知りたい--*/
.team-more h5 {
	position: relative;
	display: inline-block;
	padding: 14px 30px;
	background: #fff;
	border: 1px solid #0f3778;
	border-radius: 20px;
}

.team-more h5::before,
.team-more h5::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #0f3778 transparent transparent transparent;
}

.team-more h5::after {
	top: 98%;
	left: 50%;
	border-color: #fff transparent transparent transparent;
}

.team-more-banner {
	position: relative;
}

.team-more .button-round {
	width: 280px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}

@media screen and (max-width: 959px) {
	.team-more-banner img {
		display: none;
	}

	.team-more-banner {
		width: 100%;
		height: 180px;
		background: url(../images/chapter_01/team/to-team_2025.jpg) no-repeat top center/cover;
	}

	.team-more-banner.to-club {
		background: url(../images/chapter_01/team/bg_to-club.jpg) no-repeat top center/cover;
	}
}

/*--アクセス--*/
.access {
	position: relative;
	padding-top: 0;
	background: -o-linear-gradient(top, rgba(68, 232, 255, 0.2) 0%, rgba(68, 232, 255, 0) 100%), url(../images/chapter_01/team/access/bg_access.png) no-repeat bottom center/contain;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(68, 232, 255, 0.2)), to(rgba(68, 232, 255, 0))), url(../images/chapter_01/team/access/bg_access.png) no-repeat bottom center/contain;
	background: linear-gradient(180deg, rgba(68, 232, 255, 0.2) 0%, rgba(68, 232, 255, 0) 100%), url(../images/chapter_01/team/access/bg_access.png) no-repeat bottom center/contain;
}

.access-cont>.text-center {
	margin-top: -100px;
	/* margin: 0; */
}

.access h3 {
	position: relative;
	display: inline-block;
	padding: 0 0 10px 0;
	z-index: 1;
}

.access h3::before {
	content: "";
	display: block;
	width: 120%;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fffb44;
	border-radius: 20px;
	z-index: -1;
}

.access h3 span:first-of-type {
	display: inline-block;
	padding: 0 60px;
	background: url(../images/common/double-line_small_l.svg) no-repeat bottom left/24px, url(../images/common/double-line_small_r.svg) no-repeat bottom right/24px;
}

.access-top {
	position: absolute;
	top: 40px;
	right: 10px;
	z-index: 1;
	max-width: 240px;
}

.access-root {
	position: relative;
	z-index: 2;
	padding: 60px 0 0 0;
}

@media screen and (max-width: 959px) {
	.access-top {
		width: 150px;
	}

	.access-root {
		padding: 0;
	}
}

@media screen and (min-width: 960px) {
	/* .access-cont>.text-center {
		margin: 0 0 40px 0;
	} */

	.access h3 span {
		font-size: 3.2rem;
	}

	.access h3 span:first-of-type {
		font-size: 2.8rem;
	}

	.access h3::before {
		width: 120%;
		height: 70px;
	}

	.access-top {
		top: -60px;
		right: 10%;
		width: auto;
	}

	.access-root {
		padding: 0;
	}
}

/*--chapter1 outro--*/
.go-stadium {
	position: relative;
	/* margin: 60px 0; */
	height: 260px;
	background: url(../images/chapter_01/team/go-stadium.png) no-repeat center center/cover;
}

.go-stadium .sec-inner {
	padding-bottom: 0;
}

.go-stadium .font-caveat {
	position: absolute;
	top: 0;
	right: 5%;
	font-size: 4rem;
	color: rgba(255, 68, 164, 0.2);
}

.go-stadium .font-mplus {
	position: relative;
	margin: 0 calc(50% - 50vw) 120px calc(50% - 50vw);
	padding: 16px calc(50vw - 50%) 10px;
	font-size: 2.1rem;
	color: #fff;
	background: #ff64b4;
}

.go-stadium .font-mplus img {
	position: absolute;
	top: -6px;
	left: 20px;
	width: 20px;
}

.go-stadium .font-mplus img.quot-end {
	top: auto;
	left: auto;
	bottom: -6px;
	right: 20px;
}

@media screen and (max-width: 959px) {
	.go-stadium {
		padding: 20px 0;
	}
}

@media screen and (min-width: 960px) {
	.go-stadium {
		height: 600px;
	}

	.go-stadium .font-caveat {
		top: 0;
		right: 5%;
		font-size: 8rem;
	}

	.go-stadium .font-mplus {
		display: inline-block;
		margin: 0 0 120px calc(50% - 50vw);
		padding: 10px 60px 10px calc(50vw - 50%);
		font-size: 4.2rem;
		color: #fff;
		background: #ff64b4;
	}

	.go-stadium .font-mplus img {
		left: calc(50vw - 62%);
		width: auto;
	}

	.go-stadium .font-mplus img.quot-end {
		position: absolute;
		right: 10px;
	}

	.go-stadium .button-square {
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/*--sec01 for-safe--*/
.for-safe {
	background: #f3f3f3;
}

.for-safe-movie div,
.movie div {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}

.movie>div {
	margin-bottom: 10px;
}

.for-safe-movie iframe,
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 960px) {

	.for-safe-movie,
	.movie {
		width: 60%;
		margin: 0 auto;
	}

	.for-safe .sec-inner {
		background: url(../images/chapter_02/bg_mascot_01.png) no-repeat left bottom, url(../images/chapter_02/bg_mascot_02.png) no-repeat right bottom;
	}
}

.schedule {
	position: relative;
	padding-bottom: 0;
	background: #fffff8;
}

/*.schedule::before {
	content: "";
	display: block;
	width: 100%;
	height: 110px;
	position: absolute;
	top: 0;
	left: 0;
	background: #f3f3f3;
}*/

/*.schedule::after {
  content: "";
  display: block;
  width: 100%;
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/chapter_02/schedule/bg_schedule_dots.png) no-repeat left bottom/cover;
}*/

.schedule h2 {
	margin-bottom: 5rem;
}

.schedule h2 span::before {
	content: "";
	display: block;
	position: absolute;
	top: -106px;
	right: 0;
	width: 110px;
	height: 120px;
	background: url(../images/chapter_02/schedule/schedule-title-point.png) no-repeat center center/contain;
}

.schedule h2 span {
	display: inline-block;
	position: relative;
	padding: 1rem 4rem;
	background: #ffdd44;
	border-radius: 100vh;
	font-size: 2.8rem;
}

.schedule p span {
	font-size: 1.4rem;
}

/*.schedule-comment {
  position: absolute;
  bottom: 0;
  z-index: 10;
}*/

.schedule-comment {
	position: relative;
	z-index: 5;
	margin-top: 60px;
}

.schedule::after {
	content: "";
	display: block;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/chapter_02/schedule/bg_schedule_dots.png) no-repeat left bottom/cover;
}

.schedule-comment ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.schedule-comment ul li:first-child {
	width: 100%;
	font-weight: bold;
	text-align: center;
	background: url(../images/common/double-line_small_l.svg) no-repeat bottom left/contain, url(../images/common/double-line_small_r.svg) no-repeat bottom right/contain;
}

.schedule-comment ul li:nth-child(n+2) {
	width: 48%;
}

@media screen and (min-width: 960px) {
	.schedule h2 span {
		padding: 1rem 160px 1rem 4rem;
		font-size: 4.2rem;
	}

	.schedule h2 span::before {
		top: auto;
		bottom: 0;
		width: 130px;
		height: 140px;
	}

	.schedule-comment {
		width: 70%;
		margin: 0 auto;
	}

	.schedule-comment ul {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.schedule-comment ul li:first-child,
	.schedule-comment ul li:nth-child(n + 2) {
		width: auto;
	}

	.schedule-comment ul li:first-child {
		position: relative;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		text-align: left;
		background: none;
	}

	.schedule-comment ul li:first-child::before {
		content: url(../images/common/fukidashi-line_l.svg);
		display: block;
		position: absolute;
		top: 50%;
		left: -50px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.schedule-comment ul li:first-child::after {
		content: url(../images/common/fukidashi-line_r.svg);
		display: block;
		position: absolute;
		top: 50%;
		right: -50px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.schedule-comment ul li:last-child {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.schedule-comment ul li:nth-child(n+2) {
		max-width: 218px;
	}
}

/*--section mv基本--*/
.sec-mv {
	background: #ffe200;
}

.sec-mv-inner .sec-fluid {
	padding: 20px 15px;
	background: #ffe200;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.time-schedule {
	position: relative;
	display: inline-block;
}

.time-schedule p {
	display: inline-block;
	padding: 14px 150px 14px 10px;
	margin: 30px 0;
	border-radius: 26px;
	background: #fff;
}

.time-schedule p span {
	display: block;
	font-size: 1.8rem;
}

.time-schedule div {
	position: absolute;
	top: 0;
	right: -6px;
}

.sec-mv-img {
	width: 100%;
	height: 0;
	padding-top: 60%;
}

.foods .sec-mv-img {
	background: url(../images/chapter_02/foods/bg_foods-mv_202503.jpg) no-repeat center left/cover;
}

.goods .sec-mv-img {
	background: url(../images/chapter_02/goods/bg_goods-mv_2024.jpg) no-repeat center center/cover;
}

.cheer-performance .sec-mv-img {
	background: url(../images/chapter_02/cheer-performance/bg_cheer-performance_top_202503.jpg) no-repeat center center/cover;
}

.up .sec-mv-img {
	background: url(../images/chapter_02/up/bg_up_top_202503.jpg) no-repeat center 80%/cover;
}

.starting-member .sec-mv-img {
	background: url(../images/chapter_02/starting-member/starting-member_top_202503.jpg) no-repeat center center/cover;
}

@media screen and (min-width: 960px) {
	.sec-mv {
		height: 600px;
		overflow: hidden;
	}

	.sec-mv-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.sec-mv-inner .sec-fluid {
		width: 44%;
		padding: 0 20px 0 40px;
	}

	.left .sec-mv-inner .sec-fluid {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		padding: 0 40px 0 20px;
	}

	.sec-mv-img {
		width: 56%;
		padding-top: 600px;
	}

	.time-schedule p span {
		font-size: 2rem;
	}

	.qsta-booth-map {
		max-width: 340px;
		margin: 0 auto 10px auto;
	}
}

/*--section mv左写真--*/
@media screen and (min-width: 960px) {
	.left .sec-mv-inner .sec-fluid {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		padding: 0 40px 0 20px;
	}
}

.foods .sec-cont,
.goods .sec-cont {
	border-left: 10px solid #ffe200;
}

.photo-flame img {
	border: 10px solid #fff;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
}

@media screen and (min-width: 960px) {

	.foods .sec-cont,
	.goods .sec-cont {
		border-left: 20px solid #ffe200;
	}
}

.info-item {
	position: relative;
	margin-bottom: 60px;
}

.photo-caption {
	position: absolute;
	z-index: 1;
}

.foods-info_01::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: rgba(242, 183, 5, 0.3);
	border-radius: 100%;
	z-index: -1;
}

.foods-info_02 .photo-flame img {
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
}

.foods-info_02 .photo-caption {
	top: -50px;
	right: 10px;
}

.foods-info_03 .photo-flame img {
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.foods-info_03 .photo-caption {
	top: -60px;
	left: 0;
}

.foods-belt {
	border-left: 10px solid #ffe200;
	background: rgba(242, 183, 5, 0.3);
}

.photo-belt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
}

.photo-belt img {
	margin: 0;
}

@media screen and (max-width: 959px) {
	.photo-belt img {
		width: 20%;
		height: auto;
	}
}

@media screen and (min-width: 960px) {
	.foods-info {
		position: relative;
	}

	.info-box_l {
		width: 56%;
	}

	.info-box_m {
		width: 50%;
	}

	.info-box_s {
		width: 42%;
	}

	.foods-info_02 {
		position: absolute;
		top: 20px;
		right: 0;
	}

	.foods-info_03 {
		position: absolute;
		bottom: -100px;
		right: 0;
	}

	.foods-info_03 .photo-caption {
		left: 15%;
	}

	.foods-belt {
		border-left: 20px solid #ffe200;
	}
}

.foods-menu {
	padding: 60px 0;
}

.foods-menu-list ul li {
	margin: 4px 15px;
}

.foods-menu-title {
	max-width: 380px;
}

.slick-prev {
	left: 0;
	z-index: 4;
}

.slick-next {
	right: 12px;
}

.slick-prev::before,
.slick-next::before {
	font-family: "Font Awesome 5 PRO";
	content: "\f053";
	color: #dcdcdc;
	background: rgb(51, 51, 51, 0.4);
	border-radius: 100%;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.slick-next::before {
	content: "\f054";
}

.foods-menu-standby {
	margin: 30px 0 0 0;
	font-weight: bold;
}

@media screen and (min-width: 960px) {
	.foods-menu-list ul li {
		margin: 4px 20px;
	}

	.foods-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.foods-menu-title {
		width: 32%;
		max-width: 380px;
	}

	.foods-menu-list {
		width: 66%;
	}

	.foods-menu-standby {
		margin: 0 0 0 40px;
	}
}

/*
.sec-mv::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 68%;
  height: 100%;
  background: url(../images/chapter_02/foods/bg_foos-mv.png) no-repeat top right/cover;
}
.sec-mv .sec-fluid {
  display: flex;
  position: relative;
}

.sec-mv-info {
  width: 32%;
  padding: 20;
  background: #ffe200;
}
*/

.foods-menu-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	border-radius: 20px;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
}

.foods-menu-photo {
	position: relative;
}

.foods-menu-img {
	/* height: 200px; */
	overflow: hidden;
}

.foods-menu-photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.foods-shop-number {
	position: absolute;
	bottom: -16px;
	/* right: 10px; */
	left: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 4px;
	width: 60px;
	height: 60px;
	background: #ffe200;
	border-radius: 100%;
	z-index: 2;
}

.foods-shop-number img {
	width: 18px;
	height: auto;
}

.foods-shop-number p {
	font-size: 1.4rem;
	margin: 0;
}

.foods-shop-number p span {
	font-size: 1rem;
}

.foods-shop-info {
	padding: 14px;
}

.foods-shop-info p:first-of-type {
	padding: 4px 0;
	text-align: center;
	border-bottom: 1px solid #333;
	font-size: 2rem;
}

.foods-shop-info p:nth-of-type(2) {
	display: inline-block;
	padding: 2px 6px;
	font-size: 1rem;
	color: #fff;
	background: #707070;
	border-radius: 100vh;
}

.foods-shop-info p:last-of-type span {
	font-size: 1.8rem;
}

.sec-inner.foods-link {
	padding: 0 0 20px 0;
}

.foods-map {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.supporters-voice h3,
.fukidashi-blue {
	display: inline-block;
	padding: 0 30px;
	color: #0f3778;
	background: url(../images/common/single-line_small_l.svg) no-repeat left bottom/18px, url(../images/common/single-line_small_r.svg) no-repeat right bottom/18px;
}

.supporters-voice ul {
	position: relative;
	padding: 40px 0 120px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.supporters-voice ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
	width: 100%;
	height: 120px;
	background: url(../images/chapter_02/foods/supporters-voice.svg) no-repeat center center/contain;
	color: #0f3778;
}

.supporters-voice ul li:nth-child(even) {
	background: url(../images/chapter_02/foods/supporters-voice_l.svg) no-repeat center center/contain;
}

.supporters-voice ul::before {
	content: "";
	display: block;
	width: 100%;
	height: 120px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/chapter_02/foods/bg_supporters-voice.png) no-repeat bottom center/cover;
}

@media screen and (min-width: 960px) {
	.foods-menu-title {
		width: 30%;
	}

	.foods-menu-item {
		width: 32%;
	}

	.sec-inner.foods-link {
		padding: 0 0 40px 0;
	}

	.foods-link .button-square {
		margin: 0 auto;
	}

	.supporters-voice h3 span.marker {
		font-size: 2.8rem;
	}

	.supporters-voice ul {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		padding: 20px 0 260px 0;
	}

	.supporters-voice ul li {
		width: 24%;
	}

	.supporters-voice ul::before {
		height: 240px;
	}
}

/*.sns-recommend{
  background: url(../images/chapter_02/foods/foods-recommend-cheer_01.png) no-repeat bottom left /contain,url(../images/chapter_02/foods/foods-recommend-cheer_02.png) no-repeat bottom right /contain;
}*/

.foods-menu-title h3 {
	position: relative;
	text-align: left;
	margin: 0;
}

.foods-menu-title h3::before {
	content: url(../images/chapter_02/foods/foods-icon_color.svg);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.foods-menu-title img {
	margin: 0 auto 20px 0;
}

.sns-recommend-bg {
	margin: 0 calc(50% - 50vw);
	padding: 20px calc(50vw - 50%);
	width: 100vw;
	background: #1ca5f3;
}

.sns-recommend-cheer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.button-sns-recommend a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 14px 30px;
	margin-bottom: 20px;
	border-radius: 100vh;
	background: #fff;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
}

.button-sns-recommend a p {
	margin-bottom: 0;
	color: #707070;
}

.button-sns-recommend a p span {
	display: block;
	font-size: 2.2rem;
	font-weight: bold;
}

.sns-recommend .sec-inner {
	padding-bottom: 0;
}

.sns-recommend h5 {
	margin-bottom: 30px;
}

.sns-recommend-bg {
	border-left: none;
}

.sns-recommend-cheer {
	color: #fff;
}

.sns-recommend-cheer span {
	font-size: 2rem;
}

.sns-recommend-cheer p {
	padding: 20px 0 20px 26px;
	line-height: 1.4;
	background: url(../images/common/fukidashi-line_wh_l.svg) no-repeat center left/contain;
}

.sns-recommend-cheer.cheer-right p {
	padding: 20px 26px 20px 0;
	background: url(../images/common/fukidashi-line_wh_r.svg) no-repeat center right/contain;
}

@media screen and (max-width: 959px) {
	.button-sns-recommend a div {
		width: 60px;
	}

	.sns-recommend-cheer div {
		width: 37%;
	}

	.sns-recommend-cheer p {
		width: 63%;
	}
}

@media screen and (min-width: 960px) {
	.sns-recommend-bg {
		padding: 20px calc(50vw - 50%) 0;
	}

	.button-sns-recommend {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 0 auto;
	}

	.button-sns-recommend a {
		width: 390px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 14px 40px;
		margin: 0;
	}

	.button-sns-recommend a:first-of-type {
		margin: 0 10px 0 0;
	}

	.button-sns-recommend a::after {
		width: 80px;
		height: 80px;
		right: -20px;
	}

	.button-sns-recommend a p {
		margin-right: 10px;
	}

	.button-sns-recommend a p span {
		font-size: 2.8rem;
	}

	.sns-recommend-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		position: relative;
		padding: 20px 0 30px 0;
	}

	.sns-recommend-cheer {
		width: 47%;
	}

	.sns-recommend-cheer>div {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.sns-recommend-cheer>div img {
		width: 260px;
	}

	.sns-recommend-cheer p {
		width: 60%;
		margin: 0 0 0 auto;
	}

	.cheer-right>p {
		margin: 0 auto 0 0;
	}

	.cheer-right>div {
		left: auto;
		right: 0;
	}
}

.goods-info {
	position: relative;
}

.goods-info_01,
.goods-info_03,
.goods-info_04 {
	position: relative;
}

.goods-info_01::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: rgba(242, 183, 5, 0.3);
	border-radius: 100%;
	z-index: -1;
}

.goods-info_02 {
	margin-top: -120px;
}

.goods-info_02 img {
	margin: 0 0 0 auto;
}

.goods-info_03 {
	margin-bottom: 120px;
}

.goods-info_03 .photo-flame img {
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.goods-info_03 .photo-caption {
	position: absolute;
	top: -40px;
	left: 0;
}

.goods-info_04.photo-flame img {
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
}

.goods-info_04 .photo-caption {
	position: absolute;
	top: -80px;
	left: 0;
	width: 60%;
}

.goods-info_04 .photo-caption:nth-child(2) {
	left: auto;
	right: 0;
	width: 38%;
}

@media screen and (min-width: 960px) {

	.goods-info_01,
	.goods-info_02 {
		margin-left: auto;
	}

	.goods-info_02 img {
		width: auto;
	}

	.goods-info_03 {
		position: absolute;
		top: 40px;
		left: 0;
	}

	.goods-info_04 {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.goods-info_04 .photo-caption {
		top: -80px;
		left: 20px;
		width: auto;
	}

	.goods-info_04 .photo-caption:nth-child(2) {
		left: auto;
		right: 60px;
		width: auto;
	}
}

.kids {
	position: relative;
	background: url(../images/chapter_02/kids/bg_kids.jpg);
}

.kids::before {
	content: "";
	display: block;
	width: 100%;
	height: 230px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/chapter_02/kids/kids-garland_l.png) no-repeat top left/ 140px, url(../images/chapter_02/kids/kids-garland_r.png) no-repeat top right/ 140px;
	z-index: 2;
}

.kids .sec-fluid {
	position: relative;
}

.kids_01 {
	position: relative;
	margin-bottom: 60px;
}

/*
.kids_01::before {
	content: "";
	display: block;
	position: absolute;
	top: 20%;
	right: 0;
	width: 80px;
	height: 200px;
	background: url(../images/chapter_02/kids/kids-ballon_01.png) no-repeat center/contain;
}
*/
.kids-ticket {
	padding: 2px 0;
}

.kids-ticket .no-ticket {
	padding: 0 0 0 4px;
	font-size: 2.3rem;
	color: #1ca5f3;
}

.kids-ticket .need-ticket {
	padding: 0 0 0 4px;
	font-size: 2.3rem;
	color: #E60011;
}

.kids_02,
.kids_03 {
	position: relative;
	margin-bottom: 40px;
}

/*
.kids_02::before {
	content: "";
	display: block;
	position: absolute;
	top: -60px;
	right: 0;
	width: 80px;
	height: 180px;
	background: url(../images/chapter_02/kids/kids-ballon_02.png) no-repeat top center/contain;
}

.kids_03::before {
	content: "";
	display: block;
	position: absolute;
	top: 10%;
	right: 0;
	width: 270px;
	height: 180px;
	background: url(../images/chapter_02/kids/kids-bird.png) no-repeat center/contain;
}
*/
.kids h4 {
	font-size: 2rem;
	text-align: left;
	color: #ff44a4;
}

.kids .sec-inner {
	padding: 60px 0;
}

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

	.kids_01 div:last-of-type,
	.kids_02 div:last-of-type,
	.kids_03 div:last-of-type {
		margin-top: 20px;
	}

	.kids_01 img,
	.kids_02 img {
		width: 90%;
	}

	.kids h3 {
		font-size: 2rem;
	}
}

@media screen and (min-width: 960px) {
	.kids::before {
		background: url(../images/chapter_02/kids/kids-garland_l.png) no-repeat top left/ 400px, url(../images/chapter_02/kids/kids-garland_r.png) no-repeat top right/ 400px;
	}

	.kids .sec-fluid::before {
		content: "";
		display: block;
		width: 96%;
		height: 92%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		border-top: 1px dashed #707070;
		border-bottom: 1px dashed #707070;
	}

	.kids .sec-inner {
		padding: 80px 0;
	}

	.kids_01::before {
		width: 120px;
		top: -100px;
	}

	.kids_02::before {
		top: -40px;
		right: auto;
		left: 20%;
		width: 120px;
	}

	.kids_03::before {
		top: -100px;
		right: auto;
		left: 0;
		width: 370px;
	}

	.kids_01,
	.kids_02,
	.kids_03,
	.kids-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.kids_01 div:first-of-type {
		width: 34%;
	}

	.kids_01 div:nth-of-type(2) {
		width: 34%;
	}

	.kids_01 div:last-of-type {
		width: 28%;
	}


	.kids_02,
	.kids_03 {
		width: 48%;
	}

	.kids_02 div:not([class]),
	.kids_03 div:not([class]) {
		width: 38%;
	}

	.kids-box-photo {
		width: 60%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

.vport,
.volunteer {
	background: #fffef9;
}

.vport-intro {
	margin-bottom: 40px;
}

.vport h3 {
	display: inline-block;
	padding: 34px 60px 34px 30px;
	text-align: left;
	background: url(../images/chapter_02/vport/bg_vport-title.svg) no-repeat top left / contain;
}

.vport h4 {
	font-size: 2rem;
	text-align: left;
}

.button-square {
	width: 100%;
	max-width: 590px;
	margin-bottom: 30px;
}

.button-square a {
	position: relative;
	display: block;
	width: 100%;
	padding: 16px 30px 16px 16px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	color: #f55faf;
	background: #fff;
	border: 2px solid #0f3778;
	-webkit-box-shadow: 0px 6px 10px #0f37783d;
	box-shadow: 0px 6px 10px #0f37783d;
}

.button-square a::before,
.button-square a::after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 16px;
	background: #0f3778;
}

.button-square a::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
}

.button-square a::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.button-square p {
	margin: 0;
	text-align: left;
	font-size: 1.4rem;
}

.button-square p span {
	display: block;
	color: #0f3778;
	font-size: 2rem;
	font-weight: bold;
}

.button-square.ext-link p span {
	display: inline-block;
	font-size: 2rem;
	line-height: 1.2;
}

.button-square.ext-link p span span {
	font-size: 1.2rem;
}

.vport-content-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.vport-content-list li>div {
	margin-bottom: 10px;
}

.vport-content-list h5 {
	font-size: 2rem;
	font-weight: bold;
	color: #0f3778;
}

@media screen and (min-width: 768px) {
	.vport-content-list li {
		width: 46%;
	}

}

@media screen and (min-width: 960px) {
	.vport h3 {
		padding: 54px 60px 54px 46px;
	}

	.vport-intro {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.vport-intro-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.vport-content-list li {
		width: 22%;
	}

	.button-square a {
		padding: 16px 30px 16px 40px;
	}

	.button-square a::before,
	.button-square a::after {
		width: 20px;
		right: 30px;
	}

	.button-square p {
		font-size: 1.6rem;
	}

	.button-square p span {
		font-size: 2.8rem;
	}

	.button-square.ext-link p span {
		display: block;
		font-size: 2.4rem;
	}

	.button-square.ext-link p span span {
		font-size: 1.4rem;
	}
}

.volunteer-box {
	padding: 60px 0 0 0;
}

.volunteer-title {
	margin-bottom: 80px;
}

.volunteer-action-title {
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: left;
}

.volunteer-action img {
	margin-bottom: 20px;
}

.volunteer-action p {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.volunteer_01 {
	position: relative;
}

.volunteer-staff {
	position: absolute;
	width: 160px;
	height: 160px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: url(../images/chapter_02/volunteer/bg_volunteer_2024.svg) no-repeat center center/contain;
	top: -80px;
	left: 35%;
}

.volunteer-staff p {
	line-height: 1.2;
	text-align: center;
}

.volunteer-staff p span {
	font-size: 2rem;
	color: #0f3778;
}

.volunteer .button-square {
	margin: 0 auto;
}

.photo-has-caption {
	margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
	.volunteer-action {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media screen and (min-width: 960px) {
	.volunteer-title {
		margin-bottom: 60px;
	}

	.volunteer-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 30px 0 0 0;
	}

	.volunteer_01,
	.volunteer_02 {
		width: 48%;
	}

	.volunteer-staff {
		width: 220px;
		height: 220px;
		top: -60px;
	}

	.volunteer-staff p {
		font-size: 2rem;
	}

	.volunteer-staff p span {
		font-size: 2.8rem;
	}
}

.cheer-performance h2 {
	line-height: 1.1;
	margin-bottom: 10px;
}

.cheer-performance_02 {
	margin: 40px 0 60px 0;
}

.performance-text .font-caveat {
	margin-bottom: 40px;
	font-size: 6rem;
	color: rgba(255, 68, 164, 0.6);
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

.cheer-performance_02 ul li {
	position: relative;
	z-index: 2;
	margin: 0 0 20px 0;
}

.cheer-performance_02 ul li::after {
	content: "";
	display: block;
	width: 90%;
	height: 100%;
	position: absolute;
	top: 10px;
	right: 0;
	background: #ffe200;
	z-index: -1;
}

.cheer-others li {
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.cheer-performance_02 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.cheer-performance_02 ul li {
		width: 31%;
	}

	.cheer-performance_02 ul li::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 10px;
		left: 10px;
		right: auto;
		background: #ffe200;
		z-index: -1;
	}

	.cheer-others {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.cheer-others li {
		width: 32%;
	}

}

@media screen and (max-width: 959px) {
	.cheer-performance_02 ul li img {
		width: 100%;
		max-width: 300px;
	}
}

@media screen and (min-width: 960px) {
	.cheer-performance_01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.performance-text .font-caveat {
		margin-bottom: 60px;
		font-size: 8rem;
	}

	.performance-photo {
		width: 66%;
	}

	.performance-text {
		width: 32%;
	}

	.cheer-performance_02 {
		width: 80%;
		margin: 40px 0 60px auto;
	}

	.cheer-performance_02 ul li:first-child::before {
		content: url(../images/chapter_02/cheer-performance/cheer-performance_02_caption.png);
		display: block;
		position: absolute;
		top: 50%;
		left: -120px;
	}
}

.up_01 {
	margin-bottom: 40px;
}

.up_02 li {
	margin-bottom: 30px;
}

@media screen and (min-width: 960px) {
	.up_01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.up_01>div:first-of-type {
		width: 32%;
	}

	.up_01>div:last-of-type {
		width: 66%;
		margin-top: 20px;
	}

	.up_02 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.up_02 ul li {
		width: 32%;
	}

	.up_02 ul li:nth-child(n + 2) {
		margin-top: 30px;
	}
}

.before-match {
	position: relative;
	width: 100%;
	height: 0;
	margin: 0 auto;
	padding-top: 38%;
	background: url(../images/chapter_02/bg_before-match_202505.png) no-repeat center right/80%;
}

.check {
	padding: 40px;
}

.check::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	background: #d9fbff;
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.check div {
	position: relative;
	z-index: 2;
}

.check-title {
	position: absolute;
	top: -45%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.check-cont {
	font-size: 1.8rem;
	text-align: center;
}

.check-cont span {
	padding: 4px 20px;
	background: url(../images/common/check/bg_check-l.svg) no-repeat top left/18px, url(../images/common/check/bg_check_r.svg) no-repeat bottom right/18px;
}

@media screen and (max-width: 959px) {
	.before-match {
		height: 200px;
		margin-bottom: 140px !important;
		padding-top: 38%;
		background-size: cover;
	}

	.check::before {
		content: none;
	}

	.check {
		padding: 20px;
		background: #d9fbff;
	}

	.check-title {
		top: -30%;
	}
}

@media screen and (min-width: 960px) {
	.before-match {
		width: 64%;
	}

	.check {
		position: absolute;
		width: 40%;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.kickoff .sec-mv {
	position: relative;
	height: auto;
	background: url(../images/chapter_02/kickoff/bg_kickoff_top.png) no-repeat top left/cover;
	overflow: visible;
	/*z-index: -1;*/
}

.kickoff .sec-mv::before {
	content: "";
	display: block;
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	-webkit-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	transform: skewY(-4deg);
}

.kickoff h2 {
	position: absolute;
	bottom: 0;
	left: -2%;
	width: 60px;
	z-index: 3;
}

.kickoff .sec-mv>div:first-of-type {
	position: relative;
	margin: 0 0 0 auto;
	padding: 160px 0 0 0;
	z-index: 2;
}

.kickoff .sec-mv>div:first-of-type img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.kickoff .sec-mv>div:last-of-type {
	position: absolute;
	top: 0;
	right: 15px;
	width: 160px;
	z-index: 6;
}

.kickoff_01 {
	position: relative;
	margin: -60px 0 0 0;
}

.kickoff_01::before {
	content: "";
	display: block;
	width: 20%;
	height: 90%;
	position: absolute;
	top: -60px;
	right: 0;
	background: rgba(255, 154, 145, 0.6);
	/*z-index: -1;
  transform: skewY(-4deg);*/
}

.kickoff-img img {
	margin: 0 auto 60px 0;
}

.kickoff_03 .kickoff-img img {
	margin: 0 0 60px auto;
}

.kickoff_01_bottom ul li {
	position: relative;
}

.kickoff h3 {
	text-align: left;
	display: inline-block;
}

.kickoff h3 span {
	display: inline-block;
	margin: 0 0 0 calc(50% - 50vw);
	padding: 20px 60px 20px calc(50vw - 50%);
	font-size: 12rem;
	color: rgba(255, 255, 255, 0.8);
	background: rgba(255, 154, 145, 1);
}

.kickoff_03 h3 span {
	margin: 0 -50vw 0 0;
	padding: 20px calc(50vw - 50%) 20px 60px;
}

.kickoff_02 h3 {
	position: relative;
}

.kickoff_02 h3::before {
	content: "";
	display: block;
	position: absolute;
	top: -280px;
	left: 40px;
	width: 240px;
	height: 280px;
	background: url(../images/chapter_02/kickoff/bg_kickoff-cheer_01.png) no-repeat bottom left/contain;
}

.kickoff_04 {
	margin-bottom: 60px;
}

.kickoff_04 ul {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.kickoff_04 ul::before {
	content: "";
	display: block;
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	width: 100vw;
	height: 40%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255, 154, 145, 0.6);
	z-index: -1;
}

.kickoff_04 ul li {
	width: 100%;
}

.kickoff_04 ul li:first-child {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 60px 0 0 0;
}

.photo-vertical {
	width: 80%;
}

.kickoff-belt {
	background: rgba(255, 154, 145, 0.6);
}

.kickoff .link-button-box {
	padding: 60px 0 40px 0;
}

@media screen and (max-width: 959px) {
	.kickoff {
		padding-bottom: 80px;
	}

	.kickoff_01 .sec-inner {
		padding: 80px 0 40px 0;
	}

	.kickoff-img {
		position: relative;
		height: 250px;
	}

	.kickoff-img img {
		margin: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.kickoff_03 .kickoff-img img {
		margin: 0;
	}

	.kickoff_01_bottom li {
		margin-bottom: 20px;
	}

	.kickoff_04 ul li {
		margin-bottom: 20px;
	}

	.kickoff h3 span {
		display: inline-block;
		margin: 0 0 0 calc(50% - 50vw);
		padding: 20px 60px 20px calc(50vw - 50%);
		font-size: 6rem;
	}

	.kickoff_02 h3::before {
		width: 140px;
	}

	.kickoff_04 ul li:first-child {
		padding: 20px 0 0 0;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 960px) {
	.kickoff h2 {
		bottom: auto;
		top: 123px;
		left: -1%;
		width: auto;
	}

	.kickoff .sec-mv>div:first-of-type {
		width: 80%;
	}

	.kickoff .sec-mv>div:last-of-type {
		right: 40px;
		width: auto;
	}

	.kickoff_01_bottom ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.kickoff_01_bottom ul li {
		width: 32%;
	}

	.kickoff h3 {
		float: left;
		margin-right: 20px;
	}

	.kickoff_03 h3 {
		float: right;
		margin-left: 20px;
	}

	.kickoff-scene p {
		padding: 40px;
	}

	.kickoff_04 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.kickoff_04 ul li {
		width: 32%;
	}

	.kickoff_04 ul li:first-child {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.photo-vertical {
		width: 100%;
	}

	.link-button-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.link-button-box li {
		width: 48%;
	}
}

.kickoff-after h4 {
	font-size: 2rem;
	color: #0f3778;
	text-align: left;
}

.kickoff-after_01>div {
	position: relative;
}

.kickoff-after_01>div>div:first-of-type {
	position: absolute;
	top: -70px;
	right: 0;
}

.kickoff-after_02>div {
	margin-bottom: 20px;
}

.kickoff-after-check {
	position: relative;
}

.kickoff-after-check .check {
	width: 100%;
}

.kickoff-after-check .check::before {
	z-index: -1;
}

.kickoff-after-check .check-title {
	top: -10%;
}

@media screen and (min-width: 960px) {
	.kickoff-after {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-bottom: 280px;
	}

	.kickoff-after_01 {
		width: 58%;
	}

	.kickoff-after_02 {
		width: 40%;
	}

	.kickoff-after h4 {
		font-size: 2.8rem;
	}

	.kickoff-after-check {
		width: 56%;
		margin: 0 auto 0 10px;
	}

	.kickoff-after-check .check {
		padding: 40px 30px;
	}

	.kickoff-after-check .check-title {
		top: -2%;
	}
}

.after-match {
	position: relative;
	background: #dbeffe;
}

.after-match::before {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	top: -50px;
	left: 0;
	z-index: -1;
	background: url(../images/chapter_02/after-match/bg_after-match-top.png) no-repeat bottom center/cover;
}

.after-match h3 {
	display: inline-block;
	color: #0f3778;
}

.after-match h4 {
	padding: 10px 0;
	font-size: 2.2rem;
	color: #0f3778;
	background: url(../images/chapter_02/after-match/bg_after-match-title.svg) no-repeat center center/contain;
}

.button-round a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 14px 20px;
	background: #fff;
	border: 2px solid #0f3778;
	border-radius: 100vh;
	color: #0f3778;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
}

.button-round a::before,
.button-round a::after {
	content: "";
	display: block;
	width: 14px;
	height: 2px;
	position: absolute;
	top: 48%;
	right: 20px;
	background: #0f3778;
}

.button-round a::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
}

.button-round a::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.button-round a p {
	margin: 0;
	color: #0f3778;
}

.after-match ul li>p {
	margin-bottom: 20px;
}

@media screen and (max-width: 959px) {
	.after-match {
		padding-top: 0;
	}

	.after-match .sec-inner {
		padding-top: 0;
	}

	.after-match ul li {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 960px) {
	.after-match::before {
		height: 125px;
		top: -125px;
	}

	.after-match ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.after-match ul li {
		width: 22%;
	}

	.after-match-title {
		position: relative;
		margin: -240px 0 40px 0;
	}

	.after-match-title div:first-of-type {
		position: absolute;
		top: -50%;
		left: 20%;
	}
}

.outro {
	background: url(../images/chapter_02/outro/bg_outro.png) no-repeat top center/cover;
}

.outro .sec-inner {
	position: relative;
	text-align: center;
}

.outro-cheer {
	position: absolute;
	bottom: -80px;
	left: 0;
}

.outro-cheer_02 {
	left: auto;
	right: 0;
}

.button-grad {
	margin: 0 auto;
}

.outro p.font-mplus {
	font-size: 2.4rem;
}

.outro-cheer {
	margin: 0 !important;
}

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

	.outro-cheer,
	.outro-cheer_02 {
		width: 38%;
	}
}

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

	.outro-cheer,
	.outro-cheer_02 {
		width: 20%;
	}

}

@media screen and (max-width: 959px) {
	.outro {
		margin-bottom: 60px;
		padding: 0;
	}

	.outro-cheer {
		position: absolute;
		bottom: -350px;
		left: 0;
	}

	.outro-cheer_02 {
		left: auto;
		right: 0;
	}
}

@media screen and (min-width: 960px) {
	.outro {
		margin-bottom: 80px;
	}

	.outro p.font-mplus {
		font-size: 3.2rem;
	}

	.outro-cheer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: 200px;
	}

	.outro-cheer_01 img:first-of-type {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.outro .button-square {
		position: absolute;
		bottom: -80px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.cheer-member {
	position: relative;
	background: url(../images/chapter_02/cheer-member/bg_cheer-member_l.png);
	background-repeat: no-repeat;
	background-position: center;
}

.cheer-member-title {
	position: relative;
}

.cheer-member h4 {
	font-size: 2.8rem;
}

.cheer-member-title p {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color: rgba(245, 95, 175, 0.2);
	font-size: 3rem;
	white-space: nowrap;
}

.cheer-member-photo {
	padding: 0 0 40px 0;
	text-align: center;
}

.cheer-member-photo img {
	width: 100%;
	max-width: 750px;
}

.cheer-member .cheer-member-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 40px;
}

.cheer-member .cheer-member-list li {
	width: 32%;
	margin: 0 2% 10px 0;
}

@media screen and (max-width: 959px) {
	.cheer-member .cheer-member-list li:nth-child(3n) {
		margin: 0 0 10px 0;
	}
}

@media screen and (min-width: 960px) {
	.cheer-member {
		background: url(../images/chapter_02/cheer-member/bg_cheer-member_l.png), url(../images/chapter_02/cheer-member/bg_cheer-member_r.png);
		background-repeat: no-repeat, no-repeat;
		background-position: -2%, 102%;
	}

	.cheer-member-title p {
		font-size: 8rem;
	}

	.cheer-member .cheer-member-list li {
		width: 12.5%;
		margin: 0 2% 10px 0;
	}

	.cheer-member .cheer-member-list li:nth-child(7n) {
		margin: 0 0 10px 0;
	}

	.cheer-member .cheer-member-list::before {
		content: "";
		display: block;
		width: 12.5%;
		height: 0;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin-right: 2%;
	}

	.cheer-member .cheer-member-list::after {
		content: "";
		display: block;
		width: 12.5%;
		height: 0;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
}

/*--------------------------
|          ヘッダー          |
---------------------------*/
.site-header {
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	background: #f3f3f3;
}

.header-top {
	padding: 1rem 1.5rem;
	background: #fff;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sns-linkbox ul,
.header-main-r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sns-linkbox p {
	margin: 0;
	font-family: "Caveat", cursive;
	font-size: 2rem;
	line-height: 56px;
}

.sns-linkbox ul li {
	margin-left: 14px;
}

.sns-linkbox ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 56px;
	height: 56px;
	/* background: #fffb44; */
	background: rgba(255, 255, 255, .9);
	border-radius: 100%;
}

.sns-linkbox i {
	font-size: 2.6rem;
}

.header-top.sns-linkbox ul li a {
	width: 30px;
	height: 30px;
}

.header-top.sns-linkbox i {
	font-size: 1.8rem;
}

.header-top.sns-linkbox p {
	line-height: 30px;
}

.header-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 1.2rem 1.5rem;
}

.site-logo {
	display: block;
}

.g-nav {
	position: absolute;
	top: 8rem;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1s 0.2s ease;
	-o-transition: all 1s 0.2s ease;
	transition: all 1s 0.2s ease;
}

.g-nav ul {
	padding: 10px 2rem;
	background: #ffdd44;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.g-nav>ul>li {
	font-weight: bold;
}

.sub-menu li {
	font-weight: normal;
}

.sub-menu li a {
	position: relative;
}

.sub-menu li a::before {
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	position: absolute;
	top: 50%;
	right: 0;
	background: #333;
}

.sub-menu li a::after {
	content: "";
	display: block;
	width: 8px;
	height: 1px;
	position: absolute;
	top: 50%;
	right: 0;
	background: #333;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
}

.g-nav a {
	display: block;
	width: 100%;
	padding: 1.4rem;
	font-size: 1.8rem;
}

.g-nav.open {
	opacity: 1;
	visibility: visible;
}

.g-nav.open ul {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.hamburger {
	position: relative;
	width: 4rem;
	height: 5.6rem;
	margin: 0 0 0 4rem;
	cursor: pointer;
}

.hamburger span {
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #333;
	-webkit-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

.hamburger span:nth-child(2) {
	top: 1.5rem;
}

.hamburger span:nth-child(3) {
	top: 3rem;
}

.hamburger p {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	font-size: 1.2rem;
	text-align: center;
}

.hamburger.open span:first-child {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.hamburger.open span:nth-child(2) {
	visibility: hidden;
}

.hamburger.open span:nth-child(3) {
	top: 2.8rem;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

.hamburger.open p {
	display: none;
}

@media screen and (max-width: 959px) {
	.g-nav {
		top: 6.9rem;
	}

	.header-main .sns-linkbox ul li {
		margin-left: 6px;
	}

	.header-main .sns-linkbox ul li:first-child {
		margin-left: 0;
	}

	.header-main .sns-linkbox ul li a {
		width: 30px;
		height: 30px;
	}

	.header-main .sns-linkbox ul li a img {
		width: 20px;
		height: auto;
	}

	.sns-linkbox p {
		font-size: 1.6rem;
		line-height: 1.2;
	}

	.header-main .sns-linkbox ul li a i {
		font-size: 1.8rem;
	}

	.header-main {
		padding: 1rem;
	}

	.site-logo img {
		width: 120px;
	}

	.hamburger {
		width: 3rem;
		height: 4.4rem;
		margin: 0 0 0 1rem;
	}

	.hamburger span:nth-child(2) {
		top: 1rem;
	}

	.hamburger span:nth-child(3) {
		top: 2rem;
	}

	.hamburger p {
		font-size: 1rem;
	}

	.hamburger.open span:first-child {
		top: 1rem;
	}

	.hamburger.open span:nth-child(3) {
		top: 3rem;
	}
}

@media screen and (min-width: 960px) {
	.header-main {
		max-width: 1200px;
		padding: 1.2rem 0;
	}

	.sns-linkbox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.header-main .sns-linkbox ul li a img {
		width: 28px;
	}

	.g-nav ul {
		padding: 14px 4rem;
	}

	.sub-menu li a {
		display: inline-block;
		width: 400px;
	}
}



/*--------------------------
|          フッター          |
---------------------------*/
.sns-sharebox {
	padding: 2rem 0 6rem 0;
	text-align: center;
}

.sns-sharebox ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sns-sharebox ul li {
	margin: 0 1rem;
}

.sns-sharebox ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 56px;
	height: 56px;
	background: #707070;
	border-radius: 100%;
}

.sns-sharebox i {
	font-size: 2.6rem;
	color: #fff;
}

.footer-bottom {
	padding: 2rem 1.5rem;
	text-align: center;
	font-weight: bold;
	background: #f3f3f3;
}

/*--------------------------
|       topに戻るボタン       |
---------------------------*/
.top-btn {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 6rem;
	height: 6rem;
	background: #ffdd44;
	border-radius: 100%;
	cursor: pointer;
	z-index: 99;
}

.top-btn i {
	font-size: 2.2rem;
	color: #fff;
}

.top-btn:hover {
	opacity: 0.7;
}

/*--------------------------
| indexページ kv動画
---------------------------*/
.kv-movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}

/*
.kv-movie::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	z-index: 1;
}
*/
.kv-movie video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kv-inner {
	position: relative;
}

.bg-title {
	position: absolute;
	left: -40px;
	bottom: 60px;
}

@media print,
(min-width: 768px) {
	.kv-movie {
		padding-top: 54%;
	}
}

/*--------------------------
| キュンですランキング
---------------------------*/
@media screen and (min-width: 768px) {
	.team-rank-question>ul.q2-list li {
		width: 21%;
	}

	.team-rank-question>ul.q2-list li:first-child {
		width: 32%;
	}

	.team-rank-question>ul.q2-list li:nth-child(n+2) .player-rank {
		padding: 14px 10px;
	}
}

/*=======================================================
| 2024追加・更新
=======================================================*/
/*--------------------------
| チーム
---------------------------*/
.common-list li {
	position: relative;
	padding: 4px 0 4px 16px;
}

.common-list li::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 11px;
	left: 0;
	background: #fd4;
	border-radius: 50%;
}

.team-outline {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	background: #fff;
	border-radius: 40px;
}

.team-outline h3 {
	position: relative;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px;
	background: #ffdd44;
	border: 1px solid #333;
}

.team-outline h3::before {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #ffdd44;
}

.team-outline h3::after {
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	background: #333;
	-webkit-transform: rotate(125deg);
	-ms-transform: rotate(125deg);
	transform: rotate(125deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.team-outline>div:nth-of-type(even) h3,
.team-outline>div:nth-of-type(even) h3::before {
	background: #b2e2ff;
}

.team-outline h4 {
	color: #0f3778;
}

.team-outline h4 span {
	display: inline-block;
	font-size: 2.4rem;
}

.team-outline h5 {
	color: #333;
}

.team-outline>div:nth-of-type(n+2) {
	margin: 80px 0 0 0;
}

.team-outline>div:nth-last-of-type(-n+2) {
	margin: 0;
}

.team-outline>div>div {
	margin: 60px auto 0 auto;
	max-width: 840px;
}

.team-outline>div>div:first-of-type {
	margin-top: 40px;
}

.team-thumb {
	margin: 40px auto;
}

.logo-30th {
	width: 60%;
	max-width: 280px;
}

@media print,
(min-width: 768px) {
	.team-outline {
		padding-left: 40px;
		padding-right: 40px;
	}

	.team-outline h4 span {
		font-size: 3.2rem;
	}

	.team-outline>div:nth-of-type(n+2) {
		margin: 100px 0 0 0;
	}

	.team-outline>div:nth-last-of-type(-n+2) {
		margin: 0;
	}

	.team-outline>div>div {
		margin: 80px auto 0 auto;
	}

	.team-outline>div>div:first-of-type {
		margin-top: 60px;
	}

	.team-thumb {
		margin: 60px auto;
	}
}

@media screen and (min-width: 1200px) {
	.team-outline {
		padding-left: 60px;
		padding-right: 60px;
	}
}

/*ピックアップ選手*/
.pickup-player {
	margin: 40px auto;
}

.player-slider li.slick-slide {
	padding: 0 10px;
}

.player-profile {
	padding: 20px 0 0 0;
}

.player-profile ul {
	display: flex;
	flex-wrap: wrap;
}

.player-profile ul li {
	width: 100%;
}

.player-profile ul li:first-child {
	font-weight: bold;
	font-size: 2.4rem;
}

.player-profile ul li:nth-child(n+2) {
	margin: 8px 0 0;
}

.player-profile ul li>span:first-of-type {
	display: inline-block;
	padding: 2px 8px;
	margin-right: 6px;
	font-size: 1.4rem;
	color: #fff;
	border-radius: 100vh;
	background: #0f3778;
}

.player-profile ul li span.miyagi {
	font-weight: bold;
}

.player-profile ul li p {
	margin: 8px 0 0 0;
	line-height: 1.4;
}

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

@media print,
(min-width: 768px) {
	.pickup-player {
		/* margin: 40px auto; */
		max-width: 480px;
	}

	.player-profile ul li.birthday,
	.player-profile ul li.physical {
		width: 50%;
	}

}

/*--------------------------
| チケット取扱店
---------------------------*/
.ticket-sales-guide .ticket-sales-list li {
	padding-bottom: 80px;
}

.ticket-sales-guide .ticket-sales-list li .button-round {
	top: auto;
	left: auto;
	bottom: 0;
	transform: none;
	width: 100%;
}

.ticket-sales-guide .ticket-sales-list li {
	white-space: normal;
}

.ticket-sales-list .sales-cat {
	padding-right: 6px;
	padding-left: 40px;
}

.ticket-sales-list .sales-cat span:nth-of-type(2) {
	font-size: 1.2rem;
}

.ticket-status {
	margin: 20px 0 0 0;
}

.ticket-status span {
	display: inline-block;
	padding: 4px 8px;
	margin: 0 4px 8px 0;
	font-size: 1.4rem;
	line-height: 1.2;
	background: #0f3778;
	color: #fff;
	border-radius: 4px;
}

.ticket-status span.limited {
	background: #E60111;
	font-weight: bold;
}

.ticket-status p {
	margin: 10px 0 0 0;
	font-size: 1.4rem;
	line-height: 1.2;
}

@media print,
(min-width: 768px) {
	.ticket-sales-guide .ticket-sales-list li {
		width: 23.5%;
	}
}

/*--------------------------
| 会場までのアクセス
---------------------------*/
#access .chapter_01-title {
	background: url(../images/chapter_01/access/title_04.jpg) no-repeat top center/cover;
}

.yurtec-stadium {
	padding-top: 40px;
}

.yurtec-stadium-inner {
	padding-top: 40px;
}

.stadium-photo {
	margin: 20px 0;
}

.stadium-info {
	margin: 60px 0;
}

.stadium-info h4 {
	text-align: left;
}

.stadium-info h4 span {
	display: inline-block;
}

.area-map {
	margin-left: auto;
	margin-right: auto;
}

.subway-flow {
	margin: 30px 0 20px 0;
}

.subway-flow li:nth-child(odd) {
	padding: 12px 15px;
	font-weight: bold;
	/* color: #0f3778; */
	background: #b2e2ff;
	;
	border-radius: 100vh;
}

.subway-flow li:last-child {
	background: #fd4;
	font-size: 1.8rem;
}

.subway-flow li:nth-child(even) {
	position: relative;
	padding: 20px 0 20px 60px;
	font-weight: bold;
	color: #0f3778;
}

.subway-flow li:nth-child(even) span {
	font-size: 2rem;
}

.subway-flow li:nth-child(even)::before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 36px;
	border-left: 2px dashed #0f3778;
}

.access-notes {
	margin: 30px 0 0 0;
}

.access-notes li {
	padding: 2px 0 2px 1em;
	text-indent: -1em;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.area-map {
		max-width: 280px;
	}

	.stadium-info>div:nth-of-type(n+2) {
		margin-top: 60px;
	}
}

@media print,
(min-width: 768px) {
	.stadium-photo {
		margin: 40px 0;
	}

	.stadium-info {
		margin: 80px 0;
	}

	.yurtec-stadium-inner>p {
		text-align: center;
	}

	.stadium-info {
		position: relative;
	}

	.stadium-info>div {
		width: 48%;
	}

	.subway-flow li:nth-child(odd) {
		padding: 15px 20px;
		font-size: 2rem;
	}

	.stadium-info h5 {
		text-align: left;
	}

	.stadium-info>div.area-map {
		position: absolute;
		top: 0;
		right: 0;
	}

	.subway {
		margin-top: 60px;
	}

	.stadium-info>div.area-map img {
		max-width: 380px;
	}
}

/*--------------------------
| ユアスタに到着したら
---------------------------*/
.arrival {
	padding-top: 0;
}

.arrival-inner h3 {
	position: relative;
	display: inline-block;
	padding: 0px 20px 10px 20px;
	z-index: 1;
	background: #fffb44;
	border-radius: 20px;
}

.arrival-inner h3 span:first-of-type {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	display: inline-block;
	padding: 0 30px;
	background: url(../images/common/double-line_small_l.svg) no-repeat bottom left/24px, url(../images/common/double-line_small_r.svg) no-repeat bottom right/24px;
	font-size: 1.8rem;
}

.arrival-inner h4 {
	margin-bottom: 40px;
	text-align: left;
}

.admission-flow {
	margin-top: 60px;
}

.admission-flow>div:nth-of-type(n+2) {
	margin-top: 60px;
}


@media print,
(min-width: 768px) {
	.admission-flow>div:nth-of-type(n+2) {
		margin-top: 80px;
	}

	.arrival-inner h3 {
		padding: 0px 40px 10px 40px;
	}

	.arrival-inner h3 span:first-of-type {
		top: -10px;
		padding: 0 40px;
		font-size: 2.4rem;
	}
}

.entrance-gate>div {
	margin-top: 40px;
}

.entrance-gate h5 {
	text-align: left;
}

.entrance-gate h5 span:not([class]),
.stand h5 span:not([class]) {
	font-size: 80%;
}

/*ゲート運用*/
.gate-list {
	margin: 30px 0;
}

.gate-list>p {
	color: #f4a000;
	font-weight: bold;
	text-align: right;
}

.gate-list dl dt {
	position: relative;
	padding: 8px 40px 8px 54px;
	background: #f4a000;
	color: #fff;
	border-radius: 6px;
	transition: all .3s ease;
}

.gate-list dl dt:nth-of-type(n+2) {
	margin-top: 8px;
}

.gate-list dl dt span {
	position: absolute;
	top: 8px;
	left: 10px;
	display: inline-block;
	padding: 0 4px;
	font-weight: normal;
	font-size: 1.4rem;
	background: #fff;
	color: #f4a000;
}

.gate-list dl dt::before {
	content: "＋";
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 3rem;
	line-height: 1;
	transition: all .3s ease;
	transform: translateY(0);
}

.gate-list dl dt.open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.gate-list dl dt.open::before {
	transform: rotate(45deg);
}

.gate-list dl dd {
	padding: 20px 10px;
	border-radius: 0 0 6px 6px;
	background: #fff8ea;
	display: none;
}

.gate-list dl dd table {
	width: 100%;
}

.gate-list dl table th,
.gate-list dl table td {
	padding: 2px 4px;
	border: 1px solid #ccc;
	text-align: center
}

.gate-list dl table th {
	width: 20%;
	background: #f4f4f4;
}

.gate-list dl table td {
	background: #fff;
}

.seat-num .button-square {
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
	.stand-flex>div:nth-of-type(n+2) {
		margin-top: 30px;
	}
}

@media print,
(min-width: 768px) {
	.gate-list dl dt {
		padding: 15px 80px;
		border-radius: 10px;
		font-size: 2rem;
	}

	.gate-list dl dt span {
		padding: 0 8px;
		top: 17px;
		left: 20px;
		font-size: 1.6rem;
	}

	.gate-list dl dt::before {
		top: 12px;
		right: 20px;
		font-size: 4rem;
	}

	.gate-list dl dd {
		padding: 30px 40px;
		border-radius: 0 0 10px 10px;
	}

}

.stand>div:nth-of-type(n+2) {
	margin-top: 60px;
}

.stand h5 {
	text-align: left;
}

.stand-flex {
	margin: 30px 0;
}

@media print,
(min-width: 768px) {
	.stand-flex {
		display: flex;
		justify-content: space-between;
	}

	.stand-flex>div {
		width: 48%;
	}

	.stand>div:nth-of-type(n+2) {
		margin-top: 80px;
	}
}

/*--------------------------
| SNS投稿ガイドライン
---------------------------*/
.snsguideline-inner {
	padding-bottom: 80px;
}

.snsguideline-inner h3 {
	float: none;
	position: relative;
	display: inline-block;
	padding: 12px 20px;
	margin-bottom: 0;
	background: #fd4;
	border-radius: 100vh;
}

.snsguideline-inner .button-square {
	margin: 0 auto;
}

.guideline-chart {
	margin: 40px 0;
}

@media print,
(min-width: 768px) {
	.snsguideline-inner {
		padding-bottom: 120px;
	}

	.snsguideline-inner h3 {
		padding: 12px 60px;
	}

	.guideline-chart {
		margin: 60px 0;
	}
}

/*--------------------------
| スタジアムグルメ
---------------------------*/
.info-garelly li img {
	border: 10px solid #fff;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
}

.info-garelly li:first-child {
	transform: rotate(356deg);
}

.info-garelly li:last-child {
	transform: rotate(4deg);
}

.info-flex>div img {
	border-radius: 20px;
}

@media screen and (max-width: 767px) {
	.info-flex>div {
		margin-bottom: 40px;
	}

	.info-garelly li {
		width: 85%;
	}

	.info-garelly li:nth-child(even) {
		margin-left: auto;
	}

	.info-garelly li:nth-child(n+2) {
		margin-top: -30px;
	}
}

@media print,
(min-width: 768px) {
	.info-flex {
		display: flex;
		justify-content: space-between;
	}

	.info-flex>div {
		width: 50%;
	}

	.info-flex>p {
		width: 44%;
		margin-top: 40px;
	}

	.info-garelly {
		display: flex;
		justify-content: space-between;
		margin-top: 40px;
	}

	.info-garelly li {
		width: 31%;
	}

	.info-garelly li:nth-child(2) {
		margin-top: 30px;
	}
}

@media print,
(min-width: 768px) {
	.goods .info-flex>div {
		order: 1;
	}
}

/*--------------------------
| キッズコンテンツ
---------------------------*/
.kids-others {
	display: flex;
	flex-wrap: wrap;
}

.kids-others li h4 span {
	display: block;
	font-size: 80%;
}

@media screen and (max-width: 767px) {
	.kids-others li {
		width: 64%;
	}

	.kids-others li:first-child {
		width: 100%;
	}

	.kids-others li:nth-child(2) {
		margin-top: 20px;
	}

	.kids-others li:nth-child(n+3) {
		margin-top: -10px;
	}

	.kids-others li:nth-child(even) {
		margin-left: auto;
	}
}

@media print,
(min-width: 768px) {
	.kids-others {
		justify-content: space-between;
		margin-bottom: 60px;
	}

	.kids-others li {
		width: 23%;
	}
}

/*--------------------------
| レイアウト調整など
---------------------------*/
a.text-link {
	text-decoration: underline;
}

.stadium-area {
	padding-bottom: 0;
}

.schedule .sec-inner {
	padding-bottom: 80px;
}

.kickoff-inner .link-button-box {
	padding-bottom: 0;
}

.after-match {
	margin-top: 80px;
}

.after-match li h4 {
	margin-top: 20px;
}

/* .foods .sec-mv-img {
	background: url(../images/chapter_02/foods/bg_foods-mv_202503.jpg) no-repeat center left/cover;
}

.goods .sec-mv-img {
	background: url(../images/chapter_02/goods/bg_goods-mv_2024.jpg) no-repeat center left/cover;
} */

.up .sec-mv-img {
	background: url(../images/chapter_02/up/bg_up_top_202503.jpg) no-repeat center right/cover;
}

.goods-item {
	padding-bottom: 0;
}

.goods-supporter .sec-inner {
	padding-top: 40px;
}

.goods-supporter h3 {
	margin-bottom: 40px;
}

@media print,
(min-width: 768px) {

	.chapter_01-title .sec-inner,
	.chapter_02-title .sec-inner,
	.chapter_03-title .sec-inner,
	.chapter_04-title .sec-inner {
		padding: 80px 0;
	}

	.schedule .sec-inner {
		padding-bottom: 120px;
	}

	.after-match {
		margin-top: 240px;
	}

	.after-match ul {
		margin-top: 60px;
	}

	.goods-supporter .sec-inner {
		padding-top: 0;
	}
}

/*--------------------------
| キャッシュレス
---------------------------*/
.sec-cashless {
	padding: 0;
}

.sec-cashless .sec-inner {
	position: relative;
}

.sec-cashless .cashless-mascot {
	position: absolute;
	bottom: 0;
	margin: 0;
}

.cashless-mascot.vegatta {
	left: 0;
}

.cashless-mascot.ltaana {
	right: 0;
}

.cashless-main {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.text-indent {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.cashless-type {
	margin: 40px auto;
	max-width: 960px;
}

.cashless-type dt {
	padding: 4px 15px;
	margin: 0 0 20px 0;
	background: #1ca5f3;
	font-size: 2rem;
	text-align: center;
	color: #fff;
	border-radius: 100vh;
}

.cashless-type dd li {
	position: relative;
	padding: 0 0 0 16px;
}

.cashless-type dd li::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 8px;
	left: 0;
	background: #1ca5f3;
	border-radius: 50%;
}

.cashless-type dd li:nth-child(n+2) {
	margin: 10px 0 0 0;
}

.cashless-type dd li span {
	display: block;
	font-weight: bold;
	color: #1ca5f3;
}

@media screen and (max-width: 767px) {
	.sec-cashless .sec-inner {
		padding-bottom: 160px;
	}

	.sec-cashless .cashless-mascot {
		width: 50%;
		max-width: 200px;
	}
}

@media print,
(min-width: 768px) {
	.sec-cashless .sec-inner {
		padding-bottom: 280px;
	}

	.sec-cashless .cashless-mascot {
		width: 30%;
		max-width: 300px;
	}
}

.sec-cashless .button-square,
#goods-shop .button-square {
	margin-left: auto;
	margin-right: auto;
}

.cashless-info {
	margin: 20px 0;
}

.button-square.cashless {
	margin-top: 20px;
}

@media print,
(min-width: 768px) {
	.cashless-info {
		text-align: center;
	}
}

.cashless-announce {
	margin-top: 30px;
}

.clashless-banner-box {
	max-width: 480px;
	margin: 0 auto;
}

.clashless-banner-box a {
	display: block;
}

.clashless-banner-box a span {
	display: block;
	margin: 8px 0 0 0;
	text-align: center;
	text-decoration: underline;
}

/*--------------------------
| 2025 追加コンテンツ
---------------------------*/
.spinoff-sec {
	margin: 30px 0 0 0;
}

.spinoff-banner-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.spinoff-banner-box>div a {
	display: block;
	position: relative;
}

.spinoff-banner-box>div.new a::before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -6px;
	left: -7px;
	background: url(../images/spinoff/icon_new.png) no-repeat center center/contain;
}

.spinoff-banner-box>div a img {
	border-radius: 10px;
}

@media screen and (max-width: 767px) {
	.spinoff-banner-box>div {
		width: 100%;
	}

	.spinoff-banner-box>div:nth-child(n+2) {
		margin: 20px 0 0 0;
	}
}

@media print,
(min-width: 768px) {
	.spinoff-banner-box>div {
		width: 32%;
	}

	.spinoff-banner-box>div:nth-child(n+2) {
		margin: 0 0 0 2%;
	}

	.spinoff-banner-box>div.new a::before {
		width: 80px;
		height: 80px;
		top: -8px;
		left: -9px;
	}
}

.index-sec.sec-common {
	margin-top: 60px;
}

.index-sec h2 {
	font-size: 2.6rem;
}

@media print,
(min-width: 768px) {
	.index-sec h2 {
		font-size: 3.2rem;
	}
}

/*--------------------------
| 2025 Qスタ版
---------------------------*/
body.index.qsta {
	background: #ffe200;
}

body.index.qsta .top-btn {
	background: #707070;
}

@media screen and (max-width: 767px) {
	.text-sp-left {
		text-align: left !important;
	}
}

.qsta .footer-nav {
	padding: 60px 20px 30px 20px;
	background: url(../images/index/bg_qsta-footer-nav.png) no-repeat top center/cover;
}

.qsta .access-list,
.access-list {
	margin: 30px 0;
}

.qsta .accordion-list dt,
.accordion-list dt {
	position: relative;
	padding: 8px 40px 8px 16px;
	background: #f4a000;
	color: #fff;
	border-radius: 6px;
	transition: all 0s ease;
	cursor: pointer;
}

.qsta .accordion-list dt:nth-of-type(n+2),
.accordion-list dt:nth-of-type(n+2) {
	margin-top: 8px;
}

.qsta .accordion-list dt::before,
.accordion-list dt::before {
	content: "＋";
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	font-size: 3rem;
	line-height: 1;
	transition: all .1s ease;
	transform: translateY(-50%);
}

.qsta .accordion-list dt.open,
.accordion-list dt.open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.qsta .accordion-list dt.open::before,
.accordion-list dt.open::before {
	transform: translateY(-50%) rotate(45deg);
}

.qsta .accordion-list dd,
.accordion-list dd {
	padding: 20px 10px;
	margin-top: -10px;
	border-radius: 0 0 6px 6px;
	/* background: #fff8ea; */
	background: #fff;
	display: none;
	border: 2px solid #f4a000;
	border-top: none;
}

@media print,
(min-width: 768px) {

	.qsta .accordion-list dt,
	.accordion-list dt {
		padding: 15px 80px 15px 20px;
		border-radius: 10px;
		font-size: 2rem;
	}

	.qsta .accordion-list dt::before,
	.accordion-list dt::before {
		right: 20px;
		font-size: 4rem;
	}

	.qsta .accordion-list dd,
	.accordion-list dd {
		padding: 30px 20px;
		border-radius: 0 0 10px 10px;
	}

}

.qsta .access-list .accordion-list dt {
	display: flex;
	align-items: center;
}

.qsta .access-list .accordion-list dt img {
	display: inline-block;
	width: 40px;
	margin: 0 6px 0 0;
}

.qsta .access-list .accordion-list dd img {
	margin: 0 auto;
}

.qsta .access-list .accordion-list dd>div:nth-child(n+2),
.qsta .access-list .accordion-list dd>ul:nth-child(n+2) {
	margin: 20px 0 0 0;
}

.qsta .access-list .accordion-list dd a.text-link {
	font-weight: bold;
	color: #187fc3;
}

/* .access-point-list {
	padding: 15px;
	background: #fff;
} */

.qsta .access-point-list li {
	position: relative;
	padding: 4px 0 4px 18px;
	line-height: 1.4;
}

.qsta .access-point-list li::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 9px;
	left: 0;
	background: #f4a000;
	border-radius: 50%;
}

.text-red {
	color: #E60111;
}

.qsta .access-list .accordion-list dd .button-round {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
	.qsta .access-list .accordion-list dt img {
		width: 28px;
	}
}

@media print,
(min-width: 768px) {
	.qsta .access-list .accordion-list dd img {
		max-width: 680px;
	}
}

/*会場までのアクセス*/
.qsta-access {
	background: #fffce4;
}

.qsta-access-cont {
	padding: 40px 0;
}

.qsta-access-caution {
	padding: 10px 15px;
	background: #fff;
	border: 3px solid #E60011;
}

.qsta-access-caution p {
	margin: 0;
	font-weight: bold;
	font-size: 1.8rem;
	color: #E60111;
}

.qsta-access .button-square {
	margin-left: auto;
	margin-right: auto;
}

.qsta-access .qsta-access-chart {
	margin: 0 0 20px 0;
	padding: 10px 0;
	background: #fff;
}

.qsta-access-info li {
	position: relative;
	padding: 0 0 0 86px;
}

.qsta-access-info li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
}

@media screen and (max-width: 767px) {
	.qanda-stadium .area-map {
		max-width: 100%;
	}

}

@media print,
(min-width: 768px) {
	.qsta-access-caution p {
		text-align: center;
		font-size: 2.4rem;
	}

}

@media screen and (max-width: 1199px) {
	.qsta-access-info li:nth-child(n+2) {
		margin: 8px 0 0 0;
	}
}

@media print,
(min-width: 1200px) {
	.qsta-access-info li {
		display: inline-block;
	}

	.qsta-access-info li:nth-child(n+2) {
		margin: 0 0 0 10px;
	}
}

/*座席の探し方*/
@media print,
(min-width: 768px) {
	.concourse {
		width: 80%;
		max-width: 380px;
	}
}

/* .qsta-arrival {
	background: #f4f4f4;
} */

/*--当日編背景画像--*/
.qsta .foods .sec-mv-img {
	background: url(../images/chapter_02/foods/bg_foods-mv_202503.jpg) no-repeat center left/cover;
}

.qsta .goods .sec-mv-img {
	background: url(../images/chapter_02/goods/bg_goods-mv_202503.jpg) no-repeat center left/cover;
}

.qsta .cheer-performance .sec-mv-img {
	background: url(../images/chapter_02/cheer-performance/bg_cheer-performance_top_202503.jpg) no-repeat center center/cover;
}

.qsta .up .sec-mv-img {
	background: url(../images/chapter_02/up/bg_up_top_202503.jpg) no-repeat center center/cover;
}

.qsta .starting-member .sec-mv-img {
	background: url(../images/chapter_02/starting-member/starting-member_top_202503.jpg) no-repeat center center/cover;
}

/*--ボランティア--*/
.qsta .volunteer-staff {
	width: 160px;
	height: 160px;
	background: url(../images/chapter_02/volunteer/bg_volunteer.svg) no-repeat center center/contain;
	top: -60px;
	left: 10px;
}

@media print,
(min-width: 768px) {
	.qsta .volunteer-staff {
		width: 220px;
		height: 220px;
	}
}

/*--帰り--*/
.qsta .outro {
	background: url(../images/chapter_02/outro/bg_qsta-outro.png) no-repeat top center/cover;
}

/*原稿待ち*/
.stand-by {
	position: relative;
}

.stand-by::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .4);
}

/*--------------------------
| 番外編コンテンツ
---------------------------*/
.sec-spinoff {
	padding-top: 60px;
}

.spinoff-sec-inner {
	padding-top: 0;
}

.spinoff-mv {
	margin-bottom: 60px;
	border-radius: 16px;
	overflow: hidden;
}

.spinoff-mv h1 {
	margin: 0;
}

.sec-spinoff h2 {
	margin: 0 0 60px 0;
	font-size: 3.2rem;
}

@media print,
(min-width: 768px) {
	.sec-spinoff h2 {
		margin: 0 0 80px 0;
		font-size: 4rem;
	}
}

/*--------------------------
| よくあるご質問
---------------------------*/
/*レイアウト*/
.sec-faq {
	padding-top: 60px;
}

.faq-sec-inner {
	padding-top: 0;
}

.faq-sec-inner>div {
	margin: 0;
}

.faq-sec-inner>div:nth-child(n+3) {
	padding-top: 69px;
	margin-top: -69px;
}

.faq-cat-inner {
	padding: 60px 0 0 0;
}

@media print,
(min-width: 960px) {
	.faq-sec-inner>div:nth-child(n+3) {
		padding-top: 80px;
		margin-top: -80px;
	}
}

/*メイン画像*/
.faq-mv {
	border-radius: 16px;
	overflow: hidden;
}

.sec-faq h1 {
	margin: 0;
}

/*見出し*/
.sec-faq h2 {
	padding: 0 0 8px 0;
	text-align: left;
	font-size: 2.4rem;
	color: #0f3778;
	border-bottom: 2px solid #0f3778;
}

@media print,
(min-width: 960px) {
	.sec-faq h2 {
		margin: 0 0 40px 0;
		font-size: 3rem;
	}
}

/*ナビ*/
.faq-nav {
	padding: 40px 0 0 0;
}

.faq-link {
	position: relative;
	flex-wrap: wrap;
}

.faq-link::before,
.faq-link::after {
	content: "";
	display: block;
	width: 23.5%;
	height: 0;
}

.faq-link::before {
	order: 1;
}

.faq-link li {
	margin-bottom: 10px;
}

@media screen and (max-width: 959px) {
	.faq-link li a {
		padding: 10px 16px;
	}
}

@media print,
(min-width: 960px) {
	.faq-nav {
		padding: 40px 0 20px 0;
	}
}

/*回答*/
.faq-list .ext-link-box,
.faq-list .img-box {
	margin: 20px 0 0 0;
}

.faq-list .ext-link-box>div:nth-child(n+2),
.faq-list .img-box>div:nth-child(n+2) {
	margin: 6px 0 0 0;
}

.faq-list .ext-link-box a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 24px;
	color: #0f3778;
}

.faq-list .ext-link-box a::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url(../images/spinoff/icon_external-link.svg) no-repeat center center/contain;
}

/*--------------------------
| 出身校が同じ選手
---------------------------*/
.sec-school h3 {
	margin: 120px 0 60px 0;
	font-size: 3.2rem;
}

.schoolmate-block>div:nth-child(n+2) {
	margin: 100px 0 0 0;
}

.schoolmate-list {
	display: flex;
	flex-wrap: wrap;
}

.school-name {
	position: relative;
	margin: 0 0 60px 0;
	text-align: center;
}

.school-name::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: -16px;
	left: 50%;
	transform: translateX(-50%);
	border-style: solid;
	border-width: 18px 10px 0 10px;
	border-color: #1ca5f3 transparent transparent transparent;
}

.school-name>div {
	display: inline-block;
	padding: 15px 30px;
	background: #1ca5f3;
	border-radius: 10px;
	color: #fff;
}

.school-name h4 {
	margin: 0;
}

.school-name h4 span {
	font-size: 2.8rem;
}

.school-name h4 span span {
	font-size: 70%;
}

.school-name .zaiseki {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 2px 16px;
	background: #fffb44;
	color: #333;
	/* color: #E60111; */
	font-weight: bold;
	/* border: 2px solid #E60011; */
	border-radius: 100vh;
}

.schoolmate-list .img-box {
	position: relative;
	padding: 0 20% 10% 0;
}

.schoolmate-list .img-box img:nth-of-type(2) {
	position: absolute;
	bottom: 0;
	right: -5%;
	width: 50%;
	border-radius: 50%;
	border: 3px solid #ccc;
}

.schoolmate-list .text-box {
	margin: 20px 0 0 0;
	text-align: center;
}

.schoolmate-list .text-box p {
	margin: 0 0 4px 0;
}

.schoolmate-list .text-box p:first-of-type {
	font-size: 2rem;
	font-weight: bold;
}

.schoolmate-list .text-box p:nth-of-type(3) {
	font-weight: bold;
	font-size: 1.8rem;
	color: #1ca5f3
}

.schoolmate-list .text-box p:nth-of-type(3) span {
	display: inline-block;
	padding: 0 8px;
	margin: 0 10px 0 0;
	background: #fffb44;
	border-radius: 100vh;
	font-size: 1.4rem;
	color: #000;
}

@media screen and (max-width: 767px) {
	.schoolmate-list {
		justify-content: space-between;
	}

	.schoolmate-list li {
		width: 48%;
	}

	.schoolmate-list li:nth-child(n+3) {
		margin: 16px 0 0 0;
	}
}

@media print,
(min-width: 768px) {
	.sec-school h3 {
		font-size: 3.6rem;
	}

	.schoolmate-block>div:nth-child(n+2) {
		margin: 120px 0 0 0;
	}

	.schoolmate-list {
		justify-content: center;
	}

	.schoolmate-list li {
		width: 28%;
		margin: 0 2%;
	}

	.school-name>div {
		padding: 15px 60px;
		border-radius: 16px;
	}

	.school-name h4 span {
		font-size: 4.8rem;
	}

	.schoolmate-list .img-box {
		padding: 0 20% 5% 0;
	}

	.schoolmate-list .img-box img:nth-of-type(2) {
		width: 45%;
	}

	.schoolmate-list .text-box p:first-of-type {
		font-size: 2.2rem;
	}

	.schoolmate-list .text-box p:nth-of-type(3) {
		font-size: 2rem;
	}
}

.schoolmate-interview {
	margin: 60px 0 0 0;
}

.schoolmate-interview>div:nth-child(n+2) {
	margin: 60px 0 0 0;
}

.interview-block>div:nth-child(n+2) {
	margin: 40px 0 0 0;
}

.schoolmate-interview h5 {
	padding: 0 0 8px 0;
	text-align: left;
	font-size: 2.4rem;
	/* color: #0f3778; */
	/* border-bottom: 2px solid #0f3778; */
	border-bottom: 2px solid #333;
}

.kaitousya-box {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.kaitousya-box>div span {
	display: block;
	margin: 6px 0 0 0;
	text-align: center;
	font-size: 1.4rem;
}

.kaitousya-box>div:first-of-type {
	width: 34%;
}

.kaitousya-box>div:nth-of-type(2) {
	width: 14%;
}

.kaitousya-box>div:last-of-type {
	width: 44%;
}

.kaitousya-box span.kaitousya {
	margin: 0 0 4px 0;
	font-weight: bold;
	background: #fffb44;
	border-radius: 100vh;
}

.comment-box {
	padding: 15px;
	border: 2px solid #1ca5f3;
	border-radius: 10px;
}

.comment-box p {
	margin: 0;
}

@media screen and (max-width: 767px) {
	.comment-box {
		margin: 10px 0 0 0;
	}
}

@media print,
(min-width: 768px) {
	.schoolmate-interview h5 {
		margin: 0 0 40px 0;
		font-size: 3rem;
	}

	.interview-block>div {
		display: flex;
		justify-content: space-between;
	}

	.kaitousya-box {
		width: 26%;
	}

	.comment-box {
		width: 68%;
		padding: 15px 20px;
	}

	.only .kaitousya-box {
		width: 16%;
	}

	.only .kaitousya-box>div:last-of-type {
		width: 72%;
	}

	.only .comment-box {
		width: 78%;
	}
}

/*学校別*/
.aomori-yamada .school-name::before {
	border-color: #006E40 transparent transparent transparent;
}

.aomori-yamada .school-name>div {
	background: #006E40;
}

.aomori-yamada .schoolmate-list .img-box img:nth-of-type(2),
.aomori-yamada .comment-box {
	border-color: #006E40;
}

.jfa-academy .school-name::before {
	border-color: #052667 transparent transparent transparent;
}

.jfa-academy .school-name>div {
	background: #052667;
}

.jfa-academy .schoolmate-list .img-box img:nth-of-type(2),
.jfa-academy .comment-box {
	border-color: #052667;
}

.ryutsu-kashiwa .school-name::before {
	border-color: #9F002A transparent transparent transparent;
}

.ryutsu-kashiwa .school-name>div {
	background: #9F002A;
}

.ryutsu-kashiwa .schoolmate-list .img-box img:nth-of-type(2),
.ryutsu-kashiwa .comment-box {
	border-color: #9F002A;
}

.nissho .school-name::before {
	border-color: #006699 transparent transparent transparent;
}

.nissho .school-name>div {
	background: #006699;
}

.nissho .schoolmate-list .img-box img:nth-of-type(2),
.nissho .comment-box {
	border-color: #006699;
}

.komazawa .school-name::before {
	border-color: #492d65 transparent transparent transparent;
}

.komazawa .school-name>div {
	background: #492d65;
}

.komazawa .schoolmate-list .img-box img:nth-of-type(2),
.komazawa .comment-box {
	border-color: #492d65;
}

.chuo .school-name::before {
	border-color: #de2525 transparent transparent transparent;
}

.chuo .school-name>div {
	background: #de2525;
}

.chuo .schoolmate-list .img-box img:nth-of-type(2),
.chuo .comment-box {
	border-color: #de2525;
}

.waseda .school-name::before {
	border-color: #9b042c transparent transparent transparent;
}

.waseda .school-name>div {
	background: #9b042c;
}

.waseda .schoolmate-list .img-box img:nth-of-type(2),
.waseda .comment-box {
	border-color: #9b042c;
}

.hannan .school-name::before {
	border-color: #006540 transparent transparent transparent;
}

.hannan .school-name>div {
	background: #006540;
}

.hannan .schoolmate-list .img-box img:nth-of-type(2),
.hannan .comment-box {
	border-color: #006540;
}

.fukuoka .school-name::before {
	border-color: #8d0000 transparent transparent transparent;
}

.fukuoka .school-name>div {
	background: #8d0000;
}

.fukuoka .schoolmate-list .img-box img:nth-of-type(2),
.fukuoka .comment-box {
	border-color: #8d0000;
}


/*--------------------------
| 選手の生まれ年リスト
---------------------------*/
h2.grade-title span {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	margin: 0 0 10px 0;
	font-size: 2.4rem;
}

h2.grade-title span::before,
h2.grade-title span::after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	bottom: 4px;
	background: #333;
	border-radius: 100vh;
}

h2.grade-title span::before {
	left: -8px;
	transform: rotate(45deg);
	transform-origin: bottom right;
}

h2.grade-title span::after {
	right: -8px;
	transform: rotate(-45deg);
	transform-origin: bottom left;
}

.grade-jump-button {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grade-jump-button>li a {
	display: block;
	padding: 8px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border-radius: 8px;
	background: #f4a000;
}

.grade-jump-button>li.no-player a {
	background: #ccc;
	pointer-events: none;
}

.grade-jump-button::before,
.grade-jump-button::after {
	content: "";
	display: block;
	height: 0;
}

.grade-jump-button::before {
	order: 1;
}

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

	.grade-jump-button>li,
	.grade-jump-button::before,
	.grade-jump-button::after {
		width: 32%;
	}

	.grade-jump-button>li:nth-child(n+4) {
		margin: 10px 0 0 0;
	}
}

@media print,
(min-width: 768px) {
	h2.grade-title span {
		font-size: 2.8rem;
	}

	h2.grade-title span::before,
	h2.grade-title span::after {
		width: 24px;
	}

	.grade-jump-button>li,
	.grade-jump-button::before,
	.grade-jump-button::after {
		width: 18%;
	}

	.grade-jump-button>li:nth-child(n+6) {
		margin: 10px 0 0 0;
	}
}

.grade-wrap {
	margin: 80px 0 0 0;
}

.grade-wrap.grade-list {
	margin: 60px 0 0 0;
}

.grade-inner {
	position: relative;
	padding: 69px 0 60px 40px;
	margin-top: -69px;
}

.grade-inner::before {
	content: "";
	display: block;
	width: 3px;
	height: calc(100% - 69px);
	position: absolute;
	top: 79px;
	left: 14px;
	background: #f4a000;
}

.grade-inner h3 {
	position: relative;
	/* margin: 0 0 40px 0; */
	margin: 0 0 20px 0;
	text-align: left;
	font-size: 4rem;
}

.grade-inner h3::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 8px;
	left: -40px;
	background: #f4a000;
	border-radius: 50%;
}

.grade-inner h3 span {
	font-size: 70%;
}

.grade-inner .player-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grade-inner .player-list::before,
.grade-inner .player-list::after {
	content: "";
	display: block;
	height: 0;
}

.grade-inner .player-list::before {
	order: 1;
}

.grade-inner .img-box {
	margin: 0 0 10px 0;
}

.grade-inner .player-list p {
	margin: 2px 0 0 0;
	line-height: 1.4;
	text-align: center;
}

.grade-inner .player-list p.birthday {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
}

.grade-inner .player-list p.birthday .hayaumare {
	display: inline-block;
	margin: 0 0 0 6px;
	padding: 0 2px;
	font-size: 1.2rem;
	letter-spacing: -.07em;
	background: #ffd6eb;
}

.grade-inner .player-list .ohp-button {
	margin: 4px 0 0 0;
}

.grade-inner .player-list .ohp-button a {
	display: block;
	padding: 0 4px;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	background: #0f3778;
	border-radius: 4px;
}

.grade-inner .player-list .ohp-button a span {
	position: relative;
	padding: 0 0 0 20px;
}

.grade-inner .player-list .ohp-button a span::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 2px;
	left: 0;
	background: url(../images/spinoff/icon_external-link_wh.svg) no-repeat center center/contain;
}

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

	.grade-inner .player-list>div,
	.grade-inner .player-list::before,
	.grade-inner .player-list::after {
		width: 48%;
	}

	.grade-inner .player-list>div:nth-child(n+3) {
		margin: 20px 0 0 0;
	}
}

@media print,
(min-width: 768px) {
	.grade-inner {
		padding: 69px 0 80px 80px;
	}

	.grade-inner::before {
		left: 24px;
	}

	.grade-inner h3 {
		/* margin: 0 0 60px 0; */
		margin: 0 0 20px 0;
		font-size: 5.2rem;
	}

	.grade-inner h3::before {
		width: 50px;
		height: 50px;
		top: 6px;
		left: -80px;
	}

	.grade-inner .player-list>div,
	.grade-inner .player-list::before,
	.grade-inner .player-list::after {
		width: 18%;
	}

	.grade-inner .player-list>div:nth-child(n+6) {
		margin: 40px 0 0 0;
	}
}

/*追加情報*/
.grade-info {
	margin: 0 0 40px 0;
}

.grade-info li {
	display: flex;
	align-items: center;
}

.grade-info li span {
	display: inline-block;
	padding: 0 8px;
	margin: 0 10px 0 0;
	border-radius: 2px;
	font-size: 1.4rem;
	color: #fff;
	background: #ababab;
}

@media screen and (max-width: 767px) {
	.grade-info li:nth-child(n+2) {
		margin: 10px 0 0 0;
	}
}

@media print,
(min-width: 768px) {
	.grade-info {
		margin: 0 0 60px 0;
	}

	.grade-info ul {
		display: flex;
		flex-wrap: wrap;
	}

	.grade-info li:nth-child(n+2) {
		margin: 0 0 0 30px;
	}
}

/*ソシオマガジン*/
.socio-magazine-block {
	position: relative;
	margin: 80px 0 0 0;
	padding: 30px 15px 15px 15px;
	background: #feeea6;
}

.socio-magazine-block>p {
	margin: -40px 0 20px 0;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

.socio-magazine-block ul li {
	position: relative;
	padding: 0 0 0 1.2em;
}

.socio-magazine-block ul li::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 6px;
	left: 0;
	background: #333;
	border-radius: 50%;
}

.socio-magazine-block ul li:nth-child(n+2) {
	margin: 10px 0 0 0;
}

.socio-magazine-block ul li a {
	text-decoration: underline;
}


@media print,
(min-width: 768px) {
	.socio-magazine-block {
		margin: 120px 0 0 0;
		padding: 40px 30px 20px 30px;
	}

	.socio-magazine-block>p {
		margin: -54px 0 30px 0;
		font-size: 2rem;
	}
}

/*最多*/
.saita h3 {
	position: relative;
}

.saita h3::after {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/spinoff/icon_saita.svg) no-repeat top center/contain;
}

@media screen and (max-width: 767px) {
	.saita {
		padding-top: 100px;
	}

	.saita h3::after {
		width: 100px;
		height: 100px;
		top: -80px;
		right: 0;
	}
}

@media print,
(min-width: 768px) {
	/* .saita {
		padding-top: 100px;
	} */

	.saita h3::after {
		width: 180px;
		height: 180px;
		top: 0;
		right: 0;
	}
}

.grade-list-title {
	position: relative;
	padding: 10px 40px 10px 16px;
	background: #f4a000;
	color: #fff;
	text-align: left;
	font-size: 2rem;
	border-radius: 6px;
	transition: all 0s ease;
	cursor: pointer;
}

.grade-list-title::before {
	content: "＋";
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	font-size: 3rem;
	line-height: 1;
	transition: all .1s ease;
	transform: translateY(-50%);
}

.grade-list-title.open::before {
	transform: translateY(-50%) rotate(45deg);
}

.grade-table-wrap {
	display: none;
}

.grade-table {
	margin: 20px 0 0 0;
	width: 100%;
	border-color: #ccc;
}

.grade-table th {
	padding: 10px;
	width: 24%;
	background: #ffdd44;
}

.grade-table th a {
	display: block;
	text-align: center;
	text-decoration: underline;
}

.grade-table .no-player th a {
	pointer-events: none;
	text-decoration: none;
	opacity: .5;
}

.grade-table td {
	width: 76%;
	padding: 10px;
}

@media screen and (max-width: 767px) {
	.grade-table-wrap>p {
		font-size: 1.4rem;
	}
}

@media print,
(min-width: 768px) {
	.grade-list-title {
		padding: 15px 80px 15px 20px;
		border-radius: 10px;
		font-size: 2.4rem;
	}

	.grade-list-title::before {
		right: 20px;
		font-size: 4rem;
	}

	.grade-table th {
		padding: 10px 15px;
		width: 20%;
	}

	.grade-table td {
		padding: 10px 15px;
		width: 80%;
	}
}

.icon-rental {
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 0 4px;
	font-size: 1.1rem;
	background: #0f3778;
	color: #fff;
	vertical-align: middle;
	border-radius: 2px;
}

/* .player-list .rental p {
	text-align: left;
} */

.player-list .rental .rental-title {
	margin: 0 0 10px 0;
}

.player-list .rental .syozoku {
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 1px solid #ccc;
}

.player-list .rental .syozoku span {
	display: inline-block;
	margin: 0 0 4px 0;
	/* padding: 0 4px; */
	font-size: 1.2rem;
	/* background: #ccc; */
	/* border-radius: 2px; */
}

/* .player-list .rental .icon-rental {
	margin: 0 0 6px 0;
} */

.grade-wrap>p {
	margin: 20px 0;
}

.grade-announce {
	position: relative;
	padding: 30px 15px 10px 15px;
	margin: 0 0 30px 0;
	/* color: #e60111;
	border: 1px solid #E60111; */
	border: 1px solid #ccc;
}

.grade-announce>p {
	position: absolute;
	top: -10px;
	left: 11px;
	padding: 0 4px;
	font-weight: bold;
	color: #707070;
	background: #fff;
}

.grade-announce ul li {
	position: relative;
	padding: 0 0 0 1.2em;
}

.grade-announce ul li::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 6px;
	left: 0;
	background: #707070;
	border-radius: 50%;
}

.grade-announce ul li:nth-child(n+2) {
	margin: 8px 0 0 0;
}

@media print,
(min-width: 768px) {
	.grade-announce {
		padding: 30px 30px 20px 30px;
		margin: 0 0 40px 0;
	}

	.grade-announce>p {
		left: 26px;
	}
}

.other-history {
	margin: 40px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.other-history>div {
	position: relative;
	padding: 20px 15px;
	border-radius: 10px;
}

.other-history>div.moriyama {
	background: #b2e2ff;
}

.other-history>div.moriyama h4,
.other-history>div.vegalta h4 {
	position: relative;
	padding: 0 0 0 124px;
	margin: 0 0 24px 0;
	letter-spacing: -.04em;
}

.other-history>div.moriyama h4 span,
.other-history>div.vegalta h4 span {
	font-size: 80%;
}

.other-history>div.moriyama h4 img,
.other-history>div.vegalta h4 img {
	position: absolute;
	top: -35px;
	left: -10px;
	width: 128px;
}

.other-history>div.brummell h4 {
	padding: 0 0 0 72px;
}

.other-history>div.brummell h4 img {
	width: 74px;
}

.other-history>div.vegalta {
	background: #ffdd44;
}

.other-history>div.brummell {
	/* background: #0B5C40; */
	background: #077952;
	color: #fff;
}

.other-history>div.news {
	background: #fff;
	border: 2px solid #ccc;
}

.other-history h4 {
	text-align: left;
	font-size: 1.9rem;
}

.other-history>div p {
	margin: 0;
}

.other-history>div ul li {
	position: relative;
	padding: 0 0 0 1em;
}

.other-history>div ul li::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 8px;
	left: 0;
	background: #ccc;
	border-radius: 50%;
}

@media screen and (max-width: 767px) {
	.other-history>div {
		width: 100%;
	}

	.other-history>div:nth-child(n+2) {
		margin: 20px 0 0 0;
	}

	.other-history>div.news ul li {
		font-size: 1.4rem;
	}

	.other-history>div.news ul li:nth-child(n+2) {
		margin: 8px 0 0 0;
	}
}

@media print,
(min-width: 768px) {
	.other-history {
		margin: 60px 0 0 0;
	}

	.other-history>div {
		width: 49%;
		padding: 20px 30px;
	}

	.other-history:not(.before-vegalta)>div.news {
		width: 100%;
	}

	.other-history>div:nth-child(n+3) {
		margin: 30px 0 0 0;
	}

	.other-history>div.moriyama h4,
	.other-history>div.vegalta h4 {
		font-size: 2.4rem;
	}

	.other-history>div.news ul li {
		display: inline-block;
	}

	.other-history>div.news ul li:nth-child(n+2) {
		margin: 0 0 0 30px;
	}
}

/*--------------------------
| 出身地マップ
---------------------------*/
h2.map-title {
	margin: 0 0 40px 0;
}

h2.map-title span {
	position: relative;
	display: inline-block;
	padding: 0 24px;
	margin: 0 0 10px 0;
	font-size: 2.4rem;
}

h2.map-title span::before,
h2.map-title span::after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	bottom: 4px;
	background: #333;
	border-radius: 100vh;
}

h2.map-title span::before {
	left: -8px;
	transform: rotate(45deg);
	transform-origin: bottom right;
}

h2.map-title span::after {
	right: -8px;
	transform: rotate(-45deg);
	transform-origin: bottom left;
}

@media print,
(min-width: 768px) {
	h2.map-title span {
		padding: 0 30px;
		font-size: 2.8rem;
	}

	h2.map-title span::before,
	h2.map-title span::after {
		width: 24px;
	}
}

/*--------------------------
| index 番外編
---------------------------*/
.bangaihen-sec {
	padding: 0 0 100px 0;
}

.bangaihen-sec h2 {
	font-size: 2.6rem;
}

.bangaihen-sec h2 span {
	display: inline-block;
	position: relative;
	padding: 0 30px 10px 30px;
	font-size: 1.8rem;
}

.bangaihen-sec h2 span::before,
.bangaihen-sec h2 span::after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	bottom: 10px;
	background: #333;
}

.bangaihen-sec h2 span::before {
	transform-origin: right bottom;
	transform: rotate(45deg);
	left: 0;
}

.bangaihen-sec h2 span::after {
	transform-origin: left bottom;
	transform: rotate(-45deg);
	right: 0;
}

@media print,
(min-width: 768px) {
	.bangaihen-sec h2 {
		font-size: 3.2rem;
	}
}