/* layout */
h2{
padding: 0;
font-size: 4.5rem;
}
h3{
margin: 64px 0 0 0;
font-size: 3.6rem;
color: #e94630;
}
.subBlock h3{
color: #28aea1;
}
h3.nomt{
margin: 0 0 0 0;
}
h3 span{
font-size: 3.2rem;
color: #231815;
}
.imgBlock{
display: block;
margin-top: 42px;
}
.imgBlock img{
width: 100%;
height: auto;
}
.txt{
display: block;
margin: 32px 0 0 0;
text-align: left;
}
.txt2{
display: block;
margin: 32px 0 0 0;
text-align: center;
}
.onlinestart{
display: block;
margin: 32px 0 0 0;
font-size: 120%;
font-weight: 700;
}

.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;
}
.txtList li.attItem: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;
}
.attList li.attListSubTit{
padding: 10px 0 0 0;
font-size: 120%;
font-weight: 700;
}
.attList li.attListSubTit:before{
content:"";
display: none;
}
.infoComing{
display: block;
margin: 72px 0 0 0;
text-align: left;
}
.txtList a,
.attList a{
text-decoration: underline;
}

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

#mainBlock h2{
display: block;
padding: 0 0 24px 0;
color: #e94630;
border-bottom: 10px solid #e94630;
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;
}
#mainBlock .infoComing2{
display: block;
margin: 72px 0 0 0;
text-align: left;
}
#mainBlock .txt{
text-align:center;
}

/* subBlock */
.subBlock{
display: block;
padding: 42px 2.5vw 64px 2.5vw;
background-color: #ffffff;
position: relative;
text-align: center;
}
.subBlock.online{
background-color: transparent;
}
.subBlock h2{
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
color: #e94630;
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;
}
.subBlock .infoComing2{
display: block;
margin: 72px 0 0 0;
text-align: left;
}



/* ticket */
.ticketKinds{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 5% 0 5%;
}
.ticketKinds li{
width: 31.5%;
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: 64px;
border: 4px solid #231815;
border-radius: 32px;
}
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{
display: block;
margin: 32px 0 0 0;
border: 1px solid #cccccc;
background-color: #ffffff;
}
.info2 li,
.info3 li,
.info4 li{
display: block;
border-top: 1px solid #cccccc;
}
.info2 li:first-child,
.info3 li:first-child,
.info4 li:first-child{
border-top: none;
}
.info2 li dl,
.info3 li dl,
.info4 li dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.info2 li dl dt{
width: 240px;
display: block;
padding: 10px 0 10px 0;
font-weight: 700;
background-color: #efefef;
}
.info3 li dl dt,
.info4 li dl dt{
width: 120px;
display: block;
padding: 10px 0 10px 0;
font-weight: 700;
background-color: #efefef;
}
.info3 li:first-child dl dt,
.info4 li:first-child dl dt{
background-color: #e94630;
color: #ffffff;
}
.info2 li:first-child dl dt.norm,
.info3 li:first-child dl dt.norm,
.info4 li:first-child dl dt.norm{
background-color: #231815;;
color: #ffffff;
}
.info4 li:first-child dl dd.hall{
background-color: #e94630;
color: #ffffff;
}
.info4 li:first-child dl dd.eventName{
background-color: #fa624d;
color: #ffffff;
text-align: center;
}
.info2 li dl dd{
width: calc( 100% - 240px );
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% - 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;
}
.info4.onlinestage li dl dd{
width: 150px;
display: block;
font-size: 1.6rem;
}
.info4.onlinestage li dl dd a{
display: block;
font-size: 1.6rem;
color: #e94630;
}
.info4.onlinestage li dl dd span{
font-size: 1.6rem;
}
.info4.onlinestage li dl dd.eventName{
width: calc( 100% - 420px);
display: block;
padding: 10px 10px 10px 10px;
text-align: left;
}
.info4.onlinestage li:first-child dl dd.eventName{
text-align: center;
}
.info4.onlinestage li dl dd.eventName a{
color: #231815;
text-decoration: underline;
}
.info4.onlinestage li dl dd a span.ticketbase{
display: block;
font-size: 1rem;
line-height: 1;
color:#231815 !important;
}
.info3 li:first-child dl dd,
.info4 li:first-child dl dd{
background-color: #efefef;
}
.info3 li dl dd p.discount,
.info4 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: #e94630;
color: #ffffff;
letter-spacing: -0.5px;
}
.info3 li dl dd span,
.info4 li dl dd span{
display: inline-block;
font-size: 1.3rem;
}

.info3 li dl dd p.rprice,
.info4 li dl dd p.rprice{
display: inline-block;
margin-left: 8px;
font-size: 1.4rem;
color: #666666;
text-decoration: line-through;
}
.info3 li dl dd p.rprice span,
.info4 li dl dd p.rprice span{
font-size: 1.2rem;
text-decoration: line-through;
}

.feature{
display: inline-block;
padding: 0 15px 0 15px;
background-color: #faab00;
font-size: 1.8rem;
}

.attInfo{
margin: 8px 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_tokyo.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 span{
display: inline-block;
padding-right: 40px;
background: url(../../img/ico_outlink.png) no-repeat right center;
}
.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));
}
.buyBtn a.nolink{
background-color: #666666;
filter: none;
}

.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.onlineInfo strong{
font-size: 110%;
font-weight: 700;
}
.ticketInfoList li dd span{
display: inline-block;
margin-left: 20px;
font-size: 1.5rem;
font-weight: 400;
text-align: left;
vertical-align: top;
}
.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: #e94630;
}

.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.svg) no-repeat right center;
background-size: 18px auto;
color: #e94630;
font-weight: 700;
cursor: pointer;
}
.ticketAttBox dd p.open.on{
background: url(../img/ico_close.svg) no-repeat right center;
background-size: 18px auto;
}


.premiumTokuten{
display: block;
margin: 12px 0 0 0;
padding: 15px;
background-color: #e02d68;
color: #ffffff;
border-radius: 15px;
font-weight: 400;
}
.premiumTokutenTit{
display: block;
font-size: 2.2rem;
font-weight: 700;
}
.ptspTalkBox{
display: block;
margin: 8px 0 0 0;
padding: 15px;
background-color: #ffffff;
}
.ptspTalk{
display: block;
color: #e02d68;
}
.ptspTalk span{
display: inline-block;
margin-left: 0 !important;
margin-bottom: 8px;
font-size: 1.6rem !important;
font-weight: 700 !important;
}
.ptspTalkDetail{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 8px 0;

color: #231815;
font-weight: 400;
}
.ptspTalkDetail dt{
width: 200px !important;
display: block;
}
.ptspTalkDetail dd{
width: calc( 100% - 200px ) !important;
display: block;
font-weight: 500 !important;
}
.ptspAtt{
font-size: 1.4rem;
}

