@charset "utf-8";
img{ width:100%; height:auto;}

.spNone{ display:none;}
p,li,dt,dd{ font-size: 100%;}

.sectionInner{ width:96%; margin:0 auto;}




.mainImgBox{
	background-size: auto 100%;
	background-position: calc(50% + 30px) top;
}
.mainImgBoxInner{  margin:0 auto; padding:2% 0 3% 0;}
.mainImgBox h2{ width:60%; padding:0;}
.mainImgBox ul{
	display:block;
}
.mainImgBox li#mainLi1{ width:90%; padding:0; margin:0 auto 2% auto;}
.mainImgBox li#mainLi2{ width:60%; padding:0; margin:0 auto 3% auto;}



/* 共通背景BOXと見出しBOX */
.hBox1 h3{font-size:130%;  line-height:1.2em; padding:0.5em 0;}


/* sec1　コロナ */
.coronaUl1{}
.coronaUl1 li{ float:left; width:50%; margin-bottom:2%;}
.coronaUl1 li{ text-align:center;}
.coronaUl1 li img{ width:100%; height:auto;}


.txtBox1{ width:100%; margin-bottom:4%;padding:2%; border:#FFF solid 2px;}
.txtBox1 p{ text-align:left;}


/* sec3　見どころ */
#midokoroSec{}

#midokoroSec p.midokoroStP{  font-size:120%; line-height:1.2em;}

.midokoroBAckBox1{}
.midokoroBAckBox1 h4{ font-size:180%;}
.midokoroBAckBox1 .midokoroTxt1{ float:right; width:65%;}
.midokoroBAckBox1 .midokoroImg1{ float:left; width:32%;}


.midokorobackBox3{ background:none; padding-bottom:7%;}
.midokoroTxt3{ width:100%; padding-top:5%;}

.midokoroBAckBox2{ }
.midokoroBAckBox2 h4{}
.midokoroBAckBox2 .taisenP{ font-size:140%; font-weight:bold; margin: 0 0 4% 0; line-height:1.2em;}
.midokoroBAckBox2 .midokoroSec2Box{}
.midokoroBAckBox2 .midokoroTxt2{ float:none; width:100%;}
.midokoroBAckBox2 .midokoroImg2{ float:none; width:70%; margin:0 auto;}


/* sec3　チケット - highlight */
#highlightSec h4{ text-align:center; color:#FFF; font-size:160%; font-weight:normal; margin-bottom:1%;}


/* sec2　Pick UP情報 */
#pickupboxSec{}
#pickupboxSec .sectionInner{padding-bottom: 5%;width: 100%;padding-left: 2%;padding-right: 2%;padding-top: 5%;}
#pickupboxSec .backBox01{ 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;}
#pickupboxSec ul{
	width: 100%;
	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{display:none;}

/* グルメ*/
#suiP{
	width:98%;
	background:url(/files/user/_/lp/lp_20210102/img/img_contents23.png) 1% 50% no-repeat;
	background-size:5% auto;
	background-color:#000;
	padding:1% 2% 1% 7%;
	margin:3% auto 0 auto;
	color:#FFF;
	font-weight:bold;
	font-size:70%;
	 line-height:1.2em;
}



/* 選手 */
#sensyuSec .backBoxSensyu{background-size:120vw;}
#sensyuSec .sectionInner{padding-top: 73vw;padding-bottom:5%;width: 90%;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: 4%;z-index:1;position:absolute;left: -7%;top: 35%;}
#sensyuSec .btnNext {max-width: 4%;z-index:1;position:absolute;right: -7%;top: 35%;}
#sensyuSec .sliderBox{max-width:1000px;margin:0 auto;width: 90%;}
#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;}











.backBox3{padding:5% 0 2% 0;}
.backBox3 dl{ width:100%; padding:0; float:none;}
.backBox3 dt{ padding-bottom:5%;}
.backBox3 dt span{}
.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:none; width:100%;}

.backBox4{padding:5% 0 5% 0;}
.backBox4 dl{ width:100%; padding:0; float:none;}
.backBox4 dt{padding-bottom:5%;}
.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:none; width:100%;}





/* 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; font-size:90%;}
#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:7%; float:left; display:none;}
#pageFooter dd{ float:none; display:inline-block; font-size:80%; color:#FFF; padding:2% 0 0 2%;}
#pageFooter  p{ float:none; font-size:80%; color:#FFF; padding-top:1.3%; text-align:center;}








