.bgMain{
width: calc(100vw - 5vw );
height: calc(100vh - 2.5vw);
display: block;
margin: 0 auto 0 auto;
background: url(../img/bg_main.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

.bgMain.bgTokyo{
width: calc(100vw - 5vw );
height: calc(100vh - 2.5vw);
display: block;
margin: 0 auto 0 auto;
background: url(../img/bg_mainTokyo.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

/* main */
#main{
display: block;
padding: 0 2.5vw 0 2.5vw;
position: relative;
text-align: center;
}

#main h2{
width: 100%;
height: calc(100vh - 5vw - 90px - 4.5rem);
display: block;
background: url(../img/main.svg) no-repeat center center;
background-size: 100% auto;
text-indent: -9999px;
}

#main .openTxt{
display: inline-block;
margin: 0 auto 0 auto;
padding-right: 48px;
background: url(../img/accent.svg) no-repeat right bottom 3px;
background-size: auto 45px;
font-size: 4.5rem;
font-weight: 900;
font-style: italic;
text-align: center;
line-height: 1.2;
letter-spacing: 2px;
}
#main .openTxt span{
display: inline-block;
font-size: 5.5rem;
overflow: visible;
}
#main .openTxt span:nth-child(1){
color: #eb442e;
background: url(../img/bgTxt_tokyo.png) no-repeat center bottom;
background-size: 100% 12px;
}
#main .openTxt span:nth-child(2){
color: #0079ad;
background: url(../img/bgTxt_osaka.png) no-repeat center bottom;
background-size: 100% 12px;
}
#main .openTxt span:nth-child(3){
color: #00ae6b;
background: url(../img/bgTxt_fukuoka.png) no-repeat center bottom;
background-size: 100% 12px;
}

.wantBtn{
width: 100%;
display: block;
text-align: center;
line-height: 1.2;
position: absolute;
bottom: 88px;
left: 0;
}
.wantBtn a{
display: inline-block;
margin: 0;
padding: 10px 40px 10px 10px;
background:url(../img/arr_r.svg) no-repeat right 13px center;
background-size: 15px auto;
background-color: #ffffff;
border: 3px solid #231815;
font-weight: 500;
line-height: 1.2;
text-align: center;
}
.wantBtn a span{
display: inline-block;
margin: 0 0 0 5px;
font-size: 1.3rem;
}


/* re main */
.mainTxt{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 242px - 2.5vh);
background: url(../img/mainTxt.png) no-repeat center center;
background-size: contain;
overflow: hidden;
}
#main.today{
height: calc(100vh - 242px - 2.5vh);
}
#main.today .mainTxt{
width: 40%;
height: 0;
display: none;
margin: 0 0 0 0;
padding-top: calc((100vh - 242px - 2.5vh)/3);
background: url(../img/mainTxt.png) no-repeat center center;
background-size: contain;
overflow: hidden;
position: absolute;
top: -50px;
left: 5vw;
transform:rotate(-3deg);
}
#main.today .mainLogo{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 242px - 2.5vh);
background: url(../img/tokyo_open2.png) no-repeat center bottom 25%;
background-size: auto 100%;
overflow: hidden;
}

