@charset "utf-8";

/* ログイン画面 */

    /* パスワード行（アイコンを入力欄右内に重ねて表示） */
    /* #login-box .form__box {
        position: relative;
        width: 80%;
        margin: 0 auto;

    } */

    /* ID・パスワード入力フィールド */
    #login-box #form__box #input-id,
    #login-box #form__box #input-pw {
        box-sizing: border-box;
        width: 50%;
        padding-right: 36px;
    }
    /* 未使用の空要素が行を崩さないようにするための空要素 */
    #login-box #form__box .pwIcon {
        display: none;
    }

    #input-id-box {
        width: 800px;
        margin: 0 auto;
    }
    #input-pw-box {
        position: relative;
        width: 800px;
        margin: 0 auto;
    }

    /* パスワード表示・非表示 */
    #login-box #form__box .input--pwEye,
    #login-box #form__box .input--pwClose {
        position: absolute;
        right: 28%;
        top: 50%;
        margin-top: -10px;
        z-index: 2;
        display: block;
        width: 22px;
        height: 22px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    #login-box #form__box .input--pwEye {
        background-image: url("../images/eye.svg");
    }

    #login-box #form__box .input--pwClose {
        background-image: url("../images/eye-closed.svg");
    }

    /* ID・パスワード入力フィールド */
    #input-id, #input-pw {
        margin : 5px 5px;
        width: 85%;
        height: 30px;
        /* padding: 10px; */
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    /* ログインボタン */
    #login-btn {
        margin : 15px 15px;
        width: 400px;
        height: 40px;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    /* ログイン画面: ヘッダー帯(60px)内で右側タイトルを縦中央に */
    #login-box {
        margin-top: 50px;
        margin-bottom: 100px;
    }

    /* ログイン画面: ヘッダー帯(60px)内で右側タイトルを縦中央に */
    body#login-top #cartheader #container {
        min-height: 60px;
        align-items: center;
    }

    /* cargo.css の #mypageLink max-height:20px は1行リンク想定。見出し文言は潰れて上寄りに見えるため解除 */
    body#login-top #cartheader #mypageLink {
        max-height: none;
    }