.premiumBtn{
display: block;
margin: 12px 0 0 0;
}
.premiumBtn a{
display: inline-block;
color: #e02d68;
}
.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: #e02d68 !important;
}

/* 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));
}


/* 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: #73c6be;
}
.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;
}

.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.last3: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 0 0;
font-size:5.4rem;
font-weight: 700;
font-style: italic;
transform: rotate(-7deg);
}

.andmore2{
width: 100%;
display: block;
margin: 42px 0 0 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 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% + 160px);
}
.dayBtn .selectRight{
padding: 0 0 0 0;
text-align: right;
position: absolute;
bottom: 0;
left: calc(50% + 160px);
}
.dayBtn .selectLeft a,
.dayBtn .selectRight a{
display: inline-block;
padding: 0 22px 0 22px;
font-size: 2.8rem;
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.9rem;
}

.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{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 54px 0;
}
.days li{
width: 49%;
display: block;
}
.days li.btn{
display: block;
margin: 0 auto 0 auto;
text-align: center;
}
.days li.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));
}
.days li.btn:nth-child(1) a{
display: block;
background: url(../img/arr_l.svg) no-repeat left 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.d19 li.btn:nth-child(1) 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));
}
.days.d21 li.btn:nth-child(1) a,
.days.d21 li.btn:nth-child(2) a{
display: block;
background: url(../img/arr_l.svg) no-repeat left 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));
}



/* 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 h2 span.update{
display: inline-block;
margin: 0 5px 0 0;
font-size: 1.5rem;
font-weight: 500;
color: #73c6be;
text-align: right;
position: absolute;
right: 5px;
bottom: 24px;
}
.timetable h2 span.update{
display: none;
}
.timetable .dayTit h3{
margin: 0;
}

.titBtn{
display: block;
position: relative;
}
.titBtn .selectLeft{
display:inline-block;
position: absolute;
top: 20px;
left: 5px;
}
.titBtn .selectRight{
display:inline-block;
position: absolute;
top: 20px;
right: 5px;
}

.titBtn .selectLeft a,
.titBtn .selectRight a{
display: inline-block;
padding: 0 22px 0 22px;
font-size: 2.8rem;
font-weight: 700;
line-height: 42px;
position: relative;
bottom: 0;
color: #ffffff;
border-radius: 21px;
}
.titBtn .selectLeft a span,
.titBtn .selectRight a span{
display: inline-block;
font-size: 1.9rem;
}

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

.daySelect{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 16px 0 0 0;
position: relative;
}
.daySelect .selectLeft,
.daySelect .selectRight{
width: 50%;
display: block;
}
.daySelect .selectLeft{
padding: 0 0 0 10px;
text-align: left;
}
.daySelect .selectRight{
padding: 0 10px 0 0;
text-align: right;
}
.daySelect .selectLeft a,
.daySelect .selectRight a{
display: inline-block;
font-size: 2.2rem;
font-weight: 700;
font-style:italic;
line-height: 1;
position: relative;
bottom: 0;
}
.daySelect .selectLeft a span,
.daySelect .selectRight a span{
display: inline-block;
font-size: 1.6rem;
}

.daySelect .selectRight a{
padding-right: 32px;
background: url(../img/arr_r.svg) no-repeat right top 8px;
background-size: auto 10px;
}
.daySelect .selectRight a:nth-of-type(2){
margin-left: 24px;
}
.daySelect .selectLeft a{
padding-left: 32px;
background: url(../img/arr_l.svg) no-repeat left top 8px;
background-size: auto 10px;
}
.daySelect .selectLeft a:nth-of-type(1){
margin-right: 24px;
}


.dayInfo{
display: block;
margin: 24px 0 0 0;
padding: 8px 0 12px 0;
text-align: left;
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: #73c6be;
}

.pdfBtn{
width: 480px;
display: inline-block;
margin-top: 12px;
}
.pdfBtn a{
width: 480px;
display: inline-block;
text-align: center;
background-color: #cc0000;
color: #ffffff;
font-weight: 400;
line-height: 42px;
border: 2px solid #cc0000;
border-radius: 10px;
}
.pdfBtn a span{
display: inline-block;
padding: 0 24px 0 0;
background: url(../img/ico_outlink.png) no-repeat right top 16px;
background-size: auto 12px;
font-weight: 400;
}
.pdfBtn a:hover{
background-color: #ff0000;
border: 2px solid #ff0000;
}
.pdfBtn a:hover span{
background: url(../img/ico_outlink.png) no-repeat right top 16px;
background-size: auto 12px;
}

.dayInfo .pdfBtn{
width: 360px;
float: right;
}
.dayInfo .pdfBtn{
width: 360px;
margin-top: 0;
}
.dayInfo .pdfBtn a{
width: 360px;
line-height: 28px;
}
.dayInfo .pdfBtn a span{
background: url(../img/ico_outlink.png) no-repeat right top 8px;
background-size: auto 12px;
}
.dayInfo .pdfBtn a:hover span{
background: url(../img/ico_outlink.png) no-repeat right top 8px;
background-size: auto 12px;
}
.timeTableImg{
width: 640px;
display: block;
margin: 0 auto 0 auto;
text-align: center;
}
.timeTableImg img{
width: 100%;
height: auto;
}
#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;
}
}

.spCap,
.spCap2,
.sptime{
display: none;
}

.timeTableDisplay{
display: block;
opacity: 0;
}
.timeTableGrid{
width: 100%;
display: block;
position: relative;
z-index: 1000;
}
.timeTableBlock,
.timeTableBlockTit{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 0 0 0;
}

.timeTableBlock{
margin: 0 0 0 0;
position: relative;
}
.timeTableBlock .stage,
.timeTableBlockTit .stage{
width: 30%;
min-width: 270px;
display: block;
}
.timeTableBlock .stage{
padding-top: 66px;
position: relative;
}
.timeTableBlock .stage.ikina{
background-color:#dff2fc;
}
.timeTableBlock .stage.otsuna{
background-color:#e4ffe0;
}
.timeTableBlock .stage.inasena{
background-color:#ffebec;
}

.timeTableBlock .time{
width: 5%;
min-width: 45px;
display: block;
padding-top: 66px;
background-color: #fafaed;
font-size: 1.3rem;
position: relative;
z-index: 8000;
}

.timeTableBlockTit .stage{
padding: 74px 0 0 0;
position: relative;
}
.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;
}
.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);
}
.timeTableBlockTit .stage.ikina h4{
background-color: #0081cc;
}
.timeTableBlockTit .stage.otsuna h4{
background-color:#45b035;
}
.timeTableBlockTit .stage.inasena h4{
background-color:#f97176;
}
.timeTableBlockTit .stage.ikina .stageLogo{
background: url(../img/stagelogo_iki_txt.svg) no-repeat center center;
background-size: 102px auto;
background-color: #ffffff;
border:2px solid #0081cc;
}
.timeTableBlockTit .stage.otsuna .stageLogo{
background: url(../img/stagelogo_otsu_txt.svg) no-repeat center center;
background-size: 107px auto;
background-color: #ffffff;
border:2px solid #45b035;
}
.timeTableBlockTit .stage.inasena .stageLogo{
background: url(../img/stagelogo_inase_txt.svg) no-repeat center center;
background-size: 111px auto;
background-color: #ffffff;
border:2px solid #f97176;
}


.timeTableBlock .stage .stageName{
display: block;
}
.timeTableBlock .stage .timeBox{
width: 100%;
display: block;
padding:14px 8px 18px 8px;
text-align: left;
position: absolute;
z-index: 7000;
}
.timeTableBlock .stage.ikina .timeBox{
background-color:#8dd2fa;
border-bottom: 1px solid #0081cc;
}
.timeTableBlock .stage.otsuna .timeBox{
background-color:#80e371;
border-bottom: 1px solid #45b035
}
.timeTableBlock .stage.inasena .timeBox{
background-color:#ffbbbe;
border-bottom: 1px solid #f97176
}
.timeTableBlock .stage .timeBox .stageImg{
display: block;
}
.timeTableBlock .stage .timeBox .stageImg img{
width: 100%;
height: auto;
}
.timeTableBlock .stage .timeBox h5{
display: block;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.timeTableBlock .stage .timeBox h5.withImg{
font-size: 1.6rem;
font-weight: 500;
}
.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.2rem;
font-weight: 400;
line-height: 1.5;
}
.timeTableBlock .stage.ikina .timeBox .stageExp{
color:#1f709f;
}
.timeTableBlock .stage.otsuna .timeBox .stageExp{
color:#237617;
}
.timeTableBlock .stage.inasena .timeBox .stageExp{
color:#f33f46;
}
.timeTableBlock .stage .timeBox .stageCast{
display: block;
margin: 32px 0 0 0;
padding: 26px 0 0 0;
font-size: 1.3rem;
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;
}

.timeTableBlock .stage .timeBox .livestream{
display: block;
margin: 26px 0 0 0;
}
.timeTableBlock .stage .timeBox .livestream{

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

.boxDetailBtn{
display: inline-block;
margin-top: 10px;
font-size: 90%;
line-height: 1;
}
.boxDetailBtn a{
display: inline-block;
}
.boxDetailBtn a span{
display: inline-block;
padding-right: 20px;
background: url(../img/arr_r.svg) no-repeat right center;
background-size: 14px auto;
}


.boxDetailBtn.popupBtn{
width: 65%;
display: inline-block;
margin-top: 10px;
font-size: 90%;
line-height: 1;
}
.boxDetailBtn.popupBtn a{
width: 100% !important;
display: block;
text-align: center;
}
.boxDetailBtn.popupBtn a span{
display: inline-block;
padding-right: 0;
background: none;
}

.timeTableBlock .stage .timeBox .livestream.popupRight{
width: 30%;
display: inline-block;
margin: 0 0 0 2.5%;
}
.timeTableBlock .stage .timeBox .livestream.popupRight.bsbtn{
width: 65%;
display: block;
margin: 12px 0 0 0;
}
.timeTableBlock .stage .timeBox .livestream.popupRight a{
display: block;
padding: 0;
line-height: 32px;
border-radius: 16px;
text-align: center;
}
.timeTableBlock .stage .timeBox .livestream.free.popupRight a,
.timeTableBlock .stage .timeBox .livestream.freeImp.popupRight a{
background-color: #ffffff;
color: #333333;
border: 2px solid #333333;
text-decoration:none;
}
.timeTableBlock .stage .timeBox .livestream.free.popupRight a span,
.timeTableBlock .stage .timeBox .livestream.freeImp.popupRight a span{
display: block;
padding: 0;
background:none;
text-decoration:none;
}

.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: 100%;
display: block;
position: absolute;
top: 0;
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 center center;
}

.pdfStep:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


/* 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:#e94630;
}
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:#28aea1;
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: #e94630
}


/* 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.fin{
color: #fe0000;
}
.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;
}


/* floor map */
h3 span.areaPlace{
display: inline-block;
margin:12px 0 0 0;
text-align: left;
font-size: 1.8rem;
font-weight: 700;
}
#mainBlock.floor{
padding-bottom: 72px;
}
.floormapImg{
display: block;
background-color: #e94630;
text-align: center;
}
.floormapImg img{
width: 100%;
max-width: 1200px;
height: auto;
}
.stageList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 0 0;
}
.stageList li{
width: 32%;
display: block;
margin: 32px 0 0 0;
padding: 15px;
position: relative;
}
.stageList li.iki{
background-color: #aadcf7;
}
.stageList li.otsu{
background-color: #bedead;
}
.stageList li.inase{
background-color: #f8cbce;
}

