@charset "UTF-8";
/* ========================================

  ONE DAY CSS

======================================== */
.movie__wrap{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.movie__wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 601px) {
  .intro{
    text-align: center;
    margin-top: 140px;
  }
  .intro p{
    margin-top: 40px;
  }
  .movie__info{
    display: flex;
    justify-content: space-between;
    max-width: 900px;
    margin: 80px auto 0;
  }
  .movie__info h3.en{
    font-size: 34px;
  }
  .movie__info__text{
    width: 77%;
  }
  .movie__info__tag{
    display: flex;
    margin-top: 60px;
  }
  .movie__info__tag li+li{
    margin-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .intro{
    text-align: center;
    margin-top: 60px;
  }
  .intro p{
    margin-top: 20px;
  }
  .movie__info{
    width: 100%;
    margin: 60px auto 0;
  }
  .movie__info h3.en{
    font-size: 24px;
  }
  .movie__info__text{
    margin-top: 20px;
  }
  .movie__info__text h4 br{
    display: none;
  }
  .movie__info__tag{
    display: flex;
    margin-top: 30px;
  }
  .movie__info__tag li+li{
    margin-left: 20px;
  }
}