@charset "utf-8";

#contents {
	padding-top: 80px;
}

#contents > div{
	margin-bottom: 90px;
}


.ticketInner {
	background: var(--color-text);
	padding: 80px 80px 60px 80px;
	color: var(--color-bg);
}

.ticketInner + .ticketInner {
	padding-top: 40px;
}

.unchorBl{
	margin-bottom: 80px;
}

.unchorBl .unchorList {
	flex-wrap: wrap;
	display: flex;
	flex-direction: row;
	gap: 27px 20px;
}

.unchorBl .unchorList li {
	width: calc((100% - 60px) / 4);
}

.unchorBl .unchorList.column3 li {
	width: calc((100% - 60px) / 3);
}

.unchorBl .unchorList li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 50px;
	padding: 0 30px;
	border-radius: 4px;
	background: var(--color-text);
	color: var(--color-bg);
	font-size: 1.25rem;
	text-align: center;
}

.unchorBl .unchorList li a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: min(1.5625vw, 20px);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid var(--color-bg);
	transform: translateY(-50%);
}




/* Heading */
.nowonsaleBl h2,
.matchScheduleBl h2{
	margin-bottom: 45px;
	position: relative;
	padding-left: 35px;
	padding-top: 5px;
}

.nowonsaleBl h2::before,
.matchScheduleBl h2::before{
	content: "　";
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: calc(100% - 5px);
	background:  var(--color-green01);
	display: block;
}

.nowonsaleBl h2::after,
.matchScheduleBl h2::after{
	content: "　";
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: calc(34.545454545% - 5px);
	background:  var(--color-green02);
	display: block;
}

.nowonsaleBl h2 span,
.matchScheduleBl h2 span{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 5.9375rem;
	font-weight:700;
	margin: 0;
}

.nowonsaleBl h2 span:first-letter,
.matchScheduleBl h2 span:first-letter {
	color: var(--color-text);
}


/* Now on sale */
.nowonsaleBl .nowonsaleInner{
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 40px 0;
}

.nowonsaleBl .nowonsaleCategoryList{
	display: flex;
	gap:6px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	width: 50%;
}

.nowonsaleBl .nowonsaleCategoryList button{
	background: var(--color-text);
	color: var(--color-bg);
	border: 1px solid var(--color-bg);
	font-size: 1.125rem;
	border-radius: 4px;
	width: 90px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	font-family: "Roboto Condensed", sans-serif;
	transition: all 0.3s ease;
}

.nowonsaleBl .nowonsaleCategoryList li.on button{
	background: var(--color-lightpurple01);
	width: 110px;
}

.nowonsaleBl .nowonsaleSwiper {
	margin-left: 0;
	margin-right: calc((100vw - 1340px) / -2);
	margin-bottom: 60px;
}