.mainIndex{
width: 100%;
height: 120px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: absolute;
bottom: 0;
left: 0;
}
.mainIndex div{
width: 33.33%;
height: 120px;
display: block;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.mainIndex div.tokyo{
background-color: #e94630;
color: #ffffff;
}
.mainIndex div.osaka{
background-color: #0078ab;
color: #ffffff;
}
.mainIndex div.fukuoka{
background-color: #00aa6c;
color: #ffffff;
}

.mainIndex div.tokyo h2{
height: 0;
display: block;
padding-top: 32px;
background: url(../img/tokyo_date.svg) no-repeat center center;
background-size: contain;
overflow: hidden;
}
.mainIndex div.osaka h2{
height: 0;
display: block;
padding-top: 32px;
background: url(../img/osaka_date.svg) no-repeat center center;
background-size: contain;
overflow: hidden;
}
.mainIndex div.fukuoka h2{
height: 0;
display: block;
padding-top: 32px;
background: url(../img/fukuoka_date.svg) no-repeat center center;
background-size: contain;
overflow: hidden;
}

.mainIndex div ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainIndex div ul li{
width: calc( (100% - 8px)* 3/10 );
justify-content: space-between;
flex-wrap: wrap;
margin-left: 4px;
}
.mainIndex div ul li:first-child{
margin-left: 0;
}
.mainIndex div ul li:last-child{
width: calc( (100% - 8px)* 4/10 );
}
.mainIndex div ul li a{
display: block;
margin: 12px 0 0 0;
background-color: #ffffff;
border-radius: 16px;
font-size: 1.2rem;
line-height: 32px;
letter-spacing: -0.2px;
text-align: center;
overflow: hidden;
}
.mainIndex div.tokyo ul li a{
color: #e94630;
}
.mainIndex div.osaka ul li a{
color: #0078ab;
}
.mainIndex div.fukuoka ul li a{
color: #00aa6c;
}

.mainIndex div.tokyo ul li:last-child a{
background-color: #11b243;
color: #ffffff;
}
.mainIndex div.osaka ul li:last-child a{
background-color: #f313ac;
color: #ffffff;
}
.mainIndex div.fukuoka ul li:last-child a{
background-color: #f30a0a;
color: #ffffff;
}

.mainIndex div.fukuoka ul li a.nolink{
opacity: 0.5;
}
.mainIndex div.fukuoka ul li:last-child a.nolink{
opacity: 0.35;
}


/* re main2 */
#main.osakaMain{
height: calc(100vh - 40px - 2.5vh);
margin: 20px 0 0 0;
}
#main.osakaMain .mainTxt{
width: 100%;
height: auto;
display: block;
padding-top: 0;
background: none;
}
#main.osakaMain .mainTxt a{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 284px - 2.5vh);
background: url(../img/mainTxt_osaka21.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
}

.bgMain.bgTokyo.sq2 #main.osakaMain .mainTxt a{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 284px - 2.5vh);
background: url(../img/mainTxt_osaka22.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
transition: 0.4s all ease-out;
}

#main.osakaMain .mainTxt a.fain,
#main.osakaMain.sq2 .mainTxt a.fain{
opacity: 1 !important;
}


#main.osakaMain .btnBlock{
width: 75%;
display: block;
margin: 12px auto 0 auto;
}
#main.osakaMain .btnBlock ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#main.osakaMain .btnBlock ul li{
width: 30%;
}
#main.osakaMain .btnBlock ul li a{
display: block;
background-color: #0078ab;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 1.6rem;
font-weight: 500;
line-height: 44px;
border-radius: 22px;
}
#main.osakaMain .btnBlock ul li:last-child a{
background-color: #f313ac;
border: 2px solid #ffffff;
color: #ffffff;
}


/* re main3 */
#main.fukuokaMain{
height: calc(100vh - 40px - 2.5vh);
margin: 20px 0 0 0;
}
#main.fukuokaMain .mainTxt{
width: 100%;
height: auto;
display: block;
padding-top: 0;
background: none;
}
#main.fukuokaMain .mainTxt a{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 284px - 2.5vh);
background: url(../img/mainTxt_fukuoka11.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
}

.bgMain.bgTokyo.sq2 #main.fukuokaMain .mainTxt a{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 284px - 2.5vh);
background: url(../img/mainTxt_fukuoka12.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
transition: 0.4s all ease-out;
}

#main.fukuokaMain .mainTxt a.fain,
#main.fukuokaMain.sq2 .mainTxt a.fain{
opacity: 1 !important;
}


#main.fukuokaMain .btnBlock{
width: 75%;
display: block;
margin: 12px auto 0 auto;
}
#main.fukuokaMain .btnBlock ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#main.fukuokaMain .btnBlock ul li{
width: 30%;
}
#main.fukuokaMain .btnBlock ul li a{
display: block;
background-color: #0078ab;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 1.6rem;
font-weight: 500;
line-height: 44px;
border-radius: 22px;
}
#main.fukuokaMain .btnBlock ul li:last-child a{
background-color: #f313ac;
border: 2px solid #ffffff;
color: #ffffff;
}


/* all end */
#main.endMain{
height: calc(100vh - 40px - 2.5vh);
margin: 20px 0 0 0;
}
#main.endMain .mainTxt{
width: 100%;
height: auto;
display: block;
padding-top: 0;
background: none;
}
#main.endMain .mainTxt a{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 284px - 2.5vh);
background: url(../img/mainTxt_allend21.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
}

.bgMain.bgTokyo.sq2 #main.endMain .mainTxt a{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 284px - 2.5vh);
background: url(../img/mainTxt_allend22.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
transition: 0.4s all ease-out;
}

