/* layout */
h2{
padding: 0;
font-size: 4.5rem;
}
h3{
margin: 64px 0 0 0;
font-size: 3.6rem;
color: #57ac6f;
}
.subBlock h3{
color: #28aea1;
}
h3.nomt{
margin: 0 0 0 0;
}
h3 span{
font-size: 3.2rem;
color: #231815;
}

.txt{
display: block;
margin: 32px 0 0 0;
text-align: left;
}
.txt_center{
display: block;
margin: 32px 0 0 0;
text-align: center;
}
.txtList,
.attList{
display: block;
margin: 32px 0 0 0;
text-align: left;
}
.txtList li{
display: block;
padding: 0 0 0 20px;
position: relative;
}
.txtList li:before{
content:"・";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}

.attList li{
display: block;
padding: 0 0 0 20px;
position: relative;
}
.attList li:before{
content:"※";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.infoComing{
display: block;
margin: 54px 0 0 0;
padding: 40px 20px;
text-align: center;
background-color: #efefef;
font-size: 2.2rem;
color: #666666;
}

.txtList a,
.attList a{
text-decoration: underline;
}

.ticketBtn{
display: block;
margin: 42px 2.5vw 0 2.5vw;
text-align: center;
}
.ticketBtn a{
width: 90%;
display: block;
margin: 0 auto 0 auto;
height: 72px;
background-color: #231815;
color: #ffffff;
border-radius: 36px;
font-size: 3.2rem;
font-weight: 700;
font-style: italic;
line-height: 72px;
text-align: center;
}
.ticketBtn a:hover{
background-color: #1877a9;
color: #ffffff;
transition: all 0.2s;
}


/* mainBlock */
#mainBlock{
display: block;
padding: 64px 2.5vw 122px 2.5vw;
position: relative;
text-align: center;
}
#mainBlock.goodsMain{
padding: 64px 2.5vw 72px 2.5vw;
}

#mainBlock h2{
display: block;
padding: 0 0 24px 0;
color: #57ac6f;
border-bottom: 10px solid #57ac6f;
letter-spacing: 1px;
}

#mainBlock .infoComing{
display: block;
margin: 54px 0 0 0;
padding: 40px 20px;
text-align: center;
background-color: #efefef;
font-size: 2.2rem;
color: #666666;
}


/* subBlock */
.subBlock{
display: block;
padding: 42px 2.5vw 64px 2.5vw;
background-color: #ffffff;
position: relative;
text-align: center;
}
.subBlock h2{
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
color: #57ac6f;
position: relative;
z-index: 5000;
letter-spacing: 0.5px;
}
.subBlock h2 span{
background: url(../img/bar_tit2.png) no-repeat center bottom;
background-size: 100% 20px;
}
.subBlock .infoComing{
display: block;
margin: 54px 0 0 0;
padding: 40px 20px;
font-size: 1.6rem;
text-align: center;
background-color: #efefef;
color: #666666;
}

/* ticket */
.subBlock.nextBlock{
background-color: #fafaed;
}
.subBlock.online{
background-color: #f2f9f6;
border-bottom: 1px solid #ffffff;
}
.subBlock.tourBlock{
background-color: #f2f9f6;
}

.floor2ndInfo{
display: block;
margin: 42px 0 0 0;
padding: 15px 15px 15px 15px;
background-color: #ffffff;
border: 10px solid #ff4800;
font-weight: 700;
text-align: left;
}
.floor2ndInfo2{
display: block;
margin: 42px 0 0 0;
padding: 15px 15px 15px 15px;
border: 10px solid #ff4800;
background-color: #ff4800;
font-weight: 700;
text-align: left;
color: #ffffff;
}

.impLink{
display: block;
margin: 32px 0 0 0;
text-align: left;
}
.impLink a{
font-weight: 500;
color: #ff0000;
text-decoration: underline;
}
.impLink a hover{
font-weight: 700;
text-decoration: none;
}

.ticketBlock.todaysTicket{
display: block;
margin: 64px 0 0 0;
}

h4.ticketTit{
margin: 32px 0 0 0;
font-size: 2.2rem;
font-weight: 700;
text-align: left;
}
h4.ticketTit.hayawari{
color: #1877a9;
}
.info2,
.info3,
.info4,
.info5,
.info6{
display: block;
margin: 32px 0 0 0;
border: 1px solid #cccccc;
background-color: #ffffff;
}
.info5{
margin: 8px 0 10px 0;
}
.info2 li,
.info3 li,
.info4 li,
.info6 li{
display: block;
border-top: 1px solid #cccccc;
}
.info6 li.online{
border-top:none;
}
.info2 li:first-child,
.info3 li:first-child,
.info4 li:first-child,
.info6 li:first-child{
border-top: none;
}
.info5 li{
display: block;
padding: 10px;
background-color: #efefef;
}
.info2 li dl,
.info3 li dl,
.info4 li dl,
.info6 li dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.info2 li dl dt,
.info3 li dl dt,
.info4 li dl dt{
width: 120px;
display: block;
padding: 10px 0 10px 0;
font-weight: 700;
background-color: #efefef;
}
.info2 li dl dt span,
.info3 li dl dt span,
.info4 li dl dt span{
display: block;
font-size:1.3rem;
font-weight: 500;
line-height: 1;
}
.info6 li dl dt{
width:90px;
display: block;
padding: 10px 0 10px 0;
font-weight: 700;
background-color: #efefef;
}
.info2 li:first-child dl dt,
.info3 li:first-child dl dt,
.info4 li:first-child dl dt,
.info6 li:first-child dl dt{
background-color: #1877a9;
color: #ffffff;
}
.info6 li:first-child dl dd.hall{
background-color: #1798dc;
color: #ffffff;
}
.info6 li:first-child dl dd.eventName{
background-color: #44bdfd;
color: #ffffff;
text-align: center;
}
.info2 li:first-child dl dt.norm,
.info3 li:first-child dl dt.norm,
.info4 li:first-child dl dt.norm,
.info6 li:first-child dl dt.norm{
background-color: #231815;;
color: #ffffff;
}
.info2 li dl dd{
width: calc( 100% - 120px );
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
font-size: 1.8rem;
font-weight: 700;
}
.info2 li dl dd s,
.info3 li dl dd s,
.info4 li dl dd s{
color: #666666;
}
.info3 li dl dd{
width: calc( (100% - 120px) / 2);
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
font-size: 1.8rem;
font-weight: 700;
}
.info4 li dl dd{
width: calc( (100% - 120px) / 3);
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
font-size: 1.8rem;
font-weight: 700;
}
.info6 li dl dd{
width: calc( (100% - 270px) / 3);
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
font-size: 1.8rem;
font-weight: 700;
}
.info6 li.online dl dd{
border-top:1px solid #cccccc;
}
.info6 li.online dl dd.hall,
.info6 li.online dl dd.eventName{
border-top:none !important;
}
.info6 li dl dd:last-of-type a.onlinelink{
display: inline-block;
padding: 2px 5px 2px 5px;
font-size: 1.2rem;
text-decoration: none;
background-color: #f313ac;
color: #ffffff;
border-radius: 20px;
}

.info6 li dl dd.eventName{
width: calc( (100% - 270px)*2 / 3);
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
}
.info6 li dl dd.hall,
.info6 li dl dd:last-child{
width: 90px;
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
}
.info6 li.onlineonly dl dd.eventName{
width: calc( (100% - 360px)*2 / 3);
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
}
.info6 li.onlineonly dl dd.hall,
.info6 li.onlineonly dl dd:last-child{
width: 120px;
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
}
.info6 li dl dd:last-of-type a.onlinelink{
display: inline-block;
padding: 2px 5px 2px 5px;
font-size: 1.2rem;
text-decoration: none;
background-color: #f313ac;
color: #ffffff;
border-radius: 20px;
}
.info6 li dl dd.hall,
.info6 li dl dd.eventName{
font-size: 1.6rem;
font-weight: 500;
}
.info6 li dl dd.eventName{
padding: 10px 5px 10px 5px !important;
text-align: left;
}
.info2 li:first-child dl dd,
.info3 li:first-child dl dd,
.info4 li:first-child dl dd,
.info6 li:first-child dl dd{
background-color: #efefef;
}
.info2 li dl dd p.discount,
.info3 li dl dd p.discount,
.info4 li dl dd p.discount,
.info6 li dl dd p.discount{
width: 32px;
height: 32px;
display: inline-block;
border-radius: 16px;
margin-right: 5px;
font-size: 1.4rem;
font-weight: 700;
line-height: 32px;
text-align: center;
background-color: #1877a9;
color: #ffffff;
letter-spacing: -0.5px;
}
.info2 li dl dd span,
.info3 li dl dd span,
.info4 li dl dd span,
.info6 li dl dd span{
display: inline-block;
font-size: 1.3rem;
}
.info2 li dl dd span.soldout,
.info3 li dl dd span.soldout,
.info4 li dl dd span.soldout,
.info6 li dl dd span.soldout{
display: inline-block;
margin-right: 8px;
padding: 2px 10px 2px 10px;
background-color: #ef0000;
color: #ffffff;
font-size: 1.4rem;
}
.info2 li dl dd p.rprice,
.info3 li dl dd p.rprice,
.info4 li dl dd p.rprice,
.info6 li dl dd p.rprice{
display: inline-block;
margin-left: 8px;
font-size: 1.4rem;
color: #666666;
text-decoration: line-through;
}
.info2 li dl dd p.rprice span,
.info3 li dl dd p.rprice span,
.info4 li dl dd p.rprice span,
.info6 li dl dd p.rprice span{
font-size: 1.2rem;
text-decoration: line-through;
}
.info6 li dl dd a{
font-weight: 500;
text-decoration: underline;
color: #1877a9;
}

.info6 li.onlineonly:first-child dl dd.hall,
.info6 li.onlineonly:last-child dl dd.hall{
width: 120px;
}
.info6 li.onlineonly:first-child dl dd.eventName{
width:calc( (100% - 360px)*2 / 3);
}

.feature{
display: inline-block;
padding: 15px 15px 10px 15px;
background-color: #ffea5a;
font-size: 1.8rem;
}
.feature p{
display: inline-block;
float: left;
}
.feature img{
width: 320px;
height: auto;
margin-left: 10px;
}
.feature:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.attInfo{
margin: 12px 0 0 0;
text-align: left;
}

.prBtn{
display: block;
margin:10px 0 16px 0;
}
.prBtn a{
display: inline-block;
padding-right: 36px;
background: url(../img/arr_r_fukuoka.svg) no-repeat right center;
background-size: auto 10px;
text-align: left;
}

