@charset "UTF-8";
/* ============================================================
    archive-image.css
   ============================================================ */

/* 画像一覧の Masonry レイアウト（multi-column） */
.panel[data-kind="image"] .masonry {
  column-gap: 6px;
}

/* Breakpoints (min-width) */
@media (min-width: 540px) {
  .panel[data-kind="image"] .masonry {
    column-count: 2;
    column-gap: 6px;
  }
}
@media (min-width: 768px) {
  .panel[data-kind="image"] .masonry {
    column-count: 3;
  }
}
@media (min-width: 1200px) {
  .panel[data-kind="image"] .masonry {
    column-count: 4;
  }
}