#main.endMain .mainTxt a.fain,
#main.endMain.sq2 .mainTxt a.fain{
opacity: 1 !important;
}

#main.endMain .btnBlock{
width: 75%;
display: block;
margin: 12px auto 0 auto;
}
#main.endMain .btnBlock ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#main.endMain .btnBlock ul li{
width: 30%;
}
#main.endMain .btnBlock ul li a{
display: block;
background-color: #0078ab;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 1.6rem;
font-weight: 500;
line-height: 44px;
border-radius: 22px;
}
#main.endMain .btnBlock ul li:last-child a{
background-color: #f313ac;
border: 2px solid #ffffff;
color: #ffffff;
}


.mainIndex.next{
width: 100%;
height: 72px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: absolute;
bottom: 0;
left: 0;
}
.mainIndex.next div{
width: 40%;
height: 72px;
display: block;
padding: 0;
overflow: hidden;
}
.mainIndex.next div.covid{
width: 20%;
height: 72px;
display: block;
background-color: #231815;
color: #ffffff;
padding: 0;
overflow: hidden;
text-align: center;
}
.mainIndex.next div.tokyo{
background-color: #e94630;
color: #ffffff;
}
.mainIndex.next div.osaka{
background-color: #0078ab;
color: #ffffff;
}
.mainIndex.next div.fukuoka{
background-color: #00aa6c;
color: #ffffff;
}

.mainIndex.next div.tokyo h2{
width: 100%;
height: 0;
display: block;
padding-top: 72px;
background: url(../img/tokyo_date_end.svg) no-repeat center top 12px;
background-size: auto 42px;
overflow: hidden;
}
.mainIndex.next div.osaka h2{
height: 0;
display: block;
padding-top: 72px;
background: url(../img/osaka_date_end.svg) no-repeat center center;
background-size: auto 42px;
overflow: hidden;
}
.mainIndex.next div.fukuoka h2{
height: 0;
display: block;
padding-top: 72px;
background: url(../img/fukuoka_date.svg) no-repeat center center;
background-size: auto 32px;
overflow: hidden;
}
.mainIndex.next div.covid a{
font-size: 1.5rem;
line-height: 72px;
color: #ffffff;
}
.mainIndex.next div.covid a span{
display: inline-block;
padding: 0 25px 0 0;
background: url(../img/arr_r_w.svg) no-repeat right center;
background-size: auto 7px;
}

.dvdBanner a{
width: 440px;
height: 0;
display: block;
padding-top: 132px;
background: url(../img/banner/b_dvd.jpg) no-repeat center center;
background-size: contain;
position: absolute;
bottom: 10px;
right: calc(50% - 220px);
overflow: hidden;
z-index: 80001;
border: 3px solid #fafaed;
}
.dvdBanner a{
width: 587px;
height: 0;
display: block;
padding-top: 132px;
background: url(../img/banner/b_dvd.jpg) no-repeat center center;
background-size: contain;
position: absolute;
bottom: 10px;
right: 2.5vw;
overflow: hidden;
z-index: 80001;
border: 3px solid #fafaed;
}

/* catch */
#catch{
display: block;
margin: 54px 0 0 0;
padding: 64px 0 108px 0;
background: url(../img/bg_statement.png) no-repeat center top;
text-align: center;
}
#catch h3{
height: 0;
display: block;
padding-top: 96px;
background: url(../img/txt_laugh.svg) no-repeat center center;
background-size: contain;
overflow: hidden;
}
#catch .statementTxt{
display: block;
margin: 48px 0 0 0;
font-size: 2.4rem;
font-weight: 900;
font-style: italic;
line-height: 2;
text-align: center;
}
#catch .statementTxt p{
display: block;
margin: 24px 0 0 0;
}
#catch .statementTxt p span{
display: block;
font-size: 4rem;
}



/* city */
#city{
display: block;
}
#city .cityBlock{
display: block;
padding: 42px 2.5vw 42px 2.5vw;
text-align: left;
}
#city .cityBlock.tokyo{
background: url(../img/light_tokyo.svg) no-repeat left 2.5vw top 20px;
background-size: 44px auto;
background-color: #eb442e;
}
#city .cityBlock.osaka{
background: url(../img/light_osaka.svg) no-repeat left 2.5vw top 20px;
background-size: 44px auto;
background-color: #0079ad;
}
#city .cityBlock.fukuoka{
background: url(../img/light_fukuoka.svg) no-repeat left 2.5vw top 20px;
background-size: 44px auto;
background-color: #00ae6b;
}
#city .cityBlock dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#city .cityBlock dl dt{
width: calc(100% - 460px);
display: block;
padding-left: 72px;
box-sizing: border-box;
}
#city .cityBlock dl dd{
width: 460px;
display: block;
}

