@charset "utf-8";

/* 全体 */
.fs-c-loginForm {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-row-gap: 2em;
    justify-content: space-between;
}

/* 全体 margin-bottom をキャンセル */
.fs-c-cartPayment__button .fs-c-button__label,
.fs-c-button--continueShopping .fs-c-button__label,
.fs-c-button--login .fs-c-button__label,
.fs-c-button--chooseDestination .fs-c-button__label,
.fs-c-button--addToAddressbook .fs-c-button__label,
.fs-c-button--cancel .fs-c-button__label,
.fs-c-button--confirmChange .fs-c-button__label,
.fs-c-button--register .fs-c-button__label,
.fs-c-button--confirmDelete .fs-c-button__label,
.fs-c-button--change .fs-c-button__label,
.fs-c-button--settings .fs-c-button__label,
.fs-c-button--standard .fs-c-button__label {
    margin-bottom: 0;
}

.fs-body-cart-login .fs-c-loginForm {
    max-width: 960px;
}

/* 入力欄 */
[type="text"],
[type="password"] {
    padding: 0.5em;
    box-shadow: inset 1px 1px 3px rgb(0 0 0 / 10%);
}

/* タイトル */
.fs-c-subSection__title,
.fs-c-linkedServiceLogin__title {
    padding: 0;
    margin: 0;
    color: #666;
    border-bottom: none;
}

h2.fs-c-subSection__title {
    padding: 0;
}

/* 会員登録がお済みのお客様 */
.fs-c-registeredUsers {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    padding: 48px 40px;
    margin: 0;
    background: #f1f1f1;
    border-radius: 10px;
}

/* 必須入力マーク */
.fs-c-requiredMark {
    display: none;
}

/* ログイン 入力欄 */
#fs_Login .fs-c-inputInformation__field,
#fs_ShoppingCartLogin .fs-c-inputInformation__field,
#fs_ShoppingCartSubscribeLogin .fs-c-inputInformation__field {
    padding: 0;
    margin: 40px auto 24px;
    background: transparent;
}

/* パスワードをお忘れの方 */
.fs-c-inputInformation__link a.fs-c-textLink:visited {
    color: #3572b0;
}

/* ログインボタン */
.fs-c-button--login.fs-c-button--primary {
    padding: 1.2em 0;
    background: #223a70;
    border: 1px solid #223a70;
    border-radius: 10px;
}

/* ログインボタン */
.fs-c-inputInformation__button {
    margin-top: 0;
}

/* 新規会員登録 */
.fs-c-newUsers {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    padding: 48px 40px;
    margin: 0;
    background-color: #f1f1f1;
    border-radius: 10px;
}

/* 会員登録ボタン */
.fs-c-buttonContainer--memberRegister {
    margin-top: 1.6em;
}

/* 会員登録ボタン */
.fs-c-button--memberRegister.fs-c-button--primary {
    width: 100%;
    padding: 1.4em 0;
    background: #bb1900;
    border: none;
    border-radius: 10px;
}

/* amazonでログイン */
.fs-c-otherServiceLogin {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    padding: 48px 40px;
    margin: 0;
    background-color: #f1f1f1;
    border-radius: 10px;
}

/* amazonでログイン */
.fs-c-otherServiceLogin:not(:first-child) {
    margin: 0;
}

/* amazonでログイン ボタン */
.fs-c-linkedServiceLogin__body {
    margin-top: 1.6em;
}

/* マイページログインは別処理 ここから */
/* 全体 JSでamazonログインボタンを移動 */
#fs_Login .fs-c-loginForm {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-row-gap: 2em;
}

/* 会員登録 */
#fs_Login .fs-c-buttonContainer--memberRegister {
    margin-top: 1.6em;
}
/* マイページログインは別処理 ここまで */

@media (max-width: 768px) {
    /* 全体 */
    .fs-c-loginForm {
        grid-template-columns: auto;
    }

    /* タイトル */
    .fs-c-subSection__title,
    .fs-c-linkedServiceLogin__title {
        font-size: 1.6rem;
    }

    /* 会員登録がお済みのお客様 */
    .fs-c-registeredUsers {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
        padding: 24px 20px;
    }

    /* ログイン 入力欄 */
    .fs-body-cart-login .fs-c-inputInformation__field {
        margin: 24px auto;
    }

    /* ログインボタン */
    .fs-c-button--login .fs-c-button__label {
        font-size: 100% !important;
    }

    #fs_ShoppingCartLogin .fs-c-button--login .fs-c-button__label {
        margin: 0;
        font-size: 100% !important;
    }

    /* ログインボタン */
    .fs-c-button--login.fs-c-button--primary {
        padding: 1.2em 1.6em;
    }

    /* amazonでログイン */
    .fs-c-otherServiceLogin {
        grid-row: 2 / 3;
        grid-column: 1 / 2;
        padding: 24px 20px;
    }

    /* amazonでログイン ボタン */
    .fs-c-linkedServiceLogin__body {
        margin-top: 1.2em;
    }

    /* 新規会員登録 */
    .fs-c-newUsers {
        grid-row: 3 / 4;
        grid-column: 1 / 2;
        padding: 24px 20px;
    }
    /* 会員登録ボタン */
    .fs-c-buttonContainer--memberRegister {
        margin-top: 1em;
    }

    /* マイページログインは別処理 ここから */
    /* 全体 JSでamazonログインボタンを移動 */
    #fs_Login .fs-c-loginForm {
        grid-template-columns: 100%;
    }

    #fs_Login button.fs-c-button--login.fs-c-button--primary {
        font-size: 14px;
    }
}