@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap');
* {
	box-sizing:border-box;
}
html {
	font-size: 62.5%;
	line-height: 1.65;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color:transparent;
	-webkit-overflow-scrolling: touch;
}

body {
	margin: 0;
	font-weight: 400;
	font-style: normal;
	font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
 	font-family: "Zen Kaku Gothic New", sans-serif;
	color: #000000;
	background-color: #000000;
}
main{
	overflow: hidden;
	padding-top: 60px;
}
p, table, blockquote, address, pre, iframe, form, figure, dl {
	margin:0
}
em{
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin:0
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style:none
}
ul.disc{
	list-style: disc;
	padding-left: 40px;
}

dt {
	font-weight:bold
}

dd {
	margin-left:0
}
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
	transition:all .2s ease
}
a.link{
	text-decoration: underline;
}
img {
	border-style: none;
	vertical-align: bottom;
	max-width:100%
}
table {
	border-collapse: collapse;
	border-spacing:0
}
caption {
	text-align:left
}

td, th {
	vertical-align: top;
	padding:0
}
th {
	text-align: left;
	font-weight: bold
}
main {
	position: relative; /* 親要素を相対位置に */
	overflow: hidden;
	}

	main::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/main-bg.png");
	background-size: cover;
		background-position:center;
	z-index: -1;
	clip-path: inset(0 0 0 0);
	opacity: .7;
	}
	main > *{
		position: relative;
		z-index: 1;
	}
.en{
	 font-family: "Arimo", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
}
.text-center{
	text-align: center;	
}
.text-red{
	color: #e2000b;
}
.mb-15{
	margin-bottom: 15px;
}
.fade-in{
	transition: all 1s;
  transform: translateY(100px);
	 opacity: 0;
	visibility: hidden;
}
.fade-in.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.button{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	background-color: #e2000b;
	border-radius: 30px;
	width: 340px;
	line-height: 60px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 2.2rem;
}
/*---------- 
拡大図 
----------*/
.dir-top .lum-lightbox{
	background: rgb(0, 0, 0);
	z-index: 2000;
}
.dir-top .lum-lightbox-inner img{
	width: 75%;
}
.dir-top .lum-gallery-button{
	display: none;
}
.dir-top .lum-close-button{
	top: 10px;
	right: 20px;
}
@media (orientation: landscape) and (max-height: 450px){
	.dir-top .lum-lightbox-inner img{
	width: auto;
}
		.dir-top .lum-close-button{
		top: 10px;
	}
}
@media screen and (max-width: 768px){
.dir-top .lum-lightbox-inner img{
		width: 100%;
	}
	.dir-top .lum-close-button{
		top: 20%;
	}
	}
/*---------- 
モーダル 
----------*/
/*モーダルを開くボタン*/
.modal-open{
	display: inline-block;
	position: relative;
	text-decoration: underline;
	margin-right: 4px;
}
.modal-open:after{
	content: "\f08e";
	display: inline-block;
	font-size: 1.0rem;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	margin-left: 2px;
	vertical-align: top;
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0,0,0,70%);
padding: 40px 20px;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: .3s;
box-sizing: border-box;
	z-index: 1999;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
opacity: 1;
visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 500px;
width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -40px;
right: -40px;
width: 40px;
height: 40px;
font-size: 40px;
color: #FFFFFF;
cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
background: #fff;
color: #000;
text-align: left;
padding: 30px;
}
.modal-content h3{
	font-weight: bold;
	margin-bottom: 8px;
	display: block;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}
.modal-content p{
	font-size: 1.4rem;
}
.modal-content p + p{
	margin-top: 8px;
}
.modal-content a{
	display: inline-block;
	text-decoration: underline;
}
@media screen and (max-width: 769px){
	.modal-content{
		overflow-y: scroll;
		height: 70vh;
	}
	.modal-close{
		right: -20px;
		top: -45px;
	}
}