#city .cityBlock dl dt h2{
height: 0;
display: block;
padding-top: 88px;
overflow: hidden;
}
#city .cityBlock.tokyo dl dt h2{
background: url(../img/txt_tokyo.png) no-repeat left center;
background-size: auto 88px;
}
#city .cityBlock.osaka dl dt h2{
background: url(../img/txt_osaka.png) no-repeat left center;
background-size: auto 88px;
}
#city .cityBlock.fukuoka dl dt h2{
background: url(../img/txt_fukuoka.png) no-repeat left center;
background-size: auto 88px;
}
#city .cityBlock dl dt .date{
height: 0;
display: block;
margin: 32px 0 0 0;
padding-top: 46px;
overflow: hidden;
}
#city .cityBlock.tokyo dl dt .date{
background: url(../img/txt_tokyo_date.png) no-repeat left center;
background-size: auto 46px;
}
#city .cityBlock.osaka dl dt .date{
background: url(../img/txt_osaka_date.png) no-repeat left center;
background-size: auto 46px;
}
#city .cityBlock.fukuoka dl dt .date{
background: url(../img/txt_fukuoka_date.png) no-repeat left center;
background-size: auto 46px;
}
#city .cityBlock dl dt .venue{
display: block;
margin: 5px 0 0 0;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
color: #ffffff;
}
#city .cityBlock dl dd .ticketBlock{
display: block;
margin: 5px 0 32px 0;
text-align: center;
}
#city .cityBlock dl dd .ticketBlock p{
display: block;
font-size: 2.2rem;
font-weight: 700;
font-style: italic;
color: #ffffff;
}
#city .cityBlock dl dd .ticketBlock p span{
display: inline-block;
margin-left: 5px;
font-size: 1.3rem;
}
#city .cityBlock dl dd .ticketBlock a{
display: block;
color: #ffffff;
border: 2px solid #ffffff;
font-size: 3.6rem;
font-weight: 900;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
#city .cityBlock.tokyo dl dd .ticketBlock a{
background: url(../img/arr_r_w.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #ff1e00;
}
#city .cityBlock.osaka dl dd .ticketBlock a{
background: url(../img/arr_r_w.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #0079ff;
}
#city .cityBlock.fukuoka dl dd .ticketBlock a{
background: url(../img/arr_r_w.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #1ebb12;
}
#city .cityBlock dl dd .ticketBlock a span{
display: inline-block;
}
#city .cityBlock dl dd .infoBlock{
display: block;
margin: 5px 0 0 0;
text-align: center;
}
#city .cityBlock dl dd .infoBlock a{
display: block;
font-size: 3.6rem;
font-weight: 900;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
#city .cityBlock.tokyo dl dd .infoBlock a{
background: url(../img/arr_r_tokyo.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #ffffff;
color: #eb442e;
border: 2px solid #eb442e;
}
#city .cityBlock.osaka dl dd .infoBlock a{
background: url(../img/arr_r_osaka.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #ffffff;
color: #0079ad;
border: 2px solid #0079ad;
}
#city .cityBlock.fukuoka dl dd .infoBlock a{
background: url(../img/arr_r_fukuoka.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #ffffff;
color: #00ae6b;
border: 2px solid #00ae6b;
}

#city .cityBlock dl dd .infoBlock a.nolink{
display: block;
background-color: #e5e5e5;
color: #d2d2d2;
border: none;
font-size: 3rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: none;
}

#city .cityBlock.tokyo dl dd .ticketBlock a:hover{
background: url(../img/arr_r_w.svg) no-repeat right 10px center;
background-size: auto 12px;
background-color: #ff1e00;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
transition: all 0.2s;
}
#city .cityBlock.osaka dl dd .ticketBlock a:hover{
background: url(../img/arr_r_w.svg) no-repeat right 10px center;
background-size: auto 12px;
background-color: #0079ff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
transition: all 0.2s;
}
#city .cityBlock.tokyo dl dd .infoBlock a:hover{
background: url(../img/arr_r_tokyo.svg) no-repeat right 10px center;
background-size: auto 12px;
background-color: #ffffff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
transition: all 0.2s;
}
#city .cityBlock.osaka dl dd .infoBlock a:hover{
background: url(../img/arr_r_osaka.svg) no-repeat right 10px center;
background-size: auto 12px;
background-color: #ffffff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
transition: all 0.2s;
}

