.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: 200px;/*追加*/
  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: 80px;/*追加*/
  height: 80px;/*追加*/
  object-fit: cover;/*サムネのアス比維持*/
  margin: 0;/*白い余白を消すための記述*/
  padding: 0;/*白い余白を消すための記述*/
}
}