.p-movie {
  display: block;
  position: relative;
}
.p-movie__inner {
  display: block;
  position: relative;
}
.p-movie__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-movie__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.p-movie__list-item {
  display: block;
  position: relative;
}
.p-movie__footer {
  width: 100%;
  display: block;
  position: relative;
  margin: 4.4rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-movie__footer {
    margin-top: 4.2rem;
  }
}
.p-movie__pagination {
  display: block;
  position: relative;
}

.p-movie_data {
  width: 100%;
  display: block;
  position: relative;
}
.p-movie_data__thumb {
  display: block;
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
  z-index: 0;
}
@media screen and (max-width: 960px) {
  .p-movie_data__thumb {
    border-radius: 2.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-movie_data__thumb {
    transition: transform 0.4s var(--ease_out), box-shadow 0.4s var(--ease_out);
    transform-origin: center bottom;
  }
  .p-movie_data:hover .p-movie_data__thumb {
    transform: translate(-0.2rem, -0.8rem);
    box-shadow: 0.2rem 0.8rem 0 0 var(--color-shadow);
  }
}
.p-movie_data__thumb-img {
  width: 100%;
  padding-top: 57%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-movie_data__thumb-img img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-movie_data__title {
  display: block;
  position: relative;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .p-movie_data__title {
    min-height: 3.2rem;
    font-size: 1.3rem;
    line-height: 1.2;
  }
}
@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) {
  @media (hover: hover) and (pointer: fine) {
    .p-movie_data__title {
      text-decoration: underline;
      -webkit-text-decoration-color: transparent;
      text-decoration-color: transparent;
      transition: -webkit-text-decoration-color 0.3s var(--ease_out);
      transition: text-decoration-color 0.3s var(--ease_out);
      transition: text-decoration-color 0.3s var(--ease_out), -webkit-text-decoration-color 0.3s var(--ease_out);
    }
    .p-movie_data:hover .p-movie_data__title {
      -webkit-text-decoration-color: currentColor;
      text-decoration-color: currentColor;
    }
  }
}
@supports not ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) {
  @media (hover: hover) and (pointer: fine) {
    .p-movie_data:hover .p-movie_data__title {
      text-decoration: underline;
    }
  }
}
/*# sourceMappingURL=puffy.movie.css.map */