/* livestanger */
#livestanger{
display: block;
margin: 0;
padding: 54px 2.5vw 122px 2.5vw;
background-color: #ffffff;
text-align: center;
}
#livestanger h2{
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
position: relative;
z-index: 5000;
letter-spacing: 0.5px;
}
#livestanger h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 20px;
}
#livestanger p.txt{
display: block;
margin: 24px 0 0 0;
}
#livestanger .col3.stanger{
margin: 36px 0 0 0;
}
#livestanger .col3.stanger li{
padding: 10px 5px 5px 5px;
background: linear-gradient( -90deg, rgb(242,157,166) 0%, rgb(250,191,27) 50%, rgb(115,198,190) 100%);
box-sizing: border-box;
padding: 0;
background: none;
}
#livestanger .col3.stanger li img{
width: 100%;
height: auto;
}
#livestanger .col3.stanger li p{
display: block;
margin: 0 0 16px 0;
font-size: 1.8rem;
font-weight: 700;
font-style: italic;
line-height: 1;
}


/* movie */
#movie{
display: block;
margin: 0;
padding: 0;
background-color: #ffffff;
position: relative;
}
#movie .movieBlock{
width: calc(100% - 5vw);
display: block;
margin: 0 0 0 5vw;
padding: 32px 0 32px 0;
background-color: #231815;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
#movie .movieBlock .movieContent{
width: 620px;
display: block;
margin-left: calc(50% - 310px - 2.5vw);
}


/* news */
#news{
display: block;
padding: 64px 2.5vw 122px 2.5vw;
background-color: #ffffff;
text-align: center;
}
#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;
padding: 0 5px 0 5px;
text-align: left;
}
.newsList li dd a{
display: block;
padding-right: 40px;
background: url(../img/arr_r.svg) no-repeat right 5px center;
background-size: auto 12px;
text-align: left;
}
.newsList li dd a:hover{
background: url(../img/arr_r.svg) no-repeat right center;
background-size: auto 12px;
transition: all 0.2s;
}

#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));
}
#news .btn a:hover{
background: url(../img/arr_r.svg) no-repeat right 10px center;
background-size: auto 12px;
background-color: #ffffff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
transition: all 0.2s;
}

/* overlay */
#overlay{
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background:rgba(0,0,0,0.85);
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 .movieBlock{
width: 720px;
display: block;
padding: 10px;
background-color: #231815;
}

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

/* banner */
#banner{
display: block;
padding: 0 0 54px 0;
background-color: #ffffff;
text-align: center;
}
#banner img{
width: 100%;
height: auto;
}

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


.bgMain{
background: url(../img/bg_main.jpg) no-repeat center bottom 90px;
background-size: cover;
}
.bgMain.bgTokyo{
background: url(../img/bg_mainTokyo.jpg) no-repeat center center;
background-size: cover;
}

/* main */
#main{
padding: 0 2.5vw 0 2.5vw;
}

#main h2{
width: 100%;
height: calc(100vh - 5vw - 60px - 4.5rem);
display: block;
background: url(../img/main_sp.svg) no-repeat center top 32%;
background-size: 85vw auto;
text-indent: -9999px;
}

#main .openTxt{
padding-right: 22px;
background: url(../img/accent.svg) no-repeat right bottom 2px;
background-size: auto 20px;
font-size: 2rem;
letter-spacing: 1px;
position: relative;
bottom: 90px;
}
#main .openTxt span{
display: inline-block;
font-size: 2.8rem;
overflow: visible;
}
#main .openTxt span:nth-child(1){
color: #eb442e;
background: url(../img/bgTxt_tokyo.png) no-repeat center bottom;
background-size: 100% 12px;
}
#main .openTxt span:nth-child(2){
color: #0079ad;
background: url(../img/bgTxt_osaka.png) no-repeat center bottom;
background-size: 100% 12px;
}
#main .openTxt span:nth-child(3){
color: #00ae6b;
background: url(../img/bgTxt_fukuoka.png) no-repeat center bottom;
background-size: 100% 12px;
}

