@charset "UTF-8";
/* ↓ エルメ Color設定 */
/* ↓ エルメ Color設定 */
/* ↑ エルメ Color設定 */
/* ↓ エルメ 変数設定 */
/* ↑ エルメ 変数設定 */
/* ↓ エルメ フォントサイズ設定 */
/*↑基本的なフォントサイズ*/
/*↑h4タグのフォントサイズ ($basic-font-sizeの1.5倍の大きさ)*/
/*↑h3タグのフォントサイズ ($h4-font-sizeの1.5倍の大きさ)*/
/*↑h2タグのフォントサイズ ($h3-font-sizeの1.5倍の大きさ)*/
/*↑h1タグのフォントサイズ ($h2-font-sizeの1.5倍の大きさ)*/
/*↑サブタイトル(h2直下の読み)のフォントサイズ*/
/* ↑ エルメ フォントサイズ設定 */
iframe {
  width: 100%;
}

.gallery-contents {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* PCは5列 */
  gap: 8px;
  /* 画像の間隔 */
  grid-auto-flow: dense;
  /* 歯抜け防止で詰める */
  padding: 8px;
}

.grid-item {
  overflow: hidden;
}
.grid-item img {
  width: 100%;
  height: 170px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid-item.large {
  grid-column: span 2;
  grid-row: span 2;
}

/* スマホ対応 */
@media (max-width: 768px) {
  .gallery-contents {
    grid-template-columns: repeat(2, 1fr);
    /* スマホは2列 */
  }
  .grid-item.large {
    grid-column: span 2;
    /* 横2列分 */
    grid-row: span 1;
    /* 縦のspanは通常に */
  }
}/*# sourceMappingURL=gallery.css.map */