@charset "UTF-8";
body{opacity: 0; visibility: hidden; }
body.ready{opacity: 1; visibility: visible; }
#yt-popup{position: fixed; inset: 0; background: rgba(0,0,0,0.9); display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; }
#yt-popup .box{width:90%; max-width:1100px;}
#yt-popup.active{opacity: 1; pointer-events: auto; }
body.popup-active{opacity: 1; overflow: hidden; visibility: visible; }
#yt-popup{ width: 100%; height: 100%; }
.yt-popup-inner{position: relative; }
.yt-video-wrap{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 10px; }
.yt-video-wrap iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#yt-popup .yt-logo{position: absolute; top: 20px; left: 20px; width:40%; max-width: 156px; border: none; cursor: pointer; outline: none; display: flex; align-items: center; justify-content: center; }
.yt-close{position: absolute; top: 20px; right: 20px; width: 56px; height: 56px; border: none; background: none; /* 背景なし */ cursor: pointer; outline: none; display: flex; align-items: center; justify-content: center; }
.yt-close::before,
.yt-close::after{content: ""; position: absolute; width: 56px; height: 1px; background-color: #d20037;  border-radius: 2px; transition: transform 0.3s ease, background-color 0.3s ease; }
.yt-close::before{transform: rotate(45deg); }
.yt-close::after{transform: rotate(-45deg); }
.yt-close:hover::before{transform: rotate(50deg); }
.yt-close:hover::after{transform: rotate(-50deg); }

#fv{background:#d20037; padding-top:70px;}
#fv .slider{aspect-ratio:7 / 10; background:#000;}
#fv .slider img{display:block;}
#fv .slick-slide{aspect-ratio:7 / 10; display:flex; justify-content:center; align-items:center; overflow:hidden;}
#fv h2{margin:40px 20px 8px; font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight:600; font-style: normal; font-size: clamp(1.8rem, 2.3vw, 3.4rem); line-height:1.8; color:#fff; text-align:left;}
#fv p{margin:0 20px; padding-bottom:30px; font-size: clamp(1.5rem, 1.2vw, 1.75rem); font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight:400; font-style: normal; line-height:1.7; 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; color:#fff; text-align:left;}
#fv .smp400{display:none;}
/* SLIDE */
.slider{z-index:1;}
.slider img{width:100vw; max-width:100vw;}
.slick-dots{bottom:-20px;}
.slick-dots li {margin: 0 4px; width: 30px; height: 4px;}
.slick-dots li button:before {content:''; width: 30px; height:4px; background: #fff; opacity: 1;}
.slick-dots li.slick-active button:before{background: #000;}
.slide_target {pointer-events: none;}

@media only screen and (min-width:400px) {
#fv .smp400{display:block;}
}
@media only screen and (min-width:540px) {
#fv h2{font-size:clamp(1.7rem, 3vw, 3.4rem); }
}
@media only screen and (min-width:740px) {
#fv .slider{aspect-ratio:16 / 9; background:#000;}
#fv .slick-slide{aspect-ratio:16 / 9;}
#fv h2{text-align:center; font-size: clamp(2.5rem, 2.5vw, 3.4rem); }
#fv p{max-width:700px; margin:0 auto;}
#fv p .center{display:block; width:100%; text-align:center;}
}


#pickup{background:#fcece9; padding:40px 0;}

.slider-pickup{overflow:hidden; width:100%;}
.slider-pickup .slider-img {margin: 0 10px;}
.slider-pickup img{border-radius:10px; aspect-ratio:16 / 9; overflow:hidden; object-fit:cover;}
.slider-pickup .slick-slide {width: 55vw!important; margin-right: 10px;}
@media only screen and (min-width:740px) {
.slider-pickup .slick-slide {width:33vw!important;}
}
@media only screen and (min-width:980px) {
.slider-pickup .slick-slide {width:20vw!important;}
}


#trailer{background:#fef6f5; padding:40px 0;}
.slider-trailer{overflow:hidden; width:100%;}
.slider-trailer {height:100px; opacity: 0; transition: opacity 0.6s ease;}
.slider-trailer.slick-initialized {opacity: 1; height:auto;}
.slider-trailer .slider-img {margin: 0 10px;}
.slider-trailer li a{position:relative; display:block;}
.slider-trailer img{border-radius:10px; aspect-ratio:16 / 9; overflow:hidden; object-fit:cover;}
.slider-trailer .slick-slide {margin-right: 10px;}
.slider-trailer .ytbtn{position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.slider-trailer .ytbtn img{max-width:15%;}
#videomodal{position:fixed; inset:0;
  background:rgba(0,0,0,0.8);
  display:flex; justify-content:center; align-items:center;
  z-index:1000;}
#videomodal.hidden{display:none;}
#closemodal{position:absolute; top:20px; right:30px; font-size:36px; color:#fff; background:none; border:none; cursor:pointer;}
#modalcontent{width:80%; max-width:800px;}
@media only screen and (min-width:740px) {
.slider-trailer {position: relative;}
.slider-trailer.is-few-slides .slick-track {
  display: flex !important;
  justify-content: center;
  gap:4px;
}
.slider-trailer.is-few-slides .slick-slide {
	width:33.3333%;
  max-width:380px;
  flex: 0 0 33.3333%;
}
}

#news{position:relative; background:#fcece9; padding:40px 0;}
#news .box{max-width:800px; margin: 0 auto; padding:0 20px; text-align:center;}
#news .btn3{position:absolute; top:15px; right:20px;}
#news ul{margin-top:10px;}
#news li{display:flex; flex-wrap:wrap; margin-bottom:16px;}
#news .date{font-family: "Montserrat", sans-serif; font-style: normal; font-size: 1.3rem; font-weight:400;}
#news .cat{margin-left:10px; vertical-align:middle; font-family: "Montserrat", sans-serif; font-style: normal; font-size: 1.1rem; font-weight:400; color:#fff; background:#d20037; padding:1px 0; width:110px; min-width:110px; height:20px; line-height:20px;text-align:center; border-radius:50px;}
#news ul {display: inline-block; text-align: left; margin: 10px auto 0;}
#news ul li{text-align:left;}
#news ul li a{text-decoration:underline;}
#news ul li a,#news ul .title.no-link{width:100%;}
@media only screen and (min-width:740px) {
#news ul{margin-left:4px;}
#news ul li{display:flex; gap:10px; align-items:baseline;}
#news ul li a{line-height:1.6;}
#news ul li .date{width:60px;}
#news ul li a,#news ul .title.no-link{width:auto; flex:1;}
} 


/* #partners{background:#fcece9; padding:40px 0;}
.slider-partners{overflow:hidden; width:100%;}
.slider-partners .slider-img {margin: 0 10px;}
.slider-partners img{border-radius:10px; aspect-ratio:1 / 1; overflow:hidden; object-fit:cover;}
.slider-partners .slick-slide {margin-right: 10px;}
@media only screen and (min-width:740px) {
.slider-partners {position: relative;}
.slider-partners.is-few-slides .slick-track {
  display: flex !important;
  justify-content: center;
  gap:4px;
}
.slider-partners.is-few-slides .slick-slide {
	width:calc(100% / 8);
  max-width:380px;
  flex: 0 0 calc(100% / 8);
}
} */


#banner{ background:#fef6f5; padding:40px;}
#banner .bannerimg{max-width:260px; width:75%; margin:0 auto;}
@media only screen and (min-width:740px) {
#banner .bannerimg{max-width:300px;}
}