/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ========================================================================= color */
/* --------------------------------------- color root */
:root {
  --color-btnBg: 218, 218, 218;
  --color-textGray: 89, 91, 91;
  --color-movies-body: 227, 220, 205;
  --color-movies-key: 115, 99, 87;
  --color-movies-footer: 202, 190, 165;
  --color-collabo-body: 246, 226, 235;
  --color-collabo-key: 208, 95, 146;
  --color-collabo-footer: 237, 199, 216;
  --color-special-body: 189, 208, 210;
  --color-special-key: 100, 144, 159;
  --color-special-footer: 178, 199, 200;
}

/* =========================================================================================== color body */
/* --------------------------------------------------------- body movies */
.body--is--movies .bodyBg {
  background-color: rgba(var(--color-movies-body), 1);
}
.body--is--movies .newsBlock__title--text {
  color: rgba(var(--color-movies-key), 1);
}
.body--is--movies .footerBg {
  background-color: rgba(var(--color-movies-footer), 1);
}
.body--is--movies .navList__selectedBlock--inner {
  background-color: rgba(var(--color-movies-key), 1);
}
.body--is--movies .subNav__btn--icon--line {
  background-color: rgba(var(--color-movies-key), 1);
}
.body--is--movies .subNav__list--target .btnLink .jsNavTarget__base > span, .body--is--movies .subNav__list--target .btnLink .jsNavTarget__position > span, .body--is--movies .subNav__list--target a.btnLink .jsNavTarget__base > span, .body--is--movies .subNav__list--target a.btnLink .jsNavTarget__position > span {
  color: rgba(var(--color-movies-key), 1);
}
.body--is--movies .btn--bgKeyColor {
  background-color: rgba(var(--color-movies-key), 1);
}
.body--is--movies .arrowBlank::before, .body--is--movies .arrowBlank::after {
  background-image: url(../img/common/arrowBlank--movies.svg);
}
.body--is--movies .btnPlay__icon {
  background-color: rgba(var(--color-movies-key), 1);
}
.body--is--movies .snsIcon {
  background-color: rgba(var(--color-movies-key), 1);
}
.body--is--movies a.shareLink {
  border-color: rgba(var(--color-movies-key), 1);
}
.body--is--movies .copyInner {
  background-color: rgba(var(--color-movies-key), 1);
}

/* --------------------------------------------------------- body collabo */
.body--is--collabo .bodyBg {
  background-color: rgba(var(--color-collabo-body), 1);
}
.body--is--collabo .newsBlock__title--text {
  color: rgba(var(--color-collabo-key), 1);
}
.body--is--collabo .footerBg {
  background-color: rgba(var(--color-collabo-footer), 1);
}
.body--is--collabo .navList__selectedBlock--inner {
  background-color: rgba(var(--color-collabo-key), 1);
}
.body--is--collabo .subNav__btn--icon--line {
  background-color: rgba(var(--color-collabo-key), 1);
}
.body--is--collabo .subNav__list--target .btnLink .jsNavTarget__base > span, .body--is--collabo .subNav__list--target .btnLink .jsNavTarget__position > span, .body--is--collabo .subNav__list--target a.btnLink .jsNavTarget__base > span, .body--is--collabo .subNav__list--target a.btnLink .jsNavTarget__position > span {
  color: rgba(var(--color-collabo-key), 1);
}
.body--is--collabo .btn--bgKeyColor {
  background-color: rgba(var(--color-collabo-key), 1);
}
.body--is--collabo .arrowBlank::before, .body--is--collabo .arrowBlank::after {
  background-image: url(../img/common/arrowBlank--collabo.svg);
}
.body--is--collabo .btnPlay__icon {
  background-color: rgba(var(--color-collabo-key), 1);
}
.body--is--collabo .snsIcon {
  background-color: rgba(var(--color-collabo-key), 1);
}
.body--is--collabo a.shareLink {
  border-color: rgba(var(--color-collabo-key), 1);
}
.body--is--collabo .copyInner {
  background-color: rgba(var(--color-collabo-key), 1);
}

