@charset "UTF-8";
main #gallery .gallery-area {
  text-align: center;
  display: block;
}

main #gallery .gallery-area a {
  text-align: center;
}

main #gallery .gallery-area a p {
  margin-bottom: 0;
  text-align: center;
}

main #gallery .gallery-area a img {
  margin: 5px auto;
  padding: 5px;
  background: #fffff8;
  border: 1px solid #ccc;
  width: 90%;
}

/*スマホ以上-tablet CSS*/
@media screen and (min-width: 768px) {
  main #gallery .gallery-area {
    display: flex;
    flex-basis: auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  main #gallery .gallery-area a {
    width: calc((100% / 3) - 10px);
    max-height: 300px;
    margin: 5px;
  }
  main #gallery .gallery-area a img {
    width: 100%;
  }
}

/*タブレット横以上-PC CSS*/
@media screen and (min-width: 992px) {
  main .sitemap-area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}