.wantBtn{
margin: 54px 0 0 0;
text-align: center;
line-height: 1.2;
position: relative;
bottom: auto;
left: auto;
}
.wantBtn a{
display: inline-block;
margin: 0;
padding: 10px 40px 10px 10px;
background:url(../img/arr_r.svg) no-repeat right 13px center;
background-size: 15px auto;
background-color: #ffffff;
border: 3px solid #231815;
font-weight: 500;
line-height: 1.2;
text-align: center;
}
.wantBtn a span{
display: inline-block;
margin: 0 0 0 5px;
font-size: 1.3rem;
}

/* re main */
.mainTxt{
margin-top: 24px;
margin-left: 10px;
margin-right: 10px;
padding-top: calc(100vh - 320px - 2.5vh);
background: url(../img/mainTxt_sp.png) no-repeat center center;
background-size: contain;
overflow: hidden;
}
#main.today{
height: calc(100vh - 320px - 2.5vh);
}
#main.today .mainTxt{
width: 40%;
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc((100vh - 320px - 2.5vh)/4);
background: url(../img/mainTxt.png) no-repeat center center;
background-size: contain;
overflow: hidden;
position: absolute;
top: -20px;
left: 20%;
transform:rotate(-3deg);
}
#main.today .mainLogo{
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 320px - 2.5vh);
background: url(../img/tokyo_open_sp.png) no-repeat center bottom 25%;
background-size: auto 85%;
overflow: hidden;
}

.mainIndex{
height: 210px;
display: block;
bottom: 60px;
}
.mainIndex div{
width: 100%;
height: 70px;
padding: 8px 2.5vw 0 2.5vw;
overflow: hidden;
}
.mainIndex div.tokyo h2{
padding-top: 24px;
}
.mainIndex div.osaka h2{
padding-top: 24px;
}
.mainIndex div.fukuoka h2{
padding-top: 24px;
}

.mainIndex div ul{
}
.mainIndex div ul li{
}
.mainIndex div ul li:first-child{
}
.mainIndex div ul li:last-child{
}
.mainIndex div ul li a{
margin: 5px 0 0 0;
border-radius: 12px;
font-size: 1.2rem;
line-height: 24px;
}
.mainIndex div.tokyo ul li a{
color: #e94630;
}
.mainIndex div.osaka ul li a{
color: #0078ab;
}
.mainIndex div.fukuoka ul li a{
color: #00aa6c;
}

.mainIndex div.tokyo ul li:last-child a{
background-color: #11b243;
color: #ffffff;
}
.mainIndex div.osaka ul li:last-child a{
background-color: #f313ac;
color: #ffffff;
}
.mainIndex div.fukuoka ul li:last-child a{
background-color: #f30a0a;
color: #ffffff;
}

.mainIndex div.fukuoka ul li a.nolink{
opacity: 0.5;
}
.mainIndex div.fukuoka ul li:last-child a.nolink{
opacity: 0.35;
}


/* re main2 */
#main.osakaMain{
height: calc(100vh - 70px - 2.5vh);
margin: 0 0 0 0;
}
#main.osakaMain .mainTxt{
margin: 0;
padding: 0 0 0 0;
}
#main.osakaMain .mainTxt a{
width: 100%;
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 330px - 2.5vh);
background: url(../img/mainTxt_osaka21_sp.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
}

#main.osakaMain .btnBlock{
width: auto;
display: block;
margin: 12px 18% 0 18%;
}
#main.osakaMain .btnBlock ul{
display: block;
}
#main.osakaMain .btnBlock ul li{
width: 100%;
margin-bottom: 10px;
}
#main.osakaMain .btnBlock ul li a{
font-size: 1.3rem;
line-height: 28px;
border-radius: 14px;
}
#main.osakaMain .btnBlock ul li:last-child a{
margin-bottom: 0;
background-color: #f313ac;
border: 2px solid #f313ac;
color: #ffffff;
}


/* re main3 */
#main.fukuokaMain{
height: calc(100vh - 70px - 2.5vh);
margin: 0 0 0 0;
}
#main.fukuokaMain .mainTxt{
margin: 0;
padding: 0 0 0 0;
}
#main.fukuokaMain .mainTxt a{
width: 100%;
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 230px - 2.5vh);
background: url(../img/mainTxt_fukuoka11_sp.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
}

