.wrapper {
    box-sizing: border-box;
    margin: 10vw;
}

.gallery {
    columns: 3;
    column-gap: 1vw;
    margin: 0;
}

img {
    margin-bottom: 1vw;
}

#fancybox-content {
    border: solid 1px #393939 !important;
}

/* レスポンシブ_スマホ========================================= */
@media screen and (max-width:500px) {
    .wrapper {
        margin: 0;
    }

    .gallery {
        columns: 1;
        pointer-events: none;
    }

    /* .gallery li {
        margin-bottom: 0;
        pointer-events: none;
    }

    li .tate {
        height: 100vh;
        width: 100vw;
    }

    li .yoko {
        height: 50vh;
    } */

    .gallery img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}