/* セクション全体を中央寄せし、最大幅を制限する（Aパターン追加） */
#instagram-section {
    max-width: 1100px;  /* 上のスライドショーやコンテンツ紹介の幅と合わせます */
    margin: 0 auto;     /* 左右中央寄せ */
    padding: 0 10px;
}

/* 既存のコードをベースに調整 */
#insta-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 写真が少ないときも中央に寄せる */
    list-style: none;
    padding: 0;
    margin: 0 -5px; /* 隙間の調整 */
}

#insta-list li {
    width: 33.33%; /* 3列表示 */
    padding: 5px;
    box-sizing: border-box;
}

#insta-list img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s;
}

#insta-list img:hover {
    opacity: 0.7;
}