#main.fukuokaMain .btnBlock{
width: auto;
display: block;
margin: 12px 18% 0 18%;
}
#main.fukuokaMain .btnBlock ul{
display: block;
}
#main.fukuokaMain .btnBlock ul li{
width: 100%;
margin-bottom: 10px;
}
#main.fukuokaMain .btnBlock ul li a{
font-size: 1.3rem;
line-height: 28px;
border-radius: 14px;
}
#main.fukuokaMain .btnBlock ul li:last-child a{
margin-bottom: 0;
background-color: #f313ac;
border: 2px solid #f313ac;
color: #ffffff;
}



/*  all end */
#main.endMain{
height: calc(100vh - 70px - 2.5vh - 1vh);
margin: 0 0 0 0;
}
#main.endMain .mainTxt{
margin: 0;
padding: 0 0 0 0;
}
#main.endMain .mainTxt a{
width: 100%;
height: 0;
display: block;
margin: 0 0 0 0;
padding-top: calc(100vh - 230px - 2.5vh);
background: url(../img/mainTxt_allend2_sp.png) no-repeat center center;
background-size: contain;
overflow: hidden;
opacity: 0;
}

#main.endMain .btnBlock{
width: auto;
display: block;
margin: 12px 18% 0 18%;
}
#main.endMain .btnBlock ul{
display: block;
}
#main.endMain .btnBlock ul li{
width: 100%;
margin-bottom: 10px;
}
#main.endMain .btnBlock ul li a{
font-size: 1.3rem;
line-height: 28px;
border-radius: 14px;
}
#main.endMain .btnBlock ul li:last-child a{
margin-bottom: 0;
background-color: #f313ac;
border: 2px solid #f313ac;
color: #ffffff;
}


.mainIndex.next{
width: 100%;
height: 120px;
display: block;
position: absolute;
bottom: 60px;
left: 0;
}
.mainIndex.next div{
width: 100%;
height: 40px;
}
.mainIndex.next div.covid{
width: auto;
height: 42px;
}

.mainIndex.next div.tokyo h2{
padding-top: 40px;
background: url(../img/tokyo_date_end.svg) no-repeat center top 4px;
background-size: auto 25px;
}
.mainIndex.next div.osaka h2{
height: 0;
display: block;
padding-top: 40px;
background: url(../img/osaka_date_end.svg) no-repeat center top 4px;
background-size: auto 25px;
overflow: hidden;
}
.mainIndex.next div.fukuoka h2{
height: 0;
display: block;
padding-top: 40px;
background: url(../img/fukuoka_date.svg) no-repeat center center;
background-size: auto 20px;
overflow: hidden;
}
.mainIndex.next div.covid a{
font-size: 1.4rem;
line-height: 40px;
color: #ffffff;
}
.mainIndex.next div.covid a span{
display: inline-block;
padding: 0 25px 0 0;
background: url(../img/arr_r_w.svg) no-repeat right center;
background-size: auto 7px;
}

.dvdBanner{
width: calc(100% - 5vw);
display: block;
position: absolute;
bottom: 90px;
left: 2.5vw;
text-align: center;
}
.dvdBanner a{
width: auto;
max-width: 400px;
height: 0;
display: block;
margin: 0 auto 0 auto;
padding-top: 30%;
background: url(../img/banner/b_dvd_sp.jpg) no-repeat center center;
background-size: contain;
position: relative;
bottom: auto;
right: auto;
overflow: hidden;
border: none;
}

/* catch */
#catch{
margin: 42px 0 0 0;
padding: 36px 2.5vw 92px 2.5vw;
background: url(../img/bg_statement.png) no-repeat center top;
text-align: left;
}
#catch h3{
padding-top: 96px;
background: url(../img/txt_laugh.svg) no-repeat center center;
background-size: contain;
}
#catch .statementTxt{
margin: 24px 0 0 0;
font-size: 2rem;
line-height: 1.8;
text-align: left;
}
#catch .statementTxt p{
margin: 20px 0 0 0;
}
#catch .statementTxt p span{
font-size: 3rem;
}



