.sp_br2{
display: none;
}

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

#main h2{
width: 100%;
height: calc(100vh - 2.5vw - 80px);
display: block;
background: url(../img/main.svg) no-repeat center top 35%;
background-size: 95% auto;
text-indent: -9999px;
}

#main.visual h2{
width: 26%;
height: 0;
display: block;
padding-top: calc((100vh - 5vw - 80px)*40/100 + 20px);
background: url(../img/logo.svg) no-repeat center center;
background-size: contain;
position: absolute;
top: -20px;
left: 1%;
overflow: hidden;
}

#main.visual.last{
width: calc(100% - 5vw);
height: calc(100vh - 5vh - 120px);
margin: 20px 2.5vw 30px 2.5vw;
background: url(../img/ending10.jpg) no-repeat center center;
background-color: #ffffff;
background-size: cover;
position: relative;
}

#main.visual.last h2{
width: 100%;
height: calc((100vh - 5vh - 120px)*0.25);
display: block;
margin: 0 0 0 0;
padding: 0;
background: url(../img/txt_ending.png) no-repeat center center;
background-size: contain;
position: relative;
top: 20px;
left: auto;
}

#main.visual.last .mainBtnList{
width: 100%;
display: block;
position: absolute;
bottom: 15px;
left: 0;
text-align: center;
}
#main.visual.last .mainBtnList ul{
width: 67%;
display: block;
margin: 0 auto 0 auto;
}
#main.visual.last .mainBtnList ul li{
display: block;
margin: 10px 0 0 0;
}
#main.visual.last .mainBtnList ul li a{
display: block;
background: url(../img/arr_r_w.svg) no-repeat right 30px center;
background-size: auto 10px;
background-color: #e94630;
line-height: 5vh;
border: 4px solid #d5d5d5;
border-radius: 2.5vh;
color: #ffffff;
font-size: 2rem;
font-weight: 700;
}

#main.visual.last .mainBtnList ul li.osaka a{
background: url(../img/arr_r_w.svg) no-repeat right 30px center;
background-size: auto 10px;
background-color: #1877a9;
}

#main.visual.last .mainBtnList ul li.dvdBanner a{
padding: 0;
background: none;
border: none;
border-radius: 0;
}
#main.visual.last .mainBtnList ul li.dvdBanner a img{
width: auto;
max-width: 100%;
height: 100%;
max-height: 150px;
}