/* --------------------------------------------------------- body special */
.body--is--special .bodyBg {
  background-color: rgba(var(--color-special-body), 1);
}
.body--is--special .newsBlock__title--text {
  color: rgba(var(--color-special-key), 1);
}
.body--is--special .footerBg {
  background-color: rgba(var(--color-special-footer), 1);
}
.body--is--special .navList__selectedBlock--inner {
  background-color: rgba(var(--color-special-key), 1);
}
.body--is--special .subNav__btn--icon--line {
  background-color: rgba(var(--color-special-key), 1);
}
.body--is--special .subNav__list--target .btnLink .jsNavTarget__base > span, .body--is--special .subNav__list--target .btnLink .jsNavTarget__position > span, .body--is--special .subNav__list--target a.btnLink .jsNavTarget__base > span, .body--is--special .subNav__list--target a.btnLink .jsNavTarget__position > span {
  color: rgba(var(--color-special-key), 1);
}
.body--is--special .btn--bgKeyColor {
  background-color: rgba(var(--color-special-key), 1);
}
.body--is--special .arrowBlank::before, .body--is--special .arrowBlank::after {
  background-image: url(../img/common/arrowBlank--special.svg);
}
.body--is--special .btnPlay__icon {
  background-color: rgba(var(--color-special-key), 1);
}
.body--is--special .snsIcon {
  background-color: rgba(var(--color-special-key), 1);
}
.body--is--special a.shareLink {
  border-color: rgba(var(--color-special-key), 1);
}
.body--is--special .copyInner {
  background-color: rgba(var(--color-special-key), 1);
}

/* =========================================================================================== color pagesBody */
/* --------------------------------------------------------- pagesBody movies */
/* --------------------------------------------------------- pagesBody collabo */
/* --------------------------------------------------------- pagesBody special */
/* --------------------------------------------------------- pagesBody css */
.pages--movies {
  color: rgba(var(--color-movies-key), 1);
}
.pages--movies a, .pages--movies a:link, .pages--movies a:visited, .pages--movies a:hover {
  color: rgba(var(--color-movies-key), 1);
}
.pages--movies .arrowBlank::before, .pages--movies .arrowBlank::after {
  background-image: url(../img/common/arrowBlank--movies.svg);
}
.pages--movies .btnLink {
  background-color: rgba(var(--color-movies-key), 1);
}
.pages--movies .btn--bgKeyColor {
  background-color: rgba(var(--color-movies-key), 1);
}
.pages--movies .btnText--ColorKey .jsNavTarget__base > span, .pages--movies .btnText--ColorKey .jsNavTarget__position > span, .pages--movies .btnPlay .jsNavTarget__base > span, .pages--movies .btnPlay .jsNavTarget__position > span {
  color: rgba(var(--color-movies-key), 1);
}
.pages--movies .btnBorder.btnBorder__keyColor {
  border-color: rgba(var(--color-movies-key), 1);
}
.pages--movies .audioSound__icon > li::after, .pages--movies .audioSound__icon > li > span {
  background-color: rgba(var(--color-movies-key), 1);
}
.pages--movies .lineupList__target::after {
  border-color: rgba(var(--color-movies-key), 1);
}
.pages--movies .moviesKv__countLine--target--inner {
  background-color: rgba(var(--color-movies-key), 1);
}

