html{font-size:2.6666666667vw}@media screen and (min-width: 768px){html{font-size:62.5%}}body{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight:400;font-size:1.4rem;line-height:1.5;letter-spacing:.1em}body img{vertical-align:top}.l-main{position:relative;overflow:hidden}.l-main__bg{position:fixed;top:0;left:0;width:100%;height:100vh}.l-main__bg-mov{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:100%;min-height:100%}.footer{position:relative}.p-home{position:relative;padding-bottom:23%}.p-home__logo{width:84%;margin:0 auto;padding:57% 0 43% 2.5%}.p-home__sns{position:absolute;top:1%;right:2.5%;width:12%}.p-home__cast{width:88%;margin:12% auto 0}.p-home__copy{width:66%;margin:10% auto 0}.p-home__release{width:92%;margin:11% auto 0}@media screen and (min-width: 768px){.p-home{padding-bottom:13.5%}.p-home__inner{max-width:1366px;margin:0 auto}.p-home__logo{width:52%;padding:17.5% 0 5% 0%}.p-home__sns{top:4.5%;right:2.5%;width:4.5%}.p-home__sns-link{-webkit-transition:opacity .3s;transition:opacity .3s}.p-home__sns-link:hover{opacity:.7}.p-home__cast{width:63%;margin:3% auto 0}.p-home__copy{width:63%;margin:2.5% auto 0}.p-home__release{width:59%;margin:2% auto 0}}.p-comment{position:relative}.p-comment__inner{padding:0 1.7rem}.p-comment-sec{margin-top:4.4rem;padding-bottom:5.5rem}.p-comment-sec+.p-comment-sec{margin-top:0;padding-top:4.2rem;padding-bottom:5rem;border-top:1px solid}.p-comment-sec__img{position:relative;width:13.7rem;margin:0 auto}.p-comment-sec__img+.p-comment-sec__name{margin-top:2rem}.p-comment-sec__img-trigger{position:absolute;right:0;bottom:0;width:2.6rem}.p-comment-sec__name{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;font-size:2.4rem;letter-spacing:.28em;text-align:center}.p-comment-sec__name-role{font-size:1.8rem;display:block}.p-comment-sec__name-role .is-narrow{letter-spacing:.02em}.p-comment-sec__txt{margin-top:3rem;font-size:1.6rem}.p-comment-sec__btn{font-size:1.8rem;text-align:center;width:30rem;margin:2rem auto;position:relative}.p-comment-sec__btn-txt{background:#000;color:#fff;display:block;padding:.2em 0;position:relative;letter-spacing:.28em}.p-comment-sec__btn::before{content:"";background:#909090;position:absolute;left:.3rem;top:.3rem;width:100%;height:100%}.p-comment-modal .p-comment-sec__img{display:none}.p-comment-modal .p-comment-sec__name-role{display:block;margin-top:1rem;margin-left:0}.p-comment-modal .p-comment-sec__profile{margin-top:1rem}.p-comment-modal .p-comment-sec__lead{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:3rem;padding:.1em .5em;background:#fff;color:#000;line-height:1.3;letter-spacing:.2em}.p-comment-modal .p-comment-sec__txt{margin-top:1rem}.p-comment-modal .p-comment-sec__btn{display:none}.p-comment-pagetop{width:4.2rem;margin:0 0 6rem auto}@media screen and (max-width: 767px){.p-comment .js-clone .p-comment-sec__profile,.p-comment .js-clone .p-comment-sec__lead,.p-comment .js-clone .p-comment-sec__txt{display:none}.p-comment .p-comment-sec__name-role.is-sp-break{display:block;margin-left:0;padding-bottom:.2em}}@media screen and (min-width: 768px){.p-comment__inner{position:relative;max-width:106rem;margin:0 auto;padding:0 3rem 10rem;-webkit-box-sizing:border-box;box-sizing:border-box}.p-comment-sec{position:relative;margin-top:9rem;padding-bottom:10rem}.p-comment-sec+.p-comment-sec{padding-top:7.5rem;padding-bottom:7rem}.p-comment-sec__img{position:absolute;top:7.5rem;left:0;margin:0}.p-comment-sec__img+.p-comment-sec__name{margin-top:0}.p-comment-sec__img-trigger{display:none}.p-comment-sec__name{width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#000;color:#fff;font-size:2.4rem;letter-spacing:.28em;text-align:center;margin:0 auto 0 17rem;padding:.1em .8em;line-height:1.3}.p-comment-sec__name.is-thin{margin:0;padding:0 .5em 0 .8em;line-height:1.3}.p-comment-sec__name-role{display:inline-block;margin-left:2.5em;font-size:1.8rem}.p-comment-sec__name-role .is-narrow{letter-spacing:.28em}.p-comment-sec__profile{height:10.5rem;margin:.5rem 0 0 17rem;margin-right:-1rem;padding-right:1rem;overflow:auto}.p-comment-sec__profile::-webkit-scrollbar{width:4px;height:4px;border-radius:10px}.p-comment-sec__profile::-webkit-scrollbar-track{background:#fff}.p-comment-sec__profile::-webkit-scrollbar-thumb{border-radius:10px;background:#b1b1b1}.p-comment-sec__lead{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:2rem;padding:.1em .8em 0;background:#000;color:#fff;font-size:1.4rem;letter-spacing:.2em}.p-comment-sec__txt{margin-top:.5rem;font-size:1.6rem}.p-comment-sec__txt.is-pc-mt-wide{margin-top:3.5rem}.p-comment-sec__txt+.p-comment-sec__lead{margin-top:2.5rem}.p-comment-sec__btn{display:none}.p-comment-pagetop{position:absolute;right:-7rem;bottom:17rem;width:6.2rem;margin:0}}@media screen and (min-width: 768px)and (max-width: 1280px){.p-comment-pagetop{right:3rem;bottom:7rem}}@media screen and (min-width: 768px){.js-modal{display:none}}@media screen and (max-width: 767px){html.is-fixed,body.is-fixed{overflow:hidden}.js-c-modal-overlay{opacity:0;visibility:hidden;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;background:rgba(0,0,0,.7);-webkit-transition:opacity .6s,visibility .6s;transition:opacity .6s,visibility .6s}.js-c-modal-overlay.is-open{opacity:1;visibility:visible}.js-c-modal{opacity:0;visibility:hidden;position:fixed;top:0;left:0;z-index:1001;width:100%;height:100vh;height:100svh;-webkit-transition:opacity .6s,visibility .6s;transition:opacity .6s,visibility .6s}.js-c-modal.is-open{opacity:1;visibility:visible}.js-c-modal-box{position:absolute;top:50%;left:50%;z-index:1002;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;background:#000;color:#fff}.js-c-modal-box__inner{max-height:100vh;max-height:100svh;padding:4.2rem 2.4rem 8rem;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.js-c-modal-bg{position:absolute;top:0;left:0;width:100%;height:100vh;cursor:pointer}.js-c-modal-close-btn{position:absolute;top:1.3rem;right:1.3rem;width:2rem}.js-c-modal-close{display:grid;place-items:center;width:10rem;margin:3.5rem auto 0;padding:.1em 0;border-radius:9999px;background:#fff;color:#000;font-size:1.6rem}}


._sp{
  display: none;
}
@media screen and (max-width: 768px){
  ._sp{
    display: block;
  }
  ._pc{
    display: none;
  }
}

button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.hamburger {
  width: 32px;
  height: 23px;
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 100;
}

.hamburger_bar {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  border-radius: 6px;
  left: 0;
  background: #BEBEBE;
  transition: top 0.24s, transform 0.24s, opacity 0.24s;
}

.hamburger_bar:nth-child(1) {
  top: 0;
}

.hamburger_bar:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.hamburger_bar:nth-child(3) {
  top: 100%;
  transform: translateY(-100%);
}

.hamburger_bar.is_active:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
}

