.p-top {
  padding-top: 80px;
}

.p-top_main {
  position: relative;
}

.p-top_main__img img {
  width: 100%;
}

.p-top_main__catch, .p-top_main__rs, .p-top_main__rank {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

@-moz-document url-prefix() {
  .p-top_main__catch, .p-top_main__rs, .p-top_main__rank {
    filter: blur(0px) !important;
  }
}

.is-load .p-top_main__catch, .is-load .p-top_main__rs, .is-load .p-top_main__rank {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transition: all 1.6s ease-out;
  transition: all 1.6s ease-out;
}

.p-top_main__catch {
  position: absolute;
}

.p-top_main__catch--01 {
  top: 7%;
  right: 0.7%;
}

.p-top_main__catch--02 {
  bottom: 7.5%;
  left: 0%;
}

.p-top_main__rs {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 37.5%;
  max-width: 530px;
}

.is-load .p-top_main__rs {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.p-top_main__rank {
  position: absolute;
  right: 0.5%;
  bottom: 0.5%;
  width: 26.5%;
  max-width: 340px;
}

.is-load .p-top_main__rank {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.p-top_info {
  position: relative;
  margin: 0 auto;
  margin-top: 134px;
  width: 96%;
  max-width: 1140px;
}

.p-top_info__news {
  position: relative;
  padding: 53px 0px 0 34px;
}

.p-top_info__news--title {
  position: absolute;
  top: 0;
  left: 0;
}

.p-top_info__news--btn {
  margin-top: 35px;
  font-size: 0;
  letter-spacing: -0.4em;
}

.p-top_info__news--btn li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  font-size: 16px;
  letter-spacing: normal;
}

.p-top_info__news--btn li + li {
  margin-left: 3%;
}

.p-top_info__bnr--inner {
  width: 80%;
}

.p-top_info__bnr--inner.is-noneslide .swiper-pagination {
  visibility: hidden;
}

.p-top_info__bnr--inner li a {
  display: block;
  width: 100%;
  height: 100%;
}

.p-top_info__bnr--inner li img {
  width: 100%;
}

.p-top_movie {
  display: block;
  position: relative;
  visibility: visible;
  margin: 124px auto 0;
  padding: 0 0 263px;
  width: 90%;
  max-width: 830px;
}

.p-top_movie__deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-top_movie__deco li {
  position: absolute;
  -webkit-transition: -webkit-transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.p-top_movie__deco li:nth-child(1) {
  top: -90px;
  right: -270px;
}

.p-top_movie__deco li:nth-child(2) {
  top: 187px;
  left: -260px;
  -webkit-transition-duration: 1.4s;
          transition-duration: 1.4s;
}

.p-top_movie__deco li:nth-child(3) {
  right: -150px;
  bottom: 40px;
}

.p-top_movie__inner {
  position: relative;
  padding-top: 75px;
}

.p-top_movie__title {
  position: absolute;
  top: 0;
}

.p-top_cp {
  margin: 0 auto;
  padding-bottom: 90px;
  width: 92%;
}

.p-top_cp__title {
  position: relative;
  margin: 0 auto;
  max-width: 696px;
}

.p-top_cp__title h2 {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 95%;
  max-width: 664px;
}

.p-top_cp__title p {
  display: block;
  position: relative;
  padding: 6% 0 5.5%;
}

.p-top_cp__overview {
  margin-top: -22px;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  text-align: center;
}

.p-top_cp__detail {
  margin: 28px auto 60px;
  max-width: 300px;
}

@media screen and (max-width: 768px) {
  .p-top {
    padding-top: 60px;
  }
  .p-top_main__catch {
    width: 8.5%;
  }
  .p-top_main__catch--01 {
    top: 2.5%;
    right: 1%;
  }
  .p-top_main__catch--02 {
    top: 32.5%;
    bottom: auto;
    left: 1%;
  }
  .p-top_main__rs {
    width: 70%;
  }
  .p-top_rank {
    position: relative;
    margin: 20px auto;
    width: 90%;
  }
  .p-top_info {
    margin-top: 40px;
  }
  .p-top_info__news {
    margin-top: 39px;
    padding: 32px 2% 0 2%;
  }
  .p-top_info__news--title img {
    width: auto;
    height: 55px;
  }
  .p-top_info__news--btn {
    margin-top: 30px;
    padding-left: 1.4%;
  }
  .p-top_info__bnr--inner {
    width: 75%;
  }
  .p-top_movie {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 64px;
    padding: 0 0% 60px;
    width: 98%;
  }
  .is-load .p-top_movie {
    position: relative;
  }
  .p-top_movie__inner {
    padding: 38px 3% 0;
  }
  .p-top_movie__title {
    left: 0%;
  }
  .p-top_movie__title img {
    width: auto;
    height: 55px;
  }
  .p-top_cp {
    padding-bottom: 88px;
  }
  .p-top_cp__title h2 {
    width: 100%;
  }
  .p-top_cp__title p {
    padding: 6% 14% 0;
  }
  .p-top_cp__overview {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.6em;
  }
  .p-top_cp__detail {
    margin: 18px auto 30px;
    width: 50%;
  }
}

@media screen and (min-width: 769px) {
  .p-top_main__catch {
    width: 4.5%;
    max-width: 57.5px;
  }
  .p-top_info__news {
    width: 670px;
  }
  .p-top_info__news--btn {
    padding-left: 5px;
  }
  .p-top_info__bnr {
    position: absolute;
    top: 60px;
    right: 0;
    width: calc(100% - 670px);
    max-width: 400px;
  }
  .p-top_movie__title {
    right: -3.25%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-top_info__news {
    width: 65%;
  }
  .p-top_info__bnr {
    width: 35%;
  }
}