/* 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: 2.5vw;
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: #1877a9;
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.fukuoka a{
background: url(../img/arr_r_w.svg) no-repeat right 30px center;
background-size: auto 10px;
background-color: #00aa6c;
}
#main.visual.last .mainBtnList ul li.fukuoka a span{
font-size: 80%;
}

#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{
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:54%;
height: calc(100% - 15px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 15px;
}
.mainImg .mainImgRight{
width: calc(46% - 6px);
height: calc(100% - 15px);
display: block;
margin-top: 15px;
}

.mainImg .mainImgLeftL{
width:48%;
height:60%;
display: block;
background:url(../img/main/takatoshi.jpg) no-repeat center top;
background-size: cover;
background-color:#0282c3;
position: relative;
top:40%;
}
.mainImg .mainImgLeftR{
width:calc(52% - 6px);
height: 100%;
display: block;
}
.mainImg .mainImgLeftR1{
width:100%;
height:36%;
display: block;
background:url(../img/main/yasutomo.jpg) no-repeat center top;
background-size: cover;
background-color:#0284c2;
}
.mainImg .mainImgLeftR2{
width:100%;
height:20%;
display: block;
margin-top: 6px;
background:url(../img/main/takoyaki.jpg) no-repeat center center;
background-size: cover;
background-color:#0080c1;
}
.mainImg .mainImgLeftR3{
width:100%;
height:calc(44% - 12px);
display: block;
margin-top: 6px;
background:url(../img/main/hanadai.jpg) no-repeat center top;
background-size: cover;
background-color:#028dcb;
}

.mainImg .mainImgRightTop{
width: 100%;
height: 42%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainImg .mainImgRightTop1{
width:30%;
height:100%;
display: block;
background:url(../img/main/popcorn.jpg) no-repeat center top;
background-size: cover;
background-color:#028fcd;
}
.mainImg .mainImgRightTop2{
width:calc(70% - 6px);
height:91%;
display: block;
background:url(../img/main/kamaitachi.jpg) no-repeat center top;
background-size: cover;
background-color:#0091ce;
position: relative;
top: 9%;
}
.mainImg .mainImgRightBottom{
width: 100%;
height: calc(58% - 6px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 6px;
position: relative;
}
.mainImg .mainImgRightBottomL{
width:50%;
height:100%;
display: block;
background:url(../img/main/nakagawake.jpg) no-repeat center top;
background-size: cover;
background-color:#018ccb;
}
.mainImg .mainImgRightBottomR{
width:calc(50% - 6px);
height:100%;
display: block;
}
.mainImg .mainImgRightBottomR1{
width:100%;
height:45%;
display: block;
background:url(../img/main/chidori.jpg) no-repeat center top;
background-size: cover;
background-color:#018ccb;
}
.mainImg .mainImgRightBottomR2{
width:100%;
height:calc(55% - 6px);
display: block;
margin-top : 6px;
background:url(../img/main/date.svg) no-repeat center center;
background-size: contain;
background-color:#0074bd;
}
.mainImg .slash{
width:72px;
height:77px;
display: block;
background:url(../img/main/slash.svg) no-repeat center center;
background-size:contain;
position: absolute;
top: -26px;
left: -20px;
}

/* 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: #1877a9;
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 #1877a9;
}
.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: 150px;
display: block;
padding: 24px 10px 24px 10px;
font-weight: 700;
text-align: center;
background-color: #231815;
color: #ffffff;
}
.ticketList li.now dt{
background-color: #1877a9;
color: #ffffff;
}
.ticketList li dd{
width: calc(100% - 150px);
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: #fabd0f;
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: #1877a9;
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: #1877a9;
}

#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: #1877a9;
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_osaka.svg) no-repeat right 5px center;
background-size: auto 12px;
text-align: left;
}
.newsList li dd a:hover{
background: url(../img/arr_r_osaka.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 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 a{
text-decoration: underline;
}
.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;
text-decoration:none;
}


/* timetable */
#timetable{
display: block;
padding: 54px 0 72px 0;
background-color: #1877a9;
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: #1877a9;
color: #ffffff;
}

