@charset "utf-8";
.tm-js_modal .modal-moviebtn {
  background-color: transparent;
  border: none;
  pointer-events: auto;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: absolute;
  bottom: 60px;
  left: calc(50% - 24px);
  z-index: 804;
}
.h_auto {
  height: auto!important;
}
.modal-inner .movie-area  {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.modal-inner .movie-area iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie {
 align-items: end;
}
.movie-link {
  margin-top: 0;
}
.movie-link a {
  color: #ad2273;
  font-size: 1.6rem;
  }
.movie-link a:hover {
  text-decoration: underline #ad2273;
  }
@media screen and (min-width: 768px) {
  .movie {
  gap: 5rem;
  }
  .movie-btn  img:hover{
  opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .movie-link  a {
  font-size: 1.6rem;
  }
  .pop-up-box-movie {
  margin-bottom: 20px;
  }
  .tm-js_modal .modal-moviebtn {
  bottom: 160px;
}
}