.main {
  position: relative;
  z-index: 20;
}

.main_logo {
  opacity: 0 !important;
  position: absolute;
  top: 44.5%;
  left: 50%;
  transform: translate(-50%, 0) scale(0);
  width: 59.5%;
  max-width: 614px;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55);
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55), transform .5s cubic-bezier(.68, -.55, .265, 1.55);
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55), transform .5s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate(-50%, 0) scale(0);
  -webkit-transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55);
}

.main_logo_2nd {
  opacity: 0 !important;
  position: absolute;
  bottom: 10.5%;
  left: 50%;
  transform: translate(-50%, 0) scale(0);
  width: 69.5%;
  max-width: 614px;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55);
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55), transform .5s cubic-bezier(.68, -.55, .265, 1.55);
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55), transform .5s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate(-50%, 0) scale(0);
  -webkit-transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55);
}

.load .main_logo, .load .main_logo_2nd {
  opacity: 1 !important;
  transform: translate(-50%, 0) scale(1);
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) 0s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) 0s;
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) 0s, transform .8s cubic-bezier(.68, -.55, .265, 1.55) 0s;
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) 0s, transform .8s cubic-bezier(.68, -.55, .265, 1.55) 0s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) 0s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate(-50%, 0) scale(1);
  -webkit-transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) 0s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) 0s;
}

.main_kv img {
  width: 100%;
}

.main_catch {
  opacity: 0 !important;
  position: absolute;
  transform: scale(0);
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -webkit-transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
}

.main_catch_2nd {
  opacity: 0 !important;
  position: absolute;
  transform: scale(0);
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -webkit-transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
}

.load .main_catch, .load .main_catch_2nd {
  opacity: 1 !important;
  transform: scale(1);
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) .3s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) .2s;
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) .3s, transform .8s cubic-bezier(.68, -.55, .265, 1.55) .2s;
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) .3s, transform .8s cubic-bezier(.68, -.55, .265, 1.55) .2s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) .2s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  -webkit-transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) .3s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) .2s;
}

.main_catch.catch_1 {
  top: 17.7%;
  right: 2.5%;
  width: 9.041%;
  max-width: 108px;
}

.main_catch.catch_2 {
  top: 13.5%;
  left: 1.8%;
  width: 9%;
  max-width: 114px;
}

.main_catch_2nd {
  top: 5.5%;
  left: 3%;
  width: 54%;
  max-width: 590px;
}

.main_release {
  opacity: 0 !important;
  position: absolute;
  top: 1%;
  right: .625%;
  z-index: 40;
  transform: scale(0);
  width: 25%;
  max-width: 300px;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) 1s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1s;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) 1s, transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1s;
  transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) 1s, transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -webkit-transition: opacity .5s cubic-bezier(.68, -.55, .265, 1.55) 1s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1s;
}

.load .main_release {
  opacity: 1 !important;
  transform: scale(1);
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) .75s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) .75s;
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) .75s, transform .8s cubic-bezier(.68, -.55, .265, 1.55) .75s;
  transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) .75s, transform .8s cubic-bezier(.68, -.55, .265, 1.55) .75s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) .75s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  -webkit-transition: opacity .6s cubic-bezier(.68, -.55, .265, 1.55) .75s, -webkit-transform .8s cubic-bezier(.68, -.55, .265, 1.55) .75s;
}

.main_release a {
  display: block;
}

.btn_release {
  display: none;
}

.main_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 500;
}

.main_nav_item {
  width: 50px;
  margin-right: 5px;
  padding: 4px;
  background: #5d3c1b;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.main_nav_item p {
  height: 40px;
  background: #fff;
  border-radius: 50%;
  color: #fdc25e;
  font-weight: 600;
  line-height: 40px;
  -webkit-transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
  transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
}

.main_nav_item p.en {
  font-weight: 400;
  font-size: 16px;
  font-family: "Archivo Black", cursive;
}

.main_nav_item.current p {
  background: #fdc25e;
  color: #fff;
}

.main_wrap {
  position: relative;
}

.main_inner {
  position: relative;
}

/****************************************/
.contents {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  padding-right: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate3d(0, 0, 0);
}

