/* スモール */
@media (min-width: 0px) {
    /* WeakBear's タイトルバー */
    header #a2-title-bar {
        display                   : flex;

        position                  : fixed;
        top                       : 0;

        z-index                   : 10;
    
        width                     : 100%;
        height                    : var(--a2-header-hight);
        padding                   : 0 0 0 16px;
    }
    
    header #a2-title-bar a {
        text-decoration           : none;
    }

    header #a2-title-bar-string {
        font-size                 : 24px;
        font-weight               : normal;
        color                     : white;
        text-shadow               : 1px 2px 2px rgba(52,85,43,0.8);
        line-height               : var(--a2-header-hight);
    }
    
    header #a2-title-bar-height {
        height                    : var(--a2-header-hight);
    }

    /* サイトイメージ */
    header #a2-site-image img {
        position                  : absolute;

        height                    : var(--a2-site-image-hight1);
        
        object-fit                : cover;
        opacity                   : 0;
        transition                : opacity 1s;
    }
      
    header #a2-site-image .current {
        opacity                   : 1;
    }
    
    header #a2-site-image-height {
        height                    : var(--a2-site-image-hight1);
    }
}

/* ミドル */
@media (min-width: 651px) {
    /* サイトイメージ */
    header #a2-site-image img {
        height                    : var(--a2-site-image-hight2);
    }

    header #a2-site-image-height {
        height                    : var(--a2-site-image-hight2);
    }
}

/* ラージ */
@media (min-width: 961px) {
    /* サイトイメージ */
    header #a2-site-image img {
        height                    : var(--a2-site-image-hight3);
    }

    header #a2-site-image-height {
        height                    : var(--a2-site-image-hight3);
    }
}