/* header */
header .wrapper{
}
.mainVisual{
width: 100vw;
height: auto;
display: block;
}
.mainVisual img{
width: 100%;
height: auto;
}

header.slideMain{
}
header.slideMain .slideBlock{
display:block;
position:relative;
padding:0 0 0 0;
}
header.slideMain .slideBlock p{
width:100%;
display:block;
margin:0 auto 0 auto;
text-align:center;
}
header.slideMain .slideBlock p img{
display:inline-block;
width:100%;
height:auto;
}
header.slideMain .slideBlock .slider{
display:block;
}
header.slideMain .slideBlock .slider li{
width: 970px !important;
display: block;
margin:0 auto 0 auto;
padding: 0 15px 0 15px;
box-sizing: border-box;
}
header.slideMain .slideBlock .slider li img{
width: 100%;
height: auto;
}
header.slideMain .slideBlock .slick-dots li{
width: 50px !important;
padding: 0;
}

/* news */
#news{
display: block;
margin: 0 auto 0 auto;
padding: 80px 0 90px 0;
background:url(../img/bg_about.png) no-repeat center top, url(../img/bg.jpg) no-repeat center top;
background-size: 100vw auto, 100vw auto;
position: relative;
z-index: 990;
}
#news .wrapper{
display: block;
margin-top: 45px;
padding: 50px;
background: #ffffff;
border: 2px solid #d4b665;
border-radius: 10px;
}
#news h2{
height: 0;
display: block;
padding-top: 58px;
background: url(../img/tit_news.png) no-repeat center center;
background-size: contain;
position: relative;
overflow: hidden;
}

.newsList{
width: 100%;
display: block;
margin: 0 0 0 0;
}
.newsList li{
display:block;
margin: 30px 0 0 0;
padding: 30px 0 0 0;
border-top: 2px solid #cccccc;
}
.newsList li:first-child{
margin: 0;
padding: 0;
border-top: none;
}
.newsList li dl{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.newsList li dt{
width: 120px;
display: block;
text-align: left;
color: #9e0605;
}
.newsList li dd{
width: calc(100% - 120px);
display: block;
font-weight: 500;
text-align: left;
}

/* banner */
#banner{
display: none;
padding: 80px 0 80px 0;
background-color: #ffffff;
}

/* movie */
#movie{
display:block;
padding:80px 0 90px 0;
background: url(../img/bg_movie_tit.png) no-repeat center top 20px, url(../img/bg_schedule_bottom.png) no-repeat center bottom,url(../img/bg_schedule.png) no-repeat center top,url(../img/bg2.jpg) no-repeat center bottom;
background-size: 752px auto,100vw auto, 100vw auto,100vw 100%,100vw 100%;
position: relative;
z-index: 990;
}
#movie h2{
height: 0;
display: block;
padding-top: 58px;
background: url(../img/tit_movie_r.png) no-repeat center center;
background-size: contain;
position: relative;
overflow: hidden;
}
.movieBox{
width: 780px;
display: block;
margin: 32px auto 0 auto;
padding: 5px;
background-color: #ffffff;
border-radius: 5px;
text-align: center;
position: relative;
}
.movieTxt{
display: block;
margin-top: 0;
padding: 5px 15px 5px 15px;
background-color: #111111;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #ffffff;
}

/* schedule */
#schedule{
display: block;
margin: 0;
padding: 80px 0 90px 0;
background: url(../img/bg_schedule_tit.png) no-repeat center top 20px, url(../img/bg_movie.jpg) no-repeat center top;
background-size: 752px auto, cover;
position: relative;
z-index: 990;
}
#schedule h2{
height: 0;
display: block;
padding-top: 58px;
background: url(../img/tit_schedule_w.png) no-repeat center center;
background-size: contain;
position: relative;
overflow: hidden;
}

