@charset "UTF-8";
.link {
	margin-bottom: 20px;
}
.link a {
	color: #014099;
}
.sub-2026 a:hover img{
	opacity: 1;
}
.sub-2026 section{
	overflow: visible;
}
.index-list{
	border-bottom: none;
}
section .inner{
	padding-top: 100px;
	padding-bottom: 100px;
}

	.swiper-slide{
		opacity: 1;
	}
	.player .swiper-slide{
		opacity: 0.25;
	}
	.item-player .swiper-slide.swiper-slide-active{
		opacity: 1;
	}

/*---------- グッズ/グルメ ----------*/
.goods .swiper-button-prev,.gourmet .swiper-button-prev {
  background-image: url("../../../img/lp/2026/arw_prev.png");
	left: 7%!important;
}
.goods .swiper-button-next,.gourmet .swiper-button-next {
  background-image: url("../../../img/lp/2026/arw_next.png");
	right: 8%!important;
}
.goods .swiper-slide img,.gourmet .swiper-slide img {
  height: auto;
  width: 100%;
}
.goods .swiper-button-next, .goods .swiper-button-prev,.gourmet .swiper-button-next, .gourmet .swiper-button-prev{
	width: 50px;
	height: 50px;
	background-size: 50px;
	margin-top: 0;
}
/*---------- タイトル ----------*/
.ttl-heavy{
	margin-bottom: 25px;
}
.ttl-heavy strong,.preview strong{
	display: block;
	margin-top: 10px;
	font-size: 3.0rem;
}
.ttl-heavy.ttl-white strong{
	color: #FFFFFF;
}
.text-wihte{
	
	color: #FFFFFF!important;
}

/*---------- トピックス ----------*/
.topics{
	border: none;
}
.topics:before{
	content: "";
	background: url("../../../img/lp/2026/bg_topics.png") no-repeat center/100% auto;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
}
.topics .inner > h1.ttl-heavy span{
	color: #FFFFFF;
	font-style: italic;
	background:none;
}
/*---------- 企画 -------*/
.sub-2026 .kikaku{
	position: relative;
	background-color: #F8F8F8;
}
/*---------- グルメ ----------*/
.sub-2026 .gourmet{
	position: relative;
}
.sub-2026 section.gourmet:before{
	background: transparent url("../../../img/lp/2026/bg_gourmet.png") no-repeat center center;
	opacity: 1;
/*
	content: "";
	background: url("../../../img/lp/2026/bg_gourmet.png") no-repeat top/100% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
*/
}
.sub-2026 .gourmet .gourmet-text{
	background-color: #FFFFFF;
	max-width: 100%;
	min-height: 130px;
	padding: 1em;
	margin: 0;
	position: relative;
	color: #000000;
}
.sub-2026 .gourmet .gourmet-text h3{
	margin: 0;
	font-style: italic;
	font-weight: bold;
	font-size: 1.7rem;
}
.sub-2026 .gourmet .gourmet-text dl{
	padding: 0 1em 1rem;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
}
.sub-2026 .gourmet .gourmet-text dl dt{
	background: #ff6325;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	width: 50px;
	height: 20px;
	font-size: 1.2rem;
}
.sub-2026 .gourmet .gourmet-text dl dd{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	padding: 2px 0 5px 15px;
	margin-left: 0;
	width: calc(100% - 80px);
}
.sub-2026 .gourmet .gourmet-text dl dd small{
	padding-left: .3em;
}
/*---------- イベント ----------*/
/*
.sub-2026 .event-pickup{
	position: relative;
}
.sub-2026 .event-pickup:before{
	content: "";
	background: url("../../../img/lp/2026/bg_event.png") center top / 100% auto no-repeat;
	width: 100%;
	height: 150%;
	position: absolute;
	left: 0px;
	top: -5%;
	opacity: 1;
}
*/
.sub-2026 .event-pickup{
	background: url("../../../img/lp/2026/bg_event.png") center top / 100% auto no-repeat rgb(255, 99, 37);
}
.sub-2026 .event-pickup .field{
	background-color: #FFFFFF;
}
.sub-2026 .event-pickup .unit-3-lg .col .text{
	margin: 0.5em;
}
/*---------- グッズ ----------*/
.sub-2026 .goods{
	position: relative;
	background-color: #F8F8F8;
}
/*
.sub-2026 .goods:before{
	content: "";
	background: #ff6325;
	clip-path: polygon(0 20vw, 100% 0, 100% 100%, 0 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -20%;
	left: 0;
	z-index: -1;
}
*/
.goods-container{
	padding-top: 50px;
	padding-bottom: 30px;
	position: relative;
}
.sub-2026 .goods h1.ttl-heavy em{
	color: #ff6325;
}
.goods .swiper-pagination {
  font-size: 2.3rem;
  font-weight: 700;
	color: #ff6325;
	position: absolute;
	top: 0;
	bottom: auto!important;
}
.sub-2026 .goods .goods-text{
	background-color: #ff6325;
	color: #FFFFFF;
	max-width: 100%;
	min-height: 110px;
	display: flex;
	padding: 1em;
	margin: 0;
	position: relative;
	color: #000000;
	clip-path: polygon(0px 0%, 100% 0%, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0% 100%, 0% 16px);
}
.sub-2026 .goods .goods-text h3{
	margin: 0;
	font-style: italic;
	font-weight: bold;
	font-size: 1.7rem;
	color: #FFFFFF;
}
.sub-2026 .goods .goods-text dl{
	padding: 0 1em 1rem;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}
