/* ============================================== color */
/* hover
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ hover */
/* ============================================== modal */
/* ----------------------- reset */
.modal .modalBg::before {
  opacity: 1;
  background-color: #a3a7d3;
}

.modalBtn__back .btnCircle.btnCircle--large .btnCircle__back {
  background-color: #a3a7d3;
}

.modalArrow > li {
  background-color: #a3a7d2;
}

.modal.movieModal .modalContents {
  width: 70%;
  max-width: inherit;
  padding-top: 70px;
  height: 100%;
}
.modal.movieModal .modalArrow {
  width: 70%;
}

/* ----------------------- movieModal__article */
.movieModal__article {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border: 8px solid #fff;
  border-radius: 26px;
  overflow: hidden;
}

.iframeWrapper {
  position: relative;
  padding-top: 56.25%;
}
.iframeWrapper iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}/*# sourceMappingURL=movie.css.map */