/* banner */
#banner{
display: block;
padding: 0 0 54px 0;
background-color: #ffffff;
text-align: center;
}
#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 32px 0;
font-size: 2rem;
font-weight: 700;
}
.sponcerBlock{
width:920px;
display: block;
margin: 0 auto 0 auto;
}
.sponcer{
width: 100%;
display: block;
}
.sponcer li{
width: auto;
display: inline-block;
}
.sponcer li a{
display: block;
}
.sponcer.scol1 li{
margin: 0 4.5% 32px 4.5%;
}
.sponcer.scol2 li{
margin: 0 4.2% 58px 4.2%;
}
.sponcer.scol3 li{
margin: 0 3.8% 58px 3.8%;
}
.sponcer.scol4 li{
margin: 0 2.7% 45px 2.7%;
}
.sponcer.scol5 li{
margin: 0 4% 48px 4%;
}
.sponcer.scol6 li{
margin: 0 4% 35px 4%;
}
.sponcer.scol7 li{
margin: 0 3.5% 39px 3.5%;
}
.sponcer.scol8 li{
margin: 0 3.4% 0 3.4%;
}

.sponcer li:first-child{
margin-left:0;
}
.sponcer li:last-child{
margin-right:0;
}

.sponcer.scol1 li:nth-child(1){
width: 35.5%;
}
.sponcer.scol1 li:nth-child(2){
width: 17%;
}
.sponcer.scol1 li:nth-child(3){
width: 24.5%;
}

.sponcer.scol2 li:nth-child(1){
width: 16%;
}
.sponcer.scol2 li:nth-child(2){
width: 16.3%;
}
.sponcer.scol2 li:nth-child(3){
width: 16.8%;
}

.sponcer.scol3 li:nth-child(1){
width: 10.9%;
}
.sponcer.scol3 li:nth-child(2){
width: 14.1%;
}
.sponcer.scol3 li:nth-child(3){
width: 15.1%;
}
.sponcer.scol3 li:nth-child(4){
width: 17.5%;
}

.sponcer.scol4 li:nth-child(1){
width: 32.3%;
}
.sponcer.scol4 li:nth-child(2){
width: 33.8%;
}
.sponcer.scol4 li:nth-child(3){
width: 14.3%;
}

.sponcer.scol5 li:nth-child(1){
width: 11%;
}
.sponcer.scol5 li:nth-child(2){
width: 16%;
}
.sponcer.scol5 li:nth-child(3){
width: 10.3%;
}

.sponcer.scol6 li:nth-child(1){
width: 12%;
}
.sponcer.scol6 li:nth-child(2){
width: 7.3%;
}
.sponcer.scol6 li:nth-child(3){
width: 16.6%;
}
.sponcer.scol6 li:nth-child(4){
width: 6.3%;
}
.sponcer.scol6 li:nth-child(5){
width: 5.88%;
}
.sponcer.scol6 li:nth-child(6){
width: 7.3%;
}

.sponcer.scol7 li:nth-child(1){
width: 14.4%;
}
.sponcer.scol7 li:nth-child(2){
width: 8.7%;
}
.sponcer.scol7 li:nth-child(3){
width: 6%;
}
.sponcer.scol7 li:nth-child(4){
width: 13.3%;
}
.sponcer.scol7 li:nth-child(5){
width: 10.3%;
}
.sponcer.scol7 li:nth-child(6){
width: 7.1%;
}

.sponcer.scol8 li:nth-child(1){
width: 10.6%;
}
.sponcer.scol8 li:nth-child(2){
width: 6%;
}
.sponcer.scol8 li:nth-child(3){
width: 7%;
}
.sponcer.scol8 li:nth-child(4){
width: 11.3%;
}
.sponcer.scol8 li:nth-child(5){
width: 17.7%;
}
.sponcer.scol8 li:nth-child(6){
width: 8.3%;
}

.sponcer li img{
width: 100%;
height: auto;
}