.stageList li dl{
display: block;
}
.stageList li dl dt{
display: block;
padding: 10px;
overflow: hidden;
font-size: 0;
}
.stageList li.iki dl dt{
width: auto;
height: 0;
padding-top: 150px;
background: url(../img/stagelogo_iki_txt.svg) no-repeat center center;
background-size: auto 120px;
background-color: #ffffff;
}
.stageList li.otsu dl dt{
width: auto;
height: 0;
padding-top: 150px;
background: url(../img/stagelogo_otsu_txt.svg) no-repeat center center;
background-size: auto 120px;
background-color: #ffffff;
}
.stageList li.inase dl dt{
width: auto;
height: 0;
padding-top: 150px;
background: url(../img/stagelogo_inase_txt.svg) no-repeat center center;
background-size: auto 120px;
background-color: #ffffff;
}

.stageList li dl dd{
display: block;
text-align: left;
}
.stageList li dl dd h5{
display: block;
margin: 16px 0 0 0;
font-size: 2.4rem;
font-weight: 700;
line-height: 1;
}
.stageList li dl dd h5 span{
display: block;
margin: 5px 0 0 0;
font-size: 1.4rem;
}
.stageList li dl dd .place{
display: block;
margin: 10px 0 0 0;
}
.stageList li dl dd .stageExp{
display: block;
margin: 12px 0 0 0;
font-size: 1.4rem;
}

.stageList li.iki .place{
color: #0081cc;
}
.stageList li.otsu .place{
color: #45b035;
}
.stageList li.inase .place{
color: #f97176;
}


.floorGuide{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 16px 20px 24px 20px;
}
.floorGuide.col4 li{
width: 23%;
display: block;
}
.floorGuide li{
width: 30%;
display: block;
}
.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;
}