/*---------- 
タイトル 
----------*/
.sec-ttl{
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.2;
	color: #FFFFFF;
}
.sec-ttl .en{
	display: block;
	font-weight: bold;
	font-size: 6.0rem;
	font-style: italic;
}
.sec-ttl .jp{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.3rem;
	min-width: 31.1rem;
	font-weight: bold;
	font-size: 2.4rem;
	background: linear-gradient(92deg, #e2000b -0.92%, rgba(226, 0, 11, 0) 77.37%), linear-gradient(92.28deg, rgba(255, 230, 0, 0) 22.69%, #476acd 100.89%);
}
.more-link span{
	box-sizing: border-box;
	text-decoration: none;
	display: block;
	border-radius: 100px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1em;
	margin: 0 auto;
	padding: 1.2em .2em;
	position: relative;
	text-align: center;
	transition: .1s;
	width: 100%;
	max-width: 350px;
	background: transparent;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
@media only screen and (max-width: 768px){
	.more-link span{
		max-width: 250px;
		font-size: 1.7rem;
	}
	.sec-ttl{
		margin-bottom: 30px;
}
.sec-ttl .en{
	font-size: 4.0rem;
}
.sec-ttl .jp{
	font-size: 1.6rem;
}
}

.main-text{
	background-color: rgba(0,0,0,0.40);
	position: relative;
	color: #FFFFFF;
	padding: 80px 30px;
}

.main-text p span{
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 1.8rem;
}
.main-text p span + span{
	margin-top: 15px;
}
.main-text p span em{
	color: #e2000b;
}
/*---------- 
大会概要 
----------*/
.outline-box{
	background-color: #000000;
	color: #FFFFFF;
}
.outline-box dl{
	display: flex;
}

.outline-box dl dt{
	width: 140px;
	padding: 1em;
	font-size: 1.8rem;
	border-bottom: 1px solid #FFFFFF;
}
.outline-box dl dd{
	width: calc(100% - 150px);
	padding: 1em;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}
.outline-box dl dd ul{
		list-style: disc;
		padding-left: 20px;
	}
/*---------- 
ニュース 
----------*/
.news-box{
	background-color: rgba(0,0,0,0.40);
	position: relative;
}
.news-box .news-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.news-box .news-list > div{
	width: calc(33.333% - 20px);
	margin-left: 25px;
	margin-bottom: 25px;
	background-color: #FFFFFF;
}
.news-box .news-list figure{
	aspect-ratio: 16 / 9;
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
}
.news-box .news-list figure img{
	width: 100%;
}
.news-box .news-list .text{
	padding: 1em;
	display: flex;
	flex-wrap: wrap;
	min-height: 150px;
	align-items: flex-start;
	justify-content: flex-start;
	-webkit-flex-direction: column;
	
}
.news-box .news-list .text time{
	font-family: "Arimo", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	display: block;
}
.news-box .news-list .text p{
	margin-top: 5px;
	font-weight: bold;
}
/*---------- 
出場チーム紹介 
----------*/
.team-box.sec-box{
	padding-bottom: 0;
	background-color: rgba(0,0,0,0.40);
}
.team-box .team-inner{
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	background-color: #000000;
}
.team-box .team-inner.is-sir:before{
	content: "";
	background-image: url("../img/sir_bg.jpg");
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center;
	opacity: .6;
}
.team-box .team-inner.is-sunbirds:before{
	content: "";
	background-image: url("../img/sunbirds_bg.jpg");
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center;
	opacity: .6;
}
.team-box .team-item{
	position: relative;
	z-index: 1;
	padding: 3rem;
	border: 1px solid #000;
	background-color: rgba(255,255,255,0.9);
	border-radius: 30px;
}
.team-box .team-inner .team-item .team-head{
	margin-bottom: 25px;
	padding: 1rem;
	font-weight: bold;
	font-size: 2.5rem;
}
.team-box .team-inner .team-item .team-head span{
		font-size: 1.8rem;
	}
.team-box .team-inner.is-sir .team-item .team-head{
	background-color: #e70024;
	color: #FFFFFF;
}
.team-box .team-inner.is-sunbirds .team-item .team-head{
	background-color: #ce102c;
	color: #FFFFFF;
}
.team-box .team-item .team-contets{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2rem;
}
.team-box .team-item .team-contets .team-logo{
	width: 30%;
	text-align: center;
}
.team-box .team-item .team-contets .team-logo img{
	width: 240px;
}
.team-box .team-item .team-contets .team-info{
	width: 68%;
}
.team-box .team-item .team-contets dl{
	display: flex;
	border-bottom: 1px solid #000000;
}
.team-box .team-item .team-contets dt{
	width: 140px;
	padding: 1em .5em;
	color: #000000;
	font-size: 1.4rem;
	font-weight: normal;
}
.team-box .team-item .team-contets dd{
	width: calc(100% - 150px);
	padding: 1em .5em;
	color: #000000;
	font-size: 1.4rem;
	font-weight: bold;
}
.team-box .team-item .team-text{
	margin-top: 30px;
}

/*---------- 
SNS 
----------*/
.sns-box{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #FFFFFF;
	position: relative;
}
.sns-box:before{
	content: "";
	background-image: url("../img/main-bg_sec.png");
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
}
.sns-box > *{
	position: relative;
}
.sns-box .sec-ttl{
	color: #000000;
}
.sns-box .sns-list{
	display: flex;
	justify-content: center;
	align-items: center;
}
.sns-box .sns-list > div{
	width: 60px;
	height: 60px;
}
.sns-box .sns-list > div + div{
	margin-left: 20px;
}
.sns-box .sns-list > div a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background-color: #000000;
	border-radius: 100%;
}
.sns-box .sns-list > div a img{
	width: 35px;
}
.sns-box .sns-text{
	text-align: center;
	margin-bottom: 15px;
}
.sns-box .sns-text span{
	display: inline-block;
	background: linear-gradient(92deg, #e2000b -0.92%, rgba(226, 0, 11, 0) 77.37%), linear-gradient(92.28deg, rgba(255, 230, 0, 0) 22.69%, #476acd 100.89%);
	color: #000000;
	font-weight: bold;
	font-size: 2.0rem;
	font-style: italic;
}
/*---------- 
アクセス 
----------*/
.access-box .access-inner{
	display: flex;
	width: 100%;
}
.access-box .text{
	padding: 2em;
	width: 50%;
	background: #fff;
	color: #000000;
}
.access-box .text h1 span{
	display: block;
	font-weight: bold;
}
.access-box .text h1 span:nth-child(1){
	font-size: 2.0rem;
	margin-bottom: 8px;
}
.access-box .text ul{
	margin-top: 20px;
	font-size: 1.4rem;
}
.access-box .text ul li{
	padding: 1em 0;
	border-top: 1px solid #eee;
}
.access-box .text dl dt{
	margin-bottom: 8px;
}
.access-box .map{
	position: relative;
	width: 50%;
}
.access-box .map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*---------- 
協賛 
----------*/
.partner-box{
	background-color: #000000;
	color: #FFFFFF;
}
.partner-box .partner-inner + .partner-inner{
	margin-top: 50px;
} 
.partner-box .partner-list{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.partner-box .partner-list.ttl li{
	width: calc(50% - 10px);
	margin-left: 10px;
}
.partner-box .partner-list.gold li{
	width: calc(33.333% - 10px);
	margin-left: 10px;
}
.partner-box .partner-list.silver li{
	width: calc(25% - 10px);
	margin-left: 10px;
}
.partner-box .partner-list.bronze li{
	width: calc(20% - 10px);
	margin-left: 10px;
}
.partner-box .partner-list li a{
	display: flex;
	justify-content: center;
	align-items: center;
}
/*フッター*/
footer{
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 50px;
	padding-bottom: 100px;
}
footer .copy{
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 1.5rem;
}
.cta-box{
	position: fixed;
	bottom: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 340px;
	z-index: 100;
	right: 10px;
}
.cta-box .cta-inner .cta-btn{
	display: block;
	background: #dd1818;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	border-radius: 100vh;
	padding: 0.8em 0;
	position: relative;
}
.cta-box .cta-inner .cta-btn:before{
	content: '';
	width: 12px;
	height: 12px;
	border: 0;
	border-top: solid 1px #ffff;
	border-right: solid 1px #ffff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
}
.accordion-ticket {
		border-radius: 5px;
	background-color: #FFFFFF;
}
.accordion-ticket + .accordion-ticket{
	margin-top: 30px;
}

.accordion-ticket summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		padding: 1em 2em;
		color: #FFFFFF;
		font-weight: 600;
		cursor: pointer;
	font-size: 2.2rem;
	background-color: #e2000b;
}

.accordion-ticket summary::-webkit-details-marker {
		display: none;
}

.accordion-ticket summary::before,
.accordion-ticket summary::after {
		width: 3px;
		height: .9em;
		border-radius: 5px;
		background-color: #FFFFFF;
		content: '';
}

.accordion-ticket summary::before {
		position: absolute;
		right: 2em;
		rotate: 90deg;
}

.accordion-ticket summary::after {
		transition: rotate .3s;
}

.accordion-ticket[open] summary::after {
		rotate: 90deg;
}

.accordion-ticket .accordion-inner {
		transform: translateY(-10px);
		opacity: 0;
		margin: 0;
		padding: 1.5em 2em;
		color: #000000;
		transition: transform .5s, opacity .5s;
}

.accordion-ticket[open] .accordion-inner {
		transform: none;
		opacity: 1;
}
.ticket-box .ticket-schedule + .ticket-schedule {
		margin-top: 20px;
}
.ticket-box .ticket-schedule dl{
	display: flex;
	flex-wrap: nowrap;
	justify-content: -ms- flex-start;
	justify-content: -webkit- flex-start;
	justify-content: flex-start;
	align-items: -ms- stretch;
	align-items: -webkit- stretch;
	align-items: stretch;
	margin-bottom: 5px;
}
.ticket-box .ticket-schedule dl dt{
	background: #000000;
	line-height: 1;
	width: 150px;
	text-align: center;
	padding: 1rem 0;
	margin-right: 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: -ms- center;
	justify-content: -webkit- center;
	justify-content: center;
	align-items: -ms- center;
	align-items: -webkit- center;
	align-items: center;
	color: #FFFFFF;
	font-weight: bold;
}
.ticket-box .ticket-schedule dl dd{
	display: flex;
	flex-wrap: nowrap;
	justify-content: -ms- flex-start;
	justify-content: -webkit- flex-start;
	justify-content: flex-start;
	align-items: -ms- center;
	align-items: -webkit- center;
	align-items: center;
	width: calc(100% - 170px);
	line-height: 1.5;
	font-weight: bold;
}
.ticket-box .ticket-schedule.diamond dl dt{
	background-color: #e4e4f5;
	color: #000000;
}
.ticket-box .ticket-schedule.platinum dl dt{
	background-color: #f4f4f4;
	color: #000000;
}
.ticket-box .ticket-schedule.gold dl dt{
	background: #fceed6;
	color: #000000;
}
.ticket-box .ticket-schedule.red dl dt{
	background: #fdeaea;
	color: #000000;	
}
.ticket-box .ask{
	margin-top: 20px;
	font-size: 1.4rem;
}
.ticket-box .ask ul{
	list-style: disc;
	padding-left: 40px;
}
.ticket-box .ask ul a{
	text-decoration: underline;
}
.ticket-inner + .ticket-inner{
	margin-top: 40px;
	color: #FFFFFF;
}
.ticket-inner h1{
	font-weight: bold;
	font-size: 2.0rem;
	background-color: #000000;
	padding: 1rem;
	color: #FFFFFF;
}
.arena-item{
	background-color: #FFFFFF;
}
.price-item{
	margin-top: 20px;
}
.price-table{
	background-color: #FFFFFF;
}
.price-table .price-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: bold;
	color: #000000;
	padding: 1em;
}
.price-table .price-list:not(:last-of-type){
	border-bottom: 1px solid #000;
}
.price-table .price-list .seat-name{
	width: 49%;
	display: flex;
	align-items: center;
	font-size: 1.8rem;
}
.price-table .price-list .seat-name span{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Arimo", sans-serif;
	font-optical-sizing: auto;
	width: 25px;
	height: 25px;
	margin-right: 10px;
}
.price-table .price-list .seat-name span.col1{
	background-color: #d72831;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col2{
	background-color: #2961be;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col3{
	background-color: #57beb3;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col4{
	background-color: #ea8dcd;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col5{
	background-color: #ea8dcd;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col6{
	background-color: #855cd6;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col7{
	background-color: #f6c7dc;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col8{
	background-color: #f6c7dc;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col9{
	background-color: #cea1f9;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col10{
	background-color: #d5e74a;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col11{
	background-color: #a4e36e;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col12{
	background-color: #eba21a;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col13{
	background-color: #99ccff;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col13{
	background-color: #99ccff;
	color: #FFFFFF;
}
.price-table .price-list .seat-name span.col14{
	background-color: #bababa;
	color: #000000;
}
.price-table .price-list .seat-price{
	width: 25%;
	font-size: 1.8rem;
}
.price-table .price-list .seat-price span{
	display: inline-block;
	font-size: 1.2rem;
	margin-left: 3px;
}
.price-table .price-list .seat-label{
	width: 26%;
	text-align: right;
}
.price-table .price-list .seat-label span{
	display: inline-block;
	background-color: #000000;
	color: #FFFFFF;
	padding: .5rem;
	font-size: 1.3rem;
	font-weight: normal;
}
.price-table .price-list .seat-label span + span{
	margin-left: 7px;
}
/*---------- 
体験ツアー 
----------*/
.experience-box{
	background-color: #000000;
	color: #FFFFFF;
}
.experience-img{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.experience-img > div{
	width:calc(25% - 10px);
	margin-left: 10px;
}
.experience-img > div:first-child{
	margin-left: 0;
}
.contact-box{
	color: #FFFFFF;
}

@media only screen and (max-width: 768px){
	body{
		font-size: 1.4rem;
		line-height: 1.5;
		background-color: #000000;
	}
	ul.disc{;
	padding-left: 20px;
}
	.only-lg{
		display: none!important;
	}
	.container{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.sec-box{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.scroll-point{
		display: block;
		padding-top: 60px;
		margin-top: -60px;
		outline: none;
	}
	
	
/*---------- 
大会概要 
----------*/
.outline-box dl dt{
	padding:1em;
	font-size: 1.2rem;
	width: 25%;
	
}
.outline-box dl dd{
	width: 75%;
	padding: 1em;
	font-size: 1.3rem;
}
	.outline-box dl dd p + p{
		margin-top: 8px;
	}
	.outline-box dl dd ul{
		padding-left: 20px;
	}
	
/*---------- 
ニュース 
----------*/
	.news-box .news-list .text{
		min-height: 130px;
	}
.news-box .news-list > div{
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
}
/*---------- 
出場チーム 
----------*/
	.team-box .team-item{
		padding: 2em 1rem;
		border-radius: 18px;
	}
.team-box .team-inner .team-item .team-head{
		margin-bottom: 25px;
		font-size: 1.7rem;
	}
	.team-box .team-inner .team-item .team-head span{
		font-size: 1.4rem;
	}
	.team-box .team-item .team-contets{
		padding: 0 1rem;
		flex-wrap: wrap;
	}
	.team-box .team-item .team-contets .team-logo{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.team-box .team-item .team-contets .team-logo img{
		width: 140px;
	}
	.team-box .team-item .team-contets .team-info{
		width: 100%;
	}
	.team-box .team-item .team-contets dl{
		flex-wrap: wrap;
		padding: 1rem 0;
	}
	.team-box .team-item .team-contets dt{
		padding: 0 .5em;
		width: 100%;
		font-size: 1.1rem;
	}
	.team-box .team-item .team-contets dd{
		width: 100%;
		padding: .5em .5em 0;
		font-size: 1.3rem;
	}
	.team-box .team-item .team-text{
		margin-top: 15px;
	}

/*---------- 
アクセス 
----------*/
	.access-box .access-inner{
		flex-wrap: wrap;
}
.access-box .text{
	padding: 2em 1em;
	width: 100%;
}
	.access-box .map{
	width: 100%;
		height: 400px;
}
/*---------- 
協賛 
----------*/
	.partner-box .partner-inner + .partner-inner{
		margin-top: 30px;
	}
.partner-box .partner-list.ttl li{
	width: 100%;
	margin-left: 0;
}
	.partner-box .partner-list.ttl li + li{
		margin-top: 20px;
	}
.partner-box .partner-list.gold li{
	width: calc(50% - 5px);
	margin-left: 5px;
	margin-bottom: 5px;
}
.partner-box .partner-list.gold li:nth-child(2n + 1){
	margin-left: 0;
}
.partner-box .partner-list.silver li{
	width: calc(33.333% - 5px);
	margin-left: 5px;
	margin-bottom: 5px;
}
	.partner-box .partner-list.silver li:nth-child(3n + 1){
	margin-left: 0;
}
.partner-box .partner-list.bronze li{
	width: calc(25% - 5px);
	margin-left: 5px;
	margin-bottom: 5px;
}
	.partner-box .partner-list.bronze li:nth-child(4n + 1){
	margin-left: 0;
}
.cta-box{
	bottom: 0;
	background-color: rgba(216,216,216,0.4);
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.cta-box .cta-inner{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.cta-box .cta-inner .cta-btn{
	font-size: 1.6rem;
	border-radius: 100vh;
	padding: 0.8em 0;
}
.cta-box .cta-inner .cta-btn:before{
	content: '';
	width: 12px;
	height: 12px;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
}
	.accordion-ticket summary{
		font-size: 1.6rem;
		padding: .5em 1.5em;
		min-height: 65px;
	}
	.accordion-ticket summary::before{
		right: 1.5em;
	}
	.accordion-ticket .accordion-inner{
		padding: 1em 1.5em;
	}
	.ticket-box .ticket-schedule dl dt{
		font-size: 1.4rem;
		width: 80px;
	}
	.ticket-box .ticket-schedule dl dd{
		width: calc(100% - 100px);
	}
	.ticket-box .ask{
		font-size: 1.2rem;
	}
	.ticket-box .ask ul{
		padding-left: 20px;
	}
	.ticket-box .ask ul li + li{
		margin-top: 5px;
	}
	.ticket-inner h1{
	font-size: 1.6rem;
}
	.price-table .price-list .seat-name{
		width: 68%;
		font-size: 1.4rem;
	}
	.price-table .price-list .seat-price{
		width: 32%;
		text-align: right;
		font-size: 1.7rem;
	}
	.price-table .price-list .seat-price span{
	font-size: .9rem;
	margin-left: 3px;
}
	.price-table .price-list .seat-label{
		width: 100%;
		text-align: right;
		margin-top: 10px;
	}
	.price-table .price-list .seat-label span{
		font-size: .9rem;
	}
	.price-table .price-list .seat-label span + span{
		margin-left: 1px;
	}
/*---------- 
	体験ツアー 
	----------*/
	.experience-img{
		flex-wrap: wrap;
		margin-top: 20px;
	}
.experience-img > div{
	width:calc(50% - 10px);
	margin-left: 10px;
	margin-top: 10px;
}
	.experience-img > div:nth-child(2n + 1){
		margin-left: 0;
	}
	
}
@media only screen and (min-width: 769px){
	
	.only-sm{
		display: none!important;
	}
	.container{
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.scroll-point{
	display: block;
	margin-top: -80px;
	padding-top: 80px;
	outline: none;
}
	.sec-box{
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 15px;
		padding-right: 15px;
	}
.main-text{
	padding-top: 100px;	
	padding-bottom: 100px;
}

	.main-text p{
		width: 900px;
	margin: 0 auto;
	}
.main-text p span{
	font-size: 2.8rem;
}
.main-text p span + span{
	margin-top: 15px;
}
	
/*---------- 
ニュース 
----------*/
.news-box .news-list > div:nth-child(3n + 1){
	margin-left: 0;
}
.news-box .news-list > div:nth-child(n + 4){
	margin-top: 25px;
}
/*---------- 
協賛 
----------*/
.partner-box .partner-list.ttl li:nth-child(2n + 1){
	margin-left: 0;
}
.partner-box .partner-list.gold li:nth-child(3n + 1){
	margin-left: 0;
}
	.partner-box .partner-list.silver li:nth-child(4n + 1){
	margin-left: 0;
}
	.partner-box .partner-list.bronze li:nth-child(5n + 1){
	margin-left: 0;
}

}
/*---------------
ヘッダー
--------------*/
header {
background: #fff;
width: 100%;
height: 60px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.header_leaguelogo{
	position: absolute;
	right: 30px;
	left: auto;
	top: 50%;
	transform:translateY(-50%);
	height: 23px;
}
.header__inner {
padding: 0 20px;
display: flex;
align-items: center;
height: inherit;
position: relative;
}


@media screen and (max-width: 769px){
.header_leaguelogo{
	position: absolute;
	right: auto;
	left: 10px;
	top: 50%;
	transform:translateY(-50%);
}
.header_leaguelogo img{
	height: 18px;
}

.header__title img{
height: 26px;

}
/* ヘッダーのナビ部分 */
.header__nav {
position: absolute;
right: 0;
left: 0;
top: 0;
width: 100%;
height: 100vh;
transform: translateX(100%);
background-color: rgba(221,24,24,0.9);
transition: ease .4s;
background-position: left bottom;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
animation-name: fade;
animation-duration: .3s;
}
.nav-items {
position: absolute;
top: 70px;
left: 35%;
transform: translate(-50%);
padding: 0;
}
.nav-sns {
position: absolute;
bottom: 100px;
left: 50%;
transform: translateX(-50%);
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
	.nav-sns p{
		display: block;
		width: 100%;
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 2.0rem;
		margin-bottom: 15px;
	}
.nav-sns a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background-color: #000000;
	border-radius: 100%;
}
.nav-sns a + a{
	margin-left: 10px;
}
.nav-sns a img{
	width: 30px;
}
/* ナビのリンク */
.nav-items__item a,.nav-items__item span {
color: #FFFFFF;
width: 100%;
display: block;
text-align: left;
font-size: 2.3rem;
margin-bottom: 20px;
font-weight: bold;
position: relative;
}

.nav-items__item:last-child a {
margin-bottom: 0;
}
.nav-items__item a:before {
	content: "";
	display: inline-block;
	width: 0px;
	height: 1px;
	position: absolute;
	left: -50px;
	top: 50%;
	bottom: 50%;
	margin: auto;
}
	.nav-items__item a:hover:before {
	width: 40px;
	background: #FFF;
	transition: 0.3s;
}
	.nav-items__item span{
		color: #8D8D8D;
	}
.nav-items__item.nav-ticket a{
	background-color: #000000;
	color: #FFFFFF;
	padding: 4px 15px;
}
/* ハンバーガーメニュー */

.header__hamburger {
width: 45px;
height: 45px;
background-color: #000000;

}

.hamburger {
border-color: transparent;
z-index: 9999;
position: absolute;
right: 10px;
}
/* ハンバーガーメニューの線 */
.hamburger span {
width: 100%;
height: 1px;
background-color: #FFFFFF;
position: relative;
transition: ease .4s;
display: block;
}

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

.hamburger span:nth-child(2) {
margin: 8px 0;
}

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


/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
transform: translateX(0);
}
.hamburger.active span{
	background-color: #FFFFFF;
}
.hamburger.active span:nth-child(1) {
top: 10px;
transform: rotate(45deg);
}

.hamburger.active span:nth-child(2) {
opacity: 0;

}

.hamburger.active span:nth-child(3) {
top: -9px;
transform: rotate(-45deg);
}

}



@media screen and (min-width: 769px){
	header{
		background-color: #FFFFFF;
	}
	.header__inner{
		justify-content: flex-start;
	}
	.header__title img{
		height: 45px;
	}
.nav-sns{
	position: absolute;
	right: 20px;
	display: flex;
}
.nav-sns a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 43px;
	height: 43px;
	background-color: #000000;
	border-radius: 100%;
}
	.nav-sns p{
		display: none;
	}
.nav-sns a img{
	width: 22px;
}
.nav-sns a + a{
	margin-left: 8px;
}
.hamburger {
	display: none;
}
	.header__nav{
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-items: center;
		align-items: center;
		height: 60px;
		width: 55%;
	}
	.nav__items{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.nav__items li{
		width: 22%;
/*		border-right: 1px solid #FFFFFF;*/
		text-align: center;
	}
/*
	.nav__items li:first-child{
		border-left: 1px solid #FFFFFF;
	}
*/
	.nav__items li a{
		font-weight: bold;
		font-size: 1.2rem;
		color: #000000;
		display: block;
	}
}

/*---------- 
2ページ目以降 
----------*/
.sec-head{
	position: relative;
	margin-top: 40px;
}
.sec-head h2{
	position: relative;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: 1em;
	font-size: 6.5rem;
	padding: 10px 0 25px;
	color: #FFFFFF;
	font-style: italic;
}
.sec-head h2:before{
	position: absolute;
	content: "";
	left: 50%;
	bottom: 10px;
	transform: translate3d(-50%,0,0);
	width: 50px;
	height: 3px;
	background: #fff;
	background: linear-gradient(92deg, #e2000b -0.92%, rgba(226, 0, 11, 0) 77.37%), linear-gradient(92.28deg, rgba(255, 230, 0, 0) 22.69%, #476acd 100.89%);
}
.sec-head h2 span{
	color: #FFFFFF;
	position: relative;
}
.sec-inner{
	background-color: #FFFFFF;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
@media screen and (max-width: 768px){
	.sec-head{
	margin-top: 20px;
}
.sec-head h2{
	font-size: 4.0rem;
	padding: 10px 0 20px
}
}
/*---------- 
ニュース 
----------*/
.sec-inner .news-head{
	margin-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 20px;
}
.sec-inner .news-head time{
	font-family: "Arimo", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	display: block;
	margin-bottom: 8px;
}
.sec-inner .news-head p{
	font-weight: bold;
	font-size: 2.0rem;
}
.sec-inner .news-contets{
	padding-left: 40px;
	padding-right: 40px;
}
.sec-inner .news-contets a{
	text-decoration: underline;
}
.sec-inner .news-contets h1{
	font-weight: bold;
	font-size: 4.0rem;
}
.sec-inner .news-contets h2{
	font-weight: bold;
	font-size: 3.4rem;
}
.sec-inner .news-contets h3{
	font-weight: bold;
	font-size: 2.3rem;
}
.sec-inner .news-contets ul{
	list-style: disc;
	padding-left: 20px;
	margin: 16px 0;
}
@media screen and (max-width: 768px){
	.dir-news main::before{
		top: -30%;
	}
	.sec-inner{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.sec-inner .news-head{
		margin-bottom: 25px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.sec-inner .news-contets{
		padding-left: 20px;
		padding-right: 20px;
	}
.sec-inner .news-contets h1{
	font-weight: bold;
	font-size: 2.5rem;
}
.sec-inner .news-contets h2{
	font-weight: bold;
	font-size: 2.0rem;
}
.sec-inner .news-contets h3{
	font-weight: bold;
	font-size: 1.6rem;
}
}