.ticketBtn2,
.ticketBtn3{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ticketBtn3{
width: 800px;
margin: 0 auto 0 auto;
}
.ticketBtn2 li,
.ticketBtn3 li{
display: block;
}
.ticketBtn2 li{
width: 48%;
}
.ticketBtn3 li{
width: 48%;
}
.ticketBtn3 li:first-child{
width: 100%;
}

.buyBtn{
width: 650px;
display: block;
margin: 32px auto 0 auto;
text-align: center;
}
.ticketBtn2 li .buyBtn,
.ticketBtn3 li .buyBtn{
width: 100%;
}
.buyBtn a{
height: 96px;
display: block;
background-color: #ff1e00;
color: #ffffff;
border: 4px solid #ffffff;
font-size: 2.8rem;
font-weight: 700;
line-height: 88px;
box-sizing: border-box;
border-radius: 44px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.buyBtn a.nolink{
background-color: #999999;
filter:none;
}
.buyBtn a span{
display: inline-block;
padding-right: 40px;
background: url(../../img/ico_outlink.png) no-repeat right center;
}
.buyBtn a.nolink span{
display: inline-block;
padding-right: 0;
background: none;
color: #aaaaaa;
}
.buyBtn a:hover{
background-color: #cc0000;
color: #ffffff;
border: 4px solid #ffffff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
}

.buyBtn.ticketPIA a{
background-color: #3366cc;
}
.buyBtn.ticketPIA a:hover{
background-color: #1a50bb;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
}

.specialTxt{
display: block;
margin-top:10px;
font-size:2.8rem;
font-weight: 700;
color: #ff4800;
}
.todayAtt{
display: block;
margin-top:42px;
font-size:1.8rem;
text-align: center;
}

.ticketInfoList{
width: 880px;
display: block;
margin: 42px auto 0 auto;
padding: 0 0 22px 0;
border-bottom: 2px solid #231815;
}
.ticketInfoList li{
display: block;
margin: 22px 0 0 0;
padding: 22px 5px 0 5px;
border-top: 2px solid #231815;
}
.ticketInfoList li:first-child{
margin: 0 0 0 0;
}
.ticketInfoList li dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ticketInfoList li dt{
width: 120px;
display: block;
font-weight: 900;
text-align: left;
}
.ticketInfoList li dd{
width: calc(100% - 120px);
display: block;
font-weight: 700;
text-align: left;
}
.ticketInfoList li dd.onlineInfo{
font-weight: 400;
}
.ticketInfoList li dd span{
display: inline-block;
margin-left: 20px;
font-size: 1.5rem;
font-weight: 400;
text-align: left;
}
.ticketInfoList li dd span a.accessBtn{
display: inline-block;
margin-left: 8px;
padding: 4px 15px 4px 15px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1;
border: 1px solid #231815;
border-radius: 8px;
}
.ticketInfoList li a{
text-decoration: underline;
color: #57ac6f;
}

.ticketAttBox{
width: 880px;
display: block;
margin: 22px auto 0 auto;
padding: 0 5px 22px 5px;
border-bottom: 2px solid #231815;
box-sizing: border-box;
}
.ticketAttBox dt{
width: 120px;
display: block;
float: left;
font-weight: 900;
text-align: left;
}
.ticketAttBox dd{
padding-left: 120px;
text-align: left;
}
.ticketAttBox dd.nodisplay{
display: none;
}
.ticketAttBox dd p.open{
display: inline-block;
padding-right: 24px;
background: url(../img/ico_open_fukuoka.svg) no-repeat right center;
background-size: 18px auto;
color: #57ac6f;
font-weight: 700;
cursor: pointer;
}
.ticketAttBox dd p.open.on{
background: url(../img/ico_close_fukuoka.svg) no-repeat right center;
background-size: 18px auto;
}

.ticketKinds{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 5% 0 5%;
}
.ticketKinds li{
width: 48.5%;
display: block;
}
.ticketKinds.col1{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 25.75% 0 25.75%;
}
.ticketKinds.col1 li{
width: 100%;
display: block;
margin: 0;
}
.ticketKinds.col2{
margin: 42px 0 0 0;
}
.ticketKinds.col2 li{
width: 48%;
display: block;
}
.ticketKinds.col3{
margin: 42px 0 0 0;
}
.ticketKinds.col3 li{
width: 32.5%;
display: block;
}
.ticketKinds.col4{
margin: 42px 0 0 0;
}
.ticketKinds.col4 li{
width: 24%;
display: block;
}
.ticketKinds li a{
display: block;
background: url(../img/arr_page.svg) no-repeat left 32px top 26px;
background-size: auto 16px;
background-color: #ffffff;
font-weight: 700;
line-height: 62px;
border: 4px solid #231815;
border-radius: 32px;
}
.ticketKinds.col1 li a{
display: block;
background: url(../img/arr_page.svg) no-repeat left 32px top 20px;
background-size: auto 16px;
background-color: #ffffff;
font-weight: 700;
line-height: 54px;
border: 4px solid #231815;
border-radius: 27px;
}
.ticketKinds li a.subt{
display: block;
padding: 7px 0 7px 0;
background: url(../img/arr_page.svg) no-repeat left 32px top 20px;
background-size: auto 16px;
background-color: #ffffff;
font-weight: 700;
line-height: 24px;
border: 4px solid #231815;
border-radius: 32px;
}
.ticketKinds li a span{
display: block;
margin-bottom: 8px;
color: #f313ac;
line-height: 16px;
}
.ticketKinds li a.subt1{
display: block;
padding: 62px 0 0 0;
background: url(../img/arr_page.svg) no-repeat left 32px top 20px;
background-size: auto 16px;
background-color: #ffffff;
font-weight: 700;
line-height: 32px;
border: 4px solid #231815;
border-radius: 32px;
}
.ticketKinds li a span{
display: block;
color: #f313ac;
line-height: 16px;
}
.ticketKinds.col4 li a.subt{
background: url(../img/arr_page.svg) no-repeat left 32px top 29px;
background-size: auto 16px;
background-color: #ffffff;
}

.tourInfo{
display: block;
margin: 32px 0 0 0;
}
.tourInfo dt{
display: block;
margin: 0 auto auto;
text-align: center;
}
.tourInfo dt img{
width: 420px;
height: auto;
}
.tourInfo dd{
display: block;
text-align: center;
font-size: 1.8rem;
}
.buyBtn.jtb{
}
.buyBtn.jtb a{
height: 96px;
display: block;
background: url(../img/ticket/btn_jtb.jpg) no-repeat center center;
background-size: auto 72px;
background-color: #172c87;
color: #ffffff;
border: 4px solid #ffffff;
font-size: 2.8rem;
font-weight: 700;
line-height: 88px;
box-sizing: border-box;
border-radius: 44px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
text-indent: -9999px;
}


.premiumTokuten{
display: block;
margin: 15px 0 0 0;
padding: 10px 15px 10px 15px;
border:10px solid #ff4800;
font-weight: 400 !important;
}
.premiumTokutenTit{
display: block;
font-size: 1.8rem;
font-weight: 700;
color: #ff4800;
}
.premiumTokuten span{
display:block;
margin:0 !important;
padding:0;
font-weight: 700 !important;
}
.premiumTokuten .talkDetail{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin: 8px 0 0 0;
padding: 8px 0 0 0;
border-top: 1px solid #ff4800;
font-weight: 700;
}
.premiumTokuten .talkDetail figure{
width: 50%;
display: block;
}
.premiumTokuten .talkDetail figure img{
width: 100%;
height: auto;
}
.premiumTokuten .talkDetail p{
width: 48%;
display: block;
font-weight: 400;
}
.premiumTokuten .talkDetail p span{
display: block;
font-size: 120%;
font-weight: 700;
}
.premiumTokuten .ptspAtt{
margin: 8px 0 0 0;
padding: 8px 0 0 0;
border-top: 1px solid #ff4800;
}

.premiumBtn{
display: block;
margin: 12px 0 0 0;
}
.premiumBtn a{
display: inline-block;
color: #1877a9;
}
.premiumBtn a span{
display: inline-block;
margin-left: 0 !important;
padding-right: 30px;
background: url(../img/arr_premium.svg) no-repeat right center;
background-size: auto 8px;
font-size: 1.6rem !important;
font-weight: 700 !important;
color: #57ac6f !important;
}

.mapBlock{
display: block;
}
.mapBlockLeft{
display: block;
}
.mapBlockRight{
display: block;
margin: 42px auto 0 auto;
text-align: center;
}
.mapBlockRight img{
width: 1000px;
height: auto;
border: 8px solid #ffffff;
}

.entryAttention{
display: block;
margin: 24px 0 0 0;
padding: 20px;
background-color: #ffffff;
border: 8px solid #57ac6f;
text-align: left;
}
.entryAttention h4{
display: block;
font-size:2.1rem;
color: #57ac6f;
}
.entryAttention p{
display: block;
margin: 8px 0 0 0;
}
.entryAttention p a{
text-decoration: underline;
}

.mapBlock{
}
.mapBlockLeft{
}
.mapBlockRight{
margin: 32px auto 0 auto;
}

/* attention */
#attention{
display: block;
margin: 0;
padding: 54px 2.5vw 54px 2.5vw;
text-align: center;
}
#attention h2{
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
position: relative;
z-index: 5000;
letter-spacing: 0.5px;
}
#attention h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 20px;
}


/* contact */
#contact{
display: block;
margin: 0;
padding: 42px 2.5vw 54px 2.5vw;
text-align: center;
background-color: #f1f1d9;
}
.contactInfo{
display: block;
}
.contactInfo dt{
font-size: 2rem;
font-weight: 700;
}
.contactInfo dd{
display: block;
margin: 12px 0 0 0;
}
.contactInfo dd p{
display: inline-block;
margin: 0 12px 0 0;
font-weight: 500;
}
.contactInfo dd a{
text-decoration: underline;
}



/* news */
#news{
display: block;
padding: 64px 0 122px 0;
background-color: #ffffff;
}
#news h2{
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
position: relative;
z-index: 5000;
letter-spacing: 0.5px;
}
#news h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 20px;
}
.newsList{
display: block;
margin: 32px 0 0 0;
padding: 0 0 22px 0;
border-bottom: 2px solid #231815;
}
.newsList li{
display: block;
margin: 22px 0 0 0;
padding: 22px 0 0 0;
border-top: 2px solid #231815;
}
.newsList li:first-child{
margin: 0 0 0 0;
}
.newsList li dl{
display: block;
}
.newsList li dt{
display: block;
padding: 0 5px 0 5px;
font-weight: 900;
font-style: italic;
text-align: left;
}
.newsList li dt span{
display: inline-block;
margin-left: 18px;
}
.newsList li dt span.tokyo{
color: #eb442e;
}
.newsList li dt span.osaka{
color: #0079ad;
}
.newsList li dt span.fukuoka{
color: #00ae6b;
}
.newsList li dd{
display: block;
text-align: left;
}
.newsList li dd a{
display: block;
padding-right: 40px;
background: url(../img/arr_r.svg) no-repeat right center;
background-size: auto 12px;
text-align: left;
}


#news .btn{
width: 460px;
display: block;
margin: 42px auto 0 auto;
text-align: center;
}
#news .btn a{
display: block;
background: url(../img/arr_r.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #ffffff;
color: #231815;;
border: 2px solid #231815;;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}



/* access */
.mapEmbed{
display: block;
margin: 42px 0 0 0;
width: auto;
height: 480px;
overflow: hidden;
}
.mapEmbed .embed iframe{
height: 480px;
}
.mapEmbed{
height: 480px;
display:block;
margin: 42px 0 0 0;
overflow: hidden;
}
.accessBtn{
width: 460px;
display: block;
margin: 32px auto 0 auto;
text-align: center;
}
.accessBtn a{
display: block;
background: url(../img/ico_outlink_black.png) no-repeat right 20px center;
background-size: auto 22px;
background-color: #ffffff;
color: #231815;
border: 4px solid #231815;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.ticketInfoList.accessInfo dd{
font-weight:400;
}
.ticketInfoList.accessInfo dd strong{
font-weight:700;
}


/* FAQ */
#mainBlock.faq{
padding-bottom: 64px;
}
.addBlock{
display: block;
padding: 42px 2.5vw 64px 2.5vw;
background-color: #fafaed;
position: relative;
text-align: center;
}
.addBlock .infoComing2{
display: block;
margin: 72px 0 0 0;
text-align: left;
}
.faqGenre{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 0 0 0;
}
.faqGenre li{
width: 30%;
display: block;
}
.faqGenre li a{
display: block;
background: url(../img/arr_page.svg) no-repeat left 32px top 14px;
background-size: auto 16px;
background-color: #ffffff;
line-height: 42px;
border: 2px solid #231815;
border-radius: 21px;
}
h3#faqTicket,
h3#faqVenue,
h3#faqTheater{
margin-top: 0;
}
h3#faqVenue{
color:#57ac6f;
}
h3#faqTicket{
margin: 54px 0 0 0;
}
.faqList{
display: block;
margin: 32px 0 0 0;
padding: 0 0 0 0;
text-align: left;
border-top: 1px solid #cccccc;
}
.faqList li{
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 1px solid #cccccc;
}
.faqList li dl{
display: block;
position: relative;
}
.faqList li dt{
display: block;
padding: 24px 30px 24px 28px;
background:url(../img/arr_faq.svg) no-repeat right 10px top 34px;
background-size: 20px auto;
font-size: 1.8rem;
font-weight: 600;
position: relative;
cursor: pointer;
}
.faqList li dt.on{
background:url(../img/arr_faq_close.svg) no-repeat right 10px top 34px;
background-size: 20px auto;
}
.faqList li dt:before{
content: "Q.";
width: 28px;
display: block;
font-size: 1.9rem;
font-weight: 600;
color:#57ac6f;
position: absolute;
left: 0;
top: 24px;
overflow-wrap: break-word;
}
.faqList li dd{
display: none;
margin: 0 0 0 0;
padding: 24px 28px 24px 28px;
position: relative;
background-color: #efefef;
overflow-wrap: break-word;
}
.faqList li dd p{
display: block;
margin: 10px 0 0 0;
}
.faqList li dd p.faqAtt{
display: block;
margin: 10px 0 0 0;
font-size: 1.4rem;
}
.faqList li dd a{
color: #f313ac;
}


