/* 写真カラーページの設定 */
  .gallery-style {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
  }

  .gallery-style figure {
    width: calc(100% / 4);
    max-width:320px;
    height: 25vw;
    max-height:320px;
    margin: 2px 0;
    padding: 0 2px;
  }

  .gallery-style img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
  }

  .gallery-style img:hover {
    filter: grayscale(0);
    transition: 0.3s;
  }

  .lb-caption {
    font-size: 1rem;
  }

  /* Lightbox2 のキャプション内リンク */
  .lb-caption a {
    color: #7ec8ff;
    /* リンク色 */
    text-decoration: underline;
    /* 下線 */
  }

  .lb-caption a:hover {
    color: #aee0ff;
  }

  /* キャプション内のテキストとリンクの余白 */
  .lb-caption {
    line-height: 1.6;
  }

  .lb-caption a+a {
    /* 複数リンクを並べた場合の間隔例 */
    margin-left: .75em;
  }


@media (max-width:1280px){
  .gallery-style {
  padding:0 1rem;
}
  .gallery-style figure {
  }
}

@media (max-width:520px){
  .gallery-style figure {
    width: calc(100% / 2);
    max-width:320px;
    height: 48vw;
    max-height:320px;
    margin: 2px 0;
    padding: 0 2px;
  }
}