.pages--collabo {
  color: rgba(var(--color-collabo-key), 1);
}
.pages--collabo a, .pages--collabo a:link, .pages--collabo a:visited, .pages--collabo a:hover {
  color: rgba(var(--color-collabo-key), 1);
}
.pages--collabo .arrowBlank::before, .pages--collabo .arrowBlank::after {
  background-image: url(../img/common/arrowBlank--collabo.svg);
}
.pages--collabo .btnLink {
  background-color: rgba(var(--color-collabo-key), 1);
}
.pages--collabo .btnText--ColorKey .jsNavTarget__base > span, .pages--collabo .btnText--ColorKey .jsNavTarget__position > span, .pages--collabo .btnPlay .jsNavTarget__base > span, .pages--collabo .btnPlay .jsNavTarget__position > span {
  color: rgba(var(--color-collabo-key), 1);
}
.pages--collabo .btn--bgKeyColor {
  background-color: rgba(var(--color-collabo-key), 1);
}
.pages--collabo .btnBorder.btnBorder__keyColor {
  border-color: rgba(var(--color-collabo-key), 1);
}
.pages--collabo .audioSound__icon > li::after, .pages--collabo .audioSound__icon > li > span {
  background-color: rgba(var(--color-collabo-key), 1);
}
.pages--collabo .lineupList__target::after {
  border-color: rgba(var(--color-collabo-key), 1);
}
.pages--collabo .moviesKv__countLine--target--inner {
  background-color: rgba(var(--color-collabo-key), 1);
}

.pages--special {
  color: rgba(var(--color-special-key), 1);
}
.pages--special a, .pages--special a:link, .pages--special a:visited, .pages--special a:hover {
  color: rgba(var(--color-special-key), 1);
}
.pages--special .arrowBlank::before, .pages--special .arrowBlank::after {
  background-image: url(../img/common/arrowBlank--special.svg);
}
.pages--special .btnLink {
  background-color: rgba(var(--color-special-key), 1);
}
.pages--special .btnText--ColorKey .jsNavTarget__base > span, .pages--special .btnText--ColorKey .jsNavTarget__position > span, .pages--special .btnPlay .jsNavTarget__base > span, .pages--special .btnPlay .jsNavTarget__position > span {
  color: rgba(var(--color-special-key), 1);
}
.pages--special .btn--bgKeyColor {
  background-color: rgba(var(--color-special-key), 1);
}
.pages--special .btnBorder.btnBorder__keyColor {
  border-color: rgba(var(--color-special-key), 1);
}
.pages--special .audioSound__icon > li::after, .pages--special .audioSound__icon > li > span {
  background-color: rgba(var(--color-special-key), 1);
}
.pages--special .lineupList__target::after {
  border-color: rgba(var(--color-special-key), 1);
}
.pages--special .moviesKv__countLine--target--inner {
  background-color: rgba(var(--color-special-key), 1);
}

.pages--collabo a.sampleCoupon__QRleader {
  background-color: rgba(var(--color-collabo-key), 1);
}

.pages--movies a.sampleCoupon__QRleader {
  background-color: rgba(var(--color-movies-key), 1);
}

.pages--special a.sampleCoupon__QRleader {
  background-color: rgba(var(--color-special-key), 1);
}

/* ========================================================================= special */
/* --------------------------------------- nav */
.navList__target--special {
  pointer-events: all;
}
.navList__target--special::after {
  display: none;
}
.navList__target--special .navLink {
  opacity: 1;
}

/* --------------------------------------- navList__target */
.selected--1 .navList__selectedBlock--inner, .body--is--movies .navList__selectedBlock--inner {
  left: 8.4187408492vw;
  width: 7.6866764275vw;
}

.selected--2 .navList__selectedBlock--inner, .body--is--collabo .navList__selectedBlock--inner {
  left: 16.1054172767vw;
  width: 11.7130307467vw;
}

.selected--3 .navList__selectedBlock--inner, .body--is--special .navList__selectedBlock--inner {
  left: 0;
  width: 8.4187408492vw;
}

/* ================================================ vh */
.specialMovies .movieAsideBtn__onoff {
  width: 5vh;
}

.specialMovies__productBtn .btnLink .jsNavTarget__base > span, .specialMovies__productBtn .btnLink .jsNavTarget__position > span, .specialMovies__productBtn a.btnLink .jsNavTarget__base > span, .specialMovies__productBtn a.btnLink .jsNavTarget__position > span {
  font-size: 10px;
  font-size: 1.2738853503vh;
}

.specialMovies .control-bar {
  width: 52%;
  margin-right: 8%;
  margin-left: 2%;
}

.movieAsideBtn__onoff {
  height: 5.0955414013vh;
}