/* cast */
.castStep{
display: block;
margin: 12px 0 0 0;
font-size: 2.8rem;
font-weight: 700;
text-align: right
}
.castStep span{
display: inline-block;
margin: 0 0 0 12px;
font-size: 1.5rem;
font-weight: 500;
color: #fc6f7f;
}
.cast3, .cast4, .cast5{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 0 0 0;
}
.cast3 li{
width: calc( (100% - 3vw)/3 );
display: block;
margin: 0 0 32px 0;
}
.cast4 li{
width: calc( (100% - 4.5vw)/4 );
display: block;
margin: 0 0 32px 0;
}
.cast5 li{
width: calc( (100% - 6px)/5 );
display: block;
margin: 0 0 32px 0;
}
.cast3 li img,
.cast4 li img,
.cast5 li img{
width:100%;
height: auto;
}
.cast3 li p,
.cast4 li p,
.cast5 li p{
display: block;
margin: 10px;
font-size: 1.8rem;
font-weight: 500;
font-style: italic;
}

.cast3.onecenter li{
margin-left: calc( (100% - 3vw)/3 );
margin-right: calc( (100% - 3vw)/3 );
}
.cast3.twom li:first-child{
margin-left: calc( (100% - 1.5vw)/6 );
}
.cast3.twom li:last-child{
margin-right: calc( (100% - 1.5vw)/6 );
}

.cast4.onecenter li:first-child{
margin-left: calc( (100% - 4.5vw)/4 );
}
.cast4.onecenter li:last-child{
margin-right: calc( (100% - 4.5vw)/4 );
}
.cast4.ls20adjust li:nth-child(1){
margin-left: calc( (100% - 4.5vw)/8 );
}
.cast4.ls20adjust li:nth-child(3){
margin-right: calc( (100% - 4.5vw)/8 );
}
.cast4.ls20adjust li:nth-child(4){
margin-left: calc( (100% - 4.5vw)/4 );
}
.cast4.ls20adjust li:nth-child(5){
margin-right: calc( (100% - 4.5vw)/4 );
}

.cast3:after{
content:"";
display: block;
width: calc( (100% - 3vw)/3 );
}
.cast4:after{
content:"";
display: block;
width: calc( (100% - 4.5vw)/4 );
}
.cast5:after{
content:"";
display: block;
width: calc( (100% - 6px)/5 );
}

.cast4.last2:after{
content:"";
display: block;
width: calc( 2*(100% - 4.5vw)/4 );
}
.cast5:after{
content:"";
display: block;
width: calc( 3*(100% - 6px)/5 );
}


.btnBanner{
display: block;
margin: 32px 2.5vw 0 2.5vw;
}
.btnBanner a{
display: block;
}
.btnBanner a img{
width: 100%;
height: auto;
}

.andmore{
width: 100%;
display: block;
margin: 42px 0 20px 0;
font-size:5.4rem;
font-weight: 700;
font-style: italic;
transform: rotate(-7deg);
}

.andmore2{
width: 100%;
display: block;
margin: 42px 0 20px 0;
font-size:4.6rem;
font-weight: 700;
}


.dayList{
display: block;
margin: 16px 0 0 0;
position: relative;
}
.dayList ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.dayList ul li{
width: 30%;
display: block;
}
.dayList ul li a{
width: 100%;
display: block;
margin-top: 21px;
font-weight: 500;
border: 2px solid #231815;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.dayList ul li.on a{
font-size: 5.4rem;
font-weight: 900;
font-style: italic;
line-height: 1;
color: #231815;
margin-top: 0;
border: none;
filter:none;
}
.dayList ul li.on a span{
display: inline-block;
margin: 0 3px 0 3px;
font-size: 3.2rem;
}
.dayList ul li a{
background: url(../img/arr_r.svg) no-repeat right 5px top 12px;
background-size: auto 6px;
background-color: #ffffff;
}
.dayList ul li a:hover{
background: url(../img/arr_r.svg) no-repeat right 2px top 12px;
background-size: auto 6px;
background-color: #ffffff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
}
.dayList ul li.beforeday a{
background: url(../img/arr_l.svg) no-repeat left 5px top 12px;
background-size: auto 6px;
background-color: #ffffff;
}
.dayList ul li.beforeday a:hover{
background: url(../img/arr_l.svg) no-repeat left 2px top 12px;
background-size: auto 6px;
background-color: #ffffff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
}
.dayList ul li.on a,
.dayList ul li.on a:hover{
padding-right: 0;
background: none;
background-color: transparent;
pointer-events: none;
cursor: default;
}

