@charset "utf-8";

/* movie */
.movie-contents {
  margin-top: 80px;
}
.movie-contents a {
  color: #333;
  text-decoration: none;
}
.movie-contents a:hover {
  color: #999;
}
.movie__list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
.movie__item {
  width: calc(100% / 2 - 30px);
}
.movie__image {
  margin-bottom: 20px;
}
.movie__title {
  font-size: 1.7rem;
  font-weight: bold;
}



@media only screen and (max-width: 768px) {
  .movie-contents {
    margin-top: 12.5vw;
  }
  .movie__list {
    flex-direction: column;
    row-gap: 10vw;
  }
  .movie__item {
    width: 100%;
  }
  .movie__image {
    margin-bottom: 3.75vw;
  }
  .movie__title {
    font-size: 1.6rem;
  }
}