#food.subBlock{
background-color:#fafaed;
}
.foodNameList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px 0 0 0;
margin: 0;
padding: 0 0 16px 0;
border-bottom: 6px solid #231815;
}
.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: #e94630;
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:"9";
}
.foodNameList ul:nth-child(3) li:nth-child(2):before{
content:"10";
}
.foodNameList ul:nth-child(3) li:nth-child(3):before{
content:"11";
}
.foodNameList ul:nth-child(3) li:nth-child(4):before{
content:"12";
}


.foodNameList li a{
display: block;
color: #e94630;
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;
font-size:1.8rem;
font-weight: 700;
text-align: left;
line-height: 1.4;
color: #e94630;
}
.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;
}

.serviceExp{
width: 580px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 42px auto 0 auto;
}
.serviceExp.fanyapp{
width: 700px;
}
.serviceExp dt{
width: 100px;
display: block;
}
.serviceExp dt img{
width: 100%;
height: auto;
}
.serviceExp dd{
width: calc(98% - 100px);
display: block;
text-align: left;
padding-left: 20px;
}
.serviceExp dd h5{
display: block;
font-size: 1.8rem;
font-weight: 500;
}
.serviceExp dd .serviceTxt{
display: block;
margin: 12px 0 0 0;
font-size: 1.4rem;
line-height: 1.4;
}
.serviceExp dd .serviceBtn{
display: block;
}
.serviceExp dd .serviceBtn a{
width: 420px;
display: block;
margin: 12px 0 0 0;
background-color: #ffffff;
line-height: 32px;
border: 2px solid #231815;
border-radius: 16px;
text-align: center;
}
.serviceExp dd .serviceBtn a span{
display: inline-block;
padding-right: 20px;
background: url(../img/ico_outlink_black.png) no-repeat right top 7px;
background-size: auto 16px;
line-height: 32px;
}
.serviceExp dd .serviceBtn a:hover{
background-color: #231815;
color: #ffffff;
}
.serviceExp dd .serviceBtn a:hover span{
background: url(../img/ico_outlink.png) no-repeat right top 7px;
background-size: auto 16px;
}

.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: #e94630;
}
.boothNameList li a{
display: block;
color: #e94630;
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;
background-color:#fffae8;
position: relative;
}
.boothList dt{
width: 300px;
display: block;
}
.boothList dt img{
width: 100%;
height: auto;
}
.boothList dd{
width: calc(100% - 320px);
display: block;
text-align: left;
}
.boothList dd.boothEvent{
width: 100%;
}
.boothList dd.boothInfo h5{
display: block;
font-size:1.8rem;
font-weight: 700;
text-align: left;
color: #e94630;
}
.boothList dd.boothInfo .time{
display: inline-block;
font-weight: 500;
text-align: left;
}
.boothList dd.boothInfo .place{
display: inline-block;
margin-left:10px;
margin-left:0;
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 dd.boothEvent li{
width: 100%;
display: block;
margin: 16px 0 0 0;
padding: 16px 0 0 0;
border-top: 1px solid #cccccc;
}
.boothList dd.boothEvent li h6{
display: block;
margin-bottom: 8px;
font-size:1.8rem;
font-weight: 700;
text-align: left;
color: #231815;
}
.boothList dd.boothEvent li .boothSub{
display: block;
font-size: 1.4rem;
overflow-wrap: break-word;
}
.boothList dd.boothEvent li .boothSub a{
text-decoration: underline;
}
.boothList dd.boothEvent li .boothSubImp{
display: block;
font-size: 1.3rem;
color: #ff0000;
}

.eventBtn{
display: block;
margin: 12px 0 0 0;
}
.eventBtn a{
display: inline-block;
padding: 0 20px 0 20px;
background-color: #231815;
color: #ffffff;
line-height: 32px;
border-radius: 16px;
}


/* 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: #aadcf7;
}
.lineupList li.otsu{
background-color: #bedead;
}
.lineupList li.inase{
background-color: #f8cbce;
}
.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 #0081cc;
}
.lineupList li.otsu dd{
border-left: 4px solid #45b035;
}
.lineupList li.inase dd{
border-left: 4px solid #f97176;
}
.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: #0081cc;
}
.lineupList li.otsu dt .stage,
.lineupList li.otsu.imgLineup dd .stage{
color: #45b035;
}
.lineupList li.inase dt .stage,
.lineupList li.inase.imgLineup dd .stage{
color: #f97176;
}
.lineupList li.iki dt .stage span,
.lineupList li.otsu dt .stage span,
.lineupList li.inase dt .stage span,
.lineupList li.iki.imgLineup dd .stage span,
.lineupList li.otsu.imgLineup dd .stage span,
.lineupList li.inase.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,
.lineupList li.inase.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: #0081cc;
}
.lineupList li.otsu dd .lineupcast:before{
background-color: #45b035;
}
.lineupList li.inase dd .lineupcast:before{
background-color: #f97176;
}

.changeInfo{
display: block;
margin: 6px 0 0 0;
padding: 6px 0 0 0;
font-size: 90%;
}
.changeInfo:before{
content:"";
width: 100px;
height: 1px;
display: block;
background-color: #333333;
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;
}

/* 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;
}
}

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

#overlay .popupBox h5{
display: block;
font-size:1.8rem;
font-weight: 700;
text-align: left;
color: #e94630;
}
#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;
}

#overlay .popupBox .boothList{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items:center;
margin: 0;
padding: 0;
}
#overlay .popupBox .boothList dt{
width: 30%;
display: block;
padding: 5px;
}
#overlay .popupBox .boothList dt img{
width: 100%;
height: auto;
}
#overlay .popupBox .boothList dd{
width: 70%;
display: block;
padding: 5px 5px 5px 10px;
text-align: left;
box-sizing: border-box;
}
#overlay .popupBox .boothList dd .boothExp{
display: none;
}
#overlay .popupBox .boothList dd.popupExp,
#overlay .popupBox .boothList dd.boothEvent{
width: 100%;
display: block;
margin: 0 0 0 0;
padding-left: 0;
font-size: 1.4rem;
}
#overlay .popupBox .boothList dd.popupExp{
padding: 0 5px 5px 5px;
font-size: 1.2rem;
}
#overlay .popupBox .boothList dd.boothEvent{
display: block;
padding: 0 5px 5px 5px;
background-color: #ffffff;
}
#overlay .popupBox .boothList dd.boothInfo h5{
margin-bottom: 6px;
font-size:1.8rem;
line-height: 1.4;
}
#overlay .popupBox .boothList dd.boothInfo .time{
font-size: 1.4rem;
padding-bottom: 8px;
}
#overlay .popupBox .boothList dd.boothInfo .place{
font-size: 1.4rem;
font-weight: 700;
padding-bottom: 8px;
}
#overlay .popupBox .boothList dd.boothEvent li{
margin: 12px 0 0 0;
padding: 12px 0 0 0;
}
#overlay .popupBox .boothList dd.boothEvent li:first-child{
margin: 0 0 0 0;
}
#overlay .popupBox .boothList dd.boothEvent li h6{
font-size:1.6rem;
font-weight: 700;
padding: 2px 5px 2px 5px;
margin-bottom: 6px;
background-color: #e94630;
color: #ffffff;
}
#overlay .popupBox .boothList dd.boothEvent li .boothSub{
font-size: 1.3rem;
}
#overlay .popupBox .boothList dd.boothEvent li .boothSub a{
}
#overlay .popupBox .boothList dd.boothEvent li .boothSubImp{
font-size: 1.2rem;
}


/* timetable overlay */
.popupInfo{
display: none;
}
#overlay .popupBox.iki dl,
#overlay .popupBox.otsu dl,
#overlay .popupBox.inase dl{
margin: 0;
}

