@media screen and (max-width:767px) {
    .archive-gallery-section .wrapper {
        padding: 80px 0;
        width: 90vw;
    }

    .w-1,
    .w-2,
    .w-3 {
        width: 100%;
    }

    .gallery-grid {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: dense;
    }

    .gallery-wrap.landscape {
        grid-column: span 2;
    }

    /* 縦長画像は2カラム幅にする */
    .gallery-wrap.portrait {
        grid-column: span 1;
    }

    .gallery-wrap {
        filter: grayscale(0%);
    }

    .item__details {
        right: 10px;
        bottom: 10px;
        padding: 3px 6px;
    }

    .item__details p {
        font-size: 12px;
        font-weight: 400;
    }

    .modal-content img {
        width: 100%;
        height: auto;
        max-height: 90%;
        object-fit: contain;
    }

}