@charset "utf-8";
/* CSS Document */
.gallery_b {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* PC：3列 */
  gap: 10px;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}
/* 画像枠 */
.gallery_b .imgbox {
  width: 100%;
  aspect-ratio: 290/338; /* 正方形（おすすめ） */
  overflow: hidden;
}
/* 画像 */
.gallery_b .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* ===== 768px以下：2列 ===== */
@media (max-width: 768px) {
  .gallery_b {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}