.dayTit{
display: block;
margin: 16px 0 0 0;
position: relative;
}
.dayTit:nth-of-type(2),
.dayTit:nth-of-type(3){
margin: 54px 0 0 0;
}
.dayTit h3{
font-size: 6rem;
font-style: italic;
color: #231815;
margin: 0 0 0 0;
position: relative;
left: -5px;
}
.dayTit h3 span{
display: inline-block;
font-size: 4.2rem;
}
.dayBtn{
width: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.dayBtn .selectLeft,
.dayBtn .selectRight{
display: inline-block;
}
.dayBtn .selectLeft{
padding: 0 0 0 0;
text-align: left;
position: absolute;
bottom: 0;
right: calc(50% + 180px);
}
.dayBtn .selectRight{
padding: 0 0 0 0;
text-align: right;
position: absolute;
bottom: 0;
left: calc(50% + 180px);
}
.dayBtn .selectLeft a,
.dayBtn .selectRight a{
display: inline-block;
padding: 0 22px 0 22px;
font-size: 2.6rem;
font-weight: 700;
line-height: 42px;
position: relative;
bottom: 0;
color: #ffffff;
border-radius: 21px;
}
.dayBtn .selectLeft a span,
.dayBtn .selectRight a span{
display: inline-block;
font-size: 1.6rem;
}

.dayBtn .selectRight a{
background: url(../img/dayA.png) no-repeat right 10px center;
background-size: 7px auto;
background-color: #231815;
}
.dayBtn .selectRight a:nth-of-type(2){
margin-left: 12px;
}
.dayBtn .selectLeft a{
padding: 0 17px 0 27px;
background: url(../img/dayB.png) no-repeat left 10px center;
background-size: 7px auto;
background-color: #231815;
}
.dayBtn .selectLeft a:nth-of-type(1){
margin-right: 12px;
}

.days{
width: auto;
display: block;
margin: 0 2.5vw 54px 2.5vw;
padding: 32px 0 0 0;
}
.days .btn{
display: block;
margin: 0 auto 0 auto;
text-align: center;
}
.days .btn a{
width: 90%;
display: block;
margin: 0 auto 0 auto;
background: url(../img/arr_r.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #ffffff;
color: #231815;;
border: 2px solid #231815;;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.days.d15 .btn a{
background: url(../img/arr_l.svg) no-repeat left 20px center;
background-size: auto 12px;
background-color: #ffffff;
}


/* goods */
.goodsImg{
display: block;
margin: 32px 0 0 0;
}
.goodsImg img{
width: 100%;
height: auto;
}
.goodsList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 0 0;
}
.goodsList li{
width: 30%;
display: block;
margin: 32px 0 0 0;
position: relative;
}
.goodsList li .goodsImg{
display: block;
position: relative;
}
.goodsList li .goodsImg p{
display: block;
padding: 6px 0 0 0;
position: relative;
background-color: #ffffff;
border: 4px solid #f8eeb1;
}
.goodsList li .goodsImg p.limited{
width: auto;
display: inline-block;
padding:2px 8px 2px 8px;
position: absolute;
bottom: 4px;
left: 4px;
background-color: #d902f2;
color:#ffffff;
font-size: 1.3rem;
font-weight: 500;
line-height: 1;
border: none;
}
.goodsList li .goodsImg p.limited.both{
background: linear-gradient(90deg,#d902f2, #217ae8);
}
.goodsList li .goodsImg p.limited.place{
background-color: #217ae8;
}
.goodsList li .goodsImg img{
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.goodsList li .goodsInfo{
display: block;
margin: 10px 0 0 0;
}
.goodsList li .goodsInfo h5{
display: block;
font-size: 2rem;
font-weight: 700;
}
.goodsList li .goodsInfo .goodsPrice{
display: block;
font-size: 2rem;
font-weight: 700;
color: #e94630;
}
.goodsList li .goodsInfo .goodsPrice span{
display: inline-block;
margin-right: 5px;
font-size: 1.4rem;
color: #231816;
}
.goodsList li .goodsInfo .goodsPrice span.yen{
margin-left: 3px;
margin-right: 0;
color: #e94630;
}
.goodsList li .goodsInfo dl{
display: block;
margin: 12px 0 0 0;
border-top: 1px solid #cccccc;
text-align: left;
}
.goodsList li .goodsInfo dl dt{
width: 80px;
display: block;
float: left;
padding: 20px 0 20px 0;
font-weight: 500;
}
.goodsList li .goodsInfo dl dd{
padding: 20px 0 20px 80px;
border-bottom: 1px solid #cccccc;
}

.goodsfollow{
display: block;
margin: 72px 0 0 0;
text-align: center;
}

.goodsList:after{
content:"";
width: 30%;
display: block;
}


/* lineup */
.lineupList{
display: block;
margin: 42px 0 0 0;
}
.lineupList li{
display: block;
margin: 16px 0 0 0;
padding: 24px 10px 24px 10px;
}
.lineupList li.iki{
background-color: #fcd8dd;
}
.lineupList li.otsu{
background-color: #aadcf7;
}

.lineupList dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
text-align: left;
}
.lineupList dt{
width: 50%;
display: block;
}
.lineupList dd{
width: 49%;
display: block;
padding-left: 15px;
}
.lineupList .imgLineup dt{
width: 50%;
display: block;
}
.lineupList .imgLineup dt img{
width: 100%;
height: auto;
}
.lineupList .imgLineup dd{
width: 49%;
display: block;
padding-left: 15px;
}

.lineupList li.iki dd{
border-left: 4px solid #fc6f7f;
}
.lineupList li.otsu dd{
border-left: 4px solid #0081cc;
}

.lineupList dl dt h5,
.lineupList .imgLineup dd h5{
display: block;
font-size: 2.4rem;
font-weight: 700;
line-height: 1.4;
}
.lineupList dt .stage,
.lineupList .imgLineup dd .stage{
display: block;
margin: 12px 0 0 0;
font-weight: 500;
}
.lineupList .imgLineup dd .stage{
margin: 8px 0 16px 0;
}
.lineupList li.iki dt .stage,
.lineupList li.iki.imgLineup dd .stage{
color: #fc6f7f;
}
.lineupList li.otsu dt .stage,
.lineupList li.otsu.imgLineup dd .stage{
color: #0081cc;
}

.lineupList li.iki dt .stage span,
.lineupList li.otsu dt .stage span,
.lineupList li.iki.imgLineup dd .stage span,
.lineupList li.otsu.imgLineup dd .stage span{
display: inline-block;
margin-right: 6px;
color: #231815;
}
.lineupList li.iki.imgLineup dd .stage span:before,
.lineupList li.otsu.imgLineup dd .stage span:before{
content:"";
width: 16px;
height: 16px;
display: inline-block;
margin-right:3px;
background:url(../img/ico_time.svg) no-repeat left top;
background-size: auto 16px;
position: relative;
top: 2px;
}
.lineupList dd .lineupExp{
display: block;
margin-bottom: 10px;
font-weight: 700;
}
.lineupList dd .lineupcast{
display: block;
padding: 28px 0 0 0;
position: relative;
}
.lineupList dd .lineupcast:before{
content: "出演者";
width: 66px;
display: block;
padding: 4px 0 4px 0;
color: #ffffff;
font-size: 1.3rem;
line-height:1;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
.lineupList li.iki dd .lineupcast:before{
background-color: #fc6f7f;
}
.lineupList li.otsu dd .lineupcast:before{
background-color: #0081cc;
}

.changeInfo{
display: block;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
font-size: 90%;
position: relative;
}
.changeInfo:before{
content:"";
width: 100px;
height: 1px;
display: block;
background-color: #333333;
position: absolute;
top: 0;
left: 0;
}

.lineupList dd a{
text-decoration: underline;
}

.lineupList dd .livestream{
display: block;
margin: 16px 0 0 0;
}
.lineupList dd .livestream{

}
.lineupList dd .livestream a{
display: inline-block;
padding: 0 30px 0 30px;
background-color: #ffffff;
color: #ff0000;
border: 2px solid #ff0000;
font-size: 1.3rem;
line-height: 32px;
border-radius: 16px;
text-decoration: none;
}
.lineupList dd .livestream.freeImp a{
display: inline-block;
padding: 0 30px 0 30px;
background-color: #ffffff;
color: #231815;
border: 2px solid #231815;
font-size: 1.3rem;
line-height: 32px;
border-radius: 16px;
text-decoration: none;
}
.lineupList dd .livestream.free a{
display: inline-block;
padding: 0;
background-color: transparent;
color: #231815;
border: none;
text-decoration: underline;
}
.lineupList dd .livestream.free a span{
display: inline-block;
padding-left: 20px;
background: url(../img/arr_r.svg) no-repeat left center;
background-size: 14px auto;
text-decoration: underline;
}
.lineupList dd .livestream a.nolink,
.lineupList dd .livestream.pay a.nolink{
opacity: 0.35;
}


/* Time Table */
.timetable h2{
position: relative;
padding: 0 0 16px 0 !important;
}
.timetable h2 span.num{
display: inline-block;
margin: 0 2px 0 2px;
font-size: 6rem;
}
.timetable .dayBtn{
bottom: 20px;
}

.dayInfo{
display: block;
margin: 24px 0 0 0;
padding: 8px 0 12px 0;
text-align: center;
position: relative;
border: 3px solid #e94630;
}
.dayInfo .timeInfo{
display: inline-block;
}
.dayInfo p{
display: inline-block;
margin: 0 12px 0 12px;
font-weight: 500;
}
.dayInfo p span{
display: inline-block;
margin: 0 8px 0 0;
background: url(../img/bar_date.png) repeat-x left bottom;
font-weight: 700;
}
.dayInfo.nodate{
margin: 12px 0 0 0;
padding: 0 0 0 0;
border: none;
}
.dayInfo.nodate span.update{
display: inline-block;
margin: 0 0 0 8px;
font-size: 1.5rem;
font-weight: 500;
color: #fc6f7f;
text-align: right;
}

#wating{
width: 100%;
display: block;
margin: 42px 0 0 0;
}
#wating.fin{
display: none;
animation: wating-out .5s forwards;
}
@keyframes wating-out {
0% {
opacity: 1;
}
100% {
display: none;
opacity: 0;
}
}

.ttbox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ttbox .timescale{
width: 80px;
display: block;
margin:42px 0 0 0;
position: relative;
opacity: 0;
}
.ttbox .timescale ul{
display: block;
position: relative;
}
.ttbox .timescale ul li{
position: absolute;
text-align: left;
font-size: 1.8rem;
font-weight: 500;
line-height: 30px;
}
.timeTableDisplay{
width: calc(100% - 80px);
display: block;
opacity: 0;
}
.timeTableDisplay.notime{
width: 100%;
display: block;
margin-top: 42px;
opacity: 1;
}
.timeTableGrid{
width: 100%;
display: block;
position: relative;
z-index: 1000;
}
.timeTableBlock .stage{
display: block;
padding-top: 66px;
position: relative;
}
.streampage .timeTableBlock .stage{
display: block;
padding-top: 66px;
position: relative;
}
.timeTableBlock .stage{
display: block;
padding-top: 66px;
position: relative;
}
.timeTableDisplay.notime .timeTableBlock .stage{
padding-top: 0;
}
.timeTableBlock .stage.ikina{
background-color:#dff2fc;
}
.timeTableBlock .stage.otsuna{
background-color:#e4ffe0;
}
.timeTableBlock .stage.inasena{
background-color:#ffebec;
}

.timeTableBlock .stage .timeBox{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding:14px 8px 18px 8px;
text-align: left;
position: absolute;
z-index: 7000;
}
.timeTableDisplay.notime .timeTableBlock .stage .timeBox{
margin-bottom: 54px;
position: relative;
}
.timeTableBlock .stage .timeBox.beforeOpen{
height: 90px !important;
display: block;
background-color: rgba(141,210,250,0.6) !important;
line-height: 58px;
font-weight: 700;
letter-spacing: 4px;
text-align: center;
}
.timeTableBlock .stage.ikina .timeBox.underbar{
border-bottom: 1px solid #ffffff;
}
.timeTableBlock .stage.ikina .timeBox{
background-color:#8dd2fa;
}
.timeTableBlock .stage.otsuna .timeBox{
background-color:#80e371;
}
.timeTableBlock .stage.inasena .timeBox{
background-color:#ffbbbe;
}
.timeTableBlock .stage .timeBox .stageImg{
width: 350px;
display: block;
}
.streampage .timeTableBlock .stage .timeBox .stageImg{
width: 100%;
}
.timeTableBlock .stage .timeBox .stageImg img{
width: 100%;
height: auto;
}
.timeTableBlock .stage .timeBox .stageInfo{
width: calc(100% - 370px);
display: block;
text-align: left;
}
.timeTableBlock .stage .timeBox h5{
display: block;
font-size: 2.4rem;
font-weight: 700;
line-height: 1.4;
}
.timeTableBlock .stage .timeBox h5.withImg{
font-size: 2.4rem;
font-weight: 700;
}
.timeTableBlock .stage .timeBox .startTime{
display: inline-block;
padding:0 46px 0 8px;
font-size: 1.8rem;
font-weight: 400;
line-height: 32px;
text-align: left;
color: #ffffff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: absolute;
top: -32px;
left: 0;
}
.timeTableBlock .stage.ikina .timeBox .startTime{
background-color:#0081cc;
}
.timeTableBlock .stage.otsuna .timeBox .startTime{
background-color:#45b035;
}
.timeTableBlock .stage.inasena .timeBox .startTime{
background-color:#f97176;
}

.timeTableBlock .stage .timeBox .stageExp{
display: block;
margin: 14px 0 0 0;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.6;
}
.timeTableBlock .stage .timeBox .stageCast{
display: block;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.6;
position: relative;
}
.timeTableBlock .stage .timeBox .stageCast:before{
content: "";
display: block;
width: 100px;
height: 2px;
background-color: #ffffff;
position: absolute;
top: 0;
left: 0;
}
.ico_getsumen{
width: 100px;
height: 0;
display: block;
padding-top: 100px;
background: url(../img/ico_getsumen.png) no-repeat center center;
background-size:contain;
position: absolute;
top: -30px;
right: -8px;
overflow: hidden;
}

.timeTableBlock .stage .timeBox .livestream{
display: block;
margin: 20px 0 0 0;
}
.timeTableBlock .stage .timeBox .livestream a{
display: inline-block;
padding: 0 30px 0 30px;
background-color: #ffffff;
color: #ff0000;
border: 2px solid #ff0000;
font-size: 1.3rem;
line-height: 24px;
border-radius: 12px;
}
.timeTableBlock .stage .timeBox .livestream.pay a{
border: 2px solid #ff0000;
background-color: #ffffff;
color: #ff0000;
}

.timeTableBlock .stage .timeBox .livestream.freeImp a,
.timeTableBlock .stage .timeBox .livestream.free a{
display: inline-block;
padding: 0;
background-color: transparent;
color: #231815;
border: none;
font-size: 1.3rem;
line-height: 32px;
border-radius: 16px;
text-decoration: none;
}
.timeTableBlock .stage .timeBox .livestream.freeImp a span,
.timeTableBlock .stage .timeBox .livestream.free a span{
display: inline-block;
padding-left: 20px;
background: url(../img/arr_r.svg) no-repeat left center;
background-size: 14px auto;
text-decoration: underline;
}

.timeTableBlock .stage .timeBox .livestream a.nolink,
.timeTableBlock .stage .timeBox .livestream.pay a.nolink{
opacity: 0.35;
}

.timeTableBlock .time ul{
width: 100%;
display: block;
position: relative;
}
.timeTableBlock .time li{
width: 100%;
display: block;
background-color: #fafaed;
line-height: 16px;
text-align: center;
position: absolute;
}
.timeTableBlock .time li.half{
display: block;
color: #999999;
}

.timeTableGrid ul.timebar{
width: calc(100% + 20px);
display: block;
position: absolute;
top: 0;
left: -20px;
z-index: 1000;
}
.timeTableGrid ul.timebar li{
width: 100%;
height: 2px;
display: block;
position: absolute;
}
.timeTableGrid ul.timebar li:nth-child(2n+1){
background-color: #cccccc;
}
.timeTableGrid ul.timebar li:nth-child(2n){
background: url(../img/border88.png) repeat-x left center;
}

.liveAtt{
display: block;
margin: 5px 0 0 0;
font-size: 85%;
}


/* 配信 */
.streamExpBlock{
display: block;
margin: 32px 0 0 0;
text-align: left;
}
.streamExpBlock p{
display: block;
margin: 18px 0 0 0;
}
.ttbox.streampage{
display: block;
position: relative;
}
.timeTableDisplay.cdisplay{
  width: 100%;
  opacity: 1;
}
.streamBlock .timeTableBlock,
.streamBlock .timeTableBlockTit{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 0 0 0;
}
.streamBlock .timeTableBlock{
margin:0 0 0 0;
}

.timeTableBlockTit .stage h4{
display: block;
padding: 86px 0 10px 0;
font-size: 2rem;
font-weight: 500;
line-height: 1.2;
color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.timeTableBlockTit .stage h4 span{
display: block;
font-size:1.4rem;
}
.timeTableBlockTit .stage h4.dayonly{
padding: 20px 0 20px 0;
font-size: 3rem;
font-weight: 700;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.timeTableBlockTit .stage .stageLogo{
width: 154px;
height: 0;
display: block;
padding-top: 154px;
background-color: #ffffff;
border-radius: 77px;
overflow: hidden;
position: absolute;
top: 0;
left: calc(50% - 77px);
}

.streamBlock .timeTableBlock .stage,
.streamBlock .timeTableBlockTit .stage,
.streamBlock .timeTableBlock.clineup .stage,
.streamBlock .timeTableBlockTit.clineup .stage{
width: 47.5%;
min-width: 270px;
}
.streamBlock .timeTableBlockTit .stage{
padding: 0;
}
.timeTableBlock.clineup .stage,
.timeTableBlockTit.clineup .stage{
width: 32%;
min-width: 288px;
}
.timeTableBlock.clineup.ssmori .stage:first-child,
.timeTableBlockTit.clineup.ssmori .stage:first-child{
margin-left: 17%;
}
.timeTableBlock.clineup.ssmori .stage:last-child,
.timeTableBlockTit.clineup.ssmori .stage:last-child{
margin-right: 17%;
}
.timeTableBlock.clineup.ssmori .stage:first-child{
padding-bottom: 60px;
}
.timeTableBlock.clineup.ssmori .stage:last-child{
padding-bottom: 60px;
}
.timeTableBlock.clineup .stage .timeBox{
padding:14px 8px 20px 8px;
}
.timeTableBlock.clineup .stage .timeBox{
display: block;
position:relative;
margin-top: 42px;
}
.timeTableBlock.clineup .stage .timeBox:first-child{
position:relative;
margin-top: 0;
}
.timeTableBlock .stage .timeBox .startTime{
display: inline-block;
padding:0 46px 0 8px;
font-size: 1.8rem;
font-weight: 400;
line-height: 32px;
text-align: left;
color: #ffffff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: absolute;
top: -32px;
left: 0;
}
.timeTableBlock.clineup .stage .timeBox .stageName{
display: block;
margin: 8px 0 0 0;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.2;
}
.timeTableBlock.clineup .stage.osakajo .timeBox .stageName{
color:#f33f46;
}
.timeTableBlock.clineup .stage.wwhall .timeBox .stageName{
color:#ad6e05;
}
.timeTableBlock.clineup .stage.tthall .timeBox .stageName{
color:#237617;
}
.timeTableBlock.clineup .stage.sshall .timeBox .stageName{
color:#1f709f;
}
.timeTableBlock.clineup .stage.mori .timeBox .stageName{
color:#6337a6;
}
.timeTableBlock.clineup .stage .timeBox .stageExp{
display: block;
margin: 16px 0 0 0;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
}
.timeTableBlock.clineup .stage .timeBox .stageCast{
display: block;
margin: 16px 0 0 0;
padding: 24px 0 0 0;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.6;
position: relative;
}
.timeTableBlock.clineup .stage .timeBox .stageCast:before{
content: "出演者";
width: 66px;
height: auto !important;
display: block;
padding: 4px 0 4px 0;
color: #ffffff;
font-size: 1.3rem;
line-height:1;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
.timeTableBlock.clineup .stage .timeBox .streamExp{
display: block;
margin: 10px 0 0 0;
}

.timeTableBlockTit .stage.f14 h4{
background-color:#0081cc;
}
.timeTableBlockTit .stage.f15 h4{
background-color:#f97176;
}
.timeTableBlock .stage.f14{
background-color:#dff2fc;
}
.timeTableBlock .stage.f15{
background-color:#ffebec;
}
.timeTableBlock .stage.f14 .timeBox{
background-color:#8dd2fa;
border-bottom: 1px solid #0081cc;
}
.timeTableBlock .stage.f15 .timeBox{
background-color:#ffbbbe;
border-bottom: 1px solid #f97176;
}
.timeTableBlock .stage.f14 .timeBox .startTime{
background-color:#0081cc;
}
.timeTableBlock .stage.f15 .timeBox .startTime{
background-color:#f97176;
}
.timeTableBlock.clineup .stage.f14 .timeBox .stageCast:before{
background-color:#0044a1;
}
.timeTableBlock.clineup .stage.f15 .timeBox .stageCast:before{
background-color:#f33f46;
}

.getsumenBanner{
width: 416px;
height: 98px;
display: block;
position: fixed;
right: calc(2.5vw + 10px);
animation: frame-in-banner .5s forwards;
z-index: 89000;
}
@keyframes frame-in-banner {
0% {
opacity: 0;
bottom: -200px;
}
100% {
opacity: 1;
bottom: 20px;
}
}

.getsumenBanner img{
width: 100%;
height: auto;
filter: drop-shadow(0 3px 3px rgba(0,0,0,0.5));
}

/* floor map */
#mainBlock.floor{
padding-bottom:42px;
}
.floorTime{
display: block;
margin: 24px 0 0 0;
padding: 0 0 16px 0;
border-bottom: 6px solid #231815;
text-align: center;
}
.floorTime dl{
display: inline-block;
}
.floorTime dl dt{
display: inline-block;
font-weight: 700;
}
.floorTime dl dd{
display: inline-block;
margin-left: 10px;
font-weight: 500;
}
.foodNameList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 16px 0 0 0;
padding: 0 0 16px 0;
border-bottom: 6px solid #231815;
}
#mainBlock .foodNameList{
margin: 42px 0 0 0;
border-bottom: 3px solid #57ac6f;
}
.foodNameList ul{
width: 33.33%;
display: block;
text-align: left;
}
.foodNameList li{
display: block;
margin-top: 10px;
padding-left:24px;
position:relative;
line-height: 1.2;
}
.foodNameList li:before{
content:"";
width: 15px;
height: 15px;
display: block;
position: absolute;
top:3px;
left: 0;
background-color:#57ac6f;
color: #ffffff;
font-size: 1.2rem;
text-align: center;
line-height: 15px;
}
.foodNameList ul:nth-child(1) li:nth-child(1):before{
content:"1";
}
.foodNameList ul:nth-child(1) li:nth-child(2):before{
content:"2";
}
.foodNameList ul:nth-child(1) li:nth-child(3):before{
content:"3";
}
.foodNameList ul:nth-child(1) li:nth-child(4):before{
content:"4";
}
.foodNameList ul:nth-child(2) li:nth-child(1):before{
content:"5";
}
.foodNameList ul:nth-child(2) li:nth-child(2):before{
content:"6";
}
.foodNameList ul:nth-child(2) li:nth-child(3):before{
content:"7";
}
.foodNameList ul:nth-child(2) li:nth-child(4):before{
content:"8";
}
.foodNameList ul:nth-child(3) li:nth-child(1):before{
content:"8";
}
.foodNameList ul:nth-child(3) li:nth-child(2):before{
content:"9";
}
.foodNameList ul:nth-child(3) li:nth-child(3):before{
content:"10";
}
.foodNameList ul:nth-child(3) li:nth-child(4):before{
content:"10";
}

.foodNameList li a{
display: block;
color: #57ac6f;
text-decoration: underline;
}
.foodNameList ul.mores{
width: 100%;
display: block;
text-align: right;
}
.foodNameList ul.mores li{
display: block;
margin-top: 10px;
padding-left:0;
padding-right: 5px;
color: #231815;
}
.foodNameList ul.mores li:before{
display: none;
}

.foodList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 0 0;
}
.foodList li{
width: 32%;
display: block;
margin: 32px 0 0 0;
padding: 15px;
position: relative;
background-color:#f8eeb1;
}
.foodList li h5{
display: block;
padding: 2px 5px 3px 5px;
font-size:1.8rem;
font-weight: 700;
text-align: left;
line-height: 1.4;
background-color: #57ac6f;
color: #ffffff;
}
.foodList li dl{
display: block;
margin: 8px 0 0 0;
}
.foodList li dl dt{
display: block;
}
.foodList li dl dt img{
width: 100%;
height: auto;
}
.foodList li dl dd{
display: block;
text-align: left;
display: none;
}
.foodList li dl dd.popupBtn{
display: block;
margin: 12px 0 0 0;
text-align: left;
}
.foodList li dl dd .foodInfo{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.foodList li dl dd .foodInfo .foodName{
width: 65%;
display: block;
}
.foodList li dl dd .foodInfo .foodPrice{
width: 35%;
display: block;
text-align: right;
}
.foodList li dl dd .shopInfo{
display: block;
margin: 12px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px solid #231815;
font-size:1.4rem;
line-height: 1.4;
overflow-wrap:break-word;
}
.foodList:after{
content: "";
width: 32%;
display: block;
}

.popupBtn a{
width: 90%;
display: block;
margin: 0 auto 0 auto;
background-color: #ffffff;
border: 2px solid #231815;
border-radius: 16px;
line-height: 32px;
text-align: center;
}
.boothInfo .popupBtn a{
margin: 0;
text-align: center;
}

.floormapImg{
display: block;
margin: 24px 0 0 0;
text-align: center;
}
.floormapImg img{
width: 100%;
max-width: 1200px;
height: auto;
}

/* booth */
.floorGuide{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 16px 20px 24px 20px;
}
.floorGuide li{
width: 48%;
display: block;
margin: 0;
}
.floorGuide li a{
display: block;
background: url(../img/arr_page.svg) no-repeat left 32px top 14px;
background-size: auto 16px;
background-color: #ffffff;
line-height: 42px;
border-radius: 21px;
border: 3px solid #231815;
}

.boothNameList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 0 0 0;
padding: 0 0 16px 0;
border-bottom: 6px solid #231815;
}
.boothNameList ul{
width: 33.33%;
display: block;
text-align: left;
}
.boothNameList li{
display: block;
margin-top: 10px;
padding-left:24px;
position:relative;
line-height: 1.2;
}
.boothNameList li:before{
content:"";
width: 15px;
height: 15px;
display: block;
position: absolute;
top:3px;
left: 0;
background-color: #57ac6f;
}
.boothNameList li a{
display: block;
color: #57ac6f;
text-decoration: underline;
}
.boothNameList ul.mores{
width: 100%;
display: block;
text-align: right;
}
.boothNameList ul.mores li{
display: block;
margin-top: 10px;
padding-left:0;
padding-right: 5px;
color: #231815;
}
.boothNameList ul.mores li:before{
display: none;
}


