@charset "utf-8";

/* WordPress基本 */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gallery-item {
  margin: 0;
  flex: 1 1 100%;
}

.gallery-item a {
  width: 100%;
}

.gallery-item img {
  height: auto;
  width: 100%;
}

.gallery-item .gallery-caption {
  text-align: center;
}

/* カラム数別 */
.gallery-columns-1 .gallery-item {
  flex-basis: 100%;
}

.gallery-columns-2 .gallery-item {
  flex-basis: calc(50% - 10px);
}

.gallery-columns-3 .gallery-item {
  flex-basis: calc(33.333% - 10px);
}

.gallery-columns-4 .gallery-item {
  flex-basis: calc(25% - 10px);
}

.gallery-columns-5 .gallery-item {
  flex-basis: calc(20% - 10px);
}

.gallery-columns-6 .gallery-item {
  flex-basis: calc(16.666% - 10px);
}

.gallery-columns-7 .gallery-item {
  flex-basis: calc(14.285% - 10px);
}

.gallery-columns-8 .gallery-item {
  flex-basis: calc(12.5% - 10px);
}

.gallery-columns-9 .gallery-item {
  flex-basis: calc(11.111% - 10px);
}

/* レスポンシブ：スマホでは1カラムに */
@media (max-width: 767px) {
  .gallery-item {
    flex-basis: 100% !important;
  }
}