/* ============================================== color */
/* hover
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ hover */
/*========================================================================== 767px */
@media only screen and (max-width: 1023px) {
  .pages.pages--movie .modalArrow > li.modalArrow--prev {
    right: calc(100% + 15px);
  }
  .pages.pages--movie .modalArrow > li.modalArrow--next {
    left: calc(100% + 15px);
  }
}
/*========================================================================== 767px */
@media only screen and (max-width: 767px) {
  /* ============================================== modal */
  .modal.movieModal .modalContents {
    width: calc(100% - 40px);
    padding-top: 70px;
  }
  .modal.movieModal .modalArrow {
    width: calc(100% - 40px);
  }
  /* ----------------------- movieModal__article */
  .movieModal__article {
    border: 4px solid #fff;
    border-radius: 12px;
  }
}/*# sourceMappingURL=movie-sp.css.map */