@charset "utf-8";

.attenyl{ color:#FCEE21;}
img{ width:100%; height:auto;}

.sectionInner{width: 1000px;margin:0 auto;}


#lp_20201202wrap header{
	background:#000;
}
#lp_20201202wrap header .headerInner{
	padding:0 1%;
}
#lp_20201202wrap header .headerInner h1 img{
	height:60px; width:auto; padding:10px 0;
	
}


.mainImgBox{
	background:url(/files/user/_/lp/lp_20210102/img/back_contents01.jpg) center top no-repeat;
	background-size:100% auto;
}
.mainImgBoxInner{  margin:0 auto; padding:2% 0 3% 0;}
.mainImgBox h2{ width:40%; padding-left:5%}
.mainImgBox h2 img{}
.mainImgBox ul{
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	display : flex;
	-webkit-align-items: flex-end;
	-ms-align-items    : flex-end;
	align-items        : flex-end;
}
.mainImgBox ul{}
.mainImgBox li#mainLi1{ width:60%; padding:0 0 0 5%;}
.mainImgBox li#mainLi2{ width:40%; padding:0 5% 0 2%;}



/* 共通背景BOXと見出しBOX */
.backBox01{ background-position:center top; background-repeat:no-repeat; background-size: auto 100%; padding-bottom:3%;}
.hBox1{ background:center top no-repeat; background-size:100% auto; background-size: auto 100%; margin-bottom:4%;}
.hBox1 h3{ text-align:center; font-size:180%; color:#FFF; font-weight:bold; line-height:70px;}



/* sec1　コロナ */
#coronaSec{}
#coronaSec .backBox01{ background-image:url(/files/user/_/lp/lp_20210102/img/back_contents02.jpg)}
#coronaSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h01.png); background-color:#E9480A;}

.txtBox1{ width:100%; margin-bottom:4%;padding:20px 0; border:#FFF solid 2px;}
.txtBox1 p{ color:#FFF; font-weight:bold; text-align:center;}

.coronaUl1{}
.coronaUl1 li{ float:left; width:33.333333333%; margin-bottom:30px;}
.coronaUl1 li+li{ text-align:center;}
.coronaUl1 li+li+li{ text-align:right;}
.coronaUl1 li+li+li+li{ text-align:left;}
.coronaUl1 li+li+li+li+li{ text-align:center;}
.coronaUl1 li+li+li+li+li+li{ text-align:right;}
.coronaUl1 li img{ width:90%; height:auto;}



/* sec2　第7節 */
#setsu7Sec{}
#setsu7Sec .backBox01{ background-image:url(/files/user/_/lp/lp_20210102/img/back_contents03.jpg)}
#setsu7Sec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h02.png); background-color:#00A1C9;}
.setsu7Ul1{ padding:5% 0 3% 0;}
.setsu7Ul1 li{ width:50%; float:left;}

.setsu7BackBox1{ background:#E94709; padding:5% 0;}
.setsu7BackBox1 h4{ width:40%; margin:0 auto 5% auto;}

.setsu7Ul2{}
.setsu7Ul2 li{ float:left; width:33.33333%;}



/* sec3　見どころ */
#midokoroSec{}
#midokoroSec .backBox01{ background-image:url(/files/user/_/lp/lp_20210102/img/back_contents02.jpg); padding-bottom:0;}
#midokoroSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h03.png); background-color:#0E3582;}

#midokoroSec p{ color:#FFF; font-weight:bold;}
#midokoroSec p.midokoroStP{ font-weight:bold; color:#E94709; font-size:150%; line-height:1.2em;}

.midokoroBAckBox1{}
.midokoroBAckBox1 h4{ color:#FFF; font-size:360%; font-weight:bold; line-height:1.4em; margin-bottom:3%;}
.midokoroBAckBox1 .midokoroTxt1{ float:right; width:65%;}
.midokoroBAckBox1 .midokoroImg1{ float:left; width:32%;}


.midokorobackBox3{ background:url(/files/user/_/lp/lp_20210102/img/back_contents05.png) center top no-repeat; padding-bottom:7%;}
.midokoroTxt3{ width:60%; padding-top:3%;}

.midokoroBAckBox2{ background:#001745; padding: 5% 0 6% 0;}
.midokoroBAckBox2 h4{ font-size:200%; color:#FFF; font-weight:bold; margin-bottom:3%; text-align:center; text-decoration: underline #FCEE21;}
.midokoroBAckBox2 .taisenP{ font-size:200%; font-weight:bold; margin: 0 0 4% 0; line-height:1.2em; text-align:center;}
.midokoroBAckBox2 .midokoroSec2Box{}
.midokoroBAckBox2 .midokoroTxt2{ float:right; width:67%;}
.midokoroBAckBox2 .midokoroImg2{ float:left; width:30%;}



/* sec3　チケット */
#ticketSec{}
#ticketSec .backBox01{ background-image:url(/files/user/_/lp/lp_20210102/img/back_contents06.jpg); padding-bottom:0;}
#ticketSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h05.png); background-color:#00A1C9;}

#ticketSec dl{}
#ticketSec dt{ margin-bottom:5%;}
#ticketSec dd{ width:57.6%; margin:0 auto;}



/* sec3　チケット - highlight */
#highlightSec{ background:rgba(0,150,187,0.9); padding:3% 0 6% 0; margin-top:4%;}
#highlightSec h4{ text-align:center; color:#FFF; font-size:200%; font-weight:normal; margin-bottom:1%;}
#highlightSec #mvBox{
	position: relative;
	width: 50%;
	padding-top: 28%;
	margin:0 auto;
}
#highlightSec #mvBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* sec2　Pick UP情報 */
#pickupboxSec{}
#pickupboxSec .sectionInner{padding-top: 4%;padding-bottom:4%;background: url(/files/user/_/lp/lp_20210102/img/back_contents10.jpg) repeat-x center/auto 100%;position:relative;width: 100%;}
#pickupboxSec .backBox01{padding-bottom:0; background:url(/files/user/_/lp/lp_20210102/img/back_contents11.jpg) repeat-x center/cover;  padding-bottom:0;}
#pickupboxSec .hBox1{background-image:url(/files/user/_/lp/lp_20210102/img/back_h09.png);background-color:#e94709;margin-bottom: 0;}
#pickupboxSec ul{
	width: 1302px;
	margin: 0 auto;
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	display : flex;
	-webkit-align-items: flex-end;
	-ms-align-items    : flex-end;
	align-items        : flex-end;
}
#pickupboxSec li{ width:33.33333%; margin:0 1%;}
#pickupboxSec .characterBox{width: 220px;margin:0;padding:0;position:absolute;right:0;bottom: -7%;}

/* sec3　観戦マナー */
#timescheduleSec{}
#timescheduleSec .sectionInner{ padding-bottom:4%;}
#timescheduleSec .backBox01{background: #000;padding-bottom:0;}
#timescheduleSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h03.png); background-color:#0D3482;}


/* sec3　観戦マナー */
#manaSec{}
#manaSec .sectionInner{ padding-bottom:4%;}
#manaSec .backBox01{ background:#E94709; padding-bottom:0;}
#manaSec .hBox1{background-image: url(/files/user/_/lp/lp_20210102/img/back_h05.png);background-color: #00a1c9;}



/* sec2　カメラ */
#cameraSec{ background-image:url(/files/user/_/lp/lp_20210102/img/back_contents09.png); background-repeat:no-repeat; background-position:center top; padding:4% 0 0 0 ;}
#cameraSec p{ width:50%; margin:0 auto;}



/* sec2　グルメ */
#gurumeSec{}
#gurumeSec .sectionInner{ padding-bottom:4%;}
#gurumeSec .backBox01{ background:#0D3482; padding-bottom:0;}
#gurumeSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h05.png); background-color:#00A1C9;}
#gurumeSec ul{
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	display : flex;
	-webkit-align-items: flex-end;
	-ms-align-items    : flex-end;
	align-items        : flex-end;
}
#gurumeSec li{ width:33.33333%; margin:0 1%;}

#suiP{
	width:98%;
	background:url(/files/user/_/lp/lp_20210102/img/img_contents23.png) 1% 50% no-repeat;
	background-size:3% auto;
	background-color:#000;
	padding:1% 2% 1% 5%;
	margin:3% auto 0 auto;
	color:#FFF;
	font-weight:bold;
	font-size:90%;
	 line-height:1.2em;
}

/* 選手 */
#sensyuSec{ background-color:#E94709;}
#sensyuSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h05.png); background-color:#00A1C9; margin-bottom:0;}
#sensyuSec .backBox01{ padding-bottom:0;}
#sensyuSec .backBoxSensyu{ background:url(/files/user/_/lp/lp_20210102/img/img_contents24.jpg) center top no-repeat; background-size:100vw; width:100%;}
#sensyuSec .sectionInner{padding-top: 58vw;padding-bottom:5%;width: 100%;max-width: 1280px;}
#sensyuSec #sensyuP{padding-top: 4%;width:50%;margin:0 auto;}
#sensyuSec .sensyuShokaiBox{background:#851418;padding: 3% 3% 3% 3%;}
#sensyuSec .btnPrev {max-width: 35px;z-index:1;position:absolute;left: -10%;top: 35%; cursor:pointer;}
#sensyuSec .btnNext {max-width: 35px;z-index:1;position:absolute;right: -10%;top: 35%; cursor:pointer;}
#sensyuSec .btnPrev:hover {opacity:0.8;}
#sensyuSec .btnNext:hover {opacity:0.8;}
#sensyuSec .sliderBox{max-width:1000px; margin:0 auto;}
#sensyuSec .sliderBox .slider {position:relative; }

#sensyuSec .sliderNavBox{max-width: 1010px;margin: 4% auto 0;}
#sensyuSec .sliderNavBox .navSlider{display:flex;flex-wrap:wrap;justify-content: center;}
#sensyuSec .sliderNavBox .navSlider li{width: calc((100% / 7) - 0.5em );margin: 0 0.25em;margin-bottom: 3%; cursor:pointer;}
#sensyuSec .sliderNavBox .navSlider li:hover{opacity:0.8;}
#sensyuSec .sliderNavBox .navSlider li .onImg{display:none;}
#sensyuSec .sliderNavBox .navSlider li.current .offImg{display:none;}
#sensyuSec .sliderNavBox .navSlider li.current .onImg{display:block;}

/* sec3　pickup */
#pickupSec{}
#pickupSec .backBox01{ background-image:url(/files/user/_/lp/lp_20210102/img/back_contents07.png); background-repeat:repeat-y; background-size:100% auto;}
#pickupSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h06.png); background-color:#0E3582;}

#pickupSec ul{}
#pickupSec li{ float:left; width:50%; margin-bottom:0.5%;}

.backBox3{ background:#E94709; padding:2% 0 1% 0;}
.backBox3 dl{ width:43%; padding:3% 0 0 6%; float:left;}
.backBox3 dt{ border-bottom:#FFF dotted 1px; margin-bottom:4%; padding-bottom:10%;}
.backBox3 dt span{ display:block; border-bottom:#FFF solid 3px;}
.backBox3 dt img{ width:45%; margin-top:1%;}
.backBox3 dt span img{ width:25%; margin-bottom:3%;}
.backBox3 dd{ color:#FFF; font-size:80%; border-bottom:#FFF dotted 1px; margin-bottom:4%; padding-bottom:4%;}
.backBox3 dd strong{ font-size:180%; font-weight:bold; line-height:1.3em;}
.backBox3 p{ float:right; width:55%;}

.backBox4{ background:#0D3482; padding:2% 0 4% 0;}
.backBox4 dl{ width:48%; padding:3% 6% 0 0; float:right;}
.backBox4 dt{ border-bottom:#FFF dotted 1px; margin-bottom:4%; padding-bottom:10%;}
.backBox4 dt span{ display:block; border-bottom:#FFF solid 3px;}
.backBox4 dt img{ width:45%; margin-top:1%;}
.backBox4 dt span img{ width:53%; margin-bottom:3%;}
.backBox4 dd{ color:#FFF; font-size:80%; border-bottom:#FFF dotted 1px; margin-bottom:4%; padding-bottom:4%;}
.backBox4 dd strong{ font-size:180%; font-weight:bold; line-height:1.3em;}
.backBox4 dd img{ width:80%;}
.backBox4 p{ float:left; width:50%;}
.backBox4 .backBox4PreP{ float:none; text-align:center; width:auto;}


/* sec2　第7節 */
#setsu7Sec2{}
#setsu7Sec2 .backBox01{ background-image:url(/files/user/_/lp/lp_20210102/img/back_contents03.jpg)}
#setsu7Sec2 .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h06.png); background-color:#0D3482;}
.setsu7Ul1{ padding:5% 0 3% 0;}
.setsu7Ul1 li{ width:50%; float:left;}





/* sec2　アクセス */
#accessSec{}
#accessSec .backBox01{ background-image:url(/files/user/_/lp/lp_20210102/img/back_contents08.jpg); background-size:cover;}
#accessSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210102/img/back_h08.png); background-color:#E1B41E;}
#accessSec li{ line-height:0.2em;}



/* linkbox */
#linkBox{ background:#000; padding:5% 0;}
#linkBox dt{ width:19.5%; margin:0 auto;}
#linkBox dd{ font-weight:bold; line-height:2em; text-align:center; color:#FFF;}
#linkBox dd img{ width:8.1%; padding:0 2%; height:auto;}

/* footer */
#pageFooter{ background:#E9470B;}
#pageFooter .footerInner{ padding:1% 1%;}
#pageFooter dl{ float:left; width:60%;}
#pageFooter dt{ width:7%; float:left;}
#pageFooter dd{ float:left; font-size:80%; color:#FFF; padding:2% 0 0 2%;}
#pageFooter  p{ float:right; font-size:80%; color:#FFF; padding-top:1.3%;}








@media screen and (max-width: 1200px) and (min-width: 769px){
     body {
         width: 1200px;
     }
}

article{
/*    width: 1400px;*/
    margin: auto;
}
