/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
.movie_area iframe {
  clip-path: inset(1px 1px);
}

@media screen and (max-width: 768px) {
  .movie_area {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      margin: 0 auto;
  }
  .movie_area iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
  }
  .remodal {
      width: 100%;
  }
  .remodal-confirm,
  .remodal-cancel,
  .modal_nav-next {
      font-size: 0.6em;
  }
  .remodal-cancel {
      min-width: 25%;
  }
  .modal_nav-next {
      max-width: 70%;
      min-width: 10%;
      margin-top: 6em;
      line-height: 1.2;
  }
  .remodal-cancel {
      margin-top: 6em;
  }
  .remodal-movTitle {
      position: absolute;
      width: 100%;
      top: 100%;
      right: 0;
      font-size: 0.8em;
      margin: 1em auto 1em auto;
      line-height: 160%
  }
  .modalanno {
      position: absolute;
      top: 152%;
      left: 0;
      font-size: 0.6em;
      color: #999;
      text-align: right;
      margin: 1em auto 1em auto;
  }
}