/* スモール */
@media (min-width: 0px) {
    header #a2-title-bar {
        background                : linear-gradient(brown,#ffffff);
        border-bottom             : 2px solid brown;
    }

    header #a2-site-image img {
        object-fit                : contain;
        opacity                   : 1;
    }

    header #a2-site-image #img-cat {
        width                     : 100%;

        background                : white;
        border-bottom             : 2px solid brown;
    }

    header #a2-site-image #img-logo {
        top                       : calc(var(--a2-header-hight) + 4px);
        left                      : 4px;

        z-index                   : 3;

        height                    : 100px;
    }
}

/* ミドル */
@media (min-width: 651px) {
    header #a2-site-image #img-logo {
        top                       : calc(var(--a2-header-hight) + 8px);
        left                      : 8px;

        height                    : 180px;
    }
}

/* ラージ */
@media (min-width: 961px) {
    header #a2-site-image #img-logo {
        top                       : calc(var(--a2-eader-hight) + 16px);
        left                      : 16px;

        height                    : 240px;
    }
}