@charset "utf-8";

.spNone{ display:none!important;}
.pcNone{ display:block!important;}
p,li,dt,dd{ font-size: 100%;}

.dispFlex{ display:block;}
img{width:100%;height: auto;}

#pageHeader {padding-bottom: 0.4em; padding-top: 0.2em;}
#pageHeader .headerInner h1 img{height:auto; width:100%; padding: 0; padding-right: 3%;}
#pageHeader .headerInner h1 { float:none; width:20%; margin:0 0 0 10px; padding:0.5em 0;}
#pageHeader .headerInner h1 img{ width:100%; height:auto;}
header .headerInner nav.naviBox{
		width:100%;
		height:auto;
		margin:0 auto;
		padding:20px 0 0 0;
		position:fixed;
		top:0;
		right:0;
		background:rgba(255,255,255,0.8);
		text-align:center;
		transform:translateX(100%);
		z-index: 9999;
		transition:all .6s;
}
header .headerInner #menuBtn{
	display:block;
	right: 7px;
	top: 10px;
	width:45px;
	height: 35px;
	cursor:pointer;
	margin:0;
	z-index:10000;
	position:absolute;
	background: url("/files/user/_/ticket25-26/img/menu_open.png")no-repeat;
	background-size: contain;
		
}
 
header #menuBtn.active{
	top: 10px;
	background: url("/files/user/_/ticket25-26/img/menu_close.png")no-repeat;
	background-size: contain;
}

.back_top{width: 30%;}

header .headerInner nav.naviBox.active{transform: translateX(0%);overflow-y:scroll;-ms-overflow-style:none;/* IE, Edge 対応 */scrollbar-width:none;}
header .headerInner nav.naviBox.active::-webkit-scrollbar{ display:none;}
#pageHeader .headerInner ul{width: 100%;flex-wrap: wrap;justify-content: center;padding: 55px 0 23px 1%;}
#pageHeader .headerInner li{ width:45%; text-align:center; padding:1em 0;}
#pageHeader .headerInner li img{width: auto;height: 40px;}

#pageHeader #inner_linkBox{width: 95%;margin: auto;justify-content: center;}
#pageHeader #inner_linkBox div{width:106px;margin: 5px;}
#pageHeader #inner_linkBox div.top{width: 335px;}
#pageHeader #inner_linkBox div.top a{background: #000;color: #FFFFFF;padding: 10px;height: 50px;}
#pageHeader #inner_linkBox div.top a p{font-size: 20px;}
#pageHeader #inner_linkBox div a{padding:60px 5px 5px 5px;height: 106px;}
#pageHeader #inner_linkBox div a::before{width: 45px;height: 32px;left: 0;right: 0;top: 17px;bottom: auto;}
#pageHeader #inner_linkBox div a p{text-align: center;display: flex;justify-content: center;align-items: center;height: 30px;}
#pageHeader #inner_linkBox div.tennouhai,
#pageHeader #inner_linkBox div.hg{width: 100%;}
#pageHeader #inner_linkBox div.tennouhai a,
#pageHeader #inner_linkBox div.hg a{padding:20px 5px 20px 40px;height: auto;}
#pageHeader #inner_linkBox div.tennouhai a::before{content: "";display: block;width: 90px;height: 35px;position: absolute;left: 15px;top: 0;bottom: 0;margin: auto;right: auto;}
#pageHeader #inner_linkBox div.hg a::before{content: "";display: block;width: 90px;height: 35px;position: absolute;left: 0px;top: 0;bottom: 0;margin: auto;right: auto;}
#pageHeader #inner_linkBox div.tennouhai p,
#pageHeader #inner_linkBox div.hg p{height: auto;}

/*----------------------------------------------------------------------------
 ***                                                                 mainBox
----------------------------------------------------------------------------*/
#inner_linkBox{width: 90%; margin: 2em auto 0;}
#inner_linkBox div{width: calc(95% / 2);margin:0.2em 0; }
#inner_linkBox div a{font-size:85%; padding: 20px 8px 20px 40px;}
#inner_linkBox div a::before{width: 40px;height: 30px;left: 3px;}
#inner_linkBox div a.thin{background: #ef663c;}

#inner_linkBox div.tennouhai,
#inner_linkBox div.hg{width: 98%;}
#inner_linkBox div.tennouhai a{background: linear-gradient(90deg, #AF8046 0%,#D5BC75 100%);padding: 19px 0 19px 70px;}
#inner_linkBox div.tennouhai a::before{width: 89px;height: 35px;left: 15px; }
#inner_linkBox div.hg a{background: linear-gradient(90deg, #BE272D 0%,#EA1C24 30%,#E94709 100%);padding: 19px 0px 19px 65px;}
#inner_linkBox div.hg a::before{width: 85px;height: 35px;left: 0px;}

.mainBox h2{width: 35%;padding:3% 0% 4% 0%; }
.contentsBox .contents{padding: 30px 0;}
.contentsBox h3{width: 83%;font-size: 130%;height: 40px;}
.contentsBox h3::before{width: 8px; height: 40px;background-size: contain;}
.contentsBox h3::after{width: 8px; height: 40px;background-size: contain;}