/* -- */
/* -- */
/* 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 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/yasutomo.jpg) no-repeat center top;
background-size: cover;
background-color: #0284c2;
}
.mainImgSp .mainImgUnder{
width: 100%;
height: calc(75% - 4px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainImgSp .mainImgLeft{
width:36%;
height: 100%;
display: block;
}
.mainImgSp .mainImgRight{
width: calc(64% - 4px);
height: 100%;
display: block;
}

.mainImgSp .mainImgLeft1{
width:100%;
height:44%;
display: block;
background:url(../img/main/takatoshi.jpg) no-repeat center top;
background-size: cover;
background-color:#0282c3;
}
.mainImgSp .mainImgLeft2{
width:100%;
height:24%;
display: block;
margin-top: 4px;
background:url(../img/main/hanadai.jpg) no-repeat center top;
background-size: cover;
background-color:#028dcb;
}
.mainImgSp .mainImgLeft3{
width:100%;
height:calc(32% - 8px);
display: block;
margin-top: 4px;
background:url(../img/main/date.svg) no-repeat center center;
background-size: cover;
background-color:#0074bd;
}

.mainImgSp .mainImgRight1,
.mainImgSp .mainImgRight2{
width:100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mainImgSp .mainImgRight1{
height:35%;
}
.mainImgSp .mainImgRight2{
height:calc(65% - 4px);
margin-top: 4px;
}

.mainImgSp .mainImgRight1L{
width:30%;
height:100%;
display: block;
background:url(../img/main/popcorn.jpg) no-repeat center top;
background-size: cover;
background-color:#028fcd;
}
.mainImgSp .mainImgRight1R{
width:calc(70% - 4px);
height:100%;
display: block;
background:url(../img/main/kamaitachi.jpg) no-repeat center top;
background-size: cover;
background-color:#0091ce;
}
.mainImgSp .mainImgRight2L,
.mainImgSp .mainImgRight2R{
height: 100%;
display: block;
}
.mainImgSp .mainImgRight2L{
width: 48%;
position: relative;
}
.mainImgSp .mainImgRight2R{
width:calc(52% - 4px);
}

.mainImgSp .mainImgRight2L1{
width:100%;
height:67%;
display: block;
background:url(../img/main/nakagawake.jpg) no-repeat center top;
background-size: cover;
background-color:#018ccb;
}
.mainImgSp .mainImgRight2L2{
width:100%;
height:calc(33% - 4px);
display: block;
margin-top: 4px;
background:url(../img/main/takoyaki.jpg) no-repeat center center;
background-size: cover;
background-color:#018ccb;
}

.mainImgSp .mainImgRight2R1{
width:100%;
height:30%;
display: block;
background:url(../img/main/foot.jpg) no-repeat center bottom;
background-size: cover;
background-color:#0074bd;
}
.mainImgSp .mainImgRight2R2{
width:100%;
height:calc(70% - 4px);
display: block;
margin-top: 4px;
background:url(../img/main/chidori.jpg) no-repeat center top;
background-size: cover;
background-color:#018ccb;
}

.mainImgSp .slash{
width:30px;
height:32px;
display: block;
background:url(../img/main/slash.svg) no-repeat center center;
background-size:contain;
position: absolute;
top: -7px;
left: -12px;
}


/* 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 #1877a9;
}
.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.4rem;
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.3rem;
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_osaka.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 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;
}

/* 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: #1877a9;
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{
width:auto;
}
.sponcer{
}
.sponcer li{
width: auto;
display: inline-block;
}
.sponcer li a{
display: block;
}
.sponcer.scol1 li{
margin: 0 7% 4px 7%;
}
.sponcer.scol1 li:nth-child(1),
.sponcer.scol1 li:nth-child(3){
margin: 0 0 4px 0;
}
.sponcer.scol2 li{
margin: 0 3.8% 15px 3.8%;
}
.sponcer.scol2 li:nth-child(1){
margin: 0 3.8% 15px 0;
}
.sponcer.scol2 li:nth-child(3){
margin: 0 0 15px 3.8%;
}
.sponcer.scol3 li{
margin: 0 5% 12px 5%;
}
.sponcer.scol3 li:nth-child(1){
margin: 0 5% 10px 0;
}
.sponcer.scol3 li:nth-child(4){
margin: 0 0 10px 5%;
}
.sponcer.scol4 li{
margin: 0 2.7% 10px 2.7%;
}
.sponcer.scol4 li:nth-child(1){
margin: 0 2.7% 12px 0;
}
.sponcer.scol4 li:nth-child(3){
margin: 0 0 12px 2.7%;
}
.sponcer.scol5 li{
margin: 0 4% 15px 4%;
}
.sponcer.scol5 li:nth-child(1){
margin: 0 4% 15px 0;
}
.sponcer.scol5 li:nth-child(3){
margin: 0 0 15px 4%;
}
.sponcer.scol6 li{
margin: 0 3% 12px 3%;
}
.sponcer.scol6 li:nth-child(1){
margin: 0 3% 12px 0;
}
.sponcer.scol6 li:nth-child(6){
margin: 0 0 12px 3%;
}
.sponcer.scol7 li{
margin: 0 3% 14px 3%;
}
.sponcer.scol7 li:nth-child(1){
margin: 0 3% 14px 0;
}
.sponcer.scol7 li:nth-child(6){
margin: 0 0 14px 3%;
}
.sponcer.scol8 li{
margin: 0 3% 0 3%;
}
.sponcer.scol8 li:nth-child(1){
margin: 0 3% 0 0;
}
.sponcer.scol8 li:nth-child(6){
margin: 0 0 0 3%;
}


.sponcer.scol1 li:nth-child(1){
width: 32%;
height: auto;
}
.sponcer.scol1 li:nth-child(2){
width: 15%;
height: auto;
}
.sponcer.scol1 li:nth-child(3){
width: 22%;
height: auto;
}
.sponcer.scol2 li:nth-child(1){
width: 13.6%;
height: auto;
}
.sponcer.scol2 li:nth-child(2){
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: 10.9%;
}
.sponcer.scol3 li:nth-child(2){
width: 14.1%;
}
.sponcer.scol3 li:nth-child(3){
width: 15.1%;
}
.sponcer.scol3 li:nth-child(4){
width: 17.5%;
}

.sponcer.scol4 li:nth-child(1){
width: 32.3%;
}
.sponcer.scol4 li:nth-child(2){
width: 33.8%;
}
.sponcer.scol4 li:nth-child(3){
width: 14.3%;
}

.sponcer.scol5 li:nth-child(1){
width: 11%;
}
.sponcer.scol5 li:nth-child(2){
width: 16%;
}
.sponcer.scol5 li:nth-child(3){
width: 10.3%;
}

.sponcer.scol6 li:nth-child(1){
width: 12%;
}
.sponcer.scol6 li:nth-child(2){
width: 7.3%;
}
.sponcer.scol6 li:nth-child(3){
width: 16.6%;
}
.sponcer.scol6 li:nth-child(4){
width: 6.3%;
}
.sponcer.scol6 li:nth-child(5){
width: 5.88%;
}
.sponcer.scol6 li:nth-child(6){
width: 7.3%;
}

.sponcer.scol7 li:nth-child(1){
width: 14.4%;
}
.sponcer.scol7 li:nth-child(2){
width: 8.7%;
}
.sponcer.scol7 li:nth-child(3){
width: 6%;
}
.sponcer.scol7 li:nth-child(4){
width: 13.3%;
}
.sponcer.scol7 li:nth-child(5){
width: 10.3%;
}
.sponcer.scol7 li:nth-child(6){
width: 7.1%;
}

.sponcer.scol8 li:nth-child(1){
width: 10.6%;
}
.sponcer.scol8 li:nth-child(2){
width: 6%;
}
.sponcer.scol8 li:nth-child(3){
width: 7%;
}
.sponcer.scol8 li:nth-child(4){
width: 11.3%;
}
.sponcer.scol8 li:nth-child(5){
width: 17.7%;
}
.sponcer.scol8 li:nth-child(6){
width: 8.3%;
}

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


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