.gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */

}
.gallery a {
    margin: 20px 10px 10px;/*追加。これはサムネイル群全体の余白設定。*/
  display: block;   
}

@media(max-width:750px){
    .gallery a {
  margin: 20px 5px 10px;/*追加。これはサムネイル群全体の余白設定。*/
  display: block;
}
}





.gallery a img {
    box-shadow: 0 0 10px rgba(00,00,00,.5);
    background-color: #ffffff;
width: 300px;/*追加*/
  /*height: 200px;追加*/
  object-fit: cover;/*サムネのアス比維持*/
  margin: 0;/*白い余白を消すための記述*/
  padding: 0;/*白い余白を消すための記述*/

}



@media(max-width:750px){
    .gallery a img{
  box-shadow: 0 0 10px rgba(00,00,00,.5);
    background-color: #ffffff;
  width: 200px;/*追加*/

  object-fit: cover;/*サムネのアス比維持*/
  margin: 0;/*白い余白を消すための記述*/
  padding: 0;/*白い余白を消すための記述*/
}
}



.pswp__custom-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 14px;
  box-sizing: border-box;
  z-index: 1000;
}

.hidden-caption-content {
  display: none;
}