.specialMovies__productBtn .btnLink {
  padding: 0.6369426752vh 2.8025477707vh 0.6369426752vh 1.5286624204vh;
}
.specialMovies__productBtn .btnLink .arrowDown {
  width: 1.0191082803vh;
  height: 1.0191082803vh;
  top: 1.0191082803vh;
  right: 1.4012738854vh;
}

/* --------------------------------------- special productModal */
.specialMovies__productModal {
  padding: 0 2vh 2vh 0;
}
.specialMovies__productModal .lineupList__btn .btnLink {
  height: 4vh;
}
.specialMovies__productModal .lineupList__btn .arrowBlank {
  top: 1.55vh;
  right: 2vh;
}

.specialMovies__productModal--inner .lineupItem__info {
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.specialMovies__productModal--info {
  padding-top: 2.5vh;
}

/* --------------------------------------- special productModal info */
.specialMovies__productModal--infoMovie .infoMovie__title {
  font-size: 11px;
  font-size: 1.4012738854vh;
}

.specialMovies__productModal--infoMovie .infoMovie__num {
  font-size: 10px;
  font-size: 1.2738853503vh;
}

.specialMovies__productModal .lineupItem__info--cat--inner {
  font-size: 10px;
  font-size: 1.2738853503vh;
  line-height: 3.0573248408vh;
}
.specialMovies__productModal .lineupItem__info--title {
  font-size: 10.5px;
  font-size: 1.3375796178vh;
}

/* --------------------------------------- productModal closeBtn */
.specialMovies__productModal--closeBtn {
  width: 5.7324840764vh;
  height: 5.7324840764vh;
}

/* --------------------------------------- special movie */
.specialMovies__target--wrapper {
  width: 45.3503184713vh !important;
  height: 100% !important;
}

.specialMovies__target {
  height: 0;
  padding-top: 177.7777777778%;
}
.specialMovies__target .moviesThum {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --------------------------------------- special productModal show */
.productModal--show .specialMovies__target--wrapper {
  width: 38.2165605096vh !important;
  padding-top: 3.5vh;
  padding-bottom: 8.2802547771vh;
}
.productModal--show .specialMovies__target {
  width: 100%;
}

.specialMovies__target .specialMovies__title--wrapper {
  right: 2vh;
  transform-origin: right top;
}

/* ================================================ lineup */
.lineupList__target {
  width: calc((100% - 5.270863836vw) / 7);
  margin-right: 0.6vw !important;
}

.bannerList {
  width: 100%;
}

.bannerList__target {
  width: calc((100% - 2.635431918vw) / 4);
}

.lineup {
  position: relative;
  z-index: 2;
}

.movieControlBar__centerParts {
  bottom: -0.4vh;
}

/* ================================================ specialCampaign */
.specialCampaign {
  padding-bottom: 0.878477306vw;
}

.specialMovies.specialMovies--coming {
  padding-top: 0;
}

/* ================================================ kiyaku modal */
.ctModal__contents--list--step.textIndent {
  font-size: 15px;
  padding-left: 0.8em;
  text-indent: -0.8em;
}

/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* --------------------------------------- navList__target */
  .selected--1 .navList__selectedBlock--inner, .body--is--movies .navList__selectedBlock--inner {
    left: 23.2vw;
    width: 22.1333333333vw;
  }
  .selected--2 .navList__selectedBlock--inner, .body--is--collabo .navList__selectedBlock--inner {
    left: 45.3333333333vw;
    width: 33.3333333333vw;
  }
  .selected--3 .navList__selectedBlock--inner, .body--is--special .navList__selectedBlock--inner {
    left: 0;
    width: 23.2vw;
  }
  .specialMovies .movieAsideBtn__onoff {
    width: 5vh;
  }
  .specialMovies__productBtn .btnLink .jsNavTarget__base > span, .specialMovies__productBtn .btnLink .jsNavTarget__position > span, .specialMovies__productBtn a.btnLink .jsNavTarget__base > span, .specialMovies__productBtn a.btnLink .jsNavTarget__position > span {
    font-size: 10px;
    font-size: 1.2738853503vh;
  }
  .specialMovies .control-bar {
    width: 52%;
    margin-right: 7%;
    margin-left: 2%;
  }
  .specialMovies__productBtn .btnLink {
    padding: 0.8917197452vh 2.8025477707vh 0.8917197452vh 1.5286624204vh;
  }
  .specialMovies__productBtn .btnLink .arrowDown {
    width: 1.0191082803vh;
    height: 1.0191082803vh;
    top: 1.1464968153vh;
    right: 1.4012738854vh;
  }
  .movieControlBar__centerParts {
    bottom: -0.4vh;
  }
  /* --------------------------------------- special productModal */
  .specialMovies__productModal {
    padding: 0 2vh 2vh 0;
  }
  .specialMovies__productModal .lineupList__btn .btnLink {
    height: 4vh;
  }
  .specialMovies__productModal .lineupList__btn .arrowBlank {
    top: 1.55vh;
    right: 2vh;
  }
  .specialMovies__productModal--inner .lineupItem__info {
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
  }
  .specialMovies__productModal--info {
    padding-top: 2.5vh;
  }
  /* --------------------------------------- special productModal info */
  .specialMovies__productModal--infoMovie .infoMovie__title {
    font-size: 11px;
    font-size: 1.4012738854vh;
  }
  .specialMovies__productModal--infoMovie .infoMovie__num {
    font-size: 10px;
    font-size: 1.2738853503vh;
  }
  .specialMovies__productModal .lineupItem__info--cat--inner {
    font-size: 10px;
    font-size: 1.2738853503vh;
    line-height: 3.0573248408vh;
  }
  .specialMovies__productModal .lineupItem__info--title {
    font-size: 10.5px;
    font-size: 1.3375796178vh;
    font-size: 1.2vh;
  }
  /* --------------------------------------- productModal closeBtn */
  .specialMovies__productModal--closeBtn {
    width: 5.7324840764vh;
    height: 5.7324840764vh;
  }
  /* --------------------------------------- special movie */
  .specialMovies__target--wrapper {
    width: 45vh !important;
    height: 100% !important;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  .specialMovies__target {
    height: 0;
    padding-top: 177.7777777778%;
  }
  .specialMovies__target .moviesThum {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* --------------------------------------- special productModal show */
  .productModal--show .specialMovies__target--wrapper {
    width: 34vh !important;
    padding-top: 3.5vh;
    padding-bottom: 8.2802547771vh;
  }
  .productModal--show .specialMovies__target {
    width: 100%;
  }
  .specialMovies__target .specialMovies__title--wrapper {
    right: 2vh;
    transform: scale(0.67);
  }
  /* ================================================ lineup */
  .lineupList {
    width: calc(100% + 2vw);
  }
  .lineupList__target {
    width: calc((100% - 4vw) / 3);
    margin-right: 1vw !important;
  }
  .bannerList {
    width: 100%;
  }
  .bannerList__target {
    width: calc((100% - 1.6vw) / 2);
  }
  /* ================================================ specialCampaign */
  .specialCampaign {
    padding-bottom: 1.6vw;
  }
  .specialMovies.specialMovies--coming {
    padding-top: 0;
  }
  /* ================================================ kiyaku modal */
  .ctModal__contents--list--step.textIndent {
    font-size: 12px;
  }
  .ctModal__contents--list--step .ctModal__contents--list--text {
    font-size: 10px;
  }
}
/* ================================================ simplebar */
.specialMovies__productModal--simplebar {
  white-space: nowrap;
  margin-bottom: -2vh;
}
.specialMovies__productModal--simplebar .simplebar-content-wrapper {
  overflow: scroll hidden !important;
}
.specialMovies__productModal--simplebar .simplebarBlock {
  display: inline-block;
}
.specialMovies__productModal--simplebar .simplebar-track.simplebar-vertical {
  display: none;
}

.CampaignTerms__modal {
  background-color: rgba(var(--color-special-body), 1) !important;
}