/*
*** four/head.css
*** ヘッダ
*** 2020.07.04 OYA
*/

/*
*** 領域
*/

#fourHeadArea                                                                                           /** ヘッダ領域                  **/
{
    width               : 100%                                                                      ;
    height              : var(--four-toph)                                                          ;
    overflow            : hidden                                                                    ;
    display             : flex                                                                      ;
    justify-content     : space-between                                                             ;
    align-items         : center                                                                    ;
    background-color    : var(--four-bchf)                                                          ;
}

#fourHeadLead                                                                                           /** ヘッダ領域（左）            **/
{
    padding             : var(--four-padv) var(--four-padh)                                         ;
    display             : flex                                                                      ;
}

#fourMiscLogo                                                                                           /** ロゴマーク                  **/
{
    height              : calc(var(--four-toph) - var(--four-padv) * 2)                             ;
    width               : auto                                                                      ;
    vertical-align      : middle                                                                    ;
}

#fourHeadNext                                                                                           /** ヘッダ領域（中）            **/
{
    padding             : var(--four-padv) var(--four-padh)                                         ;
    display             : flex                                                                      ;
}

#fourHeadLast                                                                                           /** ヘッダ領域（右）            **/
{
    padding             : var(--four-padv) var(--four-padh)                                         ;
    display             : flex                                                                      ;
}

#fourMiscUser                                                                                           /** ユーザー名                  **/
{
}

#fourMiscExit                                                                                           /** ログアウト                  **/
{
}

/*
*** システム固有調整
*/