.contentsBox h4.black{font-size: 107%;width: 73%;height: 38px;}
.contentsBox h4.black::before{background-size: contain;width: 47px;height: 40px;left:-42px; }
.contentsBox h4.black::after{background-size: contain;width: 47px;height: 40px;right:-42px;top: -2px; }
.contentsBox h4.org{font-size: 110%;width: 73%;height: 38px;}
.contentsBox h4.org::before{background-size: contain;width: 47px;height: 40px;left:-42px; }
.contentsBox h4.org::after{background-size: contain;width: 47px;height: 40px;right:-42px;top: -2px; }

#feeBox .feeTxt{font-size: 85%;}
#feeBox .tab_box .btn_area{padding-bottom:0.3em;border-bottom: 4px solid #e64709; }
#feeBox .tab_box .tab_btn{font-size: 75%;outline: 3px solid #e64709;line-height: 1.3;border-radius: 15px 15px 0 0;padding: 15px 5px 15px 6px;}

#feeBox .tab_box_inner .btn_area{padding-bottom: 0;}
#feeBox .tab_box_inner .fee_main{margin-top:2em; }
#feeBox .tab_box_inner .fee_main li{font-size: 70%;height: 45px;}
#feeBox .tab_box_inner .fee_Sub li .flexBox .img{width: 100%;}
#feeBox .tab_box_inner .fee_Sub li .flexBox .rightBox{width: 100%;margin:1em auto;padding: 1em 1em 1em 0;}
#feeBox .tab_box_inner .fee_Sub li .flexBox .rightBox .seat{font-size: 115%;}
#feeBox .tab_box_inner .fee_Sub li .flexBox .rightBox .rightInner{padding-left: 1em;}

#feeBox .tab_box_inner .fee_Sub li .flexBox .rightBox .rightInner table th,
#feeBox .tab_box_inner .fee_Sub li .flexBox .rightBox .rightInner table td{font-size: 85%; }
#feeBox .tab_box_inner .fee_Sub li .flexBox .rightBox .rightInner p.seattxt{font-size:85%; }
#feeBox .tab_box_inner .fee_Sub li.box_a .rightBox{padding:0em 0em 1em 0;}
#feeBox .tab_box_inner .fee_Sub li.box_a .flexBox .rightBox .rightInner{padding-left: 0;}
#feeBox .sunplaza .tab_box_inner .fee_Sub li.box_t .flexBox .rightBox .rightInner .atentxt{font-size:110%; margin-top: 1em;}

/* 前への矢印カスタマイズ */
#feeBox .swiper-button-prev::after {
  border-bottom: 10px solid transparent;
  border-right:20px solid #e64709;
  border-top: 10px solid transparent;
}
/* 次への矢印カスタマイズ */
#feeBox .swiper-button-next::after {
  border-bottom: 10px solid transparent;
  border-left: 20px solid #e64709;
  border-top: 10px solid transparent;
}

#osusumeBox .slideBox{width: 100%; padding: 0;}
#osusumeBox .slideBox .prev-arrow{left: 3%;}
#osusumeBox .slideBox .next-arrow{right: 3%;}
#osusumeBox .slideBox li{margin: 0 3.5em;}
#osusumeBox .slideBox li .ttlBox{z-index: 99;}
#osusumeBox .slideBox li .txtBox{z-index: 99;}
#osusumeBox .modal-window{width: 90%;}
#osusumeBox .Inner.open video{height: 200px;}
#osusumeBox .Inner.open .title{font-size: 15px;}
#osusumeBox .Inner.open .yellowtxt{font-size: 15px;}
#osusumeBox .Inner.open .pricetxt{font-size: 15px;}
#osusumeBox .slideBox02 .prev-arrow{left: -7%;}
#osusumeBox .slideBox02 .next-arrow{right: -7%;}
#osusumeBox .slick-slide img{display: block; width: 77vmin;}

#scheduleBox .schedule{width: 95%;margin: auto;overflow: scroll;}
#scheduleBox .scroll_aten{font-size: 80%;padding-left: 1em;}
#scheduleBox .schedule table{width: 1000px;}
#scheduleBox .schedule table tr th{padding: 9px 3px;line-height: 1.2;}

#scheduleBox .schedule table tr th,
#scheduleBox .schedule table tr td{font-size: 70%;}
#scheduleBox .schedule table tr th.sale{font-size: 40%; width: 75px;}
#scheduleBox .atenBox{width: 90%;margin: 0.5em auto 0;}
#scheduleBox .atenBox p{font-size: 80%;line-height: 1.3;}
#scheduleBox .moreBtnBox{width: 90%; margin: 0 auto;}
#scheduleBox .sc_img p{width: 95%;margin: auto;}
#scheduleBox .schedule table .fixed::before{content: "";
    position: absolute;
    top: 0px;
    left: -2px;
    width: 100%;
    height: 100%;
    border-right:2px solid #f65207;
    border-bottom:2px solid #f65207;
    border-left: 2px solid #f65207;
}
#scheduleBox .schedule table th.fixed::before{content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 100%;
    height: 100%;
    border-right: 2px solid #fff;
    border-bottom:2px solid #f65207;
    border-left: 2px solid #f65207;
}