#overlay .popupBox .stage{
margin: 8px 0 16px 0;
font-size:1.4rem;
}
#overlay .popupBox.iki .stage{
color: #0081cc;
}
#overlay .popupBox.otsu .stage{
color: #45b035;
}
#overlay .popupBox.inase .stage{
color: #f97176;
}
#overlay .popupBox.iki .stage span,
#overlay .popupBox.otsu .stage span,
#overlay .popupBox.inase .stage span{
display: inline-block;
margin-right: 6px;
color: #231815;
}
#overlay .popupBox.iki .stage span:before,
#overlay .popupBox.otsu .stage span:before,
#overlay .popupBox.inase .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;
}
#overlay .popupBox .lineupExp{
display: block;
margin-bottom: 10px;
font-size:1.4rem;
font-weight: 700;
}
#overlay .popupBox .lineupcast{
display: block;
padding: 28px 0 0 0;
font-size:1.4rem;
position: relative;
}
#overlay .popupBox .lineupcast:before{
content: "出演者";
width: 66px;
display: block;
padding: 4px 0 4px 0;
color: #ffffff;
font-size: 1.2rem;
line-height:1;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
#overlay .popupBox.iki .lineupcast:before{
background-color: #0081cc;
}
#overlay .popupBox.otsu .lineupcast:before{
background-color: #45b035;
}
#overlay .popupBox.inase .lineupcast:before{
background-color: #f97176;
}


#overlay .popupBox .livestream{
display: block;
margin: 16px 0 0 0;
}
#overlay .popupBox .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;
}
#overlay .popupBox .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;
}
#overlay .popupBox .livestream.free a{
display: inline-block;
padding: 0;
background-color: transparent;
color: #231815;
border: none;
text-decoration: underline;
}
#overlay .popupBox .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;
}
#overlay .popupBox .livestream a.nolink,
#overlay .popupBox .livestream.pay a.nolink{
opacity: 0.35;
}


/* -- */
/* -- */
/* 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;
}
.txt2{
text-align: left;
}
.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;
}

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

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

#mainBlock .infoComing{
margin: 42px 0 0 0;
padding: 20px 5px;
font-size: 1.5rem;
}
#mainBlock .infoComing2{
margin: 64px 0 0 0;
}
#mainBlock .txt{
text-align:left;
}

/* 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 */
.ticketKinds{
display: block;
margin: 32px 0 0 0;
}
.ticketKinds li{
width: auto;
margin: 20px 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;
}

h4.ticketTit{
margin: 32px 0 4px 0;
font-size: 1.9rem;
font-weight: 700;
text-align: left;
}
h4.ticketTit.hayawari{
color: #e94630;
}
.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{
width: 110px;
display: block;
padding: 10px 0 10px 0;
}
.info3 li dl dt,
.info4 li dl dt{
width: 110px;
display: none;
padding: 10px 0 10px 0;
}
.info4.onlinestage li dl dt{
width: 50%;
}
.info3 li:first-child dl dt,
.info4 li:first-child dl dt{
}
.info3 li:first-child dl dt.norm,
.info4 li:first-child dl dt.norm{
}
.info2 li dl dd{
width: calc( 100% - 110px );
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% - 100px) / 2);
width: 50%;
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;
}
.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;
}
.info4.onlinestage li dl dt{
display: block;
border-bottom: 1px solid #cccccc;
font-size: 1.4rem !important;
}
.info4.onlinestage li dl dd{
width: 50%;
border-bottom: 1px solid #cccccc;
font-size: 1.4rem !important;
}
.info4.onlinestage li dl dd.eventName{
width: 100%;
border-bottom: none;
}
.info4.onlinestage li dl dd:last-child{
width: 100%;
padding: 0 10px 10px 10px;
border-bottom: none;
text-align: right;
}
.info4.onlinestage li:first-child dl dd:last-child{
display: none;
}
.info4.onlinestage li dl dd.tereto a{
display: inline-block;
text-align: center;
margin-left: 15px;
}
.info3 li:first-child dl dd,
.info4 li:first-child dl dd{
background-color: #efefef;
}
.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: #e94630;
color: #ffffff;
letter-spacing: -0.5px;
}
.info3 li dl dd span,
.info4 li dl dd span{
display: inline-block;
font-size: 1.3rem;
}

.info3 li dl dd p.rprice,
.info4 li dl dd p.rprice{
display: block;
margin-left: 0;
font-size: 1.3rem;
}
.info3 li dl dd p.rprice span,
.info4 li dl dd p.rprice span{
font-size: 1.1rem;
text-decoration: line-through;
}

.feature{
padding: 0 10px 0 10px;
font-size: 1.6rem;
}

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

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

.buyBtn{
width: 95%;
margin: 24px auto 0 auto;
}

.ticketBtn2 li .buyBtn,
.ticketBtn3 li .buyBtn{
width: 95%;
}

.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;
}
.buyBtn a:hover{
background-color: #ff1e00;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.buyBtn.ticketPIA a{
background-color: #3366cc;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.buyBtn.ticketPIA a:hover{
background-color: #3366cc;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
.buyBtn a.nolink{
background-color: #666666;
filter: none;
}

.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 dt.fanyMem{
width: auto;
margin-bottom: 12px;
color: #e94630;
font-size: 1.6rem;
}
.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.svg) no-repeat right center;
background-size: 18px auto;
}
.ticketAttBox dd p.open.on{
background: url(../img/ico_close.svg) no-repeat right center;
background-size: 18px auto;
}

.premiumTokuten{
margin: 12px 0 0 0;
padding: 10px;
border-radius: 10px;
}
.premiumTokutenTit{
font-size: 1.8rem;
}
.ptspTalkBox{
margin: 8px 0 0 0;
padding: 10px;
}
.ptspTalk{
}
.ptspTalk span{
margin-bottom: 8px;
font-size: 1.4rem !important;
}
.ptspTalkDetail{
display: block;
margin: 0 0 8px 0;
}
.ptspTalkDetail dt{
width: auto !important;
}
.ptspTalkDetail dd{
width: 100% !important;
margin-bottom: 5px;
}
.ptspAtt{
font-size: 1.3rem;
}

