/*
*** signin/main.css
*** サインイン
*** 2021.07.03 OYA
*/

#fourHeadArea
{
    display             : none                                                                      ;
}
#fourFootArea
{
    display             : none                                                                      ;
}
#fourBodySide
{
    display             : none                                                                      ;
}
#fourBodyLine
{
    display             : none                                                                      ;
}
.fourBodyBack
{
    display             : none                                                                      ;
}

#wrap_area                                                                                              /** 表示領域                    **/
{
    margin-top          : 100px                                                                     ;
    display             : flex                                                                      ;
    justify-content     : center                                                                    ;
}

#wrap_auth                                                                                              /** 認証領域                    **/
{
    max-width           : 400px                                                                     ;
    min-width           : 400px                                                                     ;
    width               : 400px                                                                     ;
    background-color    : rgba(247, 248, 248, 1.0)                                                  ;
    font-size           : 1.2em                                                                     ;
    font-weight         : bold                                                                      ;
}
#wrap_auth label
{
    margin              : 0px 6px                                                                   ;
}

#wrap_logo                                                                                              /** ロゴ                        **/
{
    margin              : 3px 3px                                                                   ;
    display             : flex                                                                      ;
    justify-content     : left                                                                      ;
}
#logo
{
    height              : 30px                                                                      ;
}

#wrap_user                                                                                              /** メールアドレス              **/
{
    margin              : 20px 3px                                                                  ;
    display             : flex                                                                      ;
    justify-content     : left                                                                      ;
}
#user
{
}

#wrap_pass                                                                                              /** パスワード                  **/
{
    margin              : 20px 3px                                                                  ;
    display             : flex                                                                      ;
    justify-content     : left                                                                      ;
}
#pass
{
}

#wrap_push                                                                                              /** サインイン                  **/
{
    margin              : 20px 3px                                                                  ;
    display             : flex                                                                      ;
    justify-content     : center                                                                    ;
}
#push
{
    width               : 8.0em                                                                     ;
    padding             : 2px 0px                                                                   ;
    text-align          : center                                                                    ;
    font-weight         : bold                                                                      ;
    background-color    : rgba(255, 255, 255, 0.5)                                                  ;
    border-radius       : 10px                                                                      ;
    border              : solid 0.1px rgba(0, 0, 0, 0.1)                                            ;
}
#push:hover
{
    opacity             : 0.5                                                                       ;
}

#wrap_note                                                                                              /** メッセージ                  **/
{
    margin              : 20px 30px                                                                 ;
    display             : flex                                                                      ;
    justify-content     : left                                                                      ;
}
#note
{
    color               : #FF0000                                                                   ;
    white-space         : normal                                                                    ;
}