/* main Poster */
.mainImg{
width: 88vw;
height: calc(100vh - 5vw - 80px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto 2.5vw auto;
}
.mainImgSp{
display: none;
}
.mainImg .mainImgLeft{
width: calc(78% - 6px);
display: block;
}
.mainImg .mainImgLeftTop{
width: 100%;
height: calc((100vh - 5vw - 80px)*40/100);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainImg .mainImgLeftTop1{
width: 44%;
height: calc(100% -15px);
display: block;
margin-top: 15px;
margin-left: calc(30% + 6px);
background:url(../img/main/chidori.jpg) no-repeat center top;
background-size: cover;
background-color: #ed4125;
}
.mainImg .mainImgLeftTop2{
width: calc(26% - 12px);
height: calc(100% -15px);
display: block;
margin-top: 15px;
background:url(../img/main/hanadai.jpg) no-repeat center top;
background-size: cover;
background-color: #df351f;
}
.mainImg .mainImgLeftBottom{
width: 100%;
height: calc((100vh - 5vw - 80px)*60/100 - 6px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 10px;
position: relative;
}
.mainImg .mainImgLeftBottom1{
width: 30%;
height: 100%;
display: block;
background:url(../img/main/kamaitachi.jpg) no-repeat center top;
background-size: cover;
background-color: #f3462d;
}
.mainImg .mainImgLeftBottom2{
width: 30%;
height: 100%;
display: block;
background:url(../img/main/nakagawake.jpg) no-repeat center top;
background-size: cover;
background-color: #f0462f;
}
.mainImgLeftBottom3{
width: calc(40% - 12px);
height: 100%;
display: block;
}
.mainImg .mainImgLeftBottom3T{
width: 100%;
height: 28%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainImg .mainImgLeftBottom3T1{
width: calc(65% - 6px);
height: 100%;
display: block;
background:url(../img/main/foot.jpg) no-repeat center bottom;
background-size: cover;
background-color: #f04128;
}
.mainImg .mainImgLeftBottom3T2{
width: 35%;
height: 100%;
display: block;
background:url(../img/main/popcorn.jpg) no-repeat center top;
background-size: cover;
background-color: #ff513d;
}
.mainImg .mainImgLeftBottom3B{
width: 100%;
height: calc(72% - 6px);
display: block;
margin-top: 6px;
background:url(../img/main/yasutomo.jpg) no-repeat center top;
background-size: cover;
background-color: #e73f24;
}
.mainImg .slash{
width:56px;
height:54px;
display: block;
background:url(../img/main/slash.svg) no-repeat center center;
background-size:contain;
position: absolute;
top: 26%;
right: -20px;
}
.mainImg .mainImgRight{
width: 22%;
}
.mainImg .mainImgRight1{
width: 100%;
height: calc(50% - 28px);
display: block;
margin-top: 50px;
background:url(../img/main/takatoshi.jpg) no-repeat center top;
background-size: cover;
background-color: #f1412d;
}
.mainImg .mainImgRight2{
width: 100%;
height: calc(50% - 28px);
display: block;
margin-top: 6px;
background:url(../img/main/date.svg) no-repeat center center;
background-size: contain;
background-color: #ff6241;
}

/* right bottom button */
.wantBtn{
display: block;
text-align: center;
line-height: 1.2;
position: absolute;
bottom: 20px;
right: 2.5vw;
}
.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;
}


/* 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;
transform:rotate(-2deg);
}
#catch .statementTxt p{
display: block;
margin: 24px 0 0 0;
}
#catch .statementTxt p span{
display: block;
font-size: 4rem;
}

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

#ticket h3{
display: inline-block;
margin: 42px auto 0 auto;
font-size: 3.2rem;
text-align: center;
}

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

.ticketList{
width: 880px;
display: block;
margin: 24px auto 0 auto;
}
.ticketList li{
display: block;
margin: 12px 0 0 0;
padding: 0 15px 0 0;
background-color: #ffffff;
border: 4px solid #231815;
}
.ticketList li.now{
padding: 0 15px 0 0;
background-color: #ffffff;
border: 4px solid #e94630;
}
.ticketList li:first-child{
margin: 0 0 0 0;
}
.ticketList li dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ticketList li dt{
width: 160px;
display: block;
padding: 24px 10px 24px 10px;
font-weight: 700;
text-align: center;
background-color: #231815;
color: #ffffff;
}
.ticketList li.now dt{
background-color: #e94630;
color: #ffffff;
}
.ticketList li dd{
width: calc(100% - 160px);
display: block;
padding: 24px 0 24px 15px;
font-size: 1.8rem;
font-weight: 500;
text-align: left;
}
.ticketList li dd p{
display: inline-block;
float: right;
margin-left: 20px;
font-size: 1.4rem;
font-weight: 400;
text-align: left;
}
.ticketList li dd span{
width: 42px;
height: 42px;
display: inline-block;
border-radius: 21px;
margin-right: 10px;
font-size: 1.5rem;
font-weight: 700;
line-height: 42px;
text-align: center;
background-color: #e94630;
color: #ffffff;
}

.ticketList li.now dd{
color: #231815;
}

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

#ticket .btn{
width: 460px;
display: block;
margin: 42px auto 0 auto;
text-align: center;
}
#ticket .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: 4px solid #231815;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
#ticket .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;
}


/* cast */
#cast{
display: block;
margin: 0;
padding: 54px 2.5vw 122px 2.5vw;
background-color: #ffffff;
text-align: center;
}
#cast h2{
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
color: #e94630;
position: relative;
z-index: 5000;
letter-spacing: 0.5px;
}
#cast h2 span{
background: url(../img/bar_tit2.png) no-repeat center bottom;
background-size: 100% 20px;
}
#cast p.txt{
display: block;
margin: 24px 0 0 0;
}
#cast .col3.stanger{
margin: 36px 0 0 0;
}
#cast.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;
}
#cast .col3.stanger li img{
width: 100%;
height: auto;
}
#cast .col3.stanger li p{
display: block;
margin: 0 0 16px 0;
font-size: 1.8rem;
font-weight: 700;
font-style: italic;
line-height: 1;
}

