@charset "UTF-8";
/* ----------------------------------------------------
gallery
-----------------------------------------------------*/
.gallery {
  padding-block: min(1vw, 3rem) min(20vw, 10rem);
}
.gallery__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  -moz-column-gap: min(4vw, 1.5rem);
       column-gap: min(4vw, 1.5rem);
  row-gap: min(8vw, 5rem);
}
.gallery__card figure img {
  transition: filter 0.3s ease-in;
  width: 100%;
}
@media (hover: hover) {
  .gallery__card figure:hover img {
    filter: brightness(1.5);
  }
}
.gallery__card--tag {
  display: flex;
  flex-wrap: wrap;
  gap: min(3vw, 1rem);
  padding-block: min(4vw, 1.5rem);
}
.gallery__card--tag li {
  font-size: min(4vw, 1.3rem);
  background-color: #4A4A4A;
  display: inline-block;
  padding: 0.5rem 2rem;
}
.gallery__popup--item {
  padding-inline: min(5vw, 3rem);
}
.gallery__popup--fig img {
  width: auto;
  max-height: 65vh;
}
@media screen and (max-width: 767px) {
  .gallery__popup--fig img {
    max-height: auto;
  }
}
.gallery__popup--info {
  margin-top: min(4vw, 1.5rem);
}
.gallery__popup--name {
  font-size: min(4.5vw, 1.8rem);
  margin-bottom: min(3vw, 1rem);
}
.gallery__popup--table {
  font-size: min(4vw, 1.5rem);
}
.gallery__popup--table th {
  white-space: nowrap;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.gallery__popup--table th:after {
  content: "：";
  padding-right: 2rem;
}

/*-- lity --*/
.lity-close {
  font-size: 5rem;
  width: 5rem;
  height: 5rem;
  right: min(3vw, 30px);
  top: min(3vw, 30px);
}
.lity-close:hover {
  font-size: 5rem;
  width: 5rem;
  height: 5rem;
  right: min(3vw, 30px);
  top: min(3vw, 30px);
}/*# sourceMappingURL=gallery.css.map */