.premiumBtn{
margin: 12px 0 0 0;
}
.premiumBtn a{
}
.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: #e02d68 !important;
}

/* 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;
}

.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 0 0;
font-size:4rem;
line-height: 1.3;
}
.andmore2{
margin: 54px 0 0 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 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{
display: block;
margin: 0 0 54px 0;
}
.days li{
width: 95%;
}
.days li.btn{
}
.days li.btn:nth-child(1){
margin-bottom:16px;
}
.days li.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 li.btn:nth-child(1) a{
background: url(../img/arr_r.svg) no-repeat left 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.d20 li.btn:nth-child(1) a{
background: url(../img/arr_l.svg) no-repeat left 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.d21 li.btn:nth-child(1) a,
.days.d21 li.btn:nth-child(2) a{
background: url(../img/arr_l.svg) no-repeat left 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));
}


/* Time Table */
#mainBlock.timetable{
padding-top: 42px;
}
.timetable h2{
font-size: 2.2rem;
padding: 0 0 6px 0 !important;
letter-spacing: -0.2px !important;
}
.timetable h2 span.num{
font-size: 3rem;
}
.timetable h2 span.update{
display: block;
margin:8px 0 0 0;
font-size: 1.2rem;
text-align:center;
position: relative;
right:auto;
bottom:auto;
}
.timetable h2 span.ttn{
display: block;
margin:0 0 4px 0;
font-size: 1.6rem;
text-align:center;
position: relative;
right:auto;
bottom:auto;
}
.timetable .dayTit h3{
}

.titBtn{
}
.titBtn .selectLeft{
top: 10px;
left: 0;
}
.titBtn .selectRight{
top: 10px;
right: 0;
}
.titBtn .selectLeft a,
.titBtn .selectRight a{
padding: 0 8px 0 8px;
font-size: 1.4rem;
line-height: 24px;
border-radius: 12px;
}
.titBtn .selectLeft a span,
.titBtn .selectRight a span{
font-size: 1.1rem;
}

.titBtn .selectRight a{
background: url(../img/dayA.png) no-repeat right 2px center;
background-size: 4px auto;
background-color: #231815;
}
.titBtn .selectRight a:nth-of-type(2){
margin-left: 8px;
}
.titBtn .selectLeft a{
background: url(../img/dayB.png) no-repeat left 2px center;
background-size: 4px auto;
background-color: #231815;
}
.titBtn .selectLeft a:nth-of-type(1){
margin-right: 12px;
}

.daySelect{
margin: 12px 0 0 0;
}
.daySelect .selectLeft,
.daySelect　.selectRight{
}
.daySelect.d21 .selectLeft,
.daySelect.d19 .selectRight{
width: 100%;
}
.daySelect .selectLeft{
padding: 0 2px 0 2px;
}
.daySelect .selectRight{
padding: 0 2px 0 2px;
}
.daySelect .selectLeft a,
.daySelect .selectRight a{
font-size: 1.8rem;
}
.daySelect .selectLeft a span,
.daySelect .selectRight a span{
font-size: 1.2rem;
}

.daySelect .selectRight a{
padding-right: 28px;
background: url(../img/arr_r.svg) no-repeat right top 5px;
background-size: auto 8px;
}
.daySelect .selectRight a:nth-of-type(2){
margin-left: 20px;
}
.daySelect .selectLeft a{
padding-left: 28px;
background: url(../img/arr_l.svg) no-repeat left top 5px;
background-size: auto 8px;
}
.daySelect .selectLeft a:nth-of-type(1){
margin-right: 20px;
}

.dayInfo{
margin: 10px 0 0 0;
padding: 5px 0 8px 0;
text-align: left;
border: 2px solid #e94630;
}
.dayInfo.nodate{
margin: 6px 0 0 0;
padding: 0;
border: none;
}
.dayInfo.nodate span.update{
display: none;
}
.dayInfo .timeInfo{
display: block;
text-align: center
}
.dayInfo p{
margin: 0 6px 0 6px;
font-size: 1.2rem;
}
.dayInfo p span{
margin: 0 6px 0 0;
background: url(../img/bar_date.png) repeat-x left bottom;
}

.pdfBtn{
width: auto;
display: block;
margin-top: 16px;
text-align: center;
}
.pdfBtn a{
width: 95%;
display: inline-block;
line-height: 36px;
border: 2px solid #cc0000;
border-radius: 8px;
}
.pdfBtn a span{
padding: 0 20px 0 0;
background: url(../img/ico_outlink.png) no-repeat right top 13px;
background-size: auto 11px;
}
.pdfBtn a:hover{
background-color: #cc0000;
border: 2px solid #cc0000;
}
.pdfBtn a:hover span{
background: url(../img/ico_outlink.png) no-repeat right top 13px;
background-size: auto 11px;
}

.dayInfo p.pdfBtn{
width: auto;
display: block;
margin: 8px 0 0 0;
text-align: center;
float: none;
}
.dayInfo .pdfBtn a{
width: auto;
display: block;
line-height: 24px;
}
.dayInfo .pdfBtn a span{
background: url(../img/ico_outlink.png) no-repeat right top 6px;
background-size: auto 11px;
}
.dayInfo .pdfBtn a:hover span{
background: url(../img/ico_outlink.png) no-repeat right top 6px;
background-size: auto 11px;
}

.timeTableImg{
width: 100%;
}

