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

Title : global.scss
For   : 基本（News / Journal）archive

Created       : 2026-03-16
Last Modified : 2026-03-16

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

Content

////////////////////////////////////////////////// */
/**
 * common layout
 */
@media (max-width: 767px) {
  .l-posts__container {
    max-width: 600px;
    width: 95%;
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .l-posts__container {
    max-width: var(--container-middle);
    width: 95%;
    margin-inline: auto;
  }
}

.c-archive-list {
  font-size: var(--text-sm);
}
.c-archive-list__items {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 4em;
}
.c-archive-list__link {
  display: grid;
  grid-template-columns: var(--grid-cols-items);
  align-items: center;
  gap: var(--gap-items);
}
.c-archive-list__thumbnail {
  aspect-ratio: 264/160;
  overflow: hidden;
}
.c-archive-list__thumbnail > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-archive-list__thumbnail-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-archive-list__thumbnail-placeholder > * {
  width: 60%;
}
.c-archive-list__categories {
  -webkit-margin-before: 0.8571428571em;
          margin-block-start: 0.8571428571em;
}
.c-archive-list__title {
  -webkit-margin-before: 0.8333333333em;
          margin-block-start: 0.8333333333em;
  font-size: var(--text-2xl);
  letter-spacing: 0.04em;
  line-height: var(--leading-normal);
}
.c-archive-list__excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  max-height: calc(var(--leading-relaxed) * 2 * 1em);
  -webkit-margin-before: 1.7142857143em;
          margin-block-start: 1.7142857143em;
  letter-spacing: 0.04em;
  line-height: var(--leading-relaxed);
}

/* --- for small viewport --- */
@media (max-width: 767px) {
  .c-archive-list__link {
    --gap-items: 2em;
  }
}
/* --- for large viewport --- */
@media (min-width: 768px) {
  .c-archive-list__link {
    --grid-cols-items: clamp(150px, 25%, 264px) 1fr;
    --gap-items: calc(48 / var(--container-middle-value) * 100%);
  }
}
/*# sourceMappingURL=archive-default.css.map */