.boothList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 32px 0 0 0;
padding: 15px;
position: relative;
border: 2px solid #57ac6f;
border-radius: 20px;
}
.boothList .slick-dots{
display: block !important;
}
.boothList li{
display: block;
}
.boothList li.boothName{
width: 100%;
padding: 0 0 16px 0;
border-bottom: 2px solid #cccccc;
}
.boothList li.boothEvent{
width: 49%;
margin: 24px 0 0 0;
padding: 0 0 24px 0;
border-bottom: 1px solid #cccccc;
}
.boothList li.boothEvent.onegoods{
width:100%;
}
.boothList li.boothEvent:nth-last-child(2){
padding: 0 0 0 0;
border-bottom:none;
}
#bushiroad.boothList li.boothEvent:nth-last-child(2){
border-bottom: 1px solid #cccccc;
}
.boothList li.boothEvent:last-child{
padding: 0 0 0 0;
border-bottom:none;
}

.boothList li dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.boothList li dl.tokuten{
margin: 12px 0 0 0;
}
.boothList li.boothName dl{
align-items: center;
}
.boothList li dl dt{
width: 160px;
display: block;
}
.boothList li dl.tokuten dt{
width: 320px;
}
.boothList img{
width: auto;
height: 190px;
}
.boothList dt img{
width: 100%;
height: auto;
}
.boothList li dl dd{
width: calc(100% - 180px);
display: block;
text-align: left;
}
.boothList li dl.tokuten dd{
width: calc(100% - 340px);
display: block;
text-align: left;
}
.boothList li.boothName dl dt{
width: 200px;
display: block;
}
.boothList li.boothName dl dd{
width: calc(100% - 220px);
display: block;
text-align: left;
}

.boothList dd .popupBtn{
display: block;
margin: 12px 0 0 0;
text-align: left;
}
.boothList dd.popupExp{
display: none;
}
.boothList dd.boothEvent{
width: 100%;
}
.boothList dd.boothInfo h5{
display: block;
font-size:2.2rem;
font-weight: 700;
text-align: left;
}
.boothList dd.boothInfo .time{
display: inline-block;
margin-right:10px;
font-weight: 500;
text-align: left;
}
.boothList dd.boothInfo .place{
display: inline-block;
font-weight: 700;
text-align: left;
}
.boothList dd.boothInfo .boothExp{
display: block;
margin: 12px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px solid #231815;
line-height: 1.4;
text-align: left;
overflow-wrap:break-word;
}

.boothList li.boothEvent dd{
display: block;
}
.boothList li.boothEvent .boothTxt{
display: block;
margin: 0 0 24px 0;
text-align: left;
}
.boothList li.boothEvent dd h6{
display: block;
margin-bottom: 8px;
font-size:1.4rem;
font-weight: 700;
text-align: left;
color: #231815;
}
.boothList li.boothEvent h7{
display: block;
font-size:1.8rem;
font-weight: 700;
text-align: left;
color: #231815;
}
.boothList li.boothEvent dd .price{
display: block;
margin-bottom: 10px;
text-align: left;
}
.boothList li.boothEvent dd .price a{
word-break: break-all;
line-height: 1.4;
}
.boothList li.boothEvent dd .boothAtt{
font-size: 85%;
color: #ff0000;
}
.boothList li.boothEvent .boothSubImp{
display: block;
font-size: 1.3rem;
color: #ff0000;
text-align: left;
}

.boothList li.boothEvent dd .distPlace{
display: block;
margin: 5px 0 0 0;
padding-left: 56px;
text-align: left;
position: relative;
font-size: 1.4rem;
line-height: 1.4;
color: #57ac6f;
}
.boothList li.boothEvent dd .distPlace:before{
content: "配布場所";
display: block;
width: 50px;
font-size: 1rem;
line-height: 18px;
text-align: center;
background-color: #57ac6f;
color: #ffffff;
position: absolute;
top: 0;
left: 0;
}
.boothList li.boothEvent .detailBtn{
display: block;
margin: 12px 0 0 0;
text-align: left;
}
.boothList li.boothEvent .detailBtn a{
display: inline-block;
padding: 8px 20px 8px 20px;
border: 2px solid #231815;
line-height: 32px;
border-radius: 16px;
}

.boothList li.boothEvent a.dlbtn{
display: inline-block;
padding: 0 30px 0 30px;
background-color: #ffffff;
color: #231815;
border: 2px solid #231815;
font-size: 1.3rem;
line-height: 24px;
border-radius: 12px;
}

.step{
display: block;
margin: 0 0 24px 0;
padding: 12px 0 12px 0;
border-top: 2px solid #57ac6f;
border-bottom: 2px solid #57ac6f;
}
.step li{
display: block;
padding: 0 0 0 66px;
position: relative;
}
.step li a{
text-decoration: underline;
text-underline-offset: 2px;
}
.step li:before{
content: "";
width: 66px;
display: block;
font-weight: 700;
color: #57ac6f;
position: absolute;
top: 0;
left: 0;
}
.step li:nth-child(1):before{
content: "STEP.1";
}
.step li:nth-child(2):before{
content: "STEP.2";
}
.step li:nth-child(3):before{
content: "STEP.3";
}
.step li:nth-child(4):before{
content: "STEP.4";
}