.hamburger_bar.is_active:nth-child(2) {
  transform: translate(50%, -50%);
  opacity: 0;
}

.hamburger_bar.is_active:nth-child(3) {
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
}

.sp_nav.is_active {
  opacity: 1;
  pointer-events: auto;
}

.sp_nav{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: url(../../img/common/nav_bg.png) no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.24s;
  pointer-events: none;
}
.sp_nav_wrap{
  padding: 30vw 0;
  display: flex;
  flex-direction: column;
  gap: 13vw;
  text-align: center;
}
.sp_nav_list img{
  width: auto;
  height: 18px;
}

.p-home {
	position: relative;
	padding-bottom: 0;
}
.p-home_back{
  position: relative;
  top: 0;
}
.p-home__inner{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}
.p-home__logo{
  width: 20%;
  left: 50%;
  top: 47px;
  transform: translateX(-50%);
  padding: 0;
  position: absolute;
}
.p-home__sns{
}
.p-home__cast{
  position: absolute;
  width: 5.7%;
  top: 2.4%;
  left: 4.1%;
}
.p-home__read{
  position: absolute;
  width: 2.8%;
  top: 18.3%;
  right: 13.4%;
}
.p-home__ttl{
  width: 28%;
  position: absolute;
  left: 50%;
  bottom: 5.3%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px){
  .p-home__logo{
    width: 49.8%;
    left: 50%;
    top: 34px;
    transform: translateX(-50%);
    padding: 0;
    position: absolute;
  }
  .p-home__sns{
  }
  .p-home__cast{
    position: absolute;
    width: 5%;
    margin: 0;
    top: 4.8%;
    left: 6%;
  }
  .p-home__read{
    position: absolute;
    width: 5%;
    top: 14.2%;
    right: 7.3%;
  }
  .p-home__ttl{
    width: 72%;
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
  }
}