#buyBox .gray{padding: 30px 0;}
#buyBox .inner{margin: 2em auto 3em;}
#buyBox .inner .tac{margin-bottom: 1em;}
#buyBox .buyBtn p.league_logo{width: 50%;margin: 0px auto 2em;}
#buyBox .buyBtn p.btn{width: 60%; margin-top: -1em;}
#buyBox .buyBtnTxt{width: 90%;margin: 0.5em auto 0;}
#buyBox .buyBtnTxt p{font-size: 79%;line-height: 1.3;}

#buyBox .slideBox li{height: 100%;margin: 0 3em;width: 300px;}
#buyBox .slideBox li.flex .flexBox{display: block;}
#buyBox .slideBox li.flex .flexBox .img{margin: 1em auto 0;}
#buyBox .slideBox li.flex .flexBox .txt{margin: 0;}
#buyBox .slideBox li .img{width: 200px;}
#buyBox .slideBox li.flex .img{margin: 0.5em auto 0;}
#buyBox .slideBox li.flex .txt{padding:0.3em 1em 0.8em; }
#buyBox .slide-arrow{font-size: 40px;}
#buyBox .prev-arrow {left: 1%;}
#buyBox .next-arrow {right:1%;}

#buyBox .orangeBox{padding: 1em 0.5em;}
#buyBox .orangeBox .orangeBoxInner{margin:  2em auto 1em;}
#buyBox .orangeBox .orangeBoxInner:first-child{margin:1em auto 1em; }
#buyBox .orangeBox .box{flex-wrap: nowrap;justify-content: space-between;}
#buyBox .orangeBox .box .img{width: 45%;}
#buyBox .orangeBox .box .txtBox{width: 53%;margin: 0;}
#buyBox .orangeBox .box .txtBox .maintxt{font-size:75%;}
#buyBox .orangeBox .box .txtBox .subtxt{font-size: 60%;}
#buyBox .orangeBox .orangeBoxInner.yubin .box{flex-wrap: wrap;}
#buyBox .orangeBox .orangeBoxInner.yubin .img{width: 80%;margin: auto;}
#buyBox .orangeBox .orangeBoxInner.yubin .txtBox{width: 100%;}
#buyBox .orangeBox .orangeBoxInner.yubin .txtBox .maintxt{line-height: 1.8;}

/*#campaignBox*/
#campaignBox .campaignTxt{margin-top: 1em; font-size: 75%;}

#groupBox .groupTxt{margin-bottom: 1em;}
#groupBox .groupTxt p{font-size: 75%;}
#groupBox .tab_box .tab_btn{font-size: 75%;outline: 3px solid #00acaa;line-height: 1.3;border-radius: 15px 15px 0 0;padding: 15px 5px 15px 6px; }
#groupBox .tab_panel{padding:1em; }
#groupBox .tab_panel div p{width: 100%;margin: 0.5em 0 0;}
#groupBox .buyBtnBox p{margin: 0 0 0.5em;}

#seasonBox .inner p{width: 90%;margin: auto;}

#dreamBox .dreamTxt{font-size: 100%; width: 90%; margin: 0 auto;}
#dreamBox p.img{width: 90%;margin:1em auto 0;}

#resaleBox .resaleTxt{font-size:100%; }
#resaleBox .resale_subTxt{font-size: 100%;text-align: left;}
#resaleBox p.zaseki_link{font-size: 80%;}

#faqBox .faqTxt{font-size:100%; }
#faqBox p.img{width: 75%;margin: 1em auto 0;}

/*----------------------------------------------------------------------------
 ***                                                                 footer
----------------------------------------------------------------------------*/
/* linkbox */
#linkBox{padding:5% 0;margin: 0 auto 00px;}
#linkBox dt{ width:85.5%; margin:0 auto 1em;}
#linkBox dd{ font-weight:bold; line-height:2em; text-align:center; color:#FFF; font-size:80%;}
#linkBox dd img{ width:15%; padding:0 2%; height:auto;}


/* footer */
#pageFooter{ background:#E9470B;}
#pageFooter .footerInner{ padding:1% 1%;}
#pageFooter dl{ float:none; width:100%; text-align:center;}
#pageFooter dt{ width:15%; float:none; display:block;margin: auto}
#pageFooter dd{ float:none; display:inline-block; font-size:70%; color:#FFF; padding:2% 0 0 2%;}
#pageFooter  p{ float:none; font-size:70%; color:#FFF; padding-top:2.3%; text-align:center;}


@media screen and (max-width: 950px) and (min-width: 500px){
	#sponsor ul:nth-of-type(2) li img{width: 100%;}
}