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

Title : archive-products.scss
For   : 商品アーカイブページ

Created       : 2025-02-19
Last Modified : 2025-03-27

==========================================

Content

////////////////////////////////////////////////// */
/**
 * common layout
 */
.c-page-header {
  --color-breadcrumb-variant: var(--color-white-soft);
}

/**
 * archives
 */
.p-products-list {
  max-width: var(--container-wide);
  width: 95%;
  margin-inline: auto;
  padding-block: var(--py-products-list);
}
@media (max-width: 767px) {
  .p-products-list {
    --py-products-list: 4rem 6rem;
  }
}
@media (min-width: 768px) {
  .p-products-list {
    --py-products-list: 90px 120px;
  }
}
@media (max-width: 767px) {
  .p-products-list__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
  }
}
@media (min-width: 768px) {
  .p-products-list__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px calc(30 / var(--container-wide-value) * 100%);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .p-products-list__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-products-list__link {
  display: grid;
  grid-template-columns: 100%;
}
.p-products-list__thumbnail {
  width: 100%;
  aspect-ratio: var(--aspect-square);
  overflow: hidden;
}
.p-products-list__caption {
  -webkit-margin-before: 1.5em;
          margin-block-start: 1.5em;
}
.p-products-list__name {
  font-size: var(--text-base);
  color: var(--color-primary);
  font-weight: 500;
  letter-spacing: -0.05em;
}
/*# sourceMappingURL=archive-products.css.map */