#cast h3{
display: inline-block;
margin: 12px auto 0 auto;
padding: 0;
text-align: center;
position: relative;
font-size: 3.2rem;
z-index: 5000;
letter-spacing: 0.5px;
}
#cast h3 span{
background: url(../../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 20px;
}

.castComing{
display: block;
margin: 32px 0 0 0;
font-size: 3.6rem;
font-weight: 700;
color: #e94630;
}

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

#cast .btn{
width: 460px;
display: block;
margin: 42px auto 0 auto;
text-align: center;
}
#cast .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: 4px solid #231815;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
#cast .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;
}


/* movie */
#movie{
display: block;
margin: 0;
padding: 0;
background: linear-gradient( 180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%);
position: relative;
}
#movie .movieBlock{
width: calc(100% - 5vw);
display: block;
margin: 0 0 0 5vw;
padding: 32px 0 32px 0;
background-color: #e94630;
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: 42px 0 54px 0;
background: url(../img/bg_news.png) no-repeat right 2.5vw top 20px;
background-color: #eaeaea;
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 2.5vw 0 2.5vw;
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_tokyo.svg) no-repeat right 5px center;
background-size: auto 12px;
text-align: left;
}
.newsList li dd a:hover{
background: url(../img/arr_r_tokyo.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;
}


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

.aboutList{
width: 880px;
display: block;
margin: 42px auto 0 auto;
padding: 0 0 22px 0;
border-bottom: 2px solid #231815;
}
.aboutList li{
display: block;
margin: 22px 0 0 0;
padding: 22px 5px 0 5px;
border-top: 2px solid #231815;
}
.aboutList li:first-child{
margin: 0 0 0 0;
}
.aboutList li dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.aboutList li dt{
width: 120px;
display: block;
font-weight: 900;
text-align: left;
}
.aboutList li dd{
width: calc(100% - 120px);
display: block;
font-weight: 700;
text-align: left;
}
.aboutList li dd span{
display: inline-block;
margin-left: 20px;
font-size: 1.5rem;
font-weight: 400;
text-align: left;
}
.aboutList 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;
}

.mapEmbed{
width: 880px;
display: block;
margin: 24px auto 0 auto;
padding: 10px;
background-color: #ffffff;
}
.mapEmbed iframe{
width: 100%;
height: 520px;
}
.acctxt{
display: block;
margin: 24px 0 0 0;
}
.acctxt strong{
font-size: 115%;
}
#about .btn{
width: 460px;
display: block;
margin: 42px auto 0 auto;
text-align: center;
}
#about .btn a{
display: block;
background: url(../img/ico_outlink_black.png) no-repeat right 20px center;
background-size: auto 22px;
background-color: #ffffff;
color: #231815;
border: 4px solid #231815;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}
#about .btn a:hover{
background: url(../img/ico_outlink_black.png) no-repeat right 20px center;
background-size: auto 22px;
background-color: #ffffff;
filter: drop-shadow(1px 2px 0 rgba(35,24,21,1));
transition: all 0.2s;
}

/* timetable */
#timetable{
display: block;
padding: 54px 0 72px 0;
background-color: #e94630;
text-align: center;
color: #ffffff;
}
#timetable h2 span{
background: url(../img/bar_tit2.png) no-repeat center bottom;
background-size: 100% 20px;
}
#timetable .txt{
display: block;
margin: 32px 0 0 0;
}
#timetable .timetableBtn li a{
background: url(../img/arr_r.svg) no-repeat right 10px center;
background-size: auto 8px;
background-color: #ffffff;
color: #231815;
}
#timetable .timetableBtn li a:hover{
background: url(../img/arr_r_w.svg) no-repeat right 10px center;
background-size: auto 8px;
background-color: #e94630;
color: #ffffff;
}

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



/* cooperate */
#cooperate{
display: block;
padding: 0 0 122px 0;
background-color: #ffffff;
text-align: center;
}

