@charset "UTF-8";
/*-------------------------
  VIDEO
-------------------------*/
/* Common */
.movie {
  background-color: var(--black);
}
.video__inner {
  max-width: var(--inner-width);
  margin: auto;
  padding-top: 14vw;
  padding-bottom: 20vw;
}
.back__link {
  width: min(calc(204 / 375 * 100vw), 204px);
  height: 13vw;
  margin: 8vw auto 0;
}
.back__link.app-only {
  margin-bottom: 20vw;
}
  /* PC */
@media (min-width: 768px) {
  .video__inner {
    padding-top: 100px;
    padding-bottom: 150px;
  }
  .back__link {
    width: 280px;
    height: 70px;
    margin-top: 60px;
  }
  .back__link.app-only {
    margin-bottom: 150px;
  }
}

/* List */
.video.list {
  .movie-item {
    margin-top: 9vw;
  }
  .video-article__desc {
    margin-top: 6vw;
    font-weight: 500;
    font-size: min(calc(15 / 375 * 100vw), 15px);
    letter-spacing: 0.05em;
    line-height: 1.65;
    text-align: center;
    color: var(--white);
  }
  .video-article__desc p {
    margin-bottom: 6vw;
  }
  .video-item__list {
    margin-bottom: 6vw;
  }
  .video-item__thumb {
    margin-bottom: 10px;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
  }
  .video-item__thumb img {
    width: auto;
    height: 100%;
    margin: auto;
  }
  .video-item__title {
    font-size: min(calc(16 / 375 * 100vw), 16px);
    letter-spacing: 0.05em;
    line-height: 1.65;
    color: var(--white);
  }
  /* PC */
  @media (min-width: 768px) {
    .video-item {
      margin-top: 80px;
      display: flex;
      flex-wrap: wrap;
    }
    .video-article__desc {
      margin-top: 28px;
    }
    .video-item__list {
      width: calc(100% / 2 - 10px);
      margin-bottom: 3vw;
    }
    .video-item__list:nth-child(even) {
      margin-left: 20px;
    }
    .video-item__thumb {
      width: 100%;
    }
    .video-item__title {
      font-weight: 300;
    }
  }
}

/* Detail */
.video.detail {
  .video-item {
    margin-top: 9vw;
  }
  .video-article__desc {
    margin-top: 6vw;
    font-weight: 500;
    font-size: min(calc(15 / 375 * 100vw), 15px);
    letter-spacing: 0.05em;
    line-height: 1.65;
    text-align: center;
    color: var(--white);
  }
    /* PC */
  @media (min-width: 768px) {
    .video-item {
      margin-top: 80px;
    }
    .video-article__desc {
      margin-top: 28px;
    }
  }
}