.sub-2026 .goods .goods-text dl dt{
	background: #FFFFFF;
	color: #ff6325;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	width: 50px;
	height: 20px;
}
.sub-2026 .goods .goods-text dl dd{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	padding: 2px 0 5px 15px;
	margin-left: 0;
	color: #FFFFFF;
}
.sub-2026 .goods .goods-text dl dd small{
	padding-left: .3em;
}
/*---------- はじめて ----------*/
.sub-2026 .hajimete:before{
	content: "";
	background: url("../../../img/lp/2026/bg_hajimete.png") no-repeat top/100% auto;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
}
.sub-2026 .hajimete .heading-ttl{
	color: #FFFFFF;
}
.heading-ttl::before, .heading-ttl::after{
	background-color: #FFFFFF;
}
/*---------- 選手 ----------*/
.sub-2026 .player{
	border: none;
	color: #FFFFFF;
	position: relative;
	background-color: #014099;
}
/*
.sub-2026 .player:before{
	content: "";
	background: #014099;
	clip-path: polygon(0 0, 100% 20vw, 100% 100%, 0 100%);
	width: 100%;
	height: calc(100% + 6rem);
	position: absolute;
	top: -6rem;
	left: 0;
	z-index: -1;
}
*/
.sub-2026 .player .swiper-slide b{
	color: #FFFFFF;
}
.player .swiper-slide b em{
	color: #ffffff;
	background-color: #ff6325;
}
.player .swiper-slide b em:before{
	border-color: transparent transparent #ff6325 transparent;
}
.player .swiper-slide b em:after{
	border-color: #ff6325 transparent transparent transparent;
}
/*---------- マッチデー ----------*/
.sub-2026 .matchday{
	background-color: #ff6325;
	position: relative;
}
/*
.sub-2026 .matchday:before{
	content: "";
background: #ff6325;
clip-path: polygon(0 20vw, 100% 0, 100% 100%, 0 100%);
width: 100%;
height: 100%;
position: absolute;
bottom: -20%;
left: 0;

}
*/
.sub-2026 .matchday .matchday-timeline{
	padding: 2em;
	background-color: #eeeeee;
	clip-path: polygon(16px 0%, 100% 0%, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0% 100%, 0% 16px);
}
.sub-2026 .matchday .matchday-timeline + .matchday-timeline{
	margin-top: 35px;
}
.sub-2026 .matchday .matchday-timeline_ttl{
	color: #ff6325;
	position: relative;
	margin-bottom: 30px;
	margin-top: 0;
	padding-left: 30px;
}
.sub-2026 .matchday .matchday-timeline_ttl:before{
	content: "";
	width: 25px;
	height: 1px;
	background-color: #ff6325;
	position: absolute;
	left: 0;
	transform: translate(-50%);
	top: 50%;
}
.sub-2026 .matchday .matchday-timeline li{
	position: relative;
	margin: 0 0 10px 17px;
	padding-left: 80px;
	background: #fff;
	font-weight: bold;
}
.sub-2026 .matchday .matchday-timeline li .time{
	clip-path: polygon(8px 0%, 100% 0%, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0% 100%, 0% 8px);
	left: -17px;
	top: -10px;
	padding: 8px 0;
	width: 100px;
	text-align: center;
	font-size: 2.3rem;
	position: absolute;
	background: #ff6325;
	line-height: 1;
	color: #fff;
	margin: 0;
}
.sub-2026 .matchday .matchday-timeline li .tit{
	padding: 10px 0 10px 35px;
	font-size: 2rem;
	margin: 0;
}
/*---------- シートマップ ---------*/
.sub-2026 .seatmap-box .seatBtn__list{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	border-bottom: #FF6325 5px solid;
}
.sub-2026 .seatmap-box .seatBtn__item span{
	display: inline-block;
}
.sub-2026 .seatmap-box .seatBtn__item{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 1.8rem;
	text-decoration: none;
	background: #f8f8f8;
	padding: 20px 20px 15px;
	width: 100%;
	text-align: center;
	color: #FF6325;
	line-height: 1;
	height: 80px;
	cursor: pointer;
	box-sizing: border-box;
}
.sub-2026 .seatmap-box .seatBtn__item:hover, .sub-2026 .seatmap-box .seatBtn__item.active{
	background: #FF6325;
	color: #fff;
}
.sub-2026 .seatmap-box .seatTarget{
	display: none;
}
.sub-2026 .seatmap-box .seatTarget.active{
	display: block;
}
.sub-2026 .seatmap-box .seatSelect__list{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	border-bottom: #FF6325 1px solid;
}
.sub-2026 .seatmap-box .seatSelect__item{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-size: 1.3rem;
	text-decoration: none;
	background: #ffeaeb;
	padding: 14px 10px;
	width: 100%;
	text-align: center;
	color: #000;
	line-height: 1.16;
	cursor: pointer;
	height: 60px;
	box-sizing: border-box;
}
.sub-2026 .seatmap-box .seatSelect__item:not(:first-child){
	border-left: #fff 1px solid;
}
.sub-2026 .seatmap-box .seatSelect__item:hover, .sub-2026 .seatmap-box .seatSelect__item.active{
	background: #FF6325;
	color: #fff;
}
.sub-2026 .seatmap-box .seatArea{
	display: none;
}
.sub-2026 .seatmap-box .seatArea.active{
	display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
}
.sub-2026 .seatmap-box .seatArea__imgArea{
	width: 50%;
	padding: 40px;
	text-align: center;
	}