.scheduleList{
display: block;
margin: 42px 0 0 0;
}
.scheduleList li{
display: block;
margin:65px 0 0 0;
position:relative;
z-index:3500;
}
.scheduleList li:first-child{
margin:85px 0 0 0;
}
.scheduleList li:nth-child(1):after{
content:"";
width:566px;
height:296px;
display:block;
background:url(../img/bg_y01.png) no-repeat center center;
background-size:contain;
position:absolute;
bottom:-296px;
left:0;
z-index:3100;
}
.scheduleList li:nth-child(3):after{
content:"";
width:490px;
height:294px;
display:block;
background:url(../img/bg_qf.png) no-repeat right center;
background-size:contain;
position:absolute;
bottom:-294px;
right:50px;
z-index:3101;
}
.scheduleList li dl{
display: block;
position: relative;
}
.scheduleList li dt{
width: 420px;
height: 60px;
display: block;
background-color:#b3a774;
color: #ffffff;
border-radius: 30px;
font-size:3rem;
font-weight:700;
line-height: 60px;
position: absolute;
top: -30px;
left: calc(50% - 210px);
z-index: 1100;
}
.scheduleList li dt.qf{
background-color: #ff8826;
}
.scheduleList li dt.sf{
background-color: #ff6826;
}
.scheduleList li dt.ff{
background-color: #e41614;
}
.scheduleList li dt span{
display: inline-block;
padding:0 5px 0 5px;
font-size:3.4rem;
}
.scheduleList li dt p{
display: inline-block;
}
.scheduleList li dd{
width: 100%;
display: block;
margin:0 0 0 0;
padding: 34px 0 7px 0;
text-align:left;
background-color:#ffffff;
border-radius: 30px;
border: 5px solid #b3a774;
text-align: center;
box-sizing: border-box;
position: relative;
z-index: 1000;
}

.scheduleList li dd .date{
display: inline-block;
font-family: "Lato", sans-serif;
font-size: 5rem;
font-weight: 700;
position: relative;
}
.scheduleList li dd .date .year{
display: inline-block;
margin-right: 5px;
font-size: 1.4rem;
position: relative;
bottom: 2px;
}
.scheduleList li dd .date .jp{
display: inline-block;
margin-left: 8px;
font-size: 3.6rem;
}
.scheduleList li dd .date .bar{
display: inline-block;
padding:0 15px 0 15px;
transform:scale(150%, 80%);
}
.scheduleList li dd .date .slash{
display: inline-block;
padding:0 15px 0 15px;
font-size: 2rem;
position: relative;
bottom: 2px;
}
.scheduleList li dd .city{
display: inline-block;
margin-left: 20px;
font-size: 1.5rem;
line-height: 50px;
}

.scheduleList li:nth-child(3) dd{
border: 5px solid #ff8826;
}
.scheduleList li:nth-child(4) dd{
border: 5px solid #ff6826;
}
.scheduleList li:nth-child(5) dd{
border: 5px solid #e41614;
}




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


/* header */
header .wrapper{
}

header .entryBtn{
width: 100%;
display: block;
position: absolute;
bottom:0;
right:0;
}

.mainVisual{
width: 100vw;
height: auto;
display: block;
}

header.slideMain h1.on a{
width: 100%;
height: 0;
display: block;
padding-top: 62px;
background: url(../img/logo_koc2024.svg) no-repeat center center;
background-size: 60px auto;
overflow: hidden;
}
header.slideMain{
}
header.slideMain .entryBtn{
width:100%;
height: 46px;
position: absolute;
top: auto;
bottom:0;
right: 0;
}
header.slideMain .slideBlock{
display: block;
position: relative;
padding:76px 5px 10px 10px;
background-color:#ea021a;
}
header.slideMain .slideBlock p{
width: 100%;
margin: 0 auto 0 auto;
}
header.slideMain .slideBlock p img{
display:inline-block;
width:100%;
height:auto;
margin-left:auto;
}
header.slideMain .slideBlock .slider{
}
header.slideMain .slideBlock .slider li{
width: 100% !important;
padding: 0;
}
header.slideMain .slideBlock .slick-dots li{
width: 50px !important;
padding: 0;
}

