@charset "utf-8";
/* CSS Document */
@media (max-width: 960px) {
    :root {
        --width-sp: 90%;
        --width-main: 90%;
        --width-small: 90%;
        --width-sub: 90%;

        --radius-base: 25px;

        --space-l: 25px;
    }

    #concept {
        width: 100%;
        max-width: 100%;
    }
    #concept > h2 > img {
        height: 300px;
    }
    #concept > .body {
        max-width: 80%;
    }

    .content-wrapper {
        display: block;
    }
    .thumbnails {
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
        overflow: auto;
    }
    .thumb {
        width: 60px;
        height: auto;
    }
    .left {
        left: 0;
    }
    .right {
        right: 0;
    }
    .char-image {
        text-align: center;
    }

    #product > .body {
        display: block;
    }
    #product > .body > .box {
        width: var(--width-sp);
        margin: 0 auto calc(var(--space-l)/2);
    }
}