@charset "UTF-8";
main{padding-top:10px;}
h2{font-size: clamp(2.6rem, calc(2.6rem + (3.0 - 2.6) * ((100vw - 740px) / (1200 - 740))), 3.0rem);}
h3{margin:20px 0; color:#000; border-bottom:2px solid #000;}
@media only screen and (min-width:740px) {
h3{font-size:3rem; font-weight:500;}
}

#mv{background:#2e59a6; padding-top:70px;}
@media only screen and (min-width:740px) {
}

// 作品一覧
.titlebox{margin-bottom:40px;}
#sec01{text-align:left; padding:0 20px; margin-bottom:30px;}
#sec01 .thumb img{border-radius:20px; margin-bottom:16px;}
#sec01 .btnbox{margin-top:8px;}
#sec01 .btn a,#sec01 .btn2 a{width:65%; max-width:480px; margin:0 0 8px;}
#sec01 .rankbox{display:flex; gap:4px 20px; flex-wrap:wrap;}
#sec01 .rank{display:flex; gap:8px; align-items:center; margin-bottom:8px; width:48%;}
#sec01 .rank-label{border:1px solid #2e59a6; padding:2px 0; text-align:center; width:80px; color:#2e59a6; font-size:1.2rem; font-weight:500;}
#sec01 .rank .rank-icons{display:flex; gap:4px;}
#sec01 .rank .rank-icons .icon{width:20px;}

#sec02 h2{color:#2e59a6;}
#sec02 .tag{margin:8px 0; font-size:1.3rem; line-height:1;}
#sec02 .tag ul{display:flex; gap:0 8px; flex-wrap:wrap;}
#sec02 .tag ul li{padding:4px 16px; border:1px solid #000; border-radius:50px; letter-spacing:0;}
#sec02 .textarea{margin-bottom:.8rem; font-size:1.5rem; font-weight:400; line-height:1.6; line-break:strict; text-align:justify; word-break:break-all; text-justify:inter-character; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; line-break:strict;}
#sec02 .pickup .textarea{color:#2e59a6; font-weight:800;}

#sec02{text-align:left; padding:0 20px;}
#sec02 p{margin-bottom:1rem; font-size:1.4rem; line-break:strict; text-align:justify; word-break:break-all; text-justify:inter-character; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; line-break:strict;}
#sec02 .sec02-01{margin-bottom:20px}
#sec02 .sec02-02 .copy{font-size:1.2rem;}
#sec02 .sec02-02 p{margin-bottom:16px;}
#sec02 .sec02-02 p span{color:#666;}

@media only screen and (min-width:740px) {
.titlebox{display:flex; gap:0; max-width:1100px; margin:0 auto 100px;}
#sec01{width:50%;}
#sec02{width:50%;}
}

@media only screen and (min-width:1140px) {
#sec01{padding-left:0;}
#sec02{padding-right:0;}
}

#story{margin-top:30px;}

#storythumb{margin-top:10px; padding:10px 0;}
#storythumb .box{padding:0 28px; max-width:1000px;}
.slider-story{width:90%; margin:0 20px; height:100px; opacity: 0; transition: opacity 0.6s ease;}
.slider-story.slick-initialized {opacity: 1; height:auto;}
.slider-story .slider-img {margin: 0 10px;}
.slider-story li a{position:relative; display:block;}
.slider-story img{border-radius:5px; aspect-ratio:16 / 9; overflow:hidden; object-fit:cover;}
.slider-story .slick-slide {margin-right: 10px;}
.slider-story .slick-arrow:before{display:none;}
.slider-story .slick-arrow img{width:20px; height:20px;}
@media only screen and (min-width:740px) {
.slider-story {position: relative; width:95%;}
.slider-story.is-few-slides .slick-track {
  display: flex !important;
  justify-content: center;
  gap:4px;
}
.slider-story.is-few-slides .slick-slide {
	width:25%;
  max-width:380px; 
  flex: 0 0 25%;
}
}

#trailer{margin:30px 0 0; padding:0 20px 30px; text-align:left;}

.moviebox{text-align:center; max-width:660px;}
.moviebox .movie{width: 100%; aspect-ratio: 16 / 9;}
.moviebox .movie iframe{width: 100%; height: 100%;}