/* overlay */
#overlay{
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background:rgba(0,0,0,0.85);
font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
position: fixed;
top: 0;
left: 0;
z-index: 95000;
}
#overlayClose{
width: 72px;
height: 72px;
display: block;
background: url(/img/close.svg) no-repeat center center;
background-size: contain;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
}
#overlay .popupBox{
width: 540px;
max-height: 90vh;
display: block;
padding: 10px 10px 20px 10px;
background-color: #ffffff;
overflow-y: scroll;
}
#overlay .popupBox .popupBtn{
display: none;
}

#overlay{
animation: overlay-display .5s forwards;
}
@keyframes overlay-display {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

#overlayClose{
animation: close-display .5s forwards;
}
@keyframes close-display {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}

#overlay .popupBox h5{
display: block;
font-size:1.8rem;
font-weight: 700;
text-align: left;
color: #57ac6f;
}
#overlay .popupBox dl{
display: block;
margin: 8px 0 0 0;
}
#overlay .popupBox img{
width: 100%;
height: auto;
}
#overlay .popupBox .foodInfo{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 10px;
}
#overlay .popupBox .foodInfo .foodName{
width: 65%;
display: block;
font-size:1.6rem;
font-weight: 700;
}
#overlay .popupBox .foodInfo .foodPrice{
width: 35%;
display: block;
font-size:1.6rem;
text-align: right;
}
#overlay .popupBox .shopInfo{
display: block;
margin: 12px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px solid #231815;
font-size:1.4rem;
line-height: 1.4;
overflow-wrap:break-word;
}

/* -- */
/* -- */
/* SP */
/* -- */
/* -- */
@media screen and (max-width: 768px) {
/* */
/* */


/* layout */
h2{
padding: 0;
font-size: 3.4rem;
}
h3{
margin: 54px 0 0 0;
font-size: 2.2rem;
}
.subBlock h3{
color: #28aea1;
}
h3.nomt{
}
h3 span{
font-size: 1.7rem;
color: #231815;
}

.txt{
margin: 32px 0 0 0;
}
.txtList,
.attList{
margin: 32px 0 0 0;
}
.txtList li{
padding: 0 0 0 16px;
}
.txtList li:before{
content:"・";
display: inline-block;
position: absolute;
top: 0;
left: 5px;
}

.attList li{
padding: 0 0 0 16px;
}
.attList li:before{
content:"※";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.infoComing{
margin: 42px 0 0 0;
padding: 20px 5px;
font-size: 1.5rem;
}

.txtList a,
.attList a{
text-decoration: underline;
}

.ticketBtn{
margin: 32px 0 0 0;
}
.ticketBtn a{
width: 100%;
height: 60px;
border-radius: 30px;
font-size: 2.8rem;
line-height: 60px;
}
.ticketBtn a:hover{
background-color: #231815;
color: #ffffff;
}

.ticketBtn2,
.ticketBtn3{
display: block;
}
.ticketBtn3{
width: auto;
margin: 0 auto 0 auto;
}
.ticketBtn2 li,
.ticketBtn3 li{
margin-top: 0;
}
.ticketBtn2 li{
width: 100%;
}
.ticketBtn3 li{
width: 100%;
}
.ticketBtn3 li:first-child{
}
.ticketBtn2 li:first-child,
.ticketBtn3 li:first-child{
margin-top: 0;
}

/* mainBlock */
#mainBlock{
padding: 72px 2.5vw 72px 2.5vw;
}

#mainBlock h2{
padding: 0 0 16px 0;
border-bottom: 7px solid ##57ac6f;
letter-spacing: 0.5px;
}

#mainBlock .infoComing{
margin: 42px 0 0 0;
padding: 20px 5px;
font-size: 1.5rem;
}


/* subBlock */
.subBlock{
padding: 42px 2.5vw 64px 2.5vw;
}
.subBlock h2{
}
.subBlock h2 span{
background: url(../img/bar_tit2.png) no-repeat center bottom;
background-size: 100% 15px;
}
.subBlock .infoComing{
margin: 42px 0 0 0;
padding: 20px 5px;
font-size: 1.5rem;
}

/* ticket */
.floor2ndInfo{
margin: 32px 0 0 0;
padding: 10px 10px 10px 10px;
border: 5px solid #ff4800;
}
.floor2ndInfo2{
margin: 32px 0 0 0;
padding: 10px 10px 10px 10px;
border: 5px solid #ff4800;
}

h4.ticketTit{
margin: 32px 0 4px 0;
font-size: 1.9rem;
font-weight: 700;
text-align: left;
}
h4.ticketTit.hayawari{
color: ##57ac6f;
}
.info2,
.info3,
.info4{
margin: 0 0 0 0;
}
.info2 li,
.info3 li,
.info4 li{
}
.info2 li:first-child,
.info3 li:first-child,
.info4 li:first-child{
}
.info2 li dl,
.info3 li dl,
.info4 li dl{
}
.info2 li dl dt,
.info3 li dl dt,
.info4 li dl dt{
width: 70px;
padding: 10px 0 10px 0;
}
.info2 li:first-child dl dt,
.info3 li:first-child dl dt,
.info4 li:first-child dl dt{
}
.info2 li:first-child dl dt.norm,
.info3 li:first-child dl dt.norm,
.info4 li:first-child dl dt.norm{
}
.info2 li dl dd{
width: calc( 100% - 70px );
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
font-size: 1.8rem;
font-weight: 700;
}
.info3 li dl dd{
width: calc( (100% - 70px) / 2);
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
font-size: 1.8rem;
font-weight: 700;
}
.info4 li dl dd{
width: calc( (100% - 120px) / 3);
width: 33.33%;
display: block;
padding: 10px 0 10px 0;
border-left: 1px solid #cccccc;
font-size: 1.8rem;
font-weight: 700;
}
.info2 li:first-child dl dd,
.info3 li:first-child dl dd,
.info4 li:first-child dl dd{
background-color: #efefef;
}
.info2 li dl dd p.discount,
.info3 li dl dd p.discount,
.info4 li dl dd p.discount{
width: 26px;
height: 26px;
display: inline-block;
border-radius: 13px;
margin-right: 3px;
font-size: 1.1rem;
font-weight: 700;
line-height: 26px;
text-align: center;
background-color: ##57ac6f;
color: #ffffff;
letter-spacing: -0.5px;
}
.info2 li dl dd span,
.info3 li dl dd span,
.info4 li dl dd span{
display: inline-block;
font-size: 1.3rem;
}
.info2 li dl dd p.rprice,
.info3 li dl dd p.rprice,
.info4 li dl dd p.rprice{
display: block;
margin-left: 0;
font-size: 1.3rem;
}
.info2 li dl dd p.rprice span,
.info3 li dl dd p.rprice span,
.info4 li dl dd p.rprice span{
font-size: 1.1rem;
text-decoration: line-through;
}

.buyBtn{
width: 95%;
margin: 32px auto 0 auto;
}
.buyBtn a{
height: 84px;
border: 3px solid #ffffff;
font-size: 2rem;
line-height: 78px;
border-radius: 39px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.buyBtn a span{
padding-right: 24px;
background: url(../../img/ico_outlink.png) no-repeat right center;
background-size: auto 20px;
}

.ticketBtn2,
.ticketBtn3{
display: block;
}
.ticketBtn3{
width: auto;
margin: 0 auto 0 auto;
}
.ticketBtn2 li,
.ticketBtn3 li{
margin-top: 0;
}
.ticketBtn2 li{
width: 100%;
}
.ticketBtn3 li{
width: 100%;
}
.ticketBtn3 li:first-child{
}
.ticketBtn2 li:first-child,
.ticketBtn3 li:first-child{
margin-top: 0;
}

.specialTxt{
margin-top:10px;
font-size:2rem;
}
.todayAtt{
margin-top:32px;
font-size:1.6rem;
text-align: left;
}

.ticketInfoList{
width: auto;
margin: 42px auto 0 auto;
padding: 0 0 18px 0;
border-bottom: 2px solid #231815;
}
.ticketInfoList li{
margin: 18px 0 0 0;
padding: 18px 2px 0 2px;
border-top: 2px solid #231815;
}
.ticketInfoList li:first-child{
}
.ticketInfoList li dl{
display: block;
}
.ticketInfoList li dt{
width: auto;
}
.ticketInfoList li dd{
width: auto;
font-weight: 400;
}
.ticketInfoList li dd span{
display: block;
margin-left: 0;
font-size: 1.3rem;
}
.ticketInfoList li dd span a.accessBtn{
display: inline-block;
margin-left: 6px;
padding: 2px 10px 2px 150px;
font-size: 1rem;
}
.ticketInfoList li a{
}

.ticketAttBox{
width: auto;
margin: 22px auto 0 auto;
padding: 0 2px 18px 2px;
border-bottom: 2px solid #231815;
}
.ticketAttBox dt{
width: auto;
float: none;
}
.ticketAttBox dd{
padding-left: 0;
}
.ticketAttBox dd.nodisplay{
display: none;
}
.ticketAttBox dd p.open{
display: inline-block;
padding-right: 24px;
background: url(../img/ico_open_fukuoka.svg) no-repeat right center;
background-size: 18px auto;
}
.ticketAttBox dd p.open.on{
background: url(../img/ico_close_fukuoka.svg) no-repeat right center;
background-size: 18px auto;
}

.ticketKinds{
display: block;
margin: 32px 5% 0 5%;
}
.ticketKinds li{
width: 100%;
}
.ticketKinds.col1{
display: auto;
margin: 32px 5% 0 5%;
}
.ticketKinds.col1 li{
}
.ticketKinds.col2{
margin: 0 0 0 0;
}
.ticketKinds.col2 li{
width: 100%;
margin: 16px 0 0 0;
}
.ticketKinds.col3{
margin: 0 0 0 0;
}
.ticketKinds.col4{
margin: 0 0 0 0;
}
.ticketKinds.col3 li,
.ticketKinds.col4 li{
width: 100%;
margin: 16px 0 0 0;
}
.ticketKinds li a{
display: block;
background: url(../img/arr_page.svg) no-repeat left 10px top 14px;
background-size: auto 16px;
background-color: #ffffff;
line-height: 42px;
border: 2px solid #231815;
border-radius: 21px;
}
.ticketKinds.col2 li a,
.ticketKinds.col3 li a
.ticketKinds.col4 li a{
display: block;
background: url(../img/arr_page.svg) no-repeat left 10px top 14px;
background-size: auto 16px;
background-color: #ffffff;
line-height: 42px;
border: 2px solid #231815;
border-radius: 21px;
}
.ticketKinds li a.subt{
background: url(../img/arr_page.svg) no-repeat left 32px top 20px;
background-size: auto 16px;
background-color: #ffffff;
border: 2px solid #231815;
}

.feature{
display: block;
padding: 12px 10px 10px 10px;
background-color: #ffea5a;
font-size: 1.6rem;
font-weight: 700;
}
.feature p{
display: block;
float: none;
}
.feature img{
width: 100%;
height: auto;
margin-left: 0;
margin-top: 10px;
}

.premiumTokuten{
margin: 10px 0 0 0;
padding: 10px 10px 10px 10px;
border:5px solid #ff4800;
}
.premiumTokutenTit{
font-size: 1.8rem;
}
.premiumTokuten span{
}
.premiumTokuten .talkDetail{
display: block;
margin: 8px 0 0 0;
padding: 8px 0 0 0;
border-top: 1px solid #ff4800;
}
.premiumTokuten .talkDetail figure{
width: auto;
}
.premiumTokuten .talkDetail figure img{
}
.premiumTokuten .talkDetail p{
width: auto;
}
.premiumTokuten .talkDetail p span{
font-size: 120%;
}
.premiumTokuten .ptspAtt{
margin: 8px 0 0 0;
padding: 8px 0 0 0;
border-top: 1px solid #ff4800;
}

/* access */
.mapEmbed{
margin: 32px 0 0 0;
height: 320px;
}
.mapEmbed .embed{
padding-bottom: 320px;
}
.mapEmbed .embed iframe{
height: 320px;
}

.accessBtn{
width: 95%;
margin: 32px auto 0 auto;
}
.accessBtn a{
display: block;
background: url(../img/ico_outlink_black.png) no-repeat right 20px center;
background-size: auto 22px;
background-color: #ffffff;
color: #231815;
border: 4px solid #231815;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.ticketInfoList.accessInfo dd{
font-weight:400;
}
.ticketInfoList.accessInfo dd strong{
font-weight:700;
}


/* FAQ */
#mainBlock.faq{
padding-bottom: 64px;
}
.addBlock{
padding: 42px 2.5vw 64px 2.5vw;
}
.addBlock .infoComing2{
margin: 72px 0 0 0;
}
.faqGenre{
display: block;
margin: 32px 0 0 0;
}
.faqGenre li{
width: auto;
margin: 16px 0 0 0;
}
.faqGenre li:first-child{
margin: 0 0 0 0;
}
.faqGenre li a{
border: 2px solid #231815;
}
h3#faqTicket{
margin: 54px 0 0 0;
}
.faqList{
margin: 24px 0 0 0;
}
.faqList li{
}
.faqList li dl{
}
.faqList li dt{
padding: 16px 16px 16px 28px;
background:url(../img/arr_faq.svg) no-repeat right 5px top 28px;
background-size: 10px auto;
font-size: 1.6rem;
}
.faqList li dt.on{
background:url(../img/arr_faq_close.svg) no-repeat right 5px top 28px;
background-size: 10px auto;
}
.faqList li dt:before{
content: "Q.";
width: 28px;
font-size: 1.7rem;
top: 15px;
}
.faqList li dd{
padding: 16px 0 16px 28px;
}
.faqList li dd p{
margin: 10px 0 0 0;
}
.faqList li dd p.faqAtt{
margin: 10px 0 0 0;
font-size: 1.2rem;
}
.faqList li dd a{
color: #e94630
}