.patron{
display: block;
padding: 72px 0 0 0;
font-size: 1.8rem;
}
.patron dt{
display: block;
font-size: 2rem;
font-weight: 700;
}
.patron dd{
display: block;
margin: 16px 0 0 0;
}


h4.sponcerTit{
display: block;
padding: 72px 0 24px 0;
font-size: 2rem;
font-weight: 700;
}
.sponcerBlock{
display: block;
}
.sponcer{
width: auto;
display: inline-block;
}
.sponcer li{
width: auto;
display: inline-block;
}
.sponcer li a{
display: block;
}
.sponcer.scol1 li{
margin: 0 62px 38px 62px;
}
.sponcer.scol2 li{
margin: 0 39px 54px 39px;
}
.sponcer.scol3 li{
margin: 0 51px 0 51px;
}
.sponcer.scol1 li img{
width: auto;
height: 105px;
}
.sponcer.scol2 li img{
width: auto;
height: 86px;
}
.sponcer.scol3 li img{
width: auto;
height: 68px;
}

/* message */
#message{
display: block;
padding: 40px 0 54px 0;
background-color: #ffd879;
background:linear-gradient( -90deg, rgb(255,107,225) 0%, rgb(255,64,74) 50%, rgba(255,216,120,0.99608) 100%);
}
#message h4{
display: block;
padding: 32px 0 0 0;
background: url(../img/fanycf.svg) no-repeat center top;
background-size: auto 21px;
font-size: 2.2rem;
font-weight: 700;
color: #ffffff;
text-align: center;
}
#message .messageTxt{
width: 1000px;
height: 0;
display: block;
margin: 48px auto 0 auto;
padding: 19.7% 0 0 0;
background: url(../img/message.png) no-repeat center top;
background-size: contain;
overflow: hidden;
}


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



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

#main h2{
width: 100%;
height: calc(100vh - 2.5vw - 116px);
display: block;
background: url(../img/main_sp.svg) no-repeat center top 43%;
background-size: 95% auto;
text-indent: -9999px;
}

#main.visual h2{
width: 45%;
height: 0;
display: block;
padding-top: calc((100vh - 5vh - 116px)*25/100);
background: url(../img/logo.svg) no-repeat center center;
background-size: contain;
position: absolute;
top: -15px;
left: 1.2%;
overflow: hidden;
}

#main.visual.last{
width: calc(100% - 5vw);
height: calc(100vh - 5vh - 176px);
margin: 30px 2.5vw 40px 2.5vw;
background: url(../img/ending10.jpg) no-repeat center bottom;
background-color: #ffffff;
background-size: cover;
position: relative;
}

#main.visual.last h2{
width: 100%;
height: calc((100vh - 5vh - 120px)*0.25);
display: block;
margin: 0 0 0 0;
padding: 0;
background: url(../img/txt_ending_sp.png) no-repeat center center;
background-size: contain;
position: relative;
top: 10px;
left: auto;
}

#main.visual.last .mainBtnList{
width: 100%;
bottom: 15px;
left: 0;
}
#main.visual.last .mainBtnList ul{
width: 95%;
margin: 0 auto 0 auto;
}
#main.visual.last .mainBtnList ul li{
margin: 10px 0 0 0;
}
#main.visual.last .mainBtnList ul li a{
padding: 3px 20px 3px 20px;
background: url(../img/arr_r_w.svg) no-repeat right 10px center;
background-size: auto 7px;
background-color: #e94630;
line-height: 1.2;
border: 3px solid #d5d5d5;
border-radius: 15px;
font-size: 1.4rem;
}

#main.visual.last .mainBtnList ul li.osaka a{
background: url(../img/arr_r_w.svg) no-repeat right 10px center;
background-size: auto 7px;
background-color: #1877a9;
}

#main.visual.last .mainBtnList ul li.dvdBanner a{
padding: 0;
background: none;
border: none;
border-radius: 0;
}
#main.visual.last .mainBtnList ul li.dvdBanner a img{
width: 100%;
height: auto;
}