/* city */
#city{
}
#city .cityBlock{
padding: 32px 2.5vw 32px 2.5vw;
}
#city .cityBlock.tokyo{
background: url(../img/light_tokyo.svg) no-repeat left 2vw top 20px;
background-size: 28px auto;
background-color: #eb442e;
}
#city .cityBlock.osaka{
background: url(../img/light_osaka.svg) no-repeat left 2vw top 20px;
background-size: 28px auto;
background-color: #0079ad;
}
#city .cityBlock.fukuoka{
background: url(../img/light_fukuoka.svg) no-repeat left 2vw top 20px;
background-size: 28px auto;
background-color: #00ae6b;
}
#city .cityBlock dl{
display: block;
}
#city .cityBlock dl dt{
width: auto;
padding-left: 32px;
}
#city .cityBlock dl dd{
width: auto;
}

#city .cityBlock dl dt h2{
padding-top: 46px;
}
#city .cityBlock.tokyo dl dt h2{
background: url(../img/txt_tokyo.png) no-repeat left center;
background-size: auto 46px;
}
#city .cityBlock.osaka dl dt h2{
background: url(../img/txt_osaka.png) no-repeat left center;
background-size: auto 46px;
}
#city .cityBlock.fukuoka dl dt h2{
background: url(../img/txt_fukuoka.png) no-repeat left center;
background-size: auto 46px;
}
#city .cityBlock dl dt .date{
margin: 24px 0 0 0;
padding-top: 32px;
overflow: hidden;
}
#city .cityBlock.tokyo dl dt .date{
background: url(../img/txt_tokyo_date.png) no-repeat left center;
background-size: auto 32px;
}
#city .cityBlock.osaka dl dt .date{
background: url(../img/txt_osaka_date.png) no-repeat left center;
background-size: auto 32px;
}
#city .cityBlock.fukuoka dl dt .date{
background: url(../img/txt_fukuoka_date.png) no-repeat left center;
background-size: auto 32px;
}
#city .cityBlock dl dt .venue{
margin: 5px 0 0 0;
font-size: 1.8rem;
line-height: 1.4;
}
#city .cityBlock dl dd .ticketBlock{
margin: 24px 0 24px 0;
}
#city .cityBlock dl dd .ticketBlock p{
font-size: 2.1rem;
line-height: 1.4;
}
#city .cityBlock dl dd .ticketBlock p span{
margin-left: 0;
margin-top: 0;
padding-top: 0;
font-size: 1.2rem;
}
#city .cityBlock dl dd .ticketBlock a{
margin: 5px 0 0 0;
border: 2px solid #ffffff;
font-size: 2.5rem;
line-height: 54px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
#city .cityBlock.tokyo dl dd .ticketBlock a{
background: url(../img/arr_r_w.svg) no-repeat right 16px center;
background-size: auto 10px;
background-color: #ff1e00;
}
#city .cityBlock dl dd .ticketBlock a span{
display: inline-block;
}
#city .cityBlock dl dd .infoBlock{
display: block;
margin: 5px 0 0 0;
text-align: center;
}
#city .cityBlock dl dd .infoBlock a{
font-size: 2.5rem;
line-height: 54px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
#city .cityBlock.tokyo dl dd .infoBlock a{
background: url(../img/arr_r_tokyo.svg) no-repeat right 16px center;
background-size: auto 10px;
background-color: #ffffff;
}

#city .cityBlock dl dd .infoBlock a.nolink{
margin-top: 24px;
font-size: 2rem;
line-height: 54px;
}


/* livestanger */
#livestanger{
padding: 54px 2.5vw 84px 2.5vw;
}
#livestanger h2{
}
#livestanger h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 15px;
}
#livestanger p.txt{
margin: 24px 0 0 0;
text-align: left;
}
#livestanger .col3.stanger{
margin: 36px 0 0 0;
}
#livestanger .col3.stanger li{
}
#livestanger .col3.stanger li p{
margin: 0 0 16px 0;
font-size: 1.5rem;
}


/* movie */
#movie{
background-color: #ffffff;
}
#movie .movieBlock{
padding: 24px 0 24px 0;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
#movie .movieBlock .movieContent{
width: 84%;
margin-left: calc(8% - 2.5vw);
}


/* news */
#news{
margin-bottom: -60px;
padding: 64px 2.5vw 92px 2.5vw;
position: relative;
top: -60px;
}
#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));
}



/* overlay */
#overlay{
}
#overlayClose{
width: 60px;
height: 60px;
background: url(../img/close.svg) no-repeat center center;
background-size: contain;
top: 10px;
right: 10px;
}
#overlay .movieBlock{
width: 90%;
padding: 7px;
}


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