.p-others{
  background: url(../img/top/top_bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 5.8% 0 5.3%;
}
.btn-all{

}
.btn_line{
  display: flex;
  gap: 30px;
  justify-content: center;
  margin: 0 auto;
}
.btn_list{
  position: relative;
  width: 14.7%;
}
.once{
 width: 20.4%;
 margin-top: 3%;
}
.btn_list ._normal{
  position: relative;
  z-index: 9;
}
.btn_list ._hover{
  position: absolute;
  top: 0;
  left: 0;
}
.btn_list a:hover ._normal{
  opacity: 0;
  transition: 0.3s;
}
.p-home__release {
  width: 24%;
  margin: 3.4% auto 0;
}

.bnr-dvd {
  width: 40%;
  margin: 2.6vw auto 0;
}
.bnr-dvd a {
  transition: 0.3s;
  display: block;
}
.bnr-dvd a:hover {
  opacity: 0.8;
}

.bnr-wrap {
  margin: 4% auto 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1.6vw;
}
.smooth {
  transition: 0.3s;
}
.smooth:hover {
  opacity: 0.8;
}
.bnr-advance{
  width: 20%;
}
.bnr-event {
  width: 20%;
  position: relative;
}
.hold {
  width: 4vw;
  height: 4vw;
  position: absolute;
  top: -1vw;
  right: -1vw;
}
.bnr-speeches{
  width: 20%;
}
.p-home__copy{
  width: 63%;
  margin: 3% auto 0;
}
@media screen and (max-width: 768px){
  .p-others{
    background: url(../img/top/top_bg_sp.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    padding: 10% 0 13.5%;
  }
  .p-home__release {
    width: 80%;
    margin: 0 auto 10%;
  }
  .btn-all{
  
  }
  .btn_line{
    display: block;
    margin: 0 auto;
  }
  .btn_list{
    position: relative;
    width: 53%;
    margin: 0 auto 25px;
  }
  .once{
   width: 74%;
   margin: 40px auto 0;
  }
  .once:nth-child(2){
    margin-top: 25px;
  }
  .btn_list ._normal{
    position: relative;
    z-index: 9;
  }
  .btn_list ._hover{
    position: absolute;
    top: 0;
    left: 0;
  }
  .btn_list a:hover ._normal{
    opacity: 0;
    transition: 0.3s;
  }
  .bnr-wrap {
    margin: 0 auto;
    display: block;
  }
  .bnr-advance{
    width: 74.5%;
    margin: 10% auto 0;
  }
  .bnr-event {
    width: 74.5%;
    margin: 6.8% auto 0;
    position: relative;
  }
  .hold {
    width: 15vw;
    height: 15vw;
    position: absolute;
    top: -4vw;
    right: -4vw;
  }
  .bnr-speeches{
    width: 74.5%;
    margin: 6.8% auto 0;
  }
  .p-home__sns{
    right: 0;
    position: relative;
    margin: 10.8% auto 0;
  }
  .p-others__cast{
    width: 67%;
    margin: 6.4% auto 0;
  }
  .p-home__copy{
    width: 93%;
    margin: 4% auto 0;
  }

  .bnr-dvd {
    width: 74%;
    margin: 8vw auto 0;
  }
}


.p-comment{
  margin-top: 9.7%;
}