.sub-2026 .seatmap-box .seatArea__imgArea.default{
	width: 73%;
}
.sub-2026 .seatmap-box #seat_w1premia.seatArea__imgArea{
	background-color: #febb96;
}
.sub-2026 .seatmap-box #seat_w1center.seatArea__imgArea{
	background-color: #FFF9B9;
}
.sub-2026 .seatmap-box #seat_w2.seatArea__imgArea{
	background-color: #FFF465;
}
.sub-2026 .seatmap-box #seat_w2swan.seatArea__imgArea{
	background-color: #F6D897;
}
.sub-2026 .seatmap-box #seat_w2pea.seatArea__imgArea{
	background-color: #FFBEE2;
}
.sub-2026 .seatmap-box #seat_e1center.seatArea__imgArea{
	background-color: #B5CE8B;
}
.sub-2026 .seatmap-box #seat_e2front.seatArea__imgArea{
	background-color: #C1E4D6;
}
.sub-2026 .seatmap-box #seat_e2center.seatArea__imgArea{
	background-color: #2B6D4B;
}
.sub-2026 .seatmap-box #seat_e2upper.seatArea__imgArea{
	background-color: #5CA576;
}
.sub-2026 .seatmap-box #seat_w1side.seatArea__imgArea{
	background-color: #ECCEA1;
}
.sub-2026 .seatmap-box #seat_w2free.seatArea__imgArea{
	background-color: #FFBF73;
}
.sub-2026 .seatmap-box #seat_w2family.seatArea__imgArea{
	background-color: #9E8875;
}
.sub-2026 .seatmap-box #seat_e1side_n.seatArea__imgArea{
	background-color: #DEEBB6;
}
.sub-2026 .seatmap-box #seat_e1side_s.seatArea__imgArea{
	background-color: #80A7A9;
}
.sub-2026 .seatmap-box #seat_e2side_n.seatArea__imgArea{
	background-color: #9DBE8C;
}
.sub-2026 .seatmap-box #seat_e2side_s.seatArea__imgArea{
	background-color: #C1CD6F;
}
.sub-2026 .seatmap-box #seat_nfree.seatArea__imgArea{
	background-color: #8BADC6;
}
.sub-2026 .seatmap-box #seat_sfree.seatArea__imgArea{
	background-color: #E78E95;
}
.sub-2026 .seatmap-box #seat_wheelchair.seatArea__imgArea{
	background-color: #FFFDBC;
}
.sub-2026 .seatmap-box .seatArea__imgArea img{
	width: 100%;
}
.sub-2026 .seatmap-box .seatArea__textArea{
	width: 50%;
	background: #e5e5e5;
	padding: 20px 30px;
	font-size: 1.3rem;
}
.sub-2026 .seatmap-box #seat_premium.seatArea__textArea{
	background-color: #e3ddc3;
}