.contents_ttl {
  opacity: 0;
  transform: translate3d(0, 15px, 0);
  width: 700px;
  padding-left: 24px;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate3d(0, 15px, 0);
  -webkit-transition: opacity .5s, -webkit-transform .5s;
}

.is-active .contents_ttl {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .6s 0s, -webkit-transform .6s 0s;
  transition: opacity .6s 0s, transform .6s 0s;
  transition: opacity .6s 0s, transform .6s 0s, -webkit-transform .6s 0s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: opacity .6s 0s, -webkit-transform .6s 0s;
}

.contents_deco {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 335px;
  margin-top: 75px;
  overflow: hidden;
}

.contents_deco_img {
  display: block;
  position: relative;
  width: 100%;
}

.contents_deco_img img {
  display: block;
  width: 100%;
  margin-top: -13%;
}

.contents_chara {
  position: absolute;
  z-index: 10;
}

/****************************************/
.twitter {
  position: relative;
  z-index: 20;
  margin-top: 85px;
}

.twitter_txt {
  width: 432px;
  margin: 0 auto;
}

.twitter_btn {
  width: 410px;
  margin: 26px auto 0;
}

.archive {
  position: relative;
  z-index: 20;
}

.archive_txt {
  width: 588px;
  margin: 75px auto 0;
}

.archive_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  justify-content: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
}

.archive li {
  width: 220px;
}

.archive li + li {
  margin-left: 20px;
}

/****************************************/
.news {
  position: relative;
  margin-top: 90px;
  padding: 40px 0 48px;
}

.news .contents_in {
  max-width: 100%;
}

.news::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: calc(100% + 320px);
  height: 100%;
  background: #ffa280;
}

.news_list {
  margin-top: 28px;
}

.news_list_item {
  opacity: 0;
  transform: translate3d(-30px, 0, 0);
  background: #fff;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate3d(-30px, 0, 0);
}

.is-active .news_list_item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .6s 0s, -webkit-transform .6s 0s;
  transition: opacity .6s 0s, transform .6s 0s;
  transition: opacity .6s 0s, transform .6s 0s, -webkit-transform .6s 0s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: opacity .6s 0s, -webkit-transform .6s 0s;
}

.news_list_item:nth-child(1) {
  transition-delay: .45s;

  -webkit-transition-delay: .45s;
}

.news_list_item:nth-child(2) {
  transition-delay: .6s;

  -webkit-transition-delay: .6s;
}

.news_list_item:nth-child(3) {
  transition-delay: .75s;

  -webkit-transition-delay: .75s;
}

.news_list_item + li {
  margin-top: 5px;
}

.news_list_item a {
  display: block;
  font-size: 15px;
}

.news_list_item .date {
  color: #8ab3f3;
  font-weight: 400;
  font-size: 16px;
  font-family: "Archivo Black", cursive;
}

.news_list_item .ttl {
  display: -webkit-box;
  padding-left: 30px;
  overflow: hidden;
  color: #5d3c1b;
  letter-spacing: .05em;
  white-space: nowrap;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
}

/****************************************/
.movie {
  position: relative;
  padding: 75px 0 80px;
}

.movie_thumb {
  position: relative;
  z-index: 20;
  width: 67%;
  max-width: 640px;
  margin: 50px 0 0 50px;
  cursor: pointer;
}

.movie_thumb .play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 90;
  transform: translate(-50%, -50%);
  width: 100px;
  transition: all .5s cubic-bezier(.39, .575, .565, 1);

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .5s cubic-bezier(.39, .575, .565, 1);
}

.movie_thumb .img {
  overflow: hidden;
}

.movie_thumb .img div {
  width: 100%;
  padding-top: 54.25%;
  background-position: center;
  background-size: cover;
  transition: all .5s cubic-bezier(.39, .575, .565, 1);

  -webkit-transition: all .5s cubic-bezier(.39, .575, .565, 1);
}

.movie .contents_chara {
  top: -30px;
  right: 30px;
  width: 223px;
}

/****************************************/
.staffcast {
  position: relative;
  padding: 75px 0 50px;
}

.staffcast::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: calc(100% + 320px);
  height: 100%;
  background: #fdd55c;
}

.staffcast_cap {
  margin-bottom: 30px;
  padding-left: 50px;
  color: #fff;
  font-weight: 400;
  font-size: 38px;
  line-height: 1;
  font-family: "Archivo Black", cursive;
  letter-spacing: normal;
}

