@charset "utf-8";
/* CSS Document */
.gallery_grid_a{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 4vw, 42px);
  max-width: 1280px;
  margin: 0 auto;
}

.gallery_grid_a .gallery_item .lightbox-link{
  display: block;
}

.gallery_grid_a .imgbox{
  width: 100%;
  aspect-ratio: 4 / 2.7;
  overflow: hidden;
}

.gallery_grid_a .imgbox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: .4s ease;
}

.gallery_grid_a .gallery_item a:hover img{
  transform: scale(1.05);
}

@media screen and (max-width: 768px){
  .gallery_grid_a{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 576px){
  .gallery_grid_a{
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* ---------- 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){
}