.spCap{
display: block;
margin: 24px 0 0 0;
background:url(../img/x-scroll.svg) no-repeat right 9vw center;
font-size: 1.2rem;
line-height: 15px;
text-align: left;
}
.spCap span{
display: inline-block;
padding: 0 10px 0 0;
background-color: #fafaed;
}
.spCap2{
display: block;
margin: 20px 0 0 44px;
background:url(../img/x-scroll.svg) no-repeat right 9vw center;
font-size: 1.2rem;
line-height: 15px;
text-align: left;
opacity: 0;
}
.spCap2 span{
display: inline-block;
padding: 0 10px 0 0;
background-color: #fafaed;
}
.sptime{
width: 44px;
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.timescroll{
width: 36px;
height: 230px;
display: block;
margin-top: 4px;
padding: 0 0 10px 0;
background:url(../img/y-scroll.svg) no-repeat center bottom;
font-size: 1.2rem;
text-indent: -9999px;
position: absolute;
top: 0;
left: 0;
}
.timescroll span{
width: 36px;
height: 102px;
display: block;
background:url(../img/txt-y-scroll.svg) no-repeat center top;
background-size: 11px auto;
background-color: #fafaed;
}
.sptime ul{
position: relative;
}
.sptime li{
position: absolute;
line-height: 16px;
}
.sptime li:before{
content: "";
display: block;
width: 5px;
height: 1px;
background-color: #231815;
position: absolute;
top: 50%;
right: -7px;
}
.ttbox{
display: block;
position: relative;
}
.timeTableDisplay{
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
}
.timeTableDisplay.timefixed{
width: calc( 100% - 44px);
margin-left: 44px;
overflow-x: scroll;
overflow-y: hidden;
}
.timeTableGrid{
}
.timeTableBlock,
.timeTableBlockTit{
width: 720px;
margin: 24px 0 0 0;
}
.timeTableBlock{
margin: 0 0 0 0;
}
.timeTableBlock{
}
.timeTableBlock .stage,
.timeTableBlockTit .stage{
min-width: 216px;
}
.timeTableDisplay.timefixed .timeTableBlock .stage,
.timeTableDisplay.timefixed .timeTableBlockTit .stage{
min-width: 236px;
}

.timeTableBlock .stage{
padding-top: 66px;
}

.timeTableBlock .time{
min-width: 36px;
padding-top: 66px;
font-size: 1.1rem;
}
.timeTableDisplay.timefixed .timeTableBlock .time{
display: none;
}
.timeTableBlockTit .stage{
padding: 66px 0 0 0;
}
.timeTableBlockTit .stage h4{
padding: 78px 0 10px 0;
font-size: 1.6rem;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.timefixed .timeTableBlockTit .stage h4{
padding: 64px 0 8px 0;
font-size: 1.4rem;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.timeTableBlockTit .stage h4 span{
}

.timefixed .timeTableBlockTit .stage h4 span{
display: inline-block;
margin-left: 8px
}

.timeTableBlockTit .stage .stageLogo{
width: 132px;
padding-top: 132px;
background-color: #ffffff;
border-radius: 66px;
left: calc(50% - 66px);
}
.timeTableBlockTit .stage.ikina .stageLogo{
background: url(../img/stagelogo_iki_txt.svg) no-repeat center center;
background-size: 92px auto;
background-color: #ffffff;
}
.timeTableBlockTit .stage.otsuna .stageLogo{
background: url(../img/stagelogo_otsu_txt.svg) no-repeat center center;
background-size: 97px auto;
background-color: #ffffff;
}
.timeTableBlockTit .stage.inasena .stageLogo{
background: url(../img/stagelogo_inase_txt.svg) no-repeat center center;
background-size: 101px auto;
background-color: #ffffff;
}

.timefixed .timeTableBlockTit .stage .stageLogo{
width: 118px;
padding-top: 118px;
background-color: #ffffff;
border-radius: 59px;
left: calc(50% - 59px);
}
.timefixed .timeTableBlockTit .stage.ikina .stageLogo{
background: url(../img/stagelogo_iki_txt.svg) no-repeat center center;
background-size: 82px auto;
background-color: #ffffff;
}
.timefixed .timeTableBlockTit .stage.otsuna .stageLogo{
background: url(../img/stagelogo_otsu_txt.svg) no-repeat center center;
background-size: 87px auto;
background-color: #ffffff;
}
.timefixed .timeTableBlockTit .stage.inasena .stageLogo{
background: url(../img/stagelogo_inase_txt.svg) no-repeat center center;
background-size: 91px auto;
background-color: #ffffff;
}


.timeTableBlock .stage .stageName{
}
.timeTableBlock .stage .timeBox{
padding:14px 8px 18px 8px;
}
.timeTableBlock .stage .timeBox h5{
font-size: 1.8rem;
}
.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: 12px 0 0 0;
font-size: 1.1rem;
}
.timeTableBlock .stage .timeBox .stageCast{
margin: 24px 0 0 0;
padding: 16px 0 0 0;
font-size: 1.2rem;
}
.timeTableBlock .time ul{
}
.timeTableBlock .time li{
}
.timeTableBlock .time li.half{
}

.timeTableGrid ul.timebar{
width: 720px;
}
.timeTableGrid ul.timebar li{
}
.timeTableGrid ul.timebar li:nth-child(2n+1){
}
.timeTableGrid ul.timebar li:nth-child(2n){
background: url(../img/border88.png) repeat-x center center;
background-size: 8px 2px;
}

/* 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
}
/* 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.2rem;
}
.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;
}
/* floor map */
#mainBlock.floor{
padding-bottom: 63px;
}
.floormapImg{
background-color: #e94630;
}
.floormapImg img{
width: 100%;
max-width: auto;
height: auto;
}
.stageList{
display: block;
}
.stageList li{
width: auto;
margin: 32px 0 0 0;
padding: 10px;
}
.stageList li dl{
}
.stageList li dl dt{
padding: 10px;
}
.stageList li.iki dl dt{
height: 0;
padding-top: 72px;
background: url(../img/stagelogo_iki_txt.svg) no-repeat center center;
background-size: auto 62px;
background-color: #ffffff;
}
.stageList li.otsu dl dt{
height: 0;
padding-top: 72px;
background: url(../img/stagelogo_otsu_txt.svg) no-repeat center center;
background-size: auto 62px;
background-color: #ffffff;
}
.stageList li.inase dl dt{
height: 0;
padding-top: 72px;
background: url(../img/stagelogo_inase_txt.svg) no-repeat center center;
background-size: auto 62px;
background-color: #ffffff;
}
.stageList li dl dd{
}
.stageList li dl dd h5{
margin: 12px 0 0 0;
font-size: 2rem;
}
.stageList li dl dd .place{
margin: 2px 0 0 0;
}
.stageList li dl dd .stageExp{
margin: 12px 0 0 0;
font-size: 1.2rem;
}

.floorGuide{
display: block;
padding: 0 10px 18px 10px;
}
.floorGuide li{
width: auto;
margin: 12px 0 0 0;
}
.floorGuide.col4 li{
width: auto;
margin: 12px 0 0 0;
}
.floorGuide li a{
background: url(../img/arr_page.svg) no-repeat left 32px top 7px;
background-size: auto 16px;
background-color: #ffffff;
line-height: 32px;
border-radius: 16px;
}

.foodNameList{
display: block;
margin: 32px 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 .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;
}

.serviceExp,
.serviceExp.fanyapp{
width: auto;
margin: 32px auto 0 auto;
}
.serviceExp dt{
width: 90px;
display: block;
}
.serviceExp dd{
width: calc(100% - 100px);
display: block;
text-align: left;
padding-left:0;
}
.serviceExp dd h5{
font-size: 1.5rem;
}
.serviceExp dd .serviceTxt{
margin: 12px 0 0 0;
font-size: 1.2rem;
}
.serviceExp dd .serviceBtn{
}
.serviceExp dd .serviceBtn a{
width: auto;
margin: 12px 0 0 0;
line-height: 32px;
border: 2px solid #231815;
border-radius: 16px;
font-size: 1.3rem;
}
.serviceExp dd .serviceBtn a span{
padding-right: 16px;
background: url(../img/ico_outlink_black.png) no-repeat right top 8px;
background-size: auto 14px;
line-height: 32px;
}
.serviceExp dd .serviceBtn a:hover{
background-color: #231815;
color: #ffffff;
}
.serviceExp dd .serviceBtn a:hover span{
background: url(../img/ico_outlink.png) no-repeat right top 7px;
background-size: auto 16px;
}


.boothNameList{
display: block;
margin: 32px 0 0 0;
padding: 0 0 12px 0;
border-bottom: 5px solid #231815;
}
.boothNameList ul{
width: auto;
}
.boothNameList li{
}
.boothNameList li:before{
}
.boothNameList li a{
}
.boothNameList ul.mores{
}
.boothNameList ul.mores li{
}

.boothList{
margin: 24px 0 0 0;
padding: 10px;
}
.boothList dt{
width: 100%;
height: 140px;
background-color: #ffffff;
overflow: hidden;
}
.boothList dt img{
width: auto;
height: 140px;
}
.boothList dd{
width: 100%;
margin: 16px 0 0 0;
}
.boothList dd.boothEvent{
}
.boothList dd.boothInfo h5{
font-size:1.7rem;
line-height: 1.4;
}
.boothList dd.boothInfo .time{
}
.boothList dd.boothInfo .place{
}
.boothList dd.boothInfo .boothExp{
}

.boothList dd.boothEvent li{
margin: 12px 0 0 0;
padding: 12px 0 0 0;
}
.boothList dd.boothEvent li h6{
font-size:1.7rem;
margin-bottom: 6px;
}
.boothList dd.boothEvent li .boothSub{
font-size: 1.3rem;
}
.boothList dd.boothEvent li .boothSub a{
}
.boothList dd.boothEvent li .boothSubImp{
font-size: 1.2rem;
}


/* 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;
}


/* 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;
}

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

#overlay .popupBox h5{
font-size:1.6rem;
}
#overlay .popupBox dl{
margin: 5px 0 0 0;
}
#overlay .popupBox img{
}
#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;
}

#overlay .popupBox .boothList{
display: block;
}
#overlay .popupBox .boothList dt{
width: 100%;
height: 100px;
padding: 5px 0 0 0;
text-align: center;
background-color: transparent;
}
#overlay .popupBox .boothList dt img{
width: auto;
height: 100px;
}
#overlay .popupBox .boothList dd{
width: auto;
padding: 0 5px 0 5px;
text-align: left;
box-sizing: border-box;
}
#overlay .popupBox .boothList dd.popupExp,
#overlay .popupBox .boothList dd.boothEvent{
width: 100%;
font-size: 1.3rem;
}
#overlay .popupBox .boothList dd.popupExp{
padding: 8px 5px 5px 5px;
font-size: 1.1rem;
border-top: 1px solid #231815;
}
#overlay .popupBox .boothList dd.boothEvent{
display: block;
padding: 0 5px 5px 5px;
background-color: #ffffff;
}
#overlay .popupBox .boothList dd.boothInfo h5{
margin-bottom: 0;
font-size:1.6rem;
}
#overlay .popupBox .boothList dd.boothInfo .time{
font-size: 1.4rem;
padding-bottom: 8px;
}
#overlay .popupBox .boothList dd.boothInfo .place{
font-size: 1.4rem;
font-weight: 700;
padding-bottom: 8px;
}
#overlay .popupBox .boothList dd.boothEvent li{
margin: 8px 0 0 0;
padding: 8px 0 0 0;
}
#overlay .popupBox .boothList dd.boothEvent li:first-child{
margin: 0 0 0 0;
}
#overlay .popupBox .boothList dd.boothEvent li h6{
font-size:1.5rem;
padding: 2px 5px 2px 5px;
margin-bottom: 4px;
}
#overlay .popupBox .boothList dd.boothEvent li .boothSub{
font-size: 1.2rem;
}
#overlay .popupBox .boothList dd.boothEvent li .boothSub a{
}
#overlay .popupBox .boothList dd.boothEvent li .boothSubImp{
font-size: 1.1rem;
}

/* timetable overlay */
#overlay .popupBox .stage{
margin: 8px 0 8px 0;
font-size:1.3rem;
}
#overlay .popupBox.iki .stage span,
#overlay .popupBox.otsu .stage span,
#overlay .popupBox.inase .stage span{
display: block;
margin-right: 0;
}
#overlay .popupBox .lineupExp{
font-size:1.3rem;
}
#overlay .popupBox .lineupcast{
padding: 20px 0 0 0;
font-size:1.3rem;
}
#overlay .popupBox .lineupcast:before{
content: "出演者";
width: 66px;
display: block;
margin-bottom: 6px;
padding: 4px 0 4px 0;
color: #ffffff;
font-size: 1.1rem;
line-height:1;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
#overlay .popupBox .livestream{
margin: 12px 0 0 0;
}
#overlay .popupBox .livestream a{
display: block;
padding: 0;
background-color: #ffffff;
color: #ff0000;
border: 2px solid #ff0000;
font-size: 1.2rem;
line-height: 24px;
border-radius: 12px;
text-decoration: none;
text-align: center;
}
#overlay .popupBox .livestream.freeImp a{
display: block;
padding: 0;
background-color: #ffffff;
color: #231815;
border: 2px solid #231815;
font-size: 1.3rem;
line-height: 24px;
border-radius: 12px;
text-decoration: none;
text-align: center;
}
#overlay .popupBox .livestream.free a{
display: block;
padding: 0;
background-color: transparent;
color: #231815;
border: none;
text-decoration: underline;
}
#overlay .popupBox .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;
}
#overlay .popupBox .livestream a.nolink,
#overlay .popupBox .livestream.pay a.nolink{
opacity: 0.35;
}

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




@media screen and (max-width: 500px) {

.titBtn{
}
.titBtn .selectLeft{
height: 70px;
top: 0;
left: 0;
}
.titBtn .selectRight{
height: 70px;
top: 0;
right: 0;
}
.titBtn.d20 .selectLeft,
.titBtn.d20 .selectRight{
top: 10px;
}
.titBtn .selectLeft a,
.titBtn .selectRight a{
position: absolute;
}
.titBtn .selectLeft a,
.titBtn .selectRight a{
width: 70px;
height: 24px;
padding: 0 8px 0 8px;
font-size: 1.4rem;
line-height: 24px;
border-radius: 12px;
}
.titBtn .selectLeft a span,
.titBtn .selectRight a span{
font-size: 1.1rem;
}

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

.titBtn .selectLeft a{
left: 0;
}
.titBtn .selectLeft a:nth-of-type(1){
top: 0;
}
.titBtn .selectLeft a:nth-of-type(2){
top:26px;
}
.titBtn .selectRight a{
right: 0;
}
.titBtn .selectRight a:nth-of-type(1){
top: 0;
}
.titBtn .selectRight a:nth-of-type(2){
top:26px;
}

}