.entryAttention{
margin: 24px 0 0 0;
padding: 10px;
border: 5px solid #57ac6f;
}
.entryAttention h4{
font-size:1.6rem;
}
.entryAttention p{
}
.entryAttention p a{
}

/* attention */
#attention{
padding: 54px 2.5vw 54px 2.5vw;
}
#attention h2{
line-height: 1.4;
}
#attention h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 15px;
}


/* contact */
#contact{
padding: 42px 2.5vw 54px 2.5vw;
}
.contactInfo{
}
.contactInfo dt{
display: block;
font-size: 1.7rem;
font-weight: 700;
}
.contactInfo dd{
display: block;
margin: 0 0 0 0;
}
.contactInfo dd p{
display: block;
margin: 12px 0 0 0;
font-weight: 500;
}
.contactInfo dd a{
}



/* news */
#news{
padding: 64px 2.5vw 92px 2.5vw;
}
#news h2{
}
#news h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 15px;
}
.newsList{
margin: 32px 0 0 0;
padding: 0 0 18px 0;
}
.newsList li{
margin: 18px 0 0 0;
padding: 18px 0 0 0;
}
.newsList li:first-child{
}
.newsList li dl{
}
.newsList li dt{
padding: 0 2px 0 2px;
}
.newsList li dt span{
margin-left: 15px;
}
.newsList li dd{
padding: 0 2px 0 2px;
}
.newsList li dd a{
padding-right: 36px;
background: url(../img/arr_r.svg) no-repeat right center;
background-size: auto 10px;
text-align: left;
line-height: 1.4;
}


#news .btn{
width: 95%;
margin: 42px auto 0 auto;
}
#news .btn a{
background: url(../img/arr_r.svg) no-repeat right 16px center;
background-size: auto 10px;
background-color: #ffffff;
font-size: 2.5rem;
line-height: 54px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}


/* cast */
.castStep{
margin: 24px 0 0 0;
font-size: 2.6rem;
line-height: 1;
}
.castStep span{
display: block;
margin: 8px 0 0 0;
font-size: 1.2rem;
}

.cast3, .cast4, .cast5{
margin: 42px 0 0 0;
}
.cast3 li{
width: calc( (100% - 1.5vw)/2 );
margin: 0 0 32px 0;
}
.cast4 li{
width: calc( (100% - 3vw)/3 );
margin: 0 0 32px 0;
}
.cast5 li{
width: calc( (100% - 4.5vw)/4 );
display: block;
margin: 0 0 32px 0;
}
.cast3 li p,
.cast4 li p,
.cast5 li p{
margin: 4px;
font-size: 1.1rem;
}

.cast3.onecenter li{
margin-left: calc( (100% - 1.5vw)/4 );
margin-right: calc( (100% - 1.5vw)/4 );
}
.cast3.twom li:first-child{
margin-left:0;
}
.cast3.twom li:last-child{
margin-right:0;
}

.cast4.onecenter li:first-child{
margin-left: calc( (100% - 3vw)/8 );
}
.cast4.onecenter li:last-child{
margin-right: calc( (100% - 3vw)/8);
}
.cast4.ls20adjust li:nth-child(1){
margin-left: 0;
}
.cast4.ls20adjust li:nth-child(3){
margin-right: 0;
}
.cast4.ls20adjust li:nth-child(4){
margin-left: 0;
}
.cast4.ls20adjust li:nth-child(5){
margin-right: 0;
}

.cast3:after{
content:"";
display: block;
width: calc( (100% - 1.5vw)/2 );
}
.cast4:after{
content:"";
display: block;
width: calc( (100% - 3vw)/3 );
}
.cast5:after{
content:"";
display: block;
width: calc( (100% - 4.5vw)/4 );
}

.btnBanner{
margin: 32px 0 0 0;
}
.btnBanner a{
}

.andmore{
margin: 24px 0 16px 0;
font-size:4rem;
line-height: 1.3;
}
.andmore2{
margin: 54px 0 16px 0;
font-size:3.2rem;
line-height: 1.3;
}

.dayList{
margin: 16px 0 0 0;
}
.dayList ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.dayList ul li{
width: 45%;
}
.dayList.d19 ul li:first-child{
width: 100%;
}
.dayList.d20 ul li:nth-child(2){
width: 100%;
}
.dayList.d21 ul li:nth-child(3){
width: 100%;
}
.dayList ul li a{
margin-top: 21px;
}
.dayList ul li.on a{
font-size: 4.2rem;
border: none;
filter:none;
}
.dayList ul li.on a span{
margin: 0 3px 0 3px;
font-size: 2.8rem;
}
.dayList ul li a{
background: url(../img/arr_r.svg) no-repeat right 5px top 9px;
background-size: auto 5px;
background-color: #ffffff;
}
.dayList ul li a:hover{
background: url(../img/arr_r.svg) no-repeat right 5px top 9px;
background-size: auto 5px;
background-color: #ffffff;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.dayList ul li.beforeday a{
background: url(../img/arr_l.svg) no-repeat left 5px top 9px;
background-size: auto 5px;
background-color: #ffffff;
}
.dayList ul li.beforeday a:hover{
background: url(../img/arr_l.svg) no-repeat left 5px top 9px;
background-size: auto 5px;
background-color: #ffffff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
}
.dayList ul li.on a,
.dayList ul li.on a:hover{
padding-right: 0;
background: none;
background-color: transparent;
}

.dayTit{
margin: 24px 0 0 0;
}
.dayTit:nth-of-type(2),
.dayTit:nth-of-type(3){
margin: 54px 0 0 0;
}
.dayTit h3{
display: block;
font-size: 4.2rem;
margin: 0;
letter-spacing: 0;
left: 0;
}
.dayTit h3 span{
font-size: 2.8rem;
}

.dayBtn{
display: block;
margin: 20px 0 0 0;
position: relative;
bottom: auto;
left: auto;
}
.dayBtn .selectLeft,
.dayBtn .selectRight{
width: auto;
display: inline-block;
}
.dayBtn.d21 .selectLeft,
.dayBtn.d19 .selectRight{
width: 100%;
text-align: center;
}
.dayBtn .selectLeft{
padding: 0 2px 0 2px;
position: relative;
bottom: auto;
right: auto;
}
.dayBtn .selectRight{
padding: 0 2px 0 2px;
position: relative;
bottom: auto;
left: auto;
}
.dayBtn .selectLeft a,
.dayBtn .selectRight a{
font-size: 2rem;
line-height: 36px;
border-radius: 18px;
}
.dayBtn .selectLeft a span,
.dayBtn .selectRight a span{
font-size: 1.2rem;
}

.dayBtn .selectRight a{
background: url(../img/dayA.png) no-repeat right 10px center;
background-size: 5px auto;
background-color: #231815;
}
.dayBtn .selectRight a:nth-of-type(2){
margin-left: 12px;
}
.dayBtn .selectLeft a{
padding: 0 17px 0 27px;
background: url(../img/dayB.png) no-repeat left 10px center;
background-size: 5px auto;
background-color: #231815;
}
.dayBtn .selectLeft a:nth-of-type(1){
margin-right: 12px;
}

.days{
width: 95%;
display: block;
margin: 0 auto 54px auto;
}
.days .btn{
}
.days .btn a{
background: url(../img/arr_r.svg) no-repeat right 16px center;
background-size: auto 10px;
background-color: #ffffff;
font-size: 2.3rem;
line-height: 54px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.days.d15 .btn a{
background: url(../img/arr_l.svg) no-repeat left 16px center;
background-size: auto 10px;
background-color: #ffffff;
}


/* goods */
.goodsImg{
margin: 32px 0 0 0;
}
.goodsList{
}
.goodsList li{
width: 48%;
margin: 32px 0 0 0;
}
.goodsList li .goodsImg{
}
.goodsList li .goodsImg p{
padding: 4px 0 0 0;
border: 3px solid #f8eeb1;
}
.goodsList li .goodsImg p.limited{
bottom: 3px;
left: 3px;
font-size: 1.0rem;
}
.goodsList li .goodsImg img{
}
.goodsList li .goodsInfo{
margin: 8px 0 0 0;
}
.goodsList li .goodsInfo h5{
font-size: 1.8rem;
text-align: left;
}
.goodsList li .goodsInfo .goodsPrice{
font-size: 1.8rem;
text-align: left;
}
.goodsList li .goodsInfo .goodsPrice span{
margin-right: 5px;
font-size: 1.2rem;
}
.goodsList li .goodsInfo .goodsPrice span.yen{
margin-left: 3px;
}
.goodsList li .goodsInfo dl{
margin: 10px 0 0 0;
}
.goodsList li .goodsInfo dl dt{
width: auto;
display: block;
float: none;
padding: 10px 0 0 0;
}
.goodsList li .goodsInfo dl dd{
padding: 4px 0 10px 0;
}
.goodsfollow{
margin: 64px 0 0 0;
text-align: left;
}

/* lineup */
.lineupList{
margin: 32px 0 0 0;
}
.lineupList li{
padding: 16px 10px 16px 10px;
}
.lineupList dl{
display: block;
}
.lineupList dt{
width: auto;
}
.lineupList dd{
width: auto;
margin: 8px 0 0 0;
}

.lineupList .imgLineup dt{
width: 100%;
max-height: 150px;
display: block;
text-align: center;
}
.lineupList .imgLineup dt img{
width: auto;
height: 150px;
}
.lineupList .imgLineup dd{
width: 100%;
margin: 8px 0 0 0;
}

.lineupList dl dt h5,
.lineupList .imgLineup dd h5{
font-size: 2rem;
}
.lineupList dt .stage{
margin: 6px 0 0 0;
}
.lineupList dd .stage span{
display: block !important;
}



/* Time Table */
#mainBlock.timetable{
padding-top: 54px;
}
#mainBlock.timetable .dayTit{
margin: 0 0 0 0;
}
.timetable h2{
padding: 0 0 8px 0 !important;
font-size: 2.2rem;
}
.timetable h2 span.num{
font-size: 3rem;
padding: 0 0 6px 0 !important;
letter-spacing: -0.2px !important;
}
.timetable .dayBtn{
margin: 10px 0 0 0;
text-align: center;
bottom:0;
}

.dayInfo{
display: block;
margin: 24px 0 0 0;
padding: 8px 0 12px 0;
text-align: center;
position: relative;
border: 3px solid #e94630;
}
.dayInfo .timeInfo{
display: inline-block;
}
.dayInfo p{
display: inline-block;
margin: 0 5px 0 5px;
font-weight: 500;
}
.dayInfo p span{
display: inline-block;
margin: 0 8px 0 0;
background: url(../img/bar_date.png) repeat-x left bottom;
font-weight: 700;
}
.dayInfo.nodate{
margin: 12px 0 0 0;
padding: 0 0 0 0;
border: none;
}
.dayInfo.nodate span.update{
display: inline-block;
margin: 0 0 0 8px;
font-size: 1.5rem;
font-weight: 500;
color: #fc6f7f;
text-align: right;
}