/* main Poster */
.mainImg{
display: none;
}
.mainImgSp{
width: 88vw;
height: calc(100vh - 5vh - 116px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 2.5vh auto 2.5vh auto;
margin-top: calc(2.5vh + 14px);
}
.mainImgSp .mainImgTop{
width: 56%;
height: 25%;
display: block;
margin-left: 44%;
background:url(../img/main/chidori.jpg) no-repeat center top;
background-size: cover;
background-color: #ed4125;
}
.mainImgSp .mainImgUnder{
width: 100%;
height: calc(75% - 4px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainImgSp .mainImgLeft{
width: 65%;
height: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainImgSp .mainImgLeft1{
width: 100%;
height: 45%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainImgSp .mainImgLeft1L{
width: 50%;
height: 100%;
display: block;
background:url(../img/main/kamaitachi.jpg) no-repeat center top;
background-size: cover;
background-color: #f3462d;
}
.mainImgSp .mainImgLeft1R{
width: calc(50% - 4px);
height: 100%;
display: block;
background:url(../img/main/nakagawake.jpg) no-repeat center top;
background-size: cover;
background-color: #f0462f;
}
.mainImgSp .mainImgLeft2{
width: 100%;
height: 21%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 4px;
}
.mainImgSp .mainImgLeft2L{
width: 65%;
height: 100%;
display: block;
background:url(../img/main/foot.jpg) no-repeat center bottom;
background-size: cover;
background-color: #f04128;
}
.mainImgSp .mainImgLeft2R{
width: calc(35% - 4px);
height: 100%;
display: block;
background:url(../img/main/popcorn.jpg) no-repeat center top;
background-size: cover;
background-color: #ff513d;
}
.mainImgSp .mainImgLeft3{
width: 100%;
height: calc(34% - 8px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 4px;
position: relative;
}
.mainImgSp .mainImgLeft3L{
width: 30%;
height: 100%;
display: block;
background:url(../img/main/tower.jpg) no-repeat center top;
background-size: cover;
background-color: #f1442d;
}
.mainImgSp .mainImgLeft3R{
width: calc(70% - 4px);
height: 100%;
display: block;
background:url(../img/main/yasutomo.jpg) no-repeat center top;
background-size: cover;
background-color: #e73f24;
}
.mainImgSp .mainImgRight{
width: calc(35% - 4px);
height: 100%;
display: block;
}
.mainImgSp .mainImgRight1{
width: 100%;
height: 35%;
display: block;
background:url(../img/main/hanadai.jpg) no-repeat center top;
background-size: cover;
background-color: #df351f;
}
.mainImgSp .mainImgRight2{
width: 100%;
height: 32%;
display: block;
margin-top: 4px;
background:url(../img/main/takatoshi.jpg) no-repeat center top;
background-size: cover;
background-color: #f1412d;
}
.mainImgSp .mainImgRight3{
width: 100%;
height: calc(33% - 8px);
display: block;
margin-top: 4px;
background:url(../img/main/date.svg) no-repeat center center;
background-size: contain;
background-color: #ff6241;
}
.mainImgSp .slash{
width:28px;
height:27px;
display: block;
background:url(../img/main/slash.svg) no-repeat center center;
background-size:contain;
position: absolute;
top: -17px;
right: -16px;
}

/* right bottom button */
.wantBtn{
width: calc(100% - 5vw);
margin: 0;
bottom: 8px;
right: 2.5vw;
box-sizing: border-box;
}
.wantBtn a{
display: block;
padding: 8px 30px 8px 10px;
background:url(../img/arr_r.svg) no-repeat right 10px center;
background-size: 12px auto;
background-color: #ffffff;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.2;
text-align: center;
box-sizing: border-box;
}
.wantBtn a span{
display: block;
margin: 5px 0 0 0;
font-size: 1.1rem;
}



/* catch */
#catch{
margin: 42px 0 0 0;
padding: 36px 2.5vw 72px 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;
}


/* ticket */
#ticket{
padding: 54px 2.5vw 72px 2.5vw;
}
#ticket h2{
}
#ticket h2 span{
background: url(../img/bar_tit2.png) no-repeat center bottom;
background-size: 100% 15px;
}
#ticket h3{
margin: 42px auto 0 auto;
font-size: 2.2rem;
}

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

.ticketList{
width: auto;
margin: 24px auto 0 auto;
}
.ticketList li{
margin: 12px 0 0 0;
padding: 0 0 0 0;
background-color: #ffffff;
border: 3px solid #231815;
}
.ticketList li.now{
padding: 0 0 0 0;
border: 3px solid #e94630;
}
.ticketList li:first-child{
}
.ticketList li dl{
display: block;
}
.ticketList li dt{
width: auto;
display: block;
padding: 10px 5px 10px 5px;
}
.ticketList li.now dt{
}
.ticketList li dd{
width: auto;
display: block;
padding: 12px 5px 12px 5px;
font-size: 1.6rem;
}
.ticketList li dd p{
display: block;
float: none;
margin-left: 0;
margin-top: 10px;
font-size: 1.4rem;
font-weight: 400;
text-align: left;
}
.ticketList li dd span{
width: 30px;
height: 30px;
display: inline-block;
border-radius: 15px;
margin-right: 8px;
font-size: 1.1rem;
line-height: 30px;
}
.ticketList li.now dd{
}


#ticket .btn{
width: 95%;
margin: 42px auto 0 auto;
}
#ticket .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));
}



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

