@charset "utf-8";

body {
    font-size: 13px; /* PCでの文字サイズ */
}

.staffblog_image-container {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: left;
    align-items:left;
    gap:5px;
}

.staffblog_image-container img {
    max-width: 30%;
    height: auto;
    margin: 5px;
}

/* スマホや小さい画面でのスタイル変更 */
@media (max-width: 768px) {
    body {
        font-size: 11px; /* スマホでの文字サイズ */
    }

    .staffblog_image-container {
        display: block;
    }

    .staffblog_image-container img {
        max-width: 100%;
        /*margin-bottom: 10px;*/
        /*margin: 5px;*/
    }
}

.image-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; /* 画像間のパディング */
}

.gallery-item img {
    max-width: 30%; /* 画像の最大幅を30%に制限 */
    height: auto;
}

@media (max-width: 768px) {
    .gallery-item img {
        max-width: 100%; /* モバイルでの表示に合わせる */
    }
}

.image-gallery.single-image {
    justify-content: center; /* 1枚だけのときは中央寄せ */
}