/* news */
#news{
display: block;
margin: 0 auto 0 auto;
padding: 70px 0 90px 0;
background:url(../img/bg_about.png) no-repeat right -30vw top, url(../img/bg.jpg) no-repeat center top;
background-size: 170vw auto, 100vw auto;
}
#news .wrapper{
margin-top: 30px;
padding: 20px;
border: 2px solid #d4b665;
border-radius: 10px;
}
#news h2{
padding-top: 58px;
background: url(../img/tit_news.png) no-repeat center center;
background-size: contain;
}

.newsList{
}
.newsList li{
margin: 30px 0 0 0;
padding: 30px 0 0 0;
border-top: 2px solid #cccccc;
}
.newsList li dl{
flex-direction: column;
gap: 5px;
}
.newsList li dt{
width: 100%;
}
.newsList li dd{
width: 100%;
}

/* banner */
#banner{
display: none;
padding: 80px 0 80px 0;
background-color: #ffffff;
}


/* movie */
#movie{
padding:80px 0 90px 0;
background: url(../img/bg_movie_tit.png) no-repeat center top 20px, url(../img/bg_schedule_bottom.png) no-repeat center bottom,url(../img/bg_schedule.png) no-repeat center top,url(../img/bg2.jpg) no-repeat center bottom;
background-size: 652px auto,100vw auto, 100vw auto,100vw 100%,100vw 100%;
}
#movie h2{
padding-top: 58px;
background: url(../img/tit_movie_r.png) no-repeat center center;
background-size: contain;
}
.movieBox{
width: 100%;
margin: 32px auto 0 auto;
padding: 5px;
background-color: #ffffff;
border-radius: 5px;
}
.movieTxt{
display: block;
padding: 5px 15px 5px 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #ffffff;
}

/* schedule */
#schedule{
padding: 80px 0 90px 0;	
background: url(../img/bg_schedule_tit.png) no-repeat center top 20px, url(../img/bg_movie.jpg) no-repeat center top;
background-size: 752px auto, cover;
}
#schedule h2{
padding-top: 58px;
background: url(../img/tit_schedule_w.png) no-repeat center center;
background-size: contain;
}

.scheduleList{
margin: 42px 0 0 0;
}
.scheduleList li{
margin:65px 0 0 0;
}
.scheduleList li:first-child{
}
.scheduleList li:nth-child(1):after{
width:520px;
height:272px;
background:url(../img/bg_y01.png) no-repeat center center;
background-size:contain;
bottom:-272px;
left:0;
}
.scheduleList li:nth-child(3):after{
width:420px;
height:252px;
background:url(../img/bg_qf.png) no-repeat right center;
background-size:contain;
bottom:-252px;
right:0;
}
.scheduleList li dl{
}
.scheduleList li dt{
width: 46vw;
height: 60px;
border-radius: 30px;
font-size:2.6rem;
line-height: 60px;
position: absolute;
top: -30px;
left: 20vw;
z-index: 1100;
}
.scheduleList li dt span{
padding:0 5px 0 5px;
font-size:3rem;
}
.scheduleList li dt p{
}
.scheduleList li dd{
padding: 34px 0 7px 0;
border-radius: 20px;
border: 4px solid #b3a774;
}
.scheduleList li dd .date{
display: inline-block;
font-size: 3.1rem;
}
.scheduleList li dd.ff .date{
font-size: 2.2rem;
}
.scheduleList li dd .date .year{
display: inline-block;
margin-right: 5px;
font-size: 1.4rem;
position: relative;
bottom: 2px;
}
.scheduleList li dd .date .jp{
display: inline-block;
margin-left: 8px;
font-size: 3.6rem;
}
.scheduleList li dd .date .bar{
display: inline-block;
padding:0 10px 0 10px;
transform:scale(130%, 80%);
}
.scheduleList li dd .date .slash{
display: inline-block;
padding:0 8px 0 8px;
font-size: 2rem;
position: relative;
bottom: 2px;
}
.scheduleList li dd .city{
display: block;
margin-left: 0;
font-size: 1.4rem;
line-height: 1.5;
}


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


/* -- */
/* -- */
@media screen and (max-width: 450px) {
/* */
/* */
.scheduleList li dd .date .year{
display: none;
}
/* */
/* */
}
/* -- */
/* -- */


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


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