.photo1  {
font-size:small;
	
display: flex;
flex-wrap: wrap;
flex-direction: column;
display: block;
align-items: flex-start; /* 上側を揃える */
object-fit: cover; /* 必要に応じて切り抜きを行う場合は cover、全体を見せる場合は contain など */

}


/* ギャラリーコンテナ */
.gallery-container {
display: flex;
flex-wrap: wrap;
/* 3列にするための計算：
全体幅から「アイテム間の隙間」を引いたものを3等分する
隙間は各行の「1番目と2番目」「2番目と3番目」の合計2箇所で、3px × 2 = 6px
*/
gap:  3px; /* 行の上下の隙間: 16px, 左右の隙間: 3px */
}

/* 個々の画像＋キャプションのブロック */
.gallery-item {

width: 260px;
display: flex;
flex-direction: column;
align-items: flex-start; /* 上側を揃える */
object-fit: cover; /* 必要に応じて切り抜きを行う場合は cover、全体を見せる場合は contain など */
}

.gallery-item img {
height: 260px;
object-fit: cover; /* 必要に応じて切り抜きを行う場合は cover、全体を見せる場合は contain など */
display: block;
}

/* キャプションのスタイル */
.gallery-caption {
margin: 3px 2px 10px 0;   /* 画像とキャプションの間隔 */
font-size: small;
line-height:1.2;
}