@charset "UTF-8";
/* ============================================================== scrollBar */
@keyframes scrollBar-anime {
  0% {
    transform: translate3d(0, -115%, 0);
  }
  100% {
    transform: translate3d(0, 150%, 0);
  }
}
/* =================================================================== loopAnime */
@keyframes loopAnime {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(var(--var), 0, 0);
  }
}
/* =================================================================== rotateAnime 360 */
@-webkit-keyframes rotateAnime-360 {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotateAnime-360 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* =================================================================== btnBgHover */
@keyframes btnBgHover-anime {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* =================================================================== btnBgHover */
@keyframes onebyone-anime {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 回転
=================================================================== */
/* 上下ジャンプ
=================================================================== */
/* 上下ふわふわ
=================================================================== */
/* スライド
=================================================================== */
/* 雪
=================================================================== */
/* フェード
=================================================================== */
/* フェード2
=================================================================== */
/* フェード3
=================================================================== */
/* animation delay
=================================================================== */
@keyframes anime_circleFill {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }
}
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================== phase */
/* --------------------------------------- phase 5 */
.phase-5 .kvBg__inner--img {
  background-image: url(../img/contents/phase-5/kv/kv--5--pc.png);
}
.phase-5 .kv::after {
  display: none;
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--1 .moviesHeader__navList--target--thum--inner {
  border-color: rgba(0, 0, 0, 0);
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--1 .moviesHeader__navList--target--comingText {
  opacity: 0;
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--1 .moviesHeader__navList--target--thum--img {
  opacity: 1;
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--2 .moviesHeader__navList--target--thum--inner {
  border-color: rgba(0, 0, 0, 0);
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--2 .moviesHeader__navList--target--comingText {
  opacity: 0;
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--2 .moviesHeader__navList--target--thum--img {
  opacity: 1;
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--3 .moviesHeader__navList--target--thum--inner {
  border-color: rgba(0, 0, 0, 0);
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--3 .moviesHeader__navList--target--comingText {
  opacity: 0;
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--3 .moviesHeader__navList--target--thum--img {
  opacity: 1;
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--4 .moviesHeader__navList--target--thum--inner {
  border-color: rgba(0, 0, 0, 0);
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--4 .moviesHeader__navList--target--comingText {
  opacity: 0;
}
.phase-5 .moviesHeader__navList--target.moviesHeader__navList--target--4 .moviesHeader__navList--target--thum--img {
  opacity: 1;
}

/* --------------------------------------- kvSlogan */
.kvSlogan__var--2 {
  top: 20.4978038067vw;
  right: -0.878477306vw;
}

.kvSlogan__var--3 {
  top: 41vw;
  right: 34.8vw;
}

.kvSlogan__var--4 {
  top: 42vw;
  right: 6.8vw;
}

.kvSlogan__var--5 {
  top: 24vw;
  right: 1.5vw;
}

/* --------------------------------------- footer */
.footerSliderBlock.footerSliderBlock--2 .footerSliderBlock__inner--imgList--left {
  width: 42.093704246%;
}
.footerSliderBlock.footerSliderBlock--2 .footerSliderBlock__inner--imgList--left > span {
  background-image: url(../img/contents/phase-2/footer/slider__img--2--pc--1.jpg);
  background-position: center top;
}
.footerSliderBlock.footerSliderBlock--2 .footerSliderBlock__inner--imgList--right {
  width: 57.906295754%;
}
.footerSliderBlock.footerSliderBlock--2 .footerSliderBlock__inner--imgList--right > span {
  background-image: url(../img/contents/phase-2/footer/slider__img--2--pc--2.jpg);
}
.footerSliderBlock.footerSliderBlock--2 .kvSlogan.kvSlogan__var--2 {
  top: 13.17715959vw;
  right: -1.4641288433vw;
}
.footerSliderBlock.footerSliderBlock--2 .kvSlogan.kvSlogan__var--2 .kvSlogan__inner {
  background-image: url(../img/contents/phase-2/kv/kv__slogan--2.svg);
}

.footerSliderBlock.footerSliderBlock--3 .footerSliderBlock__inner--imgList--left {
  width: 42.093704246%;
}
.footerSliderBlock.footerSliderBlock--3 .footerSliderBlock__inner--imgList--left > span {
  background-image: url(../img/contents/phase-3/footer/slider__img--3--pc--1.jpg);
  background-position: center top;
}
.footerSliderBlock.footerSliderBlock--3 .footerSliderBlock__inner--imgList--right {
  width: 57.906295754%;
}
.footerSliderBlock.footerSliderBlock--3 .footerSliderBlock__inner--imgList--right > span {
  background-image: url(../img/contents/phase-3/footer/slider__img--3--pc--2.jpg);
}
.footerSliderBlock.footerSliderBlock--3 .kvSlogan.kvSlogan__var--3 {
  top: 35vw;
  right: 35vw;
}
.footerSliderBlock.footerSliderBlock--3 .kvSlogan.kvSlogan__var--3 .kvSlogan__inner {
  background-image: url(../img/contents/phase-3/kv/kv__slogan--3.svg);
}

.footerSliderBlock.footerSliderBlock--4 .footerSliderBlock__inner--imgList--left {
  width: 42.093704246%;
}
.footerSliderBlock.footerSliderBlock--4 .footerSliderBlock__inner--imgList--left > span {
  background-image: url(../img/contents/phase-4/footer/slider__img--4--pc--1.jpg);
  background-position: center top;
}
.footerSliderBlock.footerSliderBlock--4 .footerSliderBlock__inner--imgList--right {
  width: 57.906295754%;
}
.footerSliderBlock.footerSliderBlock--4 .footerSliderBlock__inner--imgList--right > span {
  background-image: url(../img/contents/phase-4/footer/slider__img--4--pc--2.jpg);
}
.footerSliderBlock.footerSliderBlock--4 .kvSlogan.kvSlogan__var--4 {
  top: 36vw;
  right: 8vw;
}
.footerSliderBlock.footerSliderBlock--4 .kvSlogan.kvSlogan__var--4 .kvSlogan__inner {
  background-image: url(../img/contents/phase-4/kv/kv__slogan--4.svg);
}

.footerSliderBlock.footerSliderBlock--5 .footerSliderBlock__inner--imgList--left {
  width: 42.093704246%;
}
.footerSliderBlock.footerSliderBlock--5 .footerSliderBlock__inner--imgList--left > span {
  background-image: url(../img/contents/phase-5/footer/slider__img--5--pc--1.jpg);
  background-position: center top;
}
.footerSliderBlock.footerSliderBlock--5 .footerSliderBlock__inner--imgList--right {
  width: 57.906295754%;
}
.footerSliderBlock.footerSliderBlock--5 .footerSliderBlock__inner--imgList--right > span {
  background-image: url(../img/contents/phase-5/footer/slider__img--5--pc--2.jpg);
}
.footerSliderBlock.footerSliderBlock--5 .kvSlogan.kvSlogan__var--5 {
  top: 18vw;
  right: 2vw;
}
.footerSliderBlock.footerSliderBlock--5 .kvSlogan.kvSlogan__var--5 .kvSlogan__inner {
  background-image: url(../img/contents/phase-5/kv/kv__slogan--5.svg);
}

/* --------------------------------------- movie thum img */
.moviesHeader__navList--target.moviesHeader__navList--target--1 .moviesHeader__navList--target--thum--img {
  background-image: url(../img/contents/phase-2/movies/nav__thum--1.jpg);
}

.movieModal__nav--target.movieModal__nav--target--1 .movieModal__nav--target--thum::before {
  background-image: url(../img/contents/phase-2/movieModal/nav__thum--1.jpg);
}

.moviesHeader__navList--target.moviesHeader__navList--target--2 .moviesHeader__navList--target--thum--img {
  background-image: url(../img/contents/phase-3/movies/nav__thum--2.jpg);
}

.movieModal__nav--target.movieModal__nav--target--2 .movieModal__nav--target--thum::before {
  background-image: url(../img/contents/phase-3/movieModal/nav__thum--2.jpg);
}

.moviesHeader__navList--target.moviesHeader__navList--target--3 .moviesHeader__navList--target--thum--img {
  background-image: url(../img/contents/phase-4/movies/nav__thum--3.jpg);
}

.movieModal__nav--target.movieModal__nav--target--3 .movieModal__nav--target--thum::before {
  background-image: url(../img/contents/phase-4/movieModal/nav__thum--3.jpg);
}

.moviesHeader__navList--target.moviesHeader__navList--target--4 .moviesHeader__navList--target--thum--img {
  background-image: url(../img/contents/phase-5/movies/nav__thum--4.jpg);
}

.movieModal__nav--target.movieModal__nav--target--4 .movieModal__nav--target--thum::before {
  background-image: url(../img/contents/phase-5/movieModal/nav__thum--4.jpg);
}

/*============================================================================================ sp 767px */
@media only screen and (max-width: 767px) {
  /* ============================================================== phase */
  /* --------------------------------------- phase 3 kv */
  .phase-5 .kvBg__inner--img {
    background-image: url(../img/contents/phase-5/kv/kv--5--sp.png);
  }
  .kvSlogan__var--5 {
    width: 29vw;
    top: 40vw;
    right: 3vw;
  }
  /* --------------------------------------- footer */
  .footerSliderBlock.footerSliderBlock--2 .footerSliderBlock__inner--imgList--left {
    width: 100%;
    height: 66.1870503597%;
  }
  .footerSliderBlock.footerSliderBlock--2 .footerSliderBlock__inner--imgList--left > span {
    background-image: url(../img/contents/phase-2/footer/slider__img--2--sp--1.jpg);
  }
  .footerSliderBlock.footerSliderBlock--2 .footerSliderBlock__inner--imgList--right {
    display: block;
    width: 100%;
    height: 33.8129496403%;
  }
  .footerSliderBlock.footerSliderBlock--2 .footerSliderBlock__inner--imgList--right > span {
    background-image: url(../img/contents/phase-2/footer/slider__img--2--sp--2.jpg);
  }
  .footerSliderBlock.footerSliderBlock--2 .kvSlogan.kvSlogan__var--2 {
    top: 5.8565153734vw;
    right: 1.4641288433vw;
  }
  .footerSliderBlock.footerSliderBlock--3 .footerSliderBlock__inner--imgList--left {
    width: 100%;
    height: 66.1870503597%;
  }
  .footerSliderBlock.footerSliderBlock--3 .footerSliderBlock__inner--imgList--left > span {
    background-image: url(../img/contents/phase-3/footer/slider__img--3--sp--1.jpg);
  }
  .footerSliderBlock.footerSliderBlock--3 .footerSliderBlock__inner--imgList--right {
    display: block;
    width: 100%;
    height: 33.8129496403%;
  }
  .footerSliderBlock.footerSliderBlock--3 .footerSliderBlock__inner--imgList--right > span {
    background-image: url(../img/contents/phase-3/footer/slider__img--3--sp--2.jpg);
  }
  .footerSliderBlock.footerSliderBlock--3 .kvSlogan.kvSlogan__var--3 {
    width: 25vw;
    top: 70vw;
    right: 60vw;
  }
  .footerSliderBlock.footerSliderBlock--4 .footerSliderBlock__inner--imgList--left {
    width: 100%;
    height: 66.1870503597%;
  }
  .footerSliderBlock.footerSliderBlock--4 .footerSliderBlock__inner--imgList--left > span {
    background-image: url(../img/contents/phase-4/footer/slider__img--4--sp--1.jpg);
  }
  .footerSliderBlock.footerSliderBlock--4 .footerSliderBlock__inner--imgList--right {
    display: block;
    width: 100%;
    height: 33.8129496403%;
  }
  .footerSliderBlock.footerSliderBlock--4 .footerSliderBlock__inner--imgList--right > span {
    background-image: url(../img/contents/phase-4/footer/slider__img--4--sp--2.jpg);
    background-position: center top;
  }
  .footerSliderBlock.footerSliderBlock--4 .kvSlogan.kvSlogan__var--4 {
    width: 25vw;
    top: 60vw;
    right: 9vw;
  }
  .footerSliderBlock.footerSliderBlock--5 .footerSliderBlock__inner--imgList--left {
    width: 100%;
    height: 66.1870503597%;
  }
  .footerSliderBlock.footerSliderBlock--5 .footerSliderBlock__inner--imgList--left > span {
    background-image: url(../img/contents/phase-5/footer/slider__img--5--sp--1.jpg);
  }
  .footerSliderBlock.footerSliderBlock--5 .footerSliderBlock__inner--imgList--right {
    display: block;
    width: 100%;
    height: 33.8129496403%;
  }
  .footerSliderBlock.footerSliderBlock--5 .footerSliderBlock__inner--imgList--right > span {
    background-image: url(../img/contents/phase-5/footer/slider__img--5--sp--2.jpg);
    background-position: center top;
  }
  .footerSliderBlock.footerSliderBlock--5 .kvSlogan.kvSlogan__var--5 {
    width: 25vw;
    top: 45vw;
    right: 6vw;
  }
}
/* ============================================================== edit 0901 */
.phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__campaignInfo {
  padding: 11px 35px;
}
.phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__campaignInfo .specialsBlock__campaignInfo--endingText {
  font-size: 14px;
  line-height: 1;
}
.phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__campaign--text {
  display: block;
}
.phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__campaign--text .specialsBlock__text {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__inner {
    margin-bottom: 30px;
  }
  .phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__campaignInfo {
    padding: 9px 27px;
  }
  .phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__campaignInfo .specialsBlock__campaignInfo--endingText {
    font-size: 12px;
  }
  .phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__campaign--text {
    display: block;
  }
  .phase-5 .specialsBlock__campaign.specialsBlock__campaign--ending .specialsBlock__campaign--text .specialsBlock__text {
    width: 100%;
  }
}
/* ============================================================== edit 1016 */
/* --------------------------------------- kvBlock */
.kvBlock.kvBlock--2 .kvSlogan__inner > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% auto;
  background-image: url(../img/contents/phase_2/kv/2__copy.png);
}

.kvSlogan__inner #kv--copy--2 .st0 {
  transform: scale(1) !important;
}

/* --------------------------------------- lineup */
.lineupBlock__flexWrapper .contentsTitle.lineup__title {
  width: 100%;
  font-size: 40px;
  margin-bottom: 45px;
  margin-top: 20px;
}

.lineupList__item {
  position: relative;
}
.lineupList__item .newIcon {
  top: 0px;
  transform: translate(50%, 100%);
  z-index: 2;
  background-color: #e87fa5;
}
.lineupList__item.lineupList__item--new .newIcon {
  opacity: 1;
}

/* --------------------------------------- limitedKit */
.lineup__limitedKit {
  border-width: 2px;
  border-style: solid;
  border-color: #c9c4bf;
  border-radius: 20px;
  padding: 40px 45px;
  margin-bottom: 75px;
}

.lineup__limitedKit--inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.lineup__limitedKit--thum {
  width: calc(50% - 75px);
}

.lineup__limitedKit--thum--inner {
  display: block;
  padding-top: 67.1517671518%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../img/contents/phase_2/lineup/special--item.jpg);
  border-radius: 15px;
  overflow: hidden;
}

.lineup__limitedKit--info {
  align-self: center;
  width: calc(50% + 15px);
}

.lineup__limitedKit--info--title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 20px;
}
.lineup__limitedKit--info--title img {
  width: 234px;
  margin-top: 20px;
}

.lineup__limitedKit--info--text {
  font-size: 14px;
}

.lineup__limitedKit--info--btn {
  margin-top: 25px;
}
.lineup__limitedKit--info--btn .moreBtn {
  position: relative;
}

/* ============================================================== sp */
/* --------------------------------------- max-width: 1110px */
@media only screen and (max-width: 1110px) {
  .lineup__limitedKit--info--text .brPc {
    display: none;
  }
}
/* --------------------------------------- max-width: 1023px */
@media only screen and (max-width: 1023px) {
  /* --------------------------------------- lineup */
  .lineupBlock.lineupBlock__space--1.lineupBlock__allitemsBtn--wrapper.partsSp {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 70px;
  }
  .lineupBlock.lineupBlock__space--1.lineupBlock__allitemsBtn--wrapper.partsSp .lineupList__item--thum {
    padding-top: 0;
    height: 60px;
  }
  /* --------------------------------------- lineup__limitedKit */
  .lineup__limitedKit--inner {
    display: block;
  }
  .lineup__limitedKit--thum, .lineup__limitedKit--info {
    width: 100%;
  }
  .lineup__limitedKit--thum {
    margin-bottom: 25px;
  }
  .lineupList__item--info--detail br.brSp {
    display: block;
  }
}
/* --------------------------------------- max-width: 767px */
@media only screen and (max-width: 767px) {
  /* --------------------------------------- lineup */
  .lineupBlock__flexWrapper .contentsTitle.lineup__title {
    font-size: 23px;
    margin-bottom: 35px;
    margin-top: 25px;
  }
  .lineupList__item .newIcon {
    transform: translate(0%, 30%) scale(0.7);
  }
  .lineupList__item.lineupList__item--new .lineupList__item--info--detail {
    line-height: 1.5;
  }
  .lineupBlock.lineupBlock__space--1.lineupBlock__allitemsBtn--wrapper.partsSp {
    margin-top: -15px;
    margin-bottom: 50px;
  }
  .lineupBlock.lineupBlock__space--1.lineupBlock__allitemsBtn--wrapper.partsSp .lineupList__item--thum {
    height: 45px;
  }
  /* --------------------------------------- lineup__limitedKit */
  .lineup__limitedKit {
    border-width: 1px;
    border-radius: 10px;
    padding: 18px 20px;
  }
  .lineup__limitedKit--thum--inner {
    border-radius: 8px;
  }
  .lineup__limitedKit--info--title {
    font-size: 17px;
  }
  .lineup__limitedKit--info--title img {
    width: 155px;
    margin-top: 12px;
  }
  .lineup__limitedKit--info--text {
    font-size: 12px;
  }
  .lineup__limitedKit--info--btn {
    width: 110px;
    margin-top: 15px;
  }
  .lineupBlock__section--phase2 .lineupList__item--info {
    min-height: 75px;
  }
  /* --------------------------------------- specialsBlock */
  .specialsBlock.specialsBlock__campaign .specialsBlock__inner--thum--img {
    background-size: 93% auto;
    background-position: center top;
  }
}/*# sourceMappingURL=phase-5.css.map */