#cast h3{
display: inline-block;
margin: 12px auto 0 auto;
padding: 0;
text-align: center;
position: relative;
font-size: 2.3rem;
z-index: 5000;
letter-spacing: 0.5px;
}
#cast h3 span{
background: url(../../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 15px;
}

.castComing{
margin: 32px 0 0 0;
font-size: 1.9rem;
}

#cast .andmore{
margin: 24px 0 0 0;
font-size:4rem;
line-height: 1.3;
}

#cast .btn{
width: 95%;
margin: 42px auto 0 auto;
}
#cast .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));
}



/* movie */
#movie{
background: linear-gradient( 180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%);
}
#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: 42px 0 0 0;
padding: 42px 0 54px 0;
background: url(../img/bg_news.png) no-repeat right 2.5vw top 10px;
background-size: 90vw auto;
background-color: #eaeaea;
text-align: center;
}
#news h2{
}
#news h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 15px;
}
.newsList{
margin: 32px 2.5vw 0 2.5vw;
padding: 0 0 18px 0;
border-bottom: 2px solid #231815;
}
.newsList li{
margin: 18px 0 0 0;
padding: 18px 0 0 0;
border-top: 2px solid #231815;
}
.newsList li:first-child{
}
.newsList li dl{
}
.newsList li dt{
padding: 0 2px 0 2px;
}
.newsList li dt span{
display: inline-block;
margin-left: 15px;
}
.newsList li dd{
}
.newsList li dd a{
padding-right: 36px;
background: url(../img/arr_r_tokyo.svg) no-repeat right center;
background-size: auto 10px;
}

#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.3rem;
line-height: 54px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}


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

.aboutList{
width: auto;
margin: 42px 2.5vw 0 2.5vw;
padding: 0 0 18px 0;
border-bottom: 2px solid #231815;
}
.aboutList li{
margin: 18px 0 0 0;
padding: 18px 2px 0 2px;
border-top: 2px solid #231815;
}
.aboutList li:first-child{
}
.aboutList li dl{
display: block;
}
.aboutList li dt{
width: auto;
}
.aboutList li dd{
width: auto;
margin-top: 4px;
}
.aboutList li dd span{
display: block;
margin-left: 0;
font-size: 1.2rem;
font-weight: 400;
}
.aboutList li dd span a.accessBtn{
margin-left: 8px;
padding: 2px 10px 2px 10px;
font-size: 1.1rem;
border: 1px solid #231815;
border-radius: 8px;
}

.mapEmbed{
width: auto;
margin: 16px 2.5vw 0 2.5vw;
padding: 5px;
box-sizing: border-box;
}
.mapEmbed iframe{
width: 100%;
height: 420px;
}
.acctxt{
margin: 16px 2.5vw 0 2.5vw;
text-align: left;
}

#about .btn{
width: 95%;
margin: 32px auto 0 auto;
}
#about .btn a{
background: url(../img/ico_outlink_black.png) no-repeat right 16px center;
background-size: auto 22px;
background-color: #ffffff;
font-size: 2.5rem;
line-height: 62px;
}
#about .btn a:hover{
background: url(../img/ico_outlink_black.png) no-repeat right 16px center;
background-size: auto 22px;
background-color: #ffffff;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}