.nowonsaleBl .nowonsaleItem{
	width: 400px;
	background: #eff1f2;
	position: relative;
	height: initial;
	padding: 0 13px 15px 13px;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemPlace{
	background: var(--color-gray01);
	font-size: 0.875rem;
	min-height: 35px;
	padding: 9px 0 9px 83px;
	padding-left: 83px;
	margin: 0 -13px 15px -13px;
	position: relative;
	line-height: var(--line-height-heading);
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemPlace:before{
	content: "VISITOR";
	background:var(--color-gray03);
	width: 73px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.875rem;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	height: 100%;
	align-content: center;
	text-align: center;
}

.nowonsaleBl .nowonsaleItem.host .nowonsaleItemPlace:before{
	content: "HOST";
	background:var(--color-green01);
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemTtl{
	font-size: 0.9375rem;
	color: var(--color-bg);
	text-align: center;
	margin-bottom: 10px;
	line-height: var(--line-height-base02);
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemMeta{
	color: var(--color-bg);
	display: flex;
	justify-content: center;
	gap:0 15px;
	align-items: baseline;
	font-family: "Roboto Condensed", sans-serif;
	margin-bottom: 15px;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemMeta .nowonsaleItemDate{
	font-weight: 700;
	font-size: 4.375rem;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemMeta .nowonsaleItemDay{
	font-weight: 700;
	font-size: 2.375rem;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemMeta .nowonsaleItemTime{
	font-size: 2.375rem;
	font-weight: 300;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemOpponent{
	display: flex;
	align-items: center;
	gap:0 18px;
	background: url("../img/top/icn_vs.png") no-repeat left center;
	background-size: 42px 33px;
	padding-left: 60px;
	margin: 0 10px 20px 10px;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemOpponent .nowonsaleItemOpponentImg{
	width: 77px;
	max-height: 77px;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemOpponent .nowonsaleItemOpponentImg img{
	object-fit: cover;
	width: 77px;
	height: 77px;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemOpponent .nowonsaleItemOpponentName{
	color: var(--color-bg);
	font-size: 0.875rem;
	flex: 1;
	line-height: var(--line-height-base02);
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex{
	display: flex;
	gap: 6px;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnTickets,
.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnResult{
	width: 184px;
	height: 46px;
	border:none;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnTickets a,
.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnResult a{
	padding-left: 15px;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnResult{
	background: var(--color-green01);
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnResult a:after{
	background: var(--color-deepgreen01);
	color: var(--color-text);
	border-radius: 0 4px 4px 0;
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnResult:before,
.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnTickets:before{
	background: rgba(255,255,255,.4);
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnTickets{
	background: var(--color-lightpurple01);
	color: var(--color-bg);
}

.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnTickets a:after{
	background: var(--color-purple01);
	border-radius: 0 4px 4px 0;
}

.nowonsaleBl .nowonsaleHeader{
	margin-top: -45px;
}

.btnFlex {
	display: flex;
	gap: 0 35px;
	justify-content: center;
}

/*bnrBl*/
.bnrBl{
	margin:  0 auto;
	max-width: 600px;
}

.bnrBl .bnrImg{
	margin-bottom: 30px;
}

.bnrBl .btnDesign{
	margin:  0 auto;
}


/* Ticket Sales Schedule */
.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable{
	margin-bottom: 20px;
}

.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable th{
	line-height: var( --line-height-base08);
}

.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable th,
.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable td{
	padding:10px 5px;
}

.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable td{
	height: 90px;
}

.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable .team{
	display: flex;
	gap:0 15px;
	align-items: center;
}

.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable .teamLogo{
	width: 32px;
}

.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable tr td:nth-child(4){
	text-align: left;
	padding:10px 15px;
}

.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable tr td:nth-child(6),
.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable tr td:nth-child(7),
.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable tr td:nth-child(8),
.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable tr td:nth-child(9){
	padding: 10px 0;
}

.ticketsalesscheduleBl .ticketsalesscheduleNote{
	line-height: var(--line-height-base02);
	text-indent: -1em;
	padding-left: 1em;
}

.ticketsalesscheduleBl .ticketsalesscheduleNote li:before{
	content: "※";
}


/* Ticket Resale Service */
.ticketresaleserviceBl .ticketresaleserviceIllust{
	max-width: 803px;
	margin: 0 auto 40px;
}

.ticketresaleserviceBl .ticketresaleserviceDesc{
	line-height: var(--line-height-base02);
	margin-bottom: 50px;
}

.ticketresaleserviceBl .ticketresaleserviceList{
	margin-bottom: 35px;
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem{
	display: flex;
	border: 5px solid var(--color-green01);
	min-height: 212px;
	align-items: stretch;
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem > *{
	display: flex;
	justify-content: center;
	align-items: center;
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem.resaleListing{
	margin-bottom: 12px;
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemTtl{
	background: var(--color-green01);
	color:var(--color-text);
	text-align: center;
	width: 135px;
	flex-direction: column;
	font-size: 1.125rem;
	font-weight: 900;
	line-height: var(--line-height-base08);
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemTtl img{
	max-width: 83px;
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemTtl span{
	font-size: 2rem;
	letter-spacing: 0.2em;
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemNoteList{
	padding: 0 20px;
	flex: 1;
	flex-direction: column;
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemNoteList li{
	text-indent: -1.25em;
	padding-left: 1.25em;
	width: 100%;
	line-height: var(--line-height-base02);
}

.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemNoteList li:before{
	content: "● ";
	color:var(--color-green02);
}

.ticketresaleserviceBl .color-red{
	color:var(--color-red02);
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList{
	display: flex;
	gap:0 30px;
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem{
	width: calc(100% - 30px / 2);
	border:5px solid var(--color-gold01);
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsTtl{
	background: var(--color-gold01);
	padding: 13px 20px;
	font-size: 1.25rem;
	font-weight: 900;
	line-height: var(--line-height-base07);
	position: relative;
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsTtl:after{
	content:"";
	background:  url("../img/match/ticketresaleservice_possible.png");
	background-size: 83px auto;
	position: absolute;
	top: 5px;
	right: 10px;
	width: 83px;
	height: 72px;
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsTtl span{
	font-size: 2rem;
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsTtl .fontS{
	font-size: 1.125rem;
	font-weight: 500;
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsNoteList{
	padding: 20px;
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsNoteList li{
	text-indent: -1.25em;
	padding-left: 1.25em;
	line-height: var(--line-height-base02);
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsNoteList li:before{
	content: "● ";
	color:var(--color-gold01);
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .resaleImpossible .ticketresaleserviceConditionsTtl{
	background: var(--color-gray11);
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .resaleImpossible .ticketresaleserviceConditionsTtl:after{
	content:"";
	background:  url("../img/match/ticketresaleservice_impossible.png");
	background-size: 83px auto;
	position: absolute;
	height: 66px;
	top: 10px;
}

.ticketresaleserviceBl .ticketresaleserviceConditionsList .resaleImpossible{
	border-color: var(--color-gray11);

}
.ticketresaleserviceBl .ticketresaleserviceConditionsList .resaleImpossible .ticketresaleserviceConditionsNoteList li:before{
	color:var(--color-gray11);
}


/* How to buy */
.howtobuyBl .howtobuyFlex{
	display: flex;
	align-items: center;
	gap:30px;
	padding: 0 22px;
}

.howtobuyBl .howtobuyFlex + h3{
	margin-top: 60px;
}

.howtobuyBl .howtobuyFlex .howtobuyFlexPic{
	width: 159px;
}

.howtobuyBl .howtobuyFlex .howtobuyFlexDesc{
	flex: 1;
}

.howtobuyBl .howtobuyFlex .howtobuyFlexDesc ul{
	line-height: var(--line-height-base02);
}

.howtobuyBl .howtobuyFlex .howtobuyFlexDesc ul li{
	text-indent: -1em;
	padding-left: 1em;
}

.howtobuyBl .howtobuyFlex .howtobuyFlexDesc ul li:before{
	content: "・";
}


/* Host Games
-------------------------------------------------- */
.seatpricesBl.hostgamesDesign .tabWrap {
	margin-bottom: 50px;
}

.seatpricesBl.hostgamesDesign .tabList {
	display: flex;
	gap: 23px;
}

.seatpricesBl.hostgamesDesign .tabList li {
	width: calc(50% - 11.5px);
}

.seatpricesBl.hostgamesDesign .tabList button {
	background: var(--color-text);
	color: var(--color-bg);
	border: 2px solid var(--color-bg);
	font-size: 1.25rem;
	border-radius: 4px;
	height: 52px;
	width: 100%;
	display: inline-block;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	transition: all 0.3s ease;
	font-weight: 700;
}

.seatpricesBl.hostgamesDesign .tabList li.on button {
	background: var(--color-green01);
	color: var(--color-text);
}

.seatpricesBl.hostgamesDesign .tabList button:hover,
.seatpricesBl.hostgamesDesign .tabList button:focus-visible {
	background-color: var(--color-green01);
	color: var(--color-text);
}

.seatpricesBl.hostgamesDesign .tabList button:focus-visible {
	outline: 3px solid var(--color-gold01);
	outline-offset: 2px;
}

.seatpricesBl.hostgamesDesign .tabContent[hidden] {
	display: none;
}



/* Host Games：パターンA マップボタン配置
-------------------------------------------------- */
.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton01 {
	top: 22.1%;
	left: 51.3%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton02 {
	top: 66.2%;
	left: 35.2%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton03 {
	top: 50.5%;
	left: 32%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton04 {
	top: 56.6%;
	left: 32%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton05 {
	top: 79%;
	left: 51.3%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton06Left {
	top: 79%;
	left: 44.2%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton06Right {
	top: 79%;
	left: 58.1%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton07 {
	top: 79%;
	left: 37.5%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton08 {
	top: 79%;
	left: 65%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton09 {
	top: 11.6%;
	left: 51.3%;
}

/* 10：画像内に4か所 */
.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton10TopLeft {
	top: 9.3%;
	left: 33.8%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton10TopRight {
	top: 9.3%;
	left: 69.3%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton10Left {
	top: 42.4%;
	left: 14.1%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton10Right {
	top: 42.4%;
	left: 88.3%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton11 {
	top: 92.3%;
	left: 42.5%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton12 {
	top: 70.4%;
	left: 54.5%;
}

.seatpricesBl.hostgamesDesign #patternA .seatpricesMapButton13 {
	top: 86.1%;
	left: 55.2%;
}

/* Host Games：パターンB マップボタン配置
-------------------------------------------------- */
.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton01 {
	top: 22%;
	left: 51.3%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton02 {
	top: 66.4%;
	left: 35.2%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton03 {
	top: 50.6%;
	left: 32%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton04 {
	top: 56.5%;
	left: 32%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton05 {
	top: 79.1%;
	left: 51.3%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton06Left {
	top: 79.1%;
	left: 44.3%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton06Right {
	top: 79.1%;
	left: 58.1%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton07 {
	top: 79.1%;
	left: 37.5%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton08 {
	top: 79.1%;
	left: 65%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton09 {
	top: 92.6%;
	left: 42.5%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton10 {
	top: 70.5%;
	left: 54.5%;
}

.seatpricesBl.hostgamesDesign #patternB .seatpricesMapButton11 {
	top: 86.5%;
	left: 55.2%;
}

/* Season Seat */
.seatpricesBl .placeName{
	background: var(--color-gray07);
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px;
	padding: 10px;
	padding: 10px;
}

.seatpricesBl .placeNameEn{
	font-weight: 700;
	font-size: 3.125rem;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	color:var(--color-green02);
	margin-bottom: 40px;
}

.seatpricesBl .clickTxt{
	text-align: center;
	color:var(--color-red02) ;
	font-weight: 900;
	font-size: 1.5rem;
	margin-bottom: 45px;
}

.seatpricesBl .clickTxt span{
	position: relative;
	padding-left: 55px;
}

.seatpricesBl .clickTxt span:before{
	content: "";
	width: 46px;
	height: 46px;
	position: absolute;
	left:0;
	top: -13px;
	background: url("../img/common/icn_click.png") no-repeat left center;
	background-size: 46px auto;
}

.seatpricesBl .seatpricesMap{
	max-width: 1037px;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.seatpricesBl .seatpriceNoteList {
    margin: 0 0 40px 0;
}

.seatpricesBl h4{
	margin-bottom: 20px;
	font-weight: 900;
	font-size:1.375rem
}

.seatpricesBl h4:before{
	content: "■ ";
	color: var(--color-green02);
}

.seatpricesBl .seatpricesMap > img {
	display: block;
	width: 100%;
	height: auto;
}

.seatpricesBl .seatpricesMapButton {
	position: absolute;
	width: 4%;
	aspect-ratio: 1;
	padding: 0;
	border: 0;
	border-radius: 50%;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	box-shadow: none;
	cursor: pointer;
	transform: translate(-50%, -50%);
	transition:
		background-color 0.2s ease,
		outline-color 0.2s ease,
		transform 0.2s ease;
	outline-color: var(--color-text);
}

.seatpricesBl .seatpricesMapButton:hover,
.seatpricesBl .seatpricesMapButton:focus-visible {
	background-color: rgba(255, 255, 255, 0.2);
	outline: 3px solid var(--color-text);
	outline-offset: 2px;
	transform: translate(-50%, -50%) scale(1.12);
}

.seatpricesBl .seatpricesMapButton01 {
    top: 19.1%;
    left: 51.3%;
}

.seatpricesBl .seatpricesMapButton02 {
    top: 70.6%;
    left: 35.2%;
}

.seatpricesBl .seatpricesMapButton03 {
    top: 52.3%;
    left: 32%;
}

.seatpricesBl .seatpricesMapButton04 {
    top: 59%;
    left: 32%;
}

.seatpricesBl .seatpricesMapButton05 {
    top: 83.2%;
    left: 51.3%;
}

.seatpricesBl .seatpricesMapButton06Left {
    top: 83.2%;
    left: 43.4%;
}

.seatpricesBl .seatpricesMapButton06Center {
    top: 83.2%;
    left: 51.3%;
}

.seatpricesBl .seatpricesMapButton06Right {
    top: 83.2%;
    left: 58.9%;
}

.seatpricesBl .seatpricesMapButton07 {
    top: 75.4%;
    left: 54.5%;
}

.seatpricesBl .seatpricesMapButton08 {
    top: 93.4%;
    left: 55.2%;
}


/* モーダル
-------------------------------------------------- */
.seatpricesBl .seatpricesModal {
	width: calc(100% - 40px);
	max-width: 1040px;
	max-height: 90vh;
	padding: 0;
	border: 0;
	background-color:  var(--color-text);
	overflow: auto;
}

.seatpricesBl .seatpricesModal::backdrop {
	background-color: rgba(0, 0, 0, 0.8);
}

.seatpricesBl .seatpricesModalInner {
	width: 100%;
	border:5px solid var(--color-green01);
}

.seatpricesBl .seatpricesModalHeader {
	position: relative;
	padding: 30px 70px 30px 25px;
	background-color: var(--color-green01);
}

.seatpricesBl .seatpricesModalTtl {
	margin: 0;
	color:  var(--color-text);
	font-size: 1.43655rem;
	font-weight: 900;
}

.seatpricesBl .seatpricesModalTtl:before{
	display: none;
}

/* 閉じるボタン
-------------------------------------------------- */
.seatpricesBl .seatpricesModalClose {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	appearance: none;
	-webkit-appearance: none;
	background-color:  var(--color-text);
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform 0.2s ease;
}

.seatpricesBl .seatpricesModalClose:hover {
	transform: translateY(-50%) rotate(90deg);
}

.seatpricesBl .seatpricesModalClose span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 25px;
	height: 2px;
	background-color: #229347;
}

.seatpricesBl .seatpricesModalClose span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}

.seatpricesBl .seatpricesModalClose span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* モーダル本文
-------------------------------------------------- */
.seatpricesBl .seatpricesModalContents {
	display: flex;
	background-color:  var(--color-text);
	padding: 47px;
	gap:0 47px;
}

.seatpricesBl .seatpricesModalPic,
.seatpricesBl .seatpricesModalDetails {
	width: 50%;
}

.seatpricesBl .seatpricesModalPic {
	display: flex;
	align-items: center;
	justify-content: center;
}

.seatpricesBl .seatpricesModalPic img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* .seatpricesBl .seatpricesModalDetails {
} */

.seatpricesBl .seatpricesModalSection + .seatpricesModalSection {
	margin-top: 30px;
}

.seatpricesBl .seatpricesModalHeading {
	margin: 0 0 10px;
	padding: 8px 12px;
	background-color: var(--color-gold01);
	font-size: 1.125rem;
	font-weight: 700;
}

.seatpricesBl .seatpricesModalSection p {
	line-height: var(--line-height-base02);
}

.seatpricesBl .seatpricesModalBenefitList {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: var(--line-height-base02);
}

.seatpricesBl .seatpricesModalBenefitList li {
	padding-left: 1em;
	text-indent: -1em;
}

.seatpricesBl .seatpricesModalBenefitList li::before {
	content: "・";
}

/* モーダルアニメーション
-------------------------------------------------- */
.seatpricesBl .seatpricesModal[open] {
	animation: seatpricesModalOpen 0.35s ease forwards;
}

.seatpricesBl .seatpricesModal[open]::backdrop {
	animation: seatpricesBackdropOpen 0.35s ease forwards;
}

.seatpricesBl .seatpricesModal.is-closing {
	animation: seatpricesModalClose 0.25s ease forwards;
}

.seatpricesBl .seatpricesModal.is-closing::backdrop {
	animation: seatpricesBackdropClose 0.25s ease forwards;
}

@keyframes seatpricesModalOpen {
	from {
		opacity: 0;
		transform: translateY(20px) scale(0.98);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes seatpricesModalClose {
	from {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

	to {
		opacity: 0;
		transform: translateY(15px) scale(0.98);
	}
}

@keyframes seatpricesBackdropOpen {
	from {
		background-color: rgba(0, 0, 0, 0);
	}

	to {
		background-color: rgba(0, 0, 0, 0.8);
	}
}

@keyframes seatpricesBackdropClose {
	from {
		background-color: rgba(0, 0, 0, 0.8);
	}

	to {
		background-color: rgba(0, 0, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.seatpricesBl .seatpricesModal,
	.seatpricesBl .seatpricesModal::backdrop {
		animation-duration: 0.01ms !important;
	}
}


/* モーダル内スライダー
-------------------------------------------------- */
.seatpricesBl .seatpricesModalSlider {
	width: 100%;
	padding-bottom: 36px;
}

.seatpricesBl .seatpricesModalSlider .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.seatpricesBl .seatpricesModalSlider .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.seatpricesBl .seatpricesModalSlider .swiper-pagination {
	bottom: 5px;
}

.seatpricesBl .seatpricesModalSlider .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0 6px;
	background-color: var(--color-gray01);
	opacity: 1;
}

.seatpricesBl .seatpricesModalSlider .swiper-pagination-bullet-active {
	background-color: var(--color-gray12);
}

.seatpricesBl h3.lineDesign {
	margin-bottom: 20px;
}

.seatpricesBl .seatpricesOutlineTable{
	margin-bottom: 45px;
}

.seatpricesBl .seatpricesOutlineTable th,
.seatpricesBl .seatpricesOutlineTable td{
	line-height: var(--line-height-base07);
	padding: 10px 5px;
}

.seatpricesBl .seatpricesOutlineTable .seatName{
	padding: 10px 15px;
	text-align: left;
}

.seatpricesBl .seatpricesOutlineTable .seatNumber{
	font-weight: 700;
	font-size: 1.25rem;
}

.seatpricesBl .seatpricesOutlineTable .seatNumber01{background: #ff9100;}
.seatpricesBl .seatpricesOutlineTable .seatNumber02{color: var(--color-text);background: #1e52a3;}
.seatpricesBl .seatpricesOutlineTable .seatNumber03{color: var(--color-text);background: #7c5f3d;}
.seatpricesBl .seatpricesOutlineTable .seatNumber04{color: var(--color-text);background: #2984b7;}
.seatpricesBl .seatpricesOutlineTable .seatNumber05{background: #7bafbe;}
.seatpricesBl .seatpricesOutlineTable .seatNumber06{background: #bbe2e4;}
.seatpricesBl .seatpricesOutlineTable .seatNumber07{background: #889ed0;}
.seatpricesBl .seatpricesOutlineTable .seatNumber08{background: #8ed3f5;}
.seatpricesBl .seatpricesOutlineTable .seatNumber09{background: #a4bf06;}
.seatpricesBl .seatpricesOutlineTable .seatNumber10{background: #2bad37;}
.seatpricesBl .seatpricesOutlineTable .seatNumber11{background: #ff3c00;color: var(--color-text);}

.seatpricesBl .seatpricesOutlineTable .discount{
	color:var(--color-red02) ;
	font-weight: 700;
}

.seatpricesBl .seatpricesOutlineTable .btnDesign{
	width: 86px;
	height: 37px;
	margin: 0 auto;
}

.seatpricesBl .seatpricesOutlineTable .btnDesign a {
	padding-left: 15px;
}

.seatpricesBl .seatpricesOutlineTable .btnDesign a::after {
	font-size: 0.5rem;
}

.seatpricesBl .tableScroll + .btnDesign{
	margin: 0 auto 45px;
}

.seatpricesBl .seatpriceNoteBox{
	padding: 50px;
	background: var(--color-gray07);
}

.seatpricesBl .seatpriceNoteList{
	margin-top: 1.5em;
	line-height: var(--line-height-base02);
	text-indent: -1em;
	padding-left: 1em;
}

.seatpricesBl .seatpriceNoteList li:before{
	content: "※";
}

.seatpricesBl .seatpriceNoteList li .color-red{
	color:var(--color-red02);
}


/* Season Seat Heading */
.seasonseatHeading{
	background: url("../img/match/seasonseat_heading_bg.jpg") no-repeat center center var(--color-green01);
	background-size: cover;
	height: 530px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.seasonseatHeadingTtl > span{
	display: block;
}
.seasonseatHeadingTtl01{
	position: relative;
	margin-bottom: 10px;
	font-size: min(2.6vw,1.625rem);
    font-weight: 700;
	text-shadow: 0 0 10px rgb(0 0 0 / .8),
				0 0 10px rgb(0 0 0 / .8),
				0 0 16px rgb(0 0 0 / .8);
}
.seasonseatHeadingTtl02{
	font-family: "Roboto Condensed", sans-serif;
    font-size: 6.375rem;
    font-weight: 700;
	text-shadow: 0 0 20px rgb(0 0 0 / .8),
				0 0 20px rgb(0 0 0 / .8),
				0 0 50px rgb(0 0 0 / .5);
}
.seasonseatHeadingTtl03{
	margin: 15px auto 0;
	width: fit-content;
	padding: 1rem 2rem 1.2rem;
	border: 2px solid #FFF;
	background-color: rgb(3 39 27 / .7);
	mix-blend-mode: hard-light;
	font-size: min(3.515625vw,1.875rem);
	font-weight: 600;
	letter-spacing: 0.15rem;
}
.seasonseatHeadingTtl03 > span {
	font-size: 80%;
}


/* Season Seat */
.seasonseatBl .seasonseatDesc{
	line-height: var(--line-height-base02);
}


/* Benefits */
.benefitsBl .benefitsList{
	display: flex;
	gap:50px;
	flex-wrap: wrap;
	line-height: var(--line-height-base02);
	color: var(--color-bg);
	border: 5px solid var(--color-green01);
	padding: 45px;
}

.benefitsBl .benefitsList .benefitsListItem{
	width: calc((100% - 100px) / 3);
}

.benefitsBl .benefitsList .benefitsListTtl{
	font-weight: 700;
	margin-top: 20px;
	font-size: 1.125rem;
}

.benefitsBl .benefitsList .benefitsListDesc{
	margin-top: 15px;
}


/* Match */
.matchBl .matchDesc{
	margin-bottom: 20px;
	line-height: var(--line-height-base02);
}

.matchBl .matchOutlineTable{
	margin-bottom: 35px;
}

.matchBl .matchOutlineTable .team{
	display: flex;
	gap:0 15px;
	align-items: center;
	padding: 0 10px;
}

.matchBl .matchOutlineTable .teamLogo{
	width: 38px;
}

.matchBl .matchOutlineTable tr td:nth-child(2),
.matchBl .matchOutlineTable tr td:nth-child(4){
	text-align: left;
}

.matchBl .matchOutlineTable tr td:nth-child(4){
	vertical-align: middle;
	padding: 10px 15px;
}

.matchBl .matchNote{
	line-height: var(--line-height-base02);
	text-indent: -1em;
	padding-left: 1em;
}

.matchBl .matchNote span{
	font-weight: 700;
	color:var(--color-red02);
}


/* How to buy */
.howtobuyBl .howtobuyDesc{
	line-height: var(--line-height-base02);
}


/* FAQ */
.faqBl .faqAcd{
	margin-bottom: 25px;
}

.faqBl .faqAcd .faqAcdTtl{
	line-height: var(--line-height-base07);
	background:var(--color-green01);
	color:var(--color-text);
	font-size: 1.25rem;
	font-weight: 900;
	margin: 0;
	position: relative;
	cursor: pointer;
	min-height: 90px;
	padding: 0 80px 0 65px;
	display: flex;
	align-items: center;
}

.faqBl .faqAcd .faqAcdTtl::before{
	content: "Q" ;
	display: inline-block!important;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.5rem;
	font-weight: 900;
	color:var( --color-green02);
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%);
}

.faqBl .faqAcd .faqAcdTtl:before,
.faqBl .faqAcd .faqAcdTtl:after{
	display: none;
}

.faqBl .faqAcd .faqAcdTtl span{
	position: absolute;
	top: 50%;
	right: 25px;
	width: 45px;
	height: 45px;
	background:  var(--color-text);
	border-radius: 50%;
	transform: translateY(-50%);
}

/* ＋の横棒 */
.faqBl .faqAcd .faqAcdTtl span:before,
.faqBl .faqAcd .faqAcdTtl span:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 27px;
	height: 3px;
	background: var(--color-green02);
	transform: translate(-50%, -50%);
	transition:.3s ease;
}

.faqBl .faqAcd .faqAcdTtl span:after{
	width: 3px;
	height: 27px;
}

/* 開閉時 */
.faqBl .faqAcd.is-open .faqAcdTtl span:after{
	opacity: 0;
}

.faqBl .faqAcd .faqAcdInner {
	height: 0;
	padding: 0 40px 0 65px;
	overflow: hidden;
	transition:.3s ease;
	background: var(--color-gray07);
	position: relative;
	line-height: var(--line-height-base02);
	box-sizing: border-box;
}

.faqBl .faqAcd.is-open .faqAcdInner {
	height: 90px;
	padding-top: 32px;
	padding-bottom: 32px;
}

.faqBl .faqAcd .faqAcdInner::before {
	content: "A";
	display: inline-block !important;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.5rem;
	font-weight: 900;
	color: var(--color-green02);
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%);
	opacity: 0;
	transition: opacity .3s ease;
}

.faqBl .faqAcd.is-open .faqAcdInner::before {
	opacity: 1;
	transition-delay: .3s;
}


/* Contact */
.contactBl .contactDesc{
	font-size:1.125rem;
	text-align: center;
	font-weight: 700;
	margin-bottom: 25px;
	line-height: var(--line-height-base02);
}

.contactBl .btnDesign{
	width: 360px;
	margin: 0 auto;
}



/* 試合一覧・結果 */
#contents > .matchScheduleBl {
	margin-bottom: 0;
}
.matchScheduleFilter{
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 auto;
}
.matchSelectWrap{
    position: relative;
    display: inline-block;
    width: 220px;
}
.matchSelectWrap::after{
    content: "▼";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    font-size: 0.75rem;/*12px*/
    pointer-events: none;
}
.matchSelectWrap:has(#matchCompetitionSelect){
    width: 420px;
}
#matchYearSelect,
#matchCompetitionSelect{
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    padding: 13px 40px 13px 16px;
    background: var(--color-bg);
    border: 2px solid var(--color-text);
    border-radius: 4px;
    font-size: 1.125rem;/*18px*/
    line-height: 1;
    cursor: pointer;
}

.matchItem{
	margin-top: 40px;
}

.matchItemHead{
	display: grid;
	grid-template-columns: 103px 1fr;
	align-items: center;
	min-height: 50px;
	background-color: var(--color-gray01);
}

.matchItemCategory{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 10px 15px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.25rem;/*20px*/
	font-weight: 400;
	text-align: center;
}
.matchItemCategory#host{ background-color: var(--color-green01); }
.matchItemCategory#visitor{ background-color: var(--color-gray03); }

.matchItemInfo{
	display: flex;
	align-items: center;
	height: 100%;
	padding: 11px 20px 14px;
	font-size: 1rem;
	font-weight: 600;
}

.matchItemPlace{
	margin-left: auto;
}
.matchItemPlace a{
	display: inline-flex;
	align-items: center;
	gap: .5em;
}
.matchItemPlace a::before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 25px;
	background: url(../img/common/icn_mappin_green.svg) no-repeat center / contain;
}
.matchItemPlace a.no-link{
	pointer-events: none;
}

.matchItemBody{
	/* display: grid;
	grid-template-columns: 1fr 184px;
	gap: 35px; */
	padding: 23px 35px 23px 23px;
	background-color: #FFF;
	color: #000;
}
.matchItemBody:has(.matchItemBtnWrap){
	display: grid;
	grid-template-columns: 1fr 184px;
	gap: 35px;
}
#schedule_past .matchItemBody:not(:has(.matchItemBtnWrap)){
	padding-right: 60px;
}

.matchItemBodyContents{
	display: flex;
	align-items: center;
	gap: 30px;
}

.matchItemDateWrap{
	width: 150px;
}

.matchItemDate{
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	text-align: center;
	gap: 5px;
	width: 100%;
}
.matchItemDate > .date{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.625rem;/*42px*/
	font-weight: 700;
}
.matchItemDate > .day-week{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.25rem;/*20px*/
	font-weight: 700;
}
.matchItemDate > .time{
	display: inline-block;
	width: 100%;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.5rem;/*24px*/
	font-weight: 300;
}
.matchItemDateAdd{
	margin-top: 5px;
	font-size: 0.875rem;
	line-height: 1.4;
	text-align: center;
}


/* 対戦チームCSS → base.css */

.matchItemResult{
	position: relative;
	display: grid;
	align-items: center;
	column-gap: 15px;
	text-align: center;
	margin-left: auto;
	padding-left: 65px;
}
.matchItemResultWinLose{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 2.875rem;/*46px*/
	font-weight: 400;
	padding-bottom: 6px;/*位置調整 ← (58-46)/2 */
}
.matchItemResultPointsGW{
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	justify-self: flex-end;
}
.matchItemResultPointsOpp{
	grid-row: 1 / 3;
	grid-column: 3 / 4;
	justify-self: flex-start;
}
.matchItemResultH1{
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}
.matchItemResultH2{
	grid-row: 2 / 3;
	grid-column: 2 / 3;
}

.matchItemResultPointsGW,
.matchItemResultPointsOpp{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 3.625rem;/*58px*/
	font-weight: 700;
}
.matchItemResultH1,
.matchItemResultH2{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.1875rem;/*19px*/
	font-weight: 600;
}

.matchItemCancel{
	margin-left: auto;
	color: var(--color-red01);
	font-size: 1.25rem;/*20px*/
	font-weight: 700;
}

.matchItemBtnWrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
}


/* btn */
.btnTickets,
.btnResult{
	width: 100%;
    height: 46px;
	border: none;
}
.btnTickets::before,
.btnResult::before{
	background: rgba(255, 255, 255, .4);
}
.btnTickets{
    background: var(--color-lightpurple01);
    color: var(--color-bg);
}
.btnTickets a::after {
    background: var(--color-purple01) !important;
    border-radius: 0 4px 4px 0;
}
.btnResult{
    background: var(--color-green01);
}
.btnResult a::after{
    background: var(--color-deepgreen01);
    color: var(--color-text);
    border-radius: 0 4px 4px 0;
}
.btnTickets:has(.no-link),
.btnResult:has(.no-link){
	pointer-events: none;
	opacity: .6;
}




/* swiper*/
.swiper-header{
	min-height: 50px;
	position: absolute;
	left: calc(50% + 45px);
	transform: translateX(-50%);
	max-width: 1200px;
	position: relative;
}

.swiper-header .swiper-controls{
	display: flex;
	gap:20px;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}

.swiper-header .swiper-controls .swiper-button-disabled{
	opacity: 0.4;
	pointer-events: none;
}

.swiper-header .swiper-controls .swiper-prev{
	width: 19px;
	height: 8px;
	background-image: url("../img/common/swiper_arrow.svg");
	transform: scaleX(-1);
	text-indent: -9999px;
}

.swiper-header .swiper-controls .swiper-prev:hover{
	background-image: url("../img/common/swiper_arrow_hover.svg");
}

.swiper-header .swiper-controls .swiper-next{
	width: 19px;
	height: 8px;
	background: url("../img/common/swiper_arrow.svg") no-repeat center center;
	transition: background-image 0.3s ease;
	order: 2;
	text-indent: -9999px;
}

.swiper-header .swiper-controls .swiper-next:hover{
	background-image: url("../img/common/swiper_arrow_hover.svg");
}

.swiper-header .swiper-controls .line {
	width: 1px;
	height: 50px;
	background: #808080;
	order: 1;
	position: absolute;
	right: 30px;
}

.swiper-header .swiper-controls .swiper-button-lock + .line{
	display: none;
}

.swiper-header .swiper-controls .swiper-stop{
	width: 26px;
	height: 26px;
	background: url("../img/common/swiper_stop_gray.png") no-repeat left top;
	background-size: 100%;
	text-indent: -9999px;
		transition: all 0.3s ease;
	position: initial;
	bottom: inherit;
	left: inherit;
}

.swiper-header .swiper-controls .swiper-stop:hover{
	background: url("../img/common/swiper_stop_gray_hover.png") no-repeat left top;
}

.swiper-header .swiper-controls .swiper-stop.is-paused{
	background: url("../img/common/swiper_start_gray.png") no-repeat left top;
	background-size: 100%;
}

.swiper-header .swiper-controls .swiper-stop.is-paused:hover{
	background: url("../img/common/swiper_start_gray_hover.png") no-repeat left top;
	background-size: 100%;
}


@media screen and (max-width: 1340px) {
	.nowonsaleBl .nowonsaleSwiper{
		margin-right: -40px;
	}

	.nowonsaleHeader{
		padding: 0 40px !important;
	}
}

@media screen and (max-width:1000px) {
	.unchorBl .unchorList li {
		width: calc((100% - calc(40vw / 7.5)) / 3);
	}

	.ticketInner {
		padding: 80px 40px 60px 40px;
	}
}


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

	#contents {
		padding-top:calc(65vw / 7.5);
	}

	#contents > div {
		margin-bottom: calc(70vw / 7.5);
	}

	.ticketInner {
		padding: calc(75vw / 7.5) calc(37vw / 7.5) calc(90vw / 7.5);
	}

	.ticketInner > *:last-child{
		margin-bottom: 0;
	}

	.unchorBl{
		margin-bottom: calc(100vw / 7.5);
	}

	.unchorBl .unchorList {
		flex-wrap: wrap;
		display: flex;
		gap: calc(25vw / 7.5) calc(20vw / 7.5);
		justify-content: space-between;
	}

	.unchorBl .unchorList li,
	.unchorBl .unchorList.column3 li {
		width: calc((100% - calc(20vw / 7.5)) / 2);
	}

	.unchorBl .unchorList li a {
		gap: 10px;
		min-height:  calc(85vw / 7.5);
		padding: 0 calc(20vw / 7.5) 0 calc(35vw / 7.5);
		font-size: calc(30vw / 7.5);
		border-radius: calc(8vw / 7.5);
		border: none;
		text-align: center;
	}

	.unchorBl .unchorList li a::before {
		left: calc(15vw / 7.5);
		top: 55%;
		border-left:calc(13vw / 7.5) solid transparent;
		border-right: calc(13vw / 7.5) solid transparent;
		border-top: calc(20vw / 7.5) solid var(--color-bg);
	}


	/*bnrBl*/
	.bnrBl .bnrImg{
		padding: 0 calc(40vw / 7.5);
	}

	.bnrBl .bnrImg{
		margin-bottom: calc(50vw / 7.5);
	}

	/* Heading */
	.nowonsaleBl h2,
	.matchScheduleBl h2{
		margin-bottom: calc(70vw / 7.5);
		padding-left:calc(35vw / 7.5);
		padding-top: calc(-5vw / 7.5);
		font-size: calc(22vw / 7.5);
	}

	.nowonsaleBl h2::before,
	.matchScheduleBl h2::before{
		width: calc(10vw / 7.5);
	}

	.nowonsaleBl h2::after,
	.matchScheduleBl h2::after{
		width: calc(10vw / 7.5);
	}

	.nowonsaleBl h2 span,
	.matchScheduleBl h2 span{
		margin: 0;
		font-size: calc(90vw / 7.5);
	}

	/* Now on sale */
	.nowonsaleBl .nowonsaleInner {
		padding:0 calc(40vw / 7.5) 0;
	}

	.nowonsaleBl .nowonsaleCategoryList {
		gap: calc(10vw / 7.5);
		margin-bottom: calc(45vw / 7.5);
	}

	.nowonsaleBl .nowonsaleCategoryList button {
		font-size: calc(25vw / 7.5);
		width: calc(144vw / 7.5);
		height: calc(50vw / 7.5);
		line-height: calc(50vw / 7.5);
	}

	.nowonsaleBl .nowonsaleCategoryList li.on button {
		width: calc(144vw / 7.5);
	}

	.nowonsaleBl .nowonsaleHeader {
		margin: calc(-90vw / 7.5) 0 0;
	}

	.nowonsaleBl .nowonsaleSwiper {
		margin-right: calc(-40vw / 7.5);
		margin-top: calc(20vw / 7.5);
		margin-bottom: calc(70vw / 7.5);
	}

	.nowonsaleBl .nowonsaleSwiper .swiper-slide {
		max-width: calc(564vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem {
		width: calc(560vw / 7.5) !important;
		padding: 0 calc(20vw / 7.5) calc(20vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemPlace {
		font-size: calc(20vw / 7.5);
		min-height: calc(48vw / 7.5);
		padding: calc(13vw / 7.5) 0 calc(13vw / 7.5) calc(120vw / 7.5);
		margin: 0 calc(-20vw / 7.5) calc(20vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemPlace::before {
		width: calc(105vw / 7.5);
		font-size: calc(24vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemTtl {
		font-size: calc(21vw / 7.5);
		margin-bottom: calc(20vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemMeta {
		gap: 0 calc(25vw / 7.5);
		margin-bottom: calc(30vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemMeta .nowonsaleItemDate {
		font-size: calc(98vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemMeta .nowonsaleItemDay,
	.nowonsaleBl .nowonsaleItem .nowonsaleItemMeta .nowonsaleItemTime {
		font-size: calc(53vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemOpponent {
		gap: 0 calc(25vw / 7.5);
		background: url("../img/top/icn_vs.png") no-repeat left center;
		background-size: calc(60vw / 7.5) auto;
		padding-left: calc(87vw / 7.5);
		margin: 0 calc(15vw / 7.5) calc(35vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemOpponent .nowonsaleItemOpponentImg {
		width: calc(108vw / 7.5);
		max-height: calc(108vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemOpponent .nowonsaleItemOpponentImg img {
		width: calc(108vw / 7.5);
		height: calc(108vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemOpponent .nowonsaleItemOpponentName {
		font-size: calc(20vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex {
		width: calc(450vw / 7.5);
		margin: 0 auto;
		flex-wrap: wrap;
		gap: calc(8vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnTickets,
	.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnResult {
		width: calc(258vw / 7.5);
		height: calc(65vw / 7.5);
	}

	.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnTickets a,
	.nowonsaleBl .nowonsaleItem .nowonsaleItemBtnFlex .btnResult a {
		padding-left: calc(20vw / 7.5);
	}

	.nowonsaleBl .bx-controls {
		right: 21px;
	}

	.nowonsaleBl .btnFlex {
		flex-wrap: wrap;
		margin: 0 auto;
		width: calc(450vw / 7.5);
		gap:calc(30vw / 7.5);
	}

	.nowonsaleHeader{
		padding: 0 !important;
		left: inherit;
		transform: translateX(0);
	}

	.swiper-header .swiper-controls{
		gap:calc(25vw / 7.5);
	}

	.swiper-header .swiper-controls .line {
		right: calc(19px + calc(12.5vw / 7.5));
		height: calc(65vw / 7.5);
	}

	.swiper-header .swiper-controls .swiper-stop{
		margin-right: calc(5vw / 7.5);
	}


	/* Ticket Sales Schedule */
	.ticketsalesscheduleBl h2{
		margin-right: -30px;
	}

	.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable{
		margin-bottom: 0;
	}

	.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable th,
	.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable td{
		padding: calc(20vw / 7.5) calc(15vw / 7.5) !important;
	}

	.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable td{
		height: inherit;
	}

	.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable .team{
		gap:0 calc(15vw / 7.5);
	}

	.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable .teamLogo{
		width: calc(43vw / 7.5);
	}

	.ticketsalesscheduleBl .ticketsalesscheduleOutlineTable tr td:nth-child(4){
		text-align: left;
		padding:calc(10vw / 7.5) calc(15vw / 7.5);
	}

	.ticketsalesscheduleBl .ticketsalesscheduleNote{
		font-size: calc(28vw / 7.5);
	}

	/* Ticket Resale Service */
	.ticketresaleserviceBl h2{
		margin-right: -20px;
	}

	.ticketresaleserviceBl .ticketresaleserviceIllust{
		margin: 0 auto calc(70vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceDesc{
		margin-bottom:calc(40vw / 7.5);
		font-size: calc(28vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceList{
		margin-bottom: calc(55vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem.resaleListing{
		margin-bottom:  calc(25vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemTtl{
		width:calc(135vw / 7.5);
		font-size:  calc(23vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemTtl img{
		max-width:calc(108vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemTtl span{
		font-size: calc(41.6vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceList .ticketresaleserviceItem .ticketresaleserviceItemNoteList{
		padding: calc(25vw / 7.5) calc(20vw / 7.5);
		font-size: calc(28vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceConditionsList{
		gap:calc(30vw / 7.5) 0;
		flex-wrap: wrap;
	}

	.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem{
		width: 100%;
	}

	.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsTtl{
		padding: calc(20vw / 7.5) calc(30vw / 7.5);
		font-size: calc(26vw / 7.5)
	}

	.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsTtl:after{
		content:"";
		background:  url("../img/match/ticketresaleservice_possible.png");
		background-size: calc(108vw / 7.5) auto;
		top: calc(5vw / 7.5);
		right: calc(10vw / 7.5);
		width:calc(108vw / 7.5);
		height: calc(92vw / 7.5)
	}

	.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsTtl span{
		font-size: calc(41.6vw / 7.5)
	}

	.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsTtl .fontS{
		font-size: calc(23.5vw / 7.5)
	}

	.ticketresaleserviceBl .ticketresaleserviceConditionsList .ticketresaleserviceConditionsItem .ticketresaleserviceConditionsNoteList{
		padding: calc(25vw / 7.5) calc(20vw / 7.5);
		font-size: calc(28vw / 7.5);
	}

	.ticketresaleserviceBl .ticketresaleserviceConditionsList .resaleImpossible .ticketresaleserviceConditionsTtl:after{
		content:"";
		background:  url("../img/match/ticketresaleservice_impossible.png");
		background-size: calc(108vw / 7.5) auto;
		height: calc(85vw / 7.5);
		top: calc(10vw / 7.5);
	}


	/* Host Games
	-------------------------------------------------- */
	.seatpricesBl.hostgamesDesign .tabWrap {
		margin-bottom: calc(60vw / 7.5);
	}

	.seatpricesBl.hostgamesDesign .tabList {
		gap: calc(15vw / 7.5);
	}

	.seatpricesBl.hostgamesDesign .tabList li {
		width: calc(50% - calc(7.6vw / 7.5));
	}

	.seatpricesBl.hostgamesDesign .tabList button {
		font-size: calc(30vw / 7.5);
		height:  calc(90vw / 7.5);
	}


	/* Season Seat */
	.seatpricesBl .placeName{
		font-size: calc(24vw / 7.5);
		margin-bottom: calc(5vw / 7.5);
		padding: calc(10vw / 7.5);
	}

	.seatpricesBl .placeNameEn{
		font-size: calc(48vw / 7.5);
		margin: 0 -10px calc(35vw / 7.5);
	}

	.seatpricesBl .clickTxt{
		font-size:  calc(30vw / 7.5);
		margin-bottom: calc(30vw / 7.5);
	}

	.seatpricesBl .clickTxt span{
		padding-left:calc(78vw / 7.5);
	}

	.seatpricesBl .clickTxt span:before{
		width:calc(63vw / 7.5);
		height: calc(65vw / 7.5);
		left:0;
		top: calc(-15vw / 7.5);
		background: url("../img/common/icn_click.png") no-repeat left center;
		background-size: calc(63vw / 7.5) auto;
	}

	.seatpricesBl .seatpricesMap{
        margin: 0 auto calc(20vw / 7.5);
    }

    .seatpricesBl .seatpriceNoteList{
        margin: 0 auto calc(60vw / 7.5);
    }

	.seatpricesBl h4{
		margin-bottom: calc(25vw / 7.5);
		font-size:calc(30vw / 7.5);
	}

	.seatpricesBl .seatpricesMapButton:hover,
	.seatpricesBl .seatpricesMapButton:focus-visible {
		outline: 2px solid var(--color-text);
		outline-offset: 1px;
		transform: translate(-50%, -50%) scale(1.07);
	}

	/* モーダル
	-------------------------------------------------- */
	.seatpricesBl .seatpricesModalContents {
		padding:calc(50vw / 7.5) calc(30vw / 7.5);
		display: block;
	}

	.seatpricesBl .seatpricesModalPic,
	.seatpricesBl .seatpricesModalDetails {
		width: 100%;
	}

	.seatpricesBl .seatpricesModalSection + .seatpricesModalSection {
		margin-top: 30px;
	}

	.seatpricesBl .seatpricesModalHeading {
		margin: 0 0 10px;
		padding: 8px 12px;
		background-color: var(--color-gold01);
		font-size: 1.125rem;
		font-weight: 700;
	}

	.seatpricesBl .seatpricesModalBenefitList {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: var(--line-height-base02);
	}

	.seatpricesBl .seatpricesModal {
		max-height: 90vh;
		width: auto;
		margin: 5vh calc(40vw / 7.5);
	}

	.seatpricesBl .seatpricesModalHeader {
		padding: calc(22vw / 7.5) calc(60vw / 7.5)  calc(22vw / 7.5)  calc(27vw / 7.5) ;
	}

	.seatpricesBl .seatpricesModalTtl {
		font-size:calc(32vw / 7.5);
	}

	.seatpricesBl .seatpricesModalClose {
		right: calc(10vw / 7.5);
		width: calc(45vw / 7.5);
		height: calc(45vw / 7.5);
	}

	.seatpricesBl .seatpricesModalClose span {
		width: calc(23vw / 7.5);
	}

	.seatpricesBl .seatpricesModalPic {
		padding: 0;
		margin-bottom: calc(60vw / 7.5);
	}

	.seatpricesBl .seatpricesModalDetails {
		padding: 0;
	}

	.seatpricesBl .seatpricesModalSection + .seatpricesModalSection {
		margin-top: calc(50vw / 7.5);
	}

	.seatpricesBl .seatpricesModalHeading {
		font-size:calc(30vw / 7.5);
		margin-top: calc(15vw / 7.5);
		padding: calc(10vw / 7.5)  calc(15vw / 7.5);
	}

	.seatpricesBl .seatpricesModalSection p,
	.seatpricesBl .seatpricesModalBenefitList {
		font-size:calc(28vw / 7.5);
	}

	.seatpricesBl .seatpricesModalSlider {
		width: 100%;
		padding-bottom: calc(70vw / 7.5);
	}

	.seatpricesBl .seatpricesModalSlider .swiper-pagination {
		bottom: calc(10vw / 7.5);
	}

	.seatpricesBl .seatpricesModalSlider .swiper-pagination-bullet {
		width:calc(18vw / 7.5);
		height: calc(18vw / 7.5);
		margin: 0 calc(9vw / 7.5);
	}

	.seatpricesBl h3.lineDesign {
		margin-bottom:  calc(25vw / 7.5);
	}

	.seatpricesBl .seatpricesOutlineTable{
		margin-bottom: 0;
	}

	.seatpricesBl .seatpricesOutlineTable th,
	.seatpricesBl .seatpricesOutlineTable td,
	.seatpricesBl .seatpricesOutlineTable .seatName{
		padding: calc(20vw / 7.5) calc(15vw / 7.5);
	}

	.seatpricesBl .seatpricesOutlineTable .seatNumber{
		font-size: calc(27vw / 7.5);
	}

	.seatpricesBl .seatpricesOutlineTable .btnDesign{
		width: calc(100vw / 7.5);
		height: calc(40vw / 7.5);
	}

	.seatpricesBl .seatpricesOutlineTable .btnDesign a {
		font-size: calc(20vw / 7.5);
		padding-left: calc(15vw / 7.5);
	}

	.seatpricesBl .seatpricesOutlineTable .btnDesign a::after {
		font-size: calc(10vw / 7.5);
	}

	.seatpricesBl .tableScroll + .btnDesign{
		margin: 0 auto calc(60vw / 7.5);
	}

	.seatpricesBl .seatpriceNoteBox{
		padding: calc(45vw / 7.5) calc(35vw / 7.5);
	}

	.seatpricesBl .seatpriceNoteList{
		font-size: calc(28vw / 7.5);
	}


	/* Season Seat Heading */
	.seasonseatHeading{
		background: url("../img/match/seasonseat_heading_bg_sp.jpg") no-repeat center center var(--color-green01);
		background-size: cover;
		height: calc(530vw / 7.5);
    }
	.seasonseatHeadingTtl{
		padding: 0 calc(30vw / 7.5);
	}

	.seasonseatHeadingTtl01{
		margin-bottom: calc(8vw / 7.5);
		font-size: calc(28vw / 7.5);
	}
	.seasonseatHeadingTtl02{
		font-size: calc(110vw / 7.5);
	}
	.seasonseatHeadingTtl03{
		margin-top: calc(16vw / 7.5);
		width: 100%;
		padding: calc(10vw / 7.5) calc(20vw / 7.5) calc(12vw / 7.5);
		border-width: 1px;
		font-size: calc(34vw / 7.5);
		line-height: 1.3;
	}


	/* Season Seat */
	.seasonseatBl .seasonseatDesc{
		font-size: calc(28vw / 7.5);
	}


	/* Benefits */
	.benefitsBl .benefitsList{
		gap:calc(100vw / 7.5) 0;
		border: 5px solid var(--color-green01);
		padding: calc(47vw / 7.5)  calc(25vw / 7.5);
	}

	.benefitsBl .benefitsList .benefitsListItem{
		width: 100%;
	}

	.benefitsBl .benefitsList .benefitsListTtl{
			margin-top: calc(30vw / 7.5);
			font-size: calc(32vw / 7.5);
	}

	.benefitsBl .benefitsList .benefitsListDesc{
			margin-top: calc(15vw / 7.5);
			font-size: calc(28vw / 7.5);
	}


	/* Match */
	.matchBl .matchDesc{
		margin-bottom: calc(20vw / 7.5);
		font-size: calc(28vw / 7.5);
	}

	.matchBl .matchOutlineTable{
		margin: 0;
	}

	.matchBl .matchOutlineTable .team{
		gap:0 calc(10vw / 7.5);
		padding: 0;
	}

	.matchBl .matchOutlineTable .teamLogo{
		width:calc(38vw / 7.5)
	}

	.matchBl .matchOutlineTable tr td:nth-child(4){
		padding: calc(10vw / 7.5) calc(15vw / 7.5);;
	}

	.matchBl .matchNote{
		font-size: calc(28vw / 7.5);
	}


	/* How to buy */
	.howtobuyBl .howtobuyFlex{
		align-items: flex-start;
		flex-direction: column;
		gap:calc(40vw / 7.5) 0;
		padding: 0;
	}

	.howtobuyBl .howtobuyFlex + h3{
		margin-top: calc(70vw / 7.5)
	}

	.howtobuyBl .howtobuyFlex .howtobuyFlexPic{
		width: calc(239vw / 7.5);
		margin: 0 auto;
	}

	.howtobuyBl .howtobuyFlex .howtobuyFlexDesc{
		flex: initial;
	}

	.howtobuyBl .howtobuyFlex .howtobuyFlexDesc ul{
		font-size: calc(28vw / 7.5);
	}

	.howtobuyBl .howtobuyDesc{
		font-size: calc(28vw / 7.5);
	}

	/* FAQ */
	.faqBl .faqAcd{
		margin-bottom: calc(23vw / 7.5);
	}

	.faqBl .faqAcd .faqAcdTtl{
		height: inherit;
		font-size:calc(30vw / 7.5);
		padding: calc(15vw / 7.5) calc(80vw / 7.5);
	}

	.faqBl .faqAcd .faqAcdTtl::before{
		font-size: calc(50vw / 7.5);
		left: calc(20vw / 7.5);
	}

	.faqBl .faqAcd .faqAcdTtl span{
		right: calc(25vw / 7.5);
		width:  calc(45vw / 7.5);
		height:  calc(45vw / 7.5);
	}

	/* ＋の横棒 */
	.faqBl .faqAcd .faqAcdTtl span:before,
	.faqBl .faqAcd .faqAcdTtl span:after{
		width:calc(27vw / 7.5);
		height: calc(3vw / 7.5);
	}

	.faqBl .faqAcd .faqAcdTtl span:after{
		width: calc(3vw / 7.5);
		height: calc(27vw / 7.5);
	}

	.faqBl .faqAcd .faqAcdInner {
		padding: 0 calc(35vw / 7.5) 0 calc(70vw / 7.5);
		font-size: calc(28vw / 7.5);
	}

	.faqBl .faqAcd.is-open .faqAcdInner {
		padding-top: calc(35vw / 7.5);
		padding-bottom: calc(35vw / 7.5);
	}

	.faqBl .faqAcd .faqAcdInner::before {
		font-size: calc(50vw / 7.5);
		left:calc(25vw / 7.5);
	}


	/* Contact */
	.contactBl .contactDesc{
		font-size:calc(28vw / 7.5);
		margin-bottom: calc(45vw / 7.5);
	}

	.contactBl .btnDesign{
		width:calc(534vw / 7.5);
	}


	/* 試合一覧・結果 */
	.matchScheduleFilter{
		flex-direction: column;
		gap: calc(28vw / 7.5);
		margin: 0 auto calc(60vw / 7.5);
	}
	.matchSelectWrap,
	.matchSelectWrap:has(#matchCompetitionSelect){
		width: 100%;
	}
	.matchSelectWrap::after{
		right: calc(30vw / 7.5);
        font-size: calc(24vw / 7.5);
	}
	#matchYearSelect,
	#matchCompetitionSelect {
        padding: calc(25vw / 7.5) calc(55vw / 7.5) calc(25vw / 7.5) calc(20vw / 7.5);
        font-size: calc(30vw / 7.5);
    }
	.matchItem{
		margin-top: calc(50vw / 7.5);
	}
	.matchItemHead{
		grid-template-columns: 22% 78%;
	}
	.matchItemCategory{
		padding: calc(20vw / 7.5);
		font-size: calc(32vw / 7.5);
	}
	.matchItemInfo{
		flex-direction: column;
		align-items: flex-start;
		gap: calc(20vw / 7.5);
		padding: calc(24vw / 7.5);
		font-size:calc(24vw / 7.5);
		line-height: 1.4;
	}
	.matchItemPlace{
		margin-left: 0;
	}
	.matchItemPlace a::before{
		width: calc(30vw / 7.5);
		height: calc(38vw / 7.5);
	}
	.matchItemBody,
	#schedule_past .matchItemBody:not(:has(.matchItemBtnWrap)){
		padding: calc(30vw / 7.5) calc(36vw / 7.5) calc(36vw / 7.5);
	}
	.matchItemBody:has(.matchItemBtnWrap){
		display: block;
	}
	.matchItemBodyContents{
		display: flex;
		flex-direction: column;
		gap: calc(30vw / 7.5);
	}
	.matchItemBodyContents:has( + .matchItemBtnWrap){
		padding-bottom: calc(36vw / 7.5);
	}
	.matchItemDateWrap{
		width: auto;
	}
	.matchItemDate {
		gap: .5em;
	}
	.matchItemDate > .date{
		font-size: calc(86vw / 7.5);
	}
	.matchItemDate > .day-week{
		font-size: calc(48vw / 7.5);
	}
	.matchItemDate > .time{
		width: auto;
		margin-left: calc(20vw / 7.5);
		font-size: calc(58vw / 7.5);
	}
	.matchItemResult{
		column-gap: calc(28vw / 7.5);
		margin-right: auto;
		padding-left: 0;
	}
	.matchItemResultWinLose{
		left: calc(90vw / 7.5 * -1);
		font-size: calc(60vw / 7.5);
		padding-bottom: calc(10vw / 7.5);
	}
	.matchItemResultPointsGW,
	.matchItemResultPointsOpp{
		font-size: calc(90vw / 7.5);
	}
	.matchItemResultH1, .matchItemResultH2{
		font-size: calc(32vw / 7.5);
	}
	.matchItemCancel{
		margin-left: 0;
		padding-bottom: .5em;
		font-size: calc(36vw / 7.5);
	}
	.matchItemBtnWrap{
		display: flex;
		flex-direction: row;
		gap: calc(24vw / 7.5);
	}

	/* btn */
	.btnTickets,
	.btnResult{
        height:calc(65vw / 7.5);
	}
}


/* tablet */
@media screen and (min-width: 768px) and (max-width: 1100px){
	/* 試合一覧・結果 */
	.matchItemInfo{
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.matchItemPlace{
		margin-left: 0;
	}
	.matchItemBody,
	#schedule_past .matchItemBody:not(:has(.matchItemBtnWrap)){
		padding: 30px;
	}
	.matchItemBody:has(.matchItemBtnWrap){
		display: block;
	}
	.matchItemBodyContents{
		display: flex;
		flex-direction: column;
		gap: calc(25 * 100vw / 768);
	}
	.matchItemBodyContents:has( + .matchItemBtnWrap){
		padding-bottom: calc(30 * 100vw / 768);
	}
	.matchItemDateWrap{
		width: auto;
	}
	.matchItemDate {
		gap: .5em;
	}
	.matchItemDate > .date{
		font-size: calc(50 * 100vw / 768);
	}
	.matchItemDate > .day-week{
		font-size: calc(30 * 100vw / 768);
	}
	.matchItemDate > .time{
		width: auto;
		font-size: calc(36 * 100vw / 768);
	}
	.matchItemResult{
		column-gap: calc(20vw / 10);
		margin-right: auto;
		padding-left: 0;
	}
	.matchItemResultWinLose{
		left: calc(110vw / 10 * -1);
		font-size: calc(50 * 100vw / 768);
		padding-bottom: calc(10vw / 10);
	}
	.matchItemResultPointsGW,
	.matchItemResultPointsOpp{
		font-size: calc(60 * 100vw / 768);
	}
	.matchItemResultH1, .matchItemResultH2{
		font-size: calc(26 * 100vw / 768);
	}
	.matchItemCancel{
		margin-left: 0;
		padding-bottom: .5em;
		font-size: calc(18 * 100vw / 768);
	}
	.matchItemBtnWrap{
		display: flex;
		flex-direction: row;
		gap: 15px;
	}
}