.sub-2026 .seatmap-box .seatArea__textArea .info-box{
	background-color: #FFFFFF;
	padding: 7px;
	margin-top: 10px;
}
.sub-2026 .seatmap-box .seatArea__textArea .comment{
	margin-top: 0;
	font-weight: bold;
	font-size: 2.0rem;
	color: #000000;
	position: relative;
	text-align: center;
}
.sub-2026 .seatmap-box .seatArea__textArea .comment:before{
	content: "";
	background-size: contain;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../../../img/ticket/season-pass/2026/comma_l.png");
	position: absolute;
	left: 0;
	opacity: .7;
	top: 50%;
transform: translateY(-50%);
}
.sub-2026 .seatmap-box .seatArea__textArea .comment:after{
	content: "";
	background-size: contain;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../../../img/ticket/season-pass/2026/comma_r.png");
	position: absolute;
	right: 0;
	opacity: .7;
	top: 50%;
transform: translateY(-50%);
}
.sub-2026 .seatmap-box .seatArea__textArea .comment span{
	position: relative;
	z-index: 1;
}
.sub-2026 .seatmap-box .seatArea__price{
	margin-top: 15px;
}
.sub-2026 .seatmap-box .seatArea__price__title{
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	background: #FF6325;
	padding: 5px;
	color: #fff;
}
.sub-2026 .seatmap-box .seatArea__price__table{
	margin-top: 1px;
	width: 100%;
	table-layout: fixed;
}
.sub-2026 .seatmap-box thead .seatArea__price__head{
	background: #FFF6C5;
}
.sub-2026 .seatmap-box .seatArea__price__table tbody th, .sub-2026 .seatmap-box .seatArea__price__table tbody td{
	line-height: 1.16;
	text-align: center;
	padding: 10px 5px;
	vertical-align: middle;
	font-weight: 400;
	color: #000;
	font-weight: bold;
}
.sub-2026 .seatmap-box .seatArea__price__table tbody th{
	font-size: 1.3rem;
	background: #f6f6f6;
	border-top: #e5e5e5 1px solid;
}
.sub-2026 .seatmap-box .seatArea__price__table tbody tr:first-child th{
	border-left: 1px solid #e5e5e5
}
.sub-2026 .seatmap-box .seatArea__price__table tbody tr:first-child th:first-of-type{
	border-left: none;
}
.sub-2026 .seatmap-box .seatArea__price__table tbody td{
font-size: 1.3rem;
background: #fff;
border-left: #e5e5e5 1px solid;
border-top: #e5e5e5 1px solid;
}
.sub-2026 .seatmap-box .seatArea__toggle__item{
	background: #f8f8f8;
	color: #FF6325;
	text-align: center;
	font-size: 1rem;
	width: 100%;
	border-radius: 10px 10px 0 0;
	padding: 10px 2px 5px;
	line-height: 1.2;
}
.sub-2026 .seatmap-box .seatArea__toggle__item.active{
	background: #FF6325;
	color: #fff;
}
.sub-2026 .seatmap-box .seatArea__toggle__item:not(:first-child){
	margin-left: 1px;
}
.sub-2026 .seatmap-box .tab-1{
	margin-top: 40px;
}
.sub-2026 .seatmap-box .price-img{
	padding: 2em;
	background-color: #FF6325;
}
.sub-2026 .seatmap-box .tab-1 label:has(:checked){
	background-color: #FF6325;
	color: #FFFFFF;
}


