/* スモール */
@media (min-width: 0px) {
    #nav-glb {
        display                   : none;

        height                    : var(--nav-bar-hight);
    
        background                : #bfff7f;
    }

    #nav-glb h3 {
        padding                   : 0 0 0 16px;
    }

    #nav-glb a {
        margin                    : 0 32px 0 auto;

        font-weight               : bold;
        line-height               : var(--nav-bar-hight);

        text-decoration           : none;
    }

    #nav-glb a:hover {
        opacity                   : 0.5;
    }
}

/* ミドル */
@media (min-width: 651px) {
    #nav-glb {
        display                   : flex;
    }
}

/* ラージ */
@media (min-width: 961px) {
}