@charset "shift_jis";
/* CSS Document */


.ct_box {
background: url(../images/movie_bg.gif);
padding-bottom: 60px;
}

.mainimg_box {
padding: 40px 0;
background: url(../images/mainimg_bg.jpg) center center no-repeat;
background-size: cover;
max-width: 1600px;
width: 100%;
margin: 0 auto 50px;
}
.mainimg_box .mainimg {
width: 90%;
max-width: 856px;
margin: 0 auto;
}

.ct_inbox {
max-width: 1200px;
margin: 0 auto;
}

.ct_box .ttl_pickup {
max-width: 557px;
width: 90%;
margin: 0 auto 20px;
}

.ct_box .pickup_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
.ct_box .pickup_box a {
display: block;
position: relative;
box-sizing:border-box;
width: 24%;
margin: 0 1%;
border: solid 3px #FF2E57;
border-radius: 6px;
background: #fff;
padding: 3px;
}
.ct_box .pickup_box a:before {
content:"";
background: url(../images/icon_pickup.png) no-repeat;
background-size: cover;
position: absolute;
width: 98px;
height: 52px;
top:10px;
left:0;
}
.ct_box .pickup_box a figure {
display: block;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: 104% auto;
margin-bottom: 10px;
}
.ct_box .pickup_box a p {
display: block;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #000 !important;
}

.ct_box .catglybtn_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
}
.ct_box .catglybtn_box a {
display: block;
width: 16%;
max-width: 190px;
margin-bottom: 10px;
}

.ct_box section {
margin-bottom: 40px;
}
.ct_box .cat_ttl {
display: inline-block;
background: #FF9300;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 8px 40px 5px 20px;
}

.ct_box .slider {
background: #FF9300;
display: block;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px 50px;
}

.ct_box #movie02 .cat_ttl,
.ct_box #movie02 .slider {
background: #2FC500;
}

.ct_box #movie03 .cat_ttl,
.ct_box #movie03 .slider {
background: #009DFF;
}

.ct_box #movie04 .cat_ttl,
.ct_box #movie04 .slider {
background: #D163F9;
}

.ct_box #movie05 .cat_ttl,
.ct_box #movie05 .slider {
background: #395DFF;
}

.ct_box #movie06 .cat_ttl,
.ct_box #movie06 .slider {
background: #FFF668;
}

.ct_box .slider .slide-item {
display: block;
}
.ct_box .slider .slide-item a {
display: block;
margin: 0 5px;
height: auto;
background-color: #fff;
padding: 5px;
border-radius: 5px;
}
.ct_box .slider .slide-item a figure {
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: 104% auto;
margin-bottom: 10px;
}
.ct_box .slider .slide-item a p {
color: #000 !important;
padding: 0 10px;
}

.slick-prev {
left: 12px;
width: 25px;
height: 27px;
background: url(../images/icon_arrow_prev.png) no-repeat;
}
.slick-next {
right: 12px;
width: 25px;
height: 27px;
background: url(../images/icon_arrow_next.png) no-repeat;
}
.slick-prev:before, .slick-next:before {
display: none;
}
.slick-prev:hover, .slick-prev:focus {
opacity: 0.7;
background: url(../images/icon_arrow_prev.png) no-repeat;
}
.slick-next:hover, .slick-next:focus {
opacity: 0.7;
background: url(../images/icon_arrow_next.png) no-repeat;
}



.youtubelink {
max-width: 600px;
width: 90%;
margin: 0 auto 60px;
}

.youtubelink2 {
max-width: 480px;
width: 90%;
margin: 0 auto 60px;
}