@media (max-width: 834px) {
	section .inner{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.goods .swiper-button-prev,.gourmet .swiper-button-prev {
		left: 1.5%!important;
	}
	.goods .swiper-button-next,.gourmet .swiper-button-next {
		right: 1.5%!important;
	}
	.goods .swiper-button-next, .goods .swiper-button-prev, .gourmet .swiper-button-next, .gourmet .swiper-button-prev{
		width: 40px;
		height: 40px;
		background-size: 40px;
	}
	.sub-2026 .matchday .matchday-timeline{
		padding: 1em;
	}
	.sub-2026 .matchday .matchday-timeline li{
		position: relative;
		margin: 0 0 5px 14px;
		padding-left: 54px;
		background: #fff;
		font-weight: bold;
	}
	.sub-2026 .matchday .matchday-timeline li .time{
		clip-path: polygon(7px 0%, 100% 0%, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0% 100%, 0% 7px);
		left: -14px;
		top: -5px;
		padding: 5px 0;
		width: 68px;
		text-align: center;
		font-size: 1.6rem;
	}
	.sub-2026 .matchday .matchday-timeline li .tit{
		padding: 10px 0 10px 12px;
		font-size: 1.3rem;
	}
	.sub-2026 .matchday .matchday-timeline_ttl{
		margin-bottom: 15px;
	}
	/*---------- 席割り　・価格 ----------*/
	.sub-2026 .seatmap-box .seatBtn__item{
		font-size: 1.6rem;
		padding: 10px;
		height: 60px;
	}
	.sub-2026 .seatmap-box .seatSelect__list{
		flex-wrap: wrap;
	}
	.sub-2026 .seatmap-box .seatSelect__item{
		width: 20%;
	}
	.sub-2026 .seatmap-box .seatArea__imgArea{
		width: 100%;
		padding: 15px;
	}
	.sub-2026 .seatmap-box .seatArea__imgArea.default{
		width: 100%;
	}
	.sub-2026 .seatmap-box .seatArea.active{
		flex-wrap: wrap;
	}
	.sub-2026 .seatmap-box .seatArea__textArea{
		width: 100%;
		padding: 15px;
	}
	.ttl-heavy img{
		width: 75%;
	}
	.sub-2026 .ttl-heavy strong, .sub-2026 .preview strong{
		font-size: 1.9rem;
	}
	.sub-2026 .goods .ttl-heavy img,.sub-2026 .gourmet .ttl-heavy img,.sub-2026 .seatmap .ttl-heavy img{
		width: 50%;
	}
}
@media (min-width: 835px) {
.w-300 {
	width: 640px;
}
	.ttl-heavy img{
	height: 70px;
}
	section .inner .container div{
		overflow:inherit;
	}
	.gourmet-container,.goods-container{
		width: 1060px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		position: relative;
	}
	.sub-2026 .swiper-pagination-bullet-active{
		background-color: #FFFFFF!important;
	}
}
