@charset "UTF-8";

/* nav-top */
.js-slidein{
  display: none;
}
.js-slidein.fadeDown{
  animation-name: fadeDownAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  display: block;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
/* top */
.p-release{
  width:fit-content;
  margin: 2.5em auto 0 auto;
  display: block;
  text-align: center;
  font-size: 190%;
  line-height: 1;
  font-weight: 800;
}
.p-release p{
  padding: 0.1em 0.2em 0.2em 0.2em;
  background: #fff;
  color: #000;
}
.p-release p span{
  font-size: 130%;
}
.p-release__notice{
  font-size: 40%;
  font-weight: normal;
  margin-top: 1em;
}
.p-bnr{
  width: 60%;
  margin: 3.5em auto 0 auto;
}
.p-bnr p{
  display: block;
  text-align: center;
  margin-bottom: 0.3em;
  font-size: 190%;
}
.p-bnr a img{
  width: 100%;
}
.p-news dl dt{
  line-height: 1;
  display: block;
  width:fit-content;
  background: #ffffff;
  color: #000000;
  font-size: 70%;
  padding: 0.2em;
  margin-bottom: 0.5em;
  font-weight: 800;
}
.p-news dl dd{
  margin: 0 0 2em 0;
}
.p-news dl dd:last-of-type{
  margin: 0 0 5em 0;
}
.p-news dl dd a:hover{
  text-decoration: underline;
}
.p-movie__inner{
  width: 70%;
  margin: 0 auto;
}
.p-movie img{
  width: 100%;
}
.p-catch{
  background: #183a647a;
  padding: 2em 3.5em;
  margin-top: 5em;
}
.p-catch__headline{
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
.p-catch__headline span{
  display: block;
  font-size: 130%;
}
.p-story__detail{
  text-align: center;
}
@media (min-width: 769px) {
  .p-story__detail br.exbr{
    display: block;
  }
}
@media (max-width: 768px) {
  .p-story__detail br.exbr{
    display: none;
  }
}
.p-item p{
    width: 100%;
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 0 0 2em 0;
    font-weight: 800;
}
.p-item dl{
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 1em 0;
}
.p-item dl dt{
  width: fit-content;
  font-size: 70%;
  font-weight: 800;
  margin-bottom: 0.5em;
}
.p-item dl dt span{
  display: block;
  line-height: 1;
  /* background: #ffffff;
  color: #000000; */
  padding: 0.2em;
}
.p-item__notice{
  font-size: 80%;
}
@media (min-width: 769px) {
  .p-item dl{
    display: flex;
    align-items: center;
  }
  .p-item dl dt{
    width: 30%;
    margin-bottom: 0;
  }
  .p-item dl dt span{
    display: inline-block;
    background: none;
    color: #fff;
  }
}
.p-item a{
  margin-top: 3em;
}
.p-item__headline{
  display: block;
  text-align: center;
}
.p-staff{
  margin: auto;
}
.p-staff__detail{
  display: flex;
  justify-content: space-between;
}
.p-staff__detail dl{
  max-width: 50%;
}
.p-staff__detail dl dt{
  width: fit-content;
  background: #ffffff;
  font-size: 70%;
  font-weight: 800;
  line-height: 1;
  color: #000000;
  padding: 0.2em;
  margin-bottom: 0.5em;
}
.p-staff__detail dd{
  margin-bottom: 1.5em;
}
.fancybox-button--close{
  background: url(../images/btn_close.svg) no-repeat center 30%;
  background-size: contain;
}
.fancybox-button--close svg{
  display: none;
}
.fancybox-bg{
  background: #000;
}
.fancybox-is-open .fancybox-bg {
  opacity: 1;
}
.fancybox-slide{
  padding: 2% 13%;
}
.fancybox-toolbar{
  top: 5%;
}
@media (min-width: 769px) {
  .js-slidein.fadeDown{
    display: none;
  }
  .fancybox-toolbar{
    right: 8%;
  }
}
@media (min-width: 1400px) {
    .p-movie__inner{
      width: 540px;
      margin: 0 auto;
    }
    .p-bnr{
      width: 540px;
    }
    .p-song__img{
      width: 500px;
    }
}
@media (max-width: 768px) {
  .p-bnr{
    width: 80%;
  }
  .p-catch{
    padding: 1.5em;
  }
  .p-song__img{
    max-width: 100%;
  }
  .p-song__comment{
    width: 100%;
  }
}