@charset "utf-8";
img{ width:100%; height:auto;}

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

.sectionInner{ width:96%; margin:0 auto;}

#pageHeader {padding-bottom: 0.4em; padding-top: 0.2em;}
#lp_20201202wrap header .headerInner h1 img{
	height:auto; width:100%; padding: 0; padding-right: 3%;
}
#lp_20201202wrap header .headerInner h1 {
	display: inline-block; width: 28%;
}
#lp_20201202wrap header .tw-share-button{
	display: inline-block; width: 80px; font-size:80%; margin:0; padding:0.5em 0 0 0; float:right;
}
#lp_20201202wrap header .fb-share-button{
	display: inline-block; width: 74px; line-height:0.2em; font-size:80%; float:right; padding:0.5em 0 0 0;
}




#lp_20201202wrap header .headerInner p img{
	height:auto; width:100%; padding: 0; position: static; top: auto; right: auto;
}

.headerLive { display: inline-block; width: 25%; padding-left: 1%;}
.headerLive { padding-top: 0.3em;}

.mainImgBox{
	background-size: auto 100%;
	background-position: calc(50% + 30px) top;
}
.mainImgBoxInner{  margin:0 auto; padding:2% 0 3% 0;}
.mainImgBox h2{ width:80%; padding:0; /*padding-top: 5%;*/}
.mainImgBox ul{
	display:block;
}
.mainImgBox li#mainLi1{ width:100%; padding:0 2%; margin:0 auto 2% auto;}
.mainImgBox li#mainLi2{ width:100%; padding:0 2%; margin:0 auto 2% 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{ background: none;}
.midokoroBAckBox1 h4{ font-size:150%;}
.midokoroBAckBox1 .midokoroTxt1{ float:right; width:65%;}
.midokoroBAckBox1 .midokoroImg1{ float:left; width:32%;}


.midokorobackBox3{ background:none; padding-bottom:7%;}
.midokoroTxt3{ width:100%; padding-top:5%;}
.midokoroTxt4{ width:100%; padding-top:5%;}

.midokoroBAckBox2{ }
.midokoroBAckBox2 h4{font-size: 150%;}
.midokoroBAckBox2 .taisenP{ font-size:130%; 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; margin-top: 5%;}


/* 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_20210324/img/back_contents11.jpg) repeat-x center/cover;  padding-bottom:0;}
#pickupboxSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210324/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;}


#topicsSlBox{ width:100%; overflow-x:auto; white-space: nowrap;}
#topicsSlBox ul{ display:block; text-align:center; width:210vw; padding:0;}
#topicsSlBox li{ width:34vw; padding:0 0.2% 0; display:inline-block;}

/* sec2　カメラ */
#cameraSec{ background-size: 160%;}

/* sec2　goods*/
#goodsboxSec{}
#goodsboxSec .sectionInner{padding-bottom: 5%;width: 100%;padding-left: 2%;padding-right: 2%;padding-top: 5%;}
#goodsboxSec .backBox01{ background:url(/files/user/_/lp/lp_20210324/img/back_contents09.png) repeat-x center/cover;  padding-bottom:0;}
#goodsboxSec .hBox1{ background-image:url(/files/user/_/lp/lp_20210324/img/back_h08.png); background-color:#E1B41D;}
#goodsboxSec 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;
}
#goodsboxSec li{ width:33.33333%; margin:0 1%;}
#goodsboxSec .characterBox{display:none;}


#goodsSlBox{ width:100%; overflow-x:auto;}
#goodsSlBox ul{ display:block; text-align:center; width:210vw; padding:0;}
#goodsSlBox li{ width:60vw; padding:0 0.2% 0; display:inline-block;}


/* グルメ*/
#suiP{
	width:98%;
	background:url(/files/user/_/lp/lp_20210324/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;}


/* sec2　アクセス */
#accessSec02 .parking { padding: 1em; padding-bottom: 1%;}
#accessSec02 .parking img{}
#accessSec02 .parking p{ text-align: center; margin: 1em 0 0;}
#accessSec02 .parking .googleMap{ display: block;}
#accessSec02 .parking .googleMap p{ margin: 0.6em 1.5em 0.6em 0;}
#accessSec02 .parking .parkingList{ width: 100%; margin-top: 1.6em;}
#accessSec02 .parking .parkingList iframe{ width: 100%; height: 15em;}
#accessSec02 .parking .parkingList .titleImg img{ width: 50%;}
#accessSec02 p{  font-size: 80%; text-align: left;}
#accessSec02 .boxBottom{margin: 0;}




.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;}