.staffcast_cap.staff {
  margin-top: 50px;
}

.staffcast_cap-season {
  margin-top: 20px;
  padding-left: 50px;
  color: #fff;
  font-weight: 400;
  font-size: 25px;
  line-height: 1;
  font-family: "Archivo Black", cursive;
  letter-spacing: normal;
}

.staffcast_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.staffcast_list_item {
  width: 220px;
  margin-bottom: 20px;
  letter-spacing: .04em;
}

.staffcast_list_item .role {
  color: #fff;
  font-size: 13px;
}

.staffcast_list_item .name {
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.35;
}

.staffcast_list_item .name span {
  font-size: 12px;
}

.staffcast .contents_chara {
  top: -40px;
  right: 60px;
  width: 130px;
}

.cast_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-left: 50px;
}

.cast_nav_item {
  width: 180px;
  margin-right: 10px;
  padding: 5px;
  background: #5d3c1b;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.cast_nav_item p {
  height: 38px;
  background: #fff;
  border-radius: 4px;
  color: #5d3c1b;
  font-weight: 600;
  font-size: 21px;
  line-height: 38px;
  -webkit-transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
  transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
}

.cast_nav_item p.en {
  font-weight: 400;
  font-size: 24px;
  font-family: "Archivo Black", cursive;
}

.cast_nav_item.current p {
  background: #5d3c1b;
  color: #fff;
}

.cast_wrap {
  position: relative;
}

.cast_inner {
  position: relative;
}

.more{
  padding-left: 50px;
  color: #fff;
  font-family: "Archivo Black", cursive;
  font-size: 23px;
  margin-bottom: 50px;
}

/****************************************/
.music {
  padding: 70px 0 0;
}

.music_catch {
  position: relative;
  z-index: 10;
  width: 640px;
  margin: 35px auto 0;
}

.music_ttl {
  margin: 28px 0 35px;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: .08em;
  text-align: center;
}

.music_ttl span {
  display: block;
  padding-bottom: 20px;
  font-size: 16px;
}

.music_credit {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.65;
  text-align: center;
}

.music_credit span {
  font-weight: 600;
  font-size: 18px;
}

.music .contents_chara {
  top: -28px;
  right: 15px;
  width: 168px;
}

.music_ed_at {
  width: 500px;
  margin: 0 auto 10px;
}

.music_profile_cap {
  margin: 20px 0 10px;
  color: #ffa280;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
}

.music_profile_txt {
  margin: 0 5%;
  font-size: 12px;
  line-height: 1.5em;
}

/****************************************/
.story {
  position: relative;
  padding: 75px 0 90px;
  color: #fff;
}

.story::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: calc(100% + 320px);
  height: 100%;
  background: #8ab3f3;
}

.story_wrap {
  width: 640px;
  padding-left: 50px;
}

.story_cap {
  margin-top: 30px;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: .14em;
  line-height: 1.4em;
}

.story_cap:not(.first) {
  margin-top: 0;
}

.story_cap span {
  display: block;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 44px;
  font-family: "Archivo Black", cursive;
  letter-spacing: normal;
}

.story_ep {
  margin-bottom: 35px;
}

.story_img {
  margin-top: 20px;
}

.story_txt {
  margin-top: 35px;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .08em;
}

.story_staff {
  margin-top: 20px;
}

.story_staff dt {
  font-weight: 400;
  font-size: 16px;
  font-family: "Archivo Black", cursive;
}

.story_staff dd {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: .08em;
}

.story_staff dd .more {
  font-size: 12px;
}

.story_deco {
  margin-top: 0 !important;
}

.story_wrap_3 {
  position: relative;
}

.story_inner {
  position: relative;
}

.story_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  padding-left: 50px;
}

.story_nav_item {
  width: 180px;
  margin-right: 10px;
  padding: 5px;
  background: #5d3c1b;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.story_nav_item p {
  height: 38px;
  background: #fff;
  border-radius: 4px;
  color: #5d3c1b;
  font-weight: 600;
  font-size: 21px;
  line-height: 38px;
  -webkit-transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
  transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
}

.story_nav_item p.en {
  font-weight: 400;
  font-size: 24px;
  font-family: "Archivo Black", cursive;
}

.story_nav_item.current p {
  background: #5d3c1b;
  color: #fff;
}
/****************************************/

