@charset "utf-8";
/* CSS Document */

main.fs-l-main{
  max-width: 1000px;
}

.fs-c-newUsers.fs-c-subSection{ /* futureshop非会員エリア（システムパーツグループ）を非表示にする */
  display: none;
}

.fs-c-registeredUsers.fs-c-subSection{ /* 3つのログインセクションを横並びにする */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.members-area, .kantan-login-area{ /* ログインセクションを線で区切る */
  border-right: 2px solid #e7e7e5;
  padding-right: 7%;
}
section.fs-c-registeredUsers.fs-c-subSection > div + div {
  padding-left: 7%;
}
.members-area h2, .kantan-login-area h2, .non-members-area h2{ /* タイトルの見た目を調整 */
  font-size: 22px;
  font-weight: 500;
  color: #000;
  border: none;
  padding-top: 25px;
  padding-bottom: 35px;
  text-align: center;
}
.fs-body-login .fs-c-inputInformation__field { /* ログイン情報入力フォームの背景色を取る */
  background: none;
  padding: 0;
  margin: 0;
}
.fs-body-cart-login .fs-c-loginForm {
    max-width: unset;
}
#fs_input_mailAddress {
  border: 2px solid #000;
  border-radius: 10px;
  padding: 10px;
}
.fs-c-inputField__field.fs-c-inputGroup {
  border: 2px solid #000;
  border-radius: 10px;
  padding: 3.5px;
}
.fs-c-registeredUsers.fs-c-subSection .fs-c-button--login.fs-c-button--primary { /* ログインボタンの見た目を調整 */
  width: 100%;
  position: relative;
  background: #00B094;
  font-size: 18px;
  padding: 18px 0;
  box-shadow: none;
  border: none;
}
.fs-c-inputInformation__link{ /* 「パスワードをお忘れですか？」の見た目を調整 */
  text-align: center;
  text-decoration: underline;
}
.fs-c-button--primary .fs-c-button__label { /* 「パスワードをお忘れですか？」の見た目を調整 */
  color: #fff !important;
}

.fs-c-otherServiceLogin{
  margin: 0;
}
.cart-easy-login-txt{
  font-size: 14px;
}
.kantan-login-btn-area {
  background: #f3f3f3;
  padding: 25px 20px;
  margin-top: 10px;
}
.amazon-members-tit { /* 「Amazonアカウントをお持ちの方」の見た目を調整 */
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.fs-c-anotherLogin.fs-c-anotherLogin--amazon{
  margin-bottom: 10px;
}
.amazon-members-txt {
  font-size: 12px;
}

.fs-c-registeredUsers.fs-c-subSection .new-entry-btn{ /* 新規会員登録ボタンの見た目を調整 */
  display: block;
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding: 13.5px 0;
  width: 100%;
  background: #00B094;
  margin-top: 32px;
}
.fs-c-registeredUsers.fs-c-subSection .new-entry-btn:hover{ 
  text-decoration: none;
}


.not-members-txt {
  font-size: 14px;
  margin-bottom: 30px;
}
.fs-c-anotherLogin__message.fs-c-anotherLogin__message--amazon { /* amazonでログインの説明文を非表示にする */
  display: none;
}

/* LINEログイン */
.line_login {
    background: #f3f3f3;
    padding: 25px 20px 15px;
    margin-top: 10px;
}
.tit_line_login {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.line-login_message {
    font-size: 12px;
}