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

Title : archive-flower-collect.scss
For   : FLOWER COLLECT アーカイブページ

Created       : 2026-04-14
Last Modified : 2026-04-14

////////////////////////////////////////////////// */
.p-page-fc-archive .c-page-header {
  max-width: 1200px;
}

/**
 * アーカイブ外枠
 */
.l-fc-archive__container {
  max-width: var(--container-middle);
  width: 95%;
  margin-inline: auto;
}

/**
 * open / closed セクション共通
 */
.p-fc-archive {
  padding-block: var(--py-fc-archive, 0 60px);
}
@media (min-width: 768px) {
  .p-fc-archive {
    --py-fc-archive: 0 120px;
  }
}
.p-fc-archive__filter {
  --my-page-nav-variant: 0;
  --py-page-nav-list-variant: 0;
}
.p-fc-archive__section + .p-fc-archive__section {
  -webkit-margin-before: var(--gap-fc-sections, 50px);
          margin-block-start: var(--gap-fc-sections, 50px);
}
@media (min-width: 768px) {
  .p-fc-archive__section + .p-fc-archive__section {
    --gap-fc-sections: 100px;
  }
}
.p-fc-archive__header {
  display: flex;
  flex-direction: column;
  gap: 3.5em;
}
.p-fc-archive__header + * {
  -webkit-margin-before: 3em;
          margin-block-start: 3em;
}

/**
 * ローディング状態
 */
#js-fc-closed-body.is-loading {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 200ms;
}

/**
 * カードグリッド（open / closed 共通）
 */
.p-fc-list__grid {
  display: grid;
  gap: 40px 9.1666666667%;
}
@media (max-width: 767px) {
  .p-fc-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .p-fc-list__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-fc-list__link {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.p-fc-list__link:hover .p-fc-list__thumbnail img, .p-fc-list__link:focus-visible .p-fc-list__thumbnail img {
  transform: scale(1.04);
}
.p-fc-list__thumbnail {
  width: 100%;
  aspect-ratio: var(--aspect-square);
  overflow: hidden;
}
.p-fc-list__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform var(--transition-default);
}
.p-fc-list__thumbnail-placeholder {
  width: 100%;
  aspect-ratio: var(--aspect-square);
}
.p-fc-list__caption {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.p-fc-list__title {
  line-height: var(--leading-loose);
}
.p-fc-list__empty {
  padding: 4rem;
  text-align: center;
  color: var(--color-gray);
  font-size: var(--text-base);
}

.p-page-fc-archive-contact {
  display: flex;
  flex-direction: column;
  gap: 3.5em;
  padding-block: 5em;
  text-align: center;
}
.p-page-fc-archive-contact__title {
  font-size: 2em;
}
.p-page-fc-archive-contact__lead {
  line-height: var(--leading-relaxed);
}
.p-page-fc-archive-contact__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5em;
}
/*# sourceMappingURL=archive-flower-collect.css.map */