.off {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .main_nav {
    top: 1vw;
    left: 1vw;
  }
  .main_nav_item {
    width: 10vw;
    margin-right: 3px;
    padding: .8vw;
  }
  .main_nav_item span {
    display: none;
  }
  .main_nav_item p {
    height: 8vw;
    font-size: 4vw;
    line-height: 8vw;
  }
  .main_nav_item p.en {
    font-size: 3.6vw;
  }
  .cast_nav {
    margin-bottom: -2vw;
    padding-left: 5vw;
  }
  .cast_nav_item {
    width: 29vw;
    padding: 3px;
    border-radius: 5px;
  }
  .cast_nav_item span {
    display: none;
  }
  .cast_nav_item p {
    height: 8vw;
    border-radius: 3px;
    font-size: 4vw;
    line-height: 8vw;
  }
  .cast_nav_item p.en {
    font-size: 3.6vw;
  }
  .cast_wrap {
    top: 30px;
  }
  .more{
    padding: 0 5vw;
    font-size: 4vw;
    margin-bottom: 40px;
  }
  .story_nav {
    margin-top: 30px;
    padding-left: 5vw;
  }
  .story_nav_item {
    width: 29vw;
    padding: 3px;
    border-radius: 5px;
  }
  .story_nav_item span {
    display: none;
  }
  .story_nav_item p {
    height: 8vw;
    border-radius: 3px;
    font-size: 4vw;
    line-height: 8vw;
  }
  .story_nav_item p.en {
    font-size: 3.6vw;
  }
  .header_logo {
    display: none;
  }
  .main_logo {
    top: 108.066vw;
    width: 61.4%;
  }
  .main_catch.catch_1 {
    top: 67.6vw;
    right: 1.333vw;
    width: 11vw;
  }
  .main_catch.catch_2 {
    top: 62vw;
    left: 3.2vw;
    width: 11.866%;
  }
  .main_catch_2nd {
    top: 9.5vw;
    left: 4vw;
    width: 60.5%;
  }
  .btn_release {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    transform: translate(0, 100%);
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;

    -webkit-transform: translate(0, 100%);
    -webkit-transition: -webkit-transform .5s ease;
  }
  .load .btn_release {
    transform: translate(0, 0);
    transition: -webkit-transform .8s ease .75s;
    transition: transform .8s ease .75s;
    transition: transform .8s ease .75s, -webkit-transform .8s ease .75s;

    -webkit-transform: translate(0, 0);
    -webkit-transition: -webkit-transform .8s ease .75s;
  }
  .contents_ttl {
    width: 90vw;
    padding-left: 3.5vw;
  }
  .contents_deco {
    height: 32vw;
    margin-top: 12vw;
  }
  .twitter {
    margin-top: 9.333vw;
  }
  .twitter_txt {
    width: 64.4vw;
  }
  .twitter_btn {
    width: 61.666vw;
    margin-top: 4vw;
  }
  .archive_txt {
    width: 60.666vw;
    margin-top: 9.333vw;
  }
  .archive_link {
    margin-top: 3.2vw;
  }
  .archive li {
    width: 37.4vw;
  }
  .archive li + li {
    margin-left: 3.466vw;
  }
  .news {
    margin-top: 12.5vw;
    padding: 6.5vw 0 9.333vw;
  }
  .news_list {
    margin-top: 3.6vw;
  }
  .news_list_item a {
    padding: 4.25vw 5vw;
  }
  .news_list_item .date {
    font-size: 3.2vw;
  }
  .news_list_item .ttl {
    margin-top: .8vw;
    padding-left: 0;
    font-size: 3.5vw;
  }
  .movie {
    padding: 12vw 0 13vw;
  }
  .movie_thumb {
    width: 90vw;
    margin: 6.5vw auto 0;
  }
  .movie_thumb .play {
    width: 16vw;
  }
  .movie .contents_chara {
    top: -7.5vw;
    right: -.8vw;
    width: 29.599vw;
  }
  .staffcast {
    padding: 12.8vw 0 18.666vw;
  }
  .staffcast_cap {
    margin-bottom: 5vw;
    padding-left: 5vw;
    font-size: 7vw;
  }
  .staffcast_cap.staff {
    margin-top: 7vw;
  }
  .staffcast_cap-season {
    margin-top: 5vw;
    padding-left: 5vw;
    font-size: 5vw;
  }
  .staffcast_list {
    margin-top: 0;
    padding: 0 5vw;
    justify-content: space-between;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
  }
  .staffcast_list_item {
    width: 48%;
  }
  .staffcast_list_item .role {
    font-size: 3.4vw;
    line-height: 1.25;
  }
  .staffcast_list_item .name {
    margin-top: 1vw;
    font-size: 3.8vw;
  }
  .staffcast_list_item .name span {
    font-size: 2.8vw;
  }
  .staffcast .contents_chara {
    top: 5.7vw;
    right: 4vw;
    width: 17vw;
  }
  .music {
    padding: 12vw 0 0;
  }
  .music_catch {
    width: 90vw;
    margin-top: 6vw;
  }
  .music_ttl {
    margin: 5.5vw 0 7vw;
    font-size: 5.3vw;
  }
  .music_ttl span {
    margin-bottom: 1.8vw;
    padding-bottom: 3.5vw;
    font-size: 3.6vw;
  }
  .music_credit {
    margin: 2vw 5vw 0;
    font-size: 3.2vw;
  }
  .music_credit span {
    font-size: 15px;
  }
  .music .contents_chara {
    top: -6.5vw;
    right: 3vw;
    width: 22.4vw;
  }
  .music_ed_at {
    width: 70%;
    margin: 0 auto;
  }
  .music_profile_cap {
    margin: 10px 0 5px;
    font-size: 13px;
  }
  .music_profile_txt {
    font-size: 11px;
  }
  .story {
    padding: 12.8vw 0 18.666vw;
  }
  .story_wrap {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  .story_ep {
    margin-bottom: 25px;
  }
  .story_cap {
    margin-top: 4vw;
    font-size: 4vw;
  }
  .story_cap:not(.first) {
    margin-top: 0;
  }
  .story_cap span {
    padding-bottom: 2.2vw;
    font-size: 7vw;
  }
  .story_img {
    margin-top: 4vw;
  }
  .story_txt {
    margin-top: 5.3vw;
  }
  .story_staff {
    margin-top: 4vw;
  }
  .story_staff dt {
    font-size: 4.2vw;
  }
  .story_staff dd {
    margin-top: 2vw;
    font-size: 3.4vw;
  }
  .story_staff dd .more {
    font-size: 3.1vw;
  }
  .footer {
    padding-bottom: 25vw;
  }
  .top_bnr {
    width: 80%;
    margin: 30px auto 50px;
  }
}

@media screen and (min-width: 768px) {
  .main_nav_item:hover p {
    background: #fdc25e;
    color: #fff;
    -webkit-transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
    transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
  }
  .cast_nav_item:hover p {
    background: #5d3c1b;
    color: #fff;
    -webkit-transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
    transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
  }
  .story_nav_item:hover p {
    background: #5d3c1b;
    color: #fff;
    -webkit-transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
    transition: all .5s cubic-bezier(.43, .72, .57, 1.01);
  }
  .news_list_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 50px;
  }
  .news_list_item .ttl {
    transition: .2s all ease;

    -webkit-transition: .2s all ease;
  }
  .news_list_item:hover .ttl {
    color: #8ab3f3;
  }
  .movie_thumb:hover .play {
    opacity: 0;
    transition: all .5s cubic-bezier(.39, .575, .565, 1);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .5s cubic-bezier(.39, .575, .565, 1);
  }
  .movie_thumb:hover .img div {
    transform: scale(1.05);

    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
  }
  .top_bnr {
    margin-top: 60px;
  }
  .top_bnr ul {
    font-size: 0;
    letter-spacing: -.04em;
    text-align: center;
  }
  .top_bnr ul li {
    display: inline-block;
    width: 31%;
    margin: 0 .5%;
    background: #ccc;
    font-size: 16px;
    letter-spacing: normal;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.16, 1, .3, 1);
    transition: -webkit-transform .4s cubic-bezier(.16, 1, .3, 1);
    transition: transform .4s cubic-bezier(.16, 1, .3, 1);
    transition: transform .4s cubic-bezier(.16, 1, .3, 1), -webkit-transform .4s cubic-bezier(.16, 1, .3, 1);
  }
  .top_bnr ul li:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}