@charset "UTF-8";

/* -------------------------------------
　STYLE
------------------------------------- */
.style-list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  list-style: none;
}
.style-list ul li {
  border: 1px solid var(--border);
}
.style-list ul li img {
  display: block;
  width: 100%;
  aspect-ratio: 183 / 283;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .style-list ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}