.ttbox{
}
.ttbox .timescale{
width: 42px;
margin:24px 0 0 0;
}
.ttbox .timescale ul{
}
.ttbox .timescale ul li{
font-size: 1.4rem;
font-weight: 500;
line-height: 30px;
}
.timeTableDisplay{
width: calc(100% - 46px);
}
.timeTableGrid{
}
.timeTableBlock{
margin: 24px 0 0 0;
}
.timeTableBlock .stage{
}
.timeTableBlock .stage .timeBox{
display: block;
padding:10px 6px 32px 6px;
}
.timeTableBlock .stage .timeBox.beforeOpen{
height: 90px !important;
line-height: 58px;
}
.timeTableBlock .stage.ikina .timeBox.underbar{
}
.timeTableBlock .stage .timeBox .stageImg{
width: 100%;
text-align: center;
background: none;
}
.timeTableBlock .stage .timeBox .stageImg img{
max-width: 400px;
height: auto;
}
.timeTableBlock .stage .timeBox .stageInfo{
width: 100%;
margin-top: 8px;
}
.timeTableBlock .stage .timeBox h5{
font-size: 1.9rem;
}
.timeTableBlock .stage .timeBox h5.withImg{
font-size: 1.9rem;
}
.timeTableBlock .stage .timeBox .startTime{
padding:0 32px 0 5px;
font-size: 1.5rem;
line-height: 24px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
top: -24px;
}

.timeTableBlock .stage .timeBox .stageExp{
margin: 10px 0 0 0;
font-size: 1.2rem;
}
.timeTableBlock .stage .timeBox .stageCast{
margin: 8px 0 0 0;
padding: 8px 0 0 0;
font-size: 1.2rem;
}
.timeTableBlock .stage .timeBox .stageCast:before{
}
.ico_getsumen{
width: 72px;
padding-top: 72px;
background: url(../img/ico_getsumen.png) no-repeat center center;
background-size:contain;
position: absolute;
top: -20px;
right: -14px;
}
.timeTableBlock .stage .timeBox .livestream{
margin: 18px 0 0 0;
text-align: right;
}
.timeTableBlock .stage .timeBox .livestream a{
font-size: 1.2rem;
}
.timeTableBlock .stage .timeBox .livestream.pay a{
}

.timeTableBlock .stage .timeBox .livestream.freeImp a,
.timeTableBlock .stage .timeBox .livestream.free a{
font-size: 1.2rem;
line-height: 24px;
border-radius: 12px;
}
.timeTableBlock .stage .timeBox .livestream.freeImp a span,
.timeTableBlock .stage .timeBox .livestream.free a span{
padding-left: 20px;
background: url(../img/arr_r.svg) no-repeat left center;
background-size: 14px auto;
text-decoration: underline;
}

.timeTableBlock .stage .timeBox .livestream a.nolink,
.timeTableBlock .stage .timeBox .livestream.pay a.nolink{
}

.timeTableBlock .time ul{
}
.timeTableBlock .time li{
width: 100%;
display: block;
background-color: #fafaed;
line-height: 16px;
text-align: center;
position: absolute;
}
.timeTableBlock .time li.half{
}

.timeTableGrid ul.timebar{
width: calc(100% + 6px);
left: -6px;
}
.timeTableGrid ul.timebar li{
}

.streamBlock .timeTableBlock .stage,
.streamBlock .timeTableBlockTit .stage,
.streamBlock .timeTableBlock.clineup .stage,
.streamBlock .timeTableBlockTit.clineup .stage{
width: 100%;
}

.getsumenBanner{
width: 400px;
height: auto;
margin: 0 auto 0 auto;
position: fixed;
right: calc( (100vw - 400px)/2 );
animation: frame-in-banner .5s forwards;
z-index: 89000;
}

.getsumenBanner img{
width: 100%;
height: auto;
filter: drop-shadow(0 3px 3px rgba(0,0,0,0.5));
}

/* floor map */
#mainBlock.floor{
padding-bottom:32px;
}
.floorTime{
margin: 24px 0 0 0;
padding: 0 0 12px 0;
border-bottom: 4px solid #231815;
}
.floorTime dl{
}
.floorTime dl dt{
}
.floorTime dl dd{
margin-left: 7px;
}
.foodNameList{
display: block;
margin: 12px 0 0 0;
padding: 0 0 12px 0;
border-bottom: 5px solid #231815;
}
.foodNameList ul{
width: auto;
}
.foodNameList li{
}
.foodNameList li:before{
}

.foodNameList li a{
}
.foodNameList ul.mores{
}
.foodNameList ul.mores li{
}
.foodNameList ul.mores li:before{
}

.foodList{
}
.foodList li{
width: 49%;
margin: 32px 0 0 0;
padding: 10px;
}
.foodList li h5{
font-size:1.7rem;
line-height: 1.4;
}
.foodList li dl{
margin: 8px 0 0 0;
}
.foodList li dl dt{
}
.foodList li dl dd{
}
.foodList li dl dd.popupBtn{
display: block;
margin: 12px 0 0 0;
text-align: left;
}
.foodList li dl dd .foodInfo{
display: block;
}
.foodList li dl dd .foodInfo .foodName{
width: auto;
}
.foodList li dl dd .foodInfo .foodPrice{
width: auto;
text-align: right;
}
.foodList li dl dd .shopInfo{
margin: 12px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px solid #231815;
font-size:1.2rem;
}

.popupBtn a{
width: 98%;
border: 2px solid #231815;
font-size:1.3rem;
}
.boothInfo .popupBtn a{
}

.floormapImg{
}
.floormapImg img{
width: 100%;
max-width: inherit;
height: auto;
}

/* booth */
.floorGuide{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 16px 20px 24px 20px;
}
.floorGuide li{
width: 48%;
display: block;
margin: 0;
}
.floorGuide li a{
display: block;
background: url(../img/arr_page.svg) no-repeat left 12px top 14px;
background-size: auto 16px;
background-color: #ffffff;
line-height: 42px;
border-radius: 21px;
border: 3px solid #231815;
}

.boothNameList{
display: block;
margin: 32px 0 0 0;
padding: 0 0 12px 0;
border-bottom: 5px solid #231815;
}
.boothNameList ul{
width: auto;
}
.boothNameList li{
margin-top: 10px;
padding-left:24px;
position:relative;
line-height: 1.2;
}
.boothNameList li:before{
}
.boothNameList li a{
}
.boothNameList ul.mores{
}
.boothNameList ul.mores li{
margin-top: 10px;
}
.boothNameList ul.mores li:before{
}

.boothList{
display: block;
margin: 32px 0 0 0;
padding: 10px;
border: 2px solid #57ac6f;
border-radius: 10px;
}
.boothList .slick-dots{
}
.boothList li{
}
.boothList li.boothName{
padding: 0 0 12px 0;
border-bottom: 2px solid #cccccc;
}
.boothList li.boothEvent{
width: auto;
margin: 15px 0 0 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #cccccc;
}
.boothList li.boothEvent.onegoods{
width:100%;
}
.boothList li.boothEvent:nth-last-child(2){
padding: 0 0 0 0;
border-bottom:none;
}
.boothList li.boothEvent:last-child{
padding: 0 0 0 0;
border-bottom:none;
}

.boothList li dl{
display: block;
}
.boothList li.boothName dl{
align-items: left;
}
.boothList li dl dt,
.boothList li dl.tokuten dt{
width: auto;
text-align: center;
}
.boothList img{
}
.boothList dt img{
width: auto;
height: 174px;
}
.boothList li dl.tokuten dt img{
width: auto;
height: 154px;
}
.boothList li dl dd{
width: calc(100% - 180px);
display: block;
text-align: left;
}
.boothList li.boothName dl dt,
.boothList li.boothName dl.tokuten dt{
width: auto;
text-align: center;
}
.boothList li.boothName dl dt{
width: auto;
text-align: center;
}
.boothList li.boothName dl dd{
width: auto;
margin: 10px 0 0 0;
}

.boothList dd .popupBtn{
display: block;
margin: 12px 0 0 0;
text-align: left;
}
.boothList dd.popupExp{
display: none;
}
.boothList dd.boothEvent{
width: 100%;
}
.boothList dd.boothInfo h5{
display: block;
font-size:2.2rem;
font-weight: 700;
text-align: left;
}
.boothList dd.boothInfo .time{
display: inline-block;
margin-right:10px;
font-weight: 500;
text-align: left;
}
.boothList dd.boothInfo .place{
display: inline-block;
font-weight: 700;
text-align: left;
}
.boothList dd.boothInfo .boothExp{
display: block;
margin: 12px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px solid #231815;
line-height: 1.4;
text-align: left;
overflow-wrap:break-word;
}

.boothList li.boothEvent dd,
.boothList li.boothEvent dl.tokuten dd{
width: auto;
display: block;
}
.boothList li.boothEvent .boothTxt{
margin: 0 0 24px 0;
}
.boothList li.boothEvent dd h6{
display: block;
margin-bottom: 8px;
font-size:1.4rem;
font-weight: 700;
text-align: left;
color: #231815;
}
.boothList li.boothEvent h7{
display: block;
font-size:1.8rem;
font-weight: 700;
text-align: left;
color: #231815;
}
.boothList li.boothEvent dd .price{
display: block;
margin-bottom: 10px;
text-align: left;
}
.boothList li.boothEvent dd .price a{
word-break: break-all;
line-height: 1.4;
}
.boothList li.boothEvent dd .boothAtt{
font-size: 85%;
color: #ff0000;
}
.boothList li.boothEvent .boothSubImp{
display: block;
font-size: 1.3rem;
color: #ff0000;
text-align: left;
}

.boothList li.boothEvent dd .distPlace{
display: block;
margin: 5px 0 0 0;
padding-left: 56px;
text-align: left;
position: relative;
font-size: 1.4rem;
line-height: 1.4;
color: #57ac6f;
}
.boothList li.boothEvent dd .distPlace:before{
content: "配布場所";
display: block;
width: 50px;
font-size: 1rem;
line-height: 18px;
text-align: center;
background-color: #57ac6f;
color: #ffffff;
position: absolute;
top: 0;
left: 0;
}
.boothList li.boothEvent .detailBtn{
display: block;
margin: 12px 0 0 0;
text-align: left;
}
.boothList li.boothEvent .detailBtn a{
display: inline-block;
padding: 8px 20px 8px 20px;
border: 2px solid #231815;
line-height: 32px;
border-radius: 16px;
}

.boothList li.boothEvent a.dlbtn{
display: inline-block;
padding: 0 30px 0 30px;
background-color: #ffffff;
color: #231815;
border: 2px solid #231815;
font-size: 1.3rem;
line-height: 24px;
border-radius: 12px;
}

.step{
margin: 0 0 24px 0;
}
.step li{
display: block;
margin: 8px 0 0 0;
padding: 0;
}
.step li:first-child{
margin: 0 0 0 0;
}
.step li:before{
content: "";
width: 100%;
display: block;
position: relative;
top: 0;
left: 0;
}
/* overlay */
#overlay{
}
#overlayClose{
width: 60px;
height: 60px;
background: url(/img/close.svg) no-repeat center center;
background-size: contain;
top: 10px;
right: 10px;
}
#overlay .popupBox{
width: 75vw;
max-width: 500px;
max-height: 75vh;
padding: 10px 10px 20px 10px;
}
#overlay .popupBox .popupBtn{
display: none;
}

#overlay .popupBox h5{
font-size:1.6rem;
}
#overlay .popupBox dl{
margin: 5px 0 0 0;
}
#overlay .popupBox .foodInfo{
margin-top: 6px;
}
#overlay .popupBox .foodInfo .foodName{
width: 65%;
font-size:1.3rem;
}
#overlay .popupBox .foodInfo .foodPrice{
width: 35%;
font-size:1.3rem;
}
#overlay .popupBox .shopInfo{
margin: 8px 0 0 0;
padding: 8px 0 0 0;
border-top: 1px solid #231815;
font-size:1.2rem;
}


/* */
/* */
}
/* -- */
/* -- */
/* SP */
/* -- */
/* -- */


@media screen and (max-width: 440px) {
  .getsumenBanner{
  width: 94vw;
  height: auto;
  margin: 0 auto 0 auto;
  position: fixed;
  right: calc(3vw);
  animation: frame-in-banner .5s forwards;
  z-index: 89000;
  }
}