/* timetable */
#timetable{
padding: 54px 0 72px 0;
}
#timetable h2 span{
background: url(../img/bar_tit2.png) no-repeat center bottom;
background-size: 100% 15px;
}
#timetable .txt{
margin: 32px 0 0 0;
text-align: left;
}
#timetable .timetableBtn li a{
background: url(../img/arr_r.svg) no-repeat right 10px center;
background-size: auto 8px;
background-color: #ffffff;
color: #231815;
font-size: 1.7rem;
}
#timetable .timetableBtn li a:hover{
background: url(../img/arr_r_w.svg) no-repeat right 10px center;
background-size: auto 8px;
background-color: #e94630;
color: #ffffff;
}

/* cooperate */
#cooperate{
padding: 0 0 92px 0;
}

.patron{
padding: 54px 0 0 0;
font-size: 1.6rem;
}
.patron dt{
font-size: 2rem;
}
.patron dd{
margin: 12px 0 0 0;
}

h4.sponcerTit{
padding: 54px 0 16px 0;
font-size: 2rem;
}
.sponcerBlock{
}
.sponcer{
}
.sponcer li{
width: auto;
display: inline-block;
}
.sponcer li a{
display: block;
}
.sponcer.scol1 li{
margin: 0 11% 20px 11%;
}
.sponcer.scol1 li:nth-child(1),
.sponcer.scol1 li:nth-child(3){
margin: 0 0 20px 0;
}

.sponcer.scol2 li{
margin: 0 3.8% 27px 3.8%;
}
.sponcer.scol2 li:nth-child(1){
margin: 0 3.8% 27px 0;
}
.sponcer.scol2 li:nth-child(4){
margin: 0 0 27px 3.8%;
}
.sponcer.scol3 li{
margin: 0 10% 0 10%;
}
.sponcer.scol3 li:nth-child(1),
.sponcer.scol3 li:nth-child(3){
margin: 0 0 0 0;
}

.sponcer.scol1 li:nth-child(1){
width: 16.6%;
height: auto;
}
.sponcer.scol1 li:nth-child(2){
width: 20%;
height: auto;
}
.sponcer.scol1 li:nth-child(3){
width: 15.8%;
height: auto;
}
.sponcer.scol2 li:nth-child(1){
width: 13.6%;
height: auto;
}
.sponcer.scol2 li:nth-child(2){
width: 27.8%;
height: auto;
}
.sponcer.scol2 li:nth-child(3){
width: 13.8%;
height: auto;
}
.sponcer.scol2 li:nth-child(4){
width: 12.3%;
height: auto;
}

.sponcer.scol3 li:nth-child(1){
width: 22.5%;
height: auto;
}
.sponcer.scol3 li:nth-child(2){
width: 18.9%;
height: auto;
}
.sponcer.scol3 li:nth-child(3){
width: 16%;
height: auto;
}

.sponcer.scol1 li:nth-child(1) img,
.sponcer.scol1 li:nth-child(2) img,
.sponcer.scol1 li:nth-child(3) img,
.sponcer.scol2 li:nth-child(1) img,
.sponcer.scol2 li:nth-child(2) img,
.sponcer.scol2 li:nth-child(3) img,
.sponcer.scol2 li:nth-child(4) img,
.sponcer.scol3 li:nth-child(1) img,
.sponcer.scol3 li:nth-child(2) img,
.sponcer.scol3 li:nth-child(3) img{
width: 100%;
height: auto;
}

/* message */
#message{
padding: 32px 2.5vw 42px 2.5vw;
}
#message h4{
padding: 25px 0 0 0;
background: url(../img/fanycf.svg) no-repeat center top;
background-size: auto 15px;
font-size: 2rem;
line-height: 1.4;
text-align: center;
}
#message .messageTxt{
width: auto;
max-width: 440px;
margin: 32px auto 0 auto;
padding: 69% 0 0 0;
background: url(../img/message_sp.png) no-repeat center top;
background-size: contain;
}

.sp_br2{
display: none;
}

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



@media screen and (max-width: 420px) {
.sp_br2{
display: inline;
}
}