@charset "utf-8";
/* CSS Document */
@import url("formparts.css");

/*

マイページ 共通

*/


/* 個人情報保護など規約へのリンクに下線 */

a.underline,
.fs-c-agreementField.fs-c-additionalCheckField a {
  text-decoration: underline;
  color: #02335b;
}


.fs-l-main {
  margin-bottom: 8rem;
}


.fs-l-main h2 {
  border-bottom: 0;
  color: #444;
  padding: 0 0 2rem 0;
}


.fs-c-wishlistProduct {
  padding-top: 12rem;
}


.fs-c-button--returnTop {
  border: 1px solid #444;
  color: #444;
  background-color: #fff;
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
  padding: 1rem 0;
  border-radius: 0.2rem;
  text-align: center;
  text-decoration: none;
   !important
}

.fs-c-inputInformation__message {
  line-height: 2.4rem;
}


/* ボタン センタリング */
.fs-c-continueShopping {
  text-align: center;
}


/* 注意喚起 */
.fs-c-panel {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}


@media screen and (min-width:1024px) {

  /* エラー表示 */
  .fs-c-noResultMessage,
  .fs-c-history__message {
    padding: 16rem 0;
  }

}

/* お気に入り＞ 再入荷 詳しく見る */
.fs-c-productListItem__control .fs-c-button--viewProductDetail,
.fs-c-productListItem__control .fs-c-button--subscribeToArrivalNotice--list {
  padding: .8rem 1.6rem;
}

/* --------------------

    パーツ / ボタン

-------------------- */

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer !important;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  transition: color .15s
}

.btn:hover {
  cursor: pointer !important;
}





/*---- 塗りボタン ----*/

.btn--primary {
  background-color: #02335b;
  border-color: #02335b;
  color: #fff !important;
}


.btn--secondary {
  background-color: #444;
  border-color: #444;
  color: #fff !important;
}



/*---- sizes ----*/

.btn--lg {}

.btn--sm {}


.btn--block {
  width: 400px;
  padding: 1.2rem 1.6rem;
}



/*---- outline ----*/

/* ネイビー */
.btn--outline--primary {
  border: 1px solid #02335b;
  color: #02335b !important;
}

/* ブラック */
.btn--outline--secondary {
  border: 1px solid #444;
  color: #444;
}


/* センタリング */
.btn--mxAuto {
  margin: 0 auto;
}


/* --------------------

    パーツ

-------------------- */



/* ショッピングカート 削除｜あとで買う */
#fs_ShoppingCart .fs-c-button--plain {
  padding: .4rem .8rem;
  ;
  white-space: nowrap;
}



@media (max-width: 767.98px) {

  #fs_ShoppingCart .fs-c-cartTable__actionButton__container {
    width: auto;
  }

}







/* --------------------

    各種 ログイン 画面

-------------------- */

.fs-body-login .fs-c-loginForm {
  width: 100%;
  justify-content: space-around;
  gap: 0 0;
}

#loginForm.fs-c-loginForm {
  background-color: #f5f5f5;
  width: 100%;
  justify-content: space-around;
  gap: 0 0;

}

#loginForm .fs-c-inputInformation__field {
  background: none;
  padding: 0rem;
  margin: 0;
  max-width: 100%;
}

#loginForm .fs-c-subSection {
  border-radius: .2rem;
  padding: 5.2rem 4.8rem;
  margin: 0;
  flex-basis: 50%;
}

#loginForm .fs-c- fsLogin {
  margin-bottom: 5.6rem;
}


@media screen and (min-width: 960px) {
  .fs-body-login1 .fs-c-loginForm>* {
    flex-basis: 50%;
  }

  .fs-c-newUsers.fs-c-subSection {
    border-left: 1px solid #ccc;
  }

}

#loginForm h2.fs-c-linkedServiceLogin__title,
#loginForm h2.fs-c-subSection__title {
  font-weight: bold;
  color: #222;
  border: 0;
  margin-bottom: .8rem;
}


#loginForm .fs-c-subSection__message {
  line-height: 1.8;
  text-align: center;
  margin-bottom: 2.4rem;
}


#loginForm .fs-c-inputInformation__link .fs-c-textLinkContainer {
  text-align: center;
  font-weight: bold;
}


#loginForm .fs-c-inputInformation__link {
  text-align: center;
}


#loginForm .fs-c-inputInformation__link a::before {
  padding-right: .4rem;
  padding-bottom: .2rem;
  content: "\f06a";
  font-size: 1.6rem;
  font-family: "Font Awesome 5 Free";
  color: #444;
  font-weight: 600;

}


#loginForm .fs-c-anotherLogin__message--amazon,
#loginForm .fs-c-subSection__message {
  line-height: 1.8;
  text-align: center;
  margin-bottom: 2.4rem;
}

.fs-c-anotherLogin__button .fs-c-anotherLogin__button--amazon {
  width: 100%;
}



@media (max-width: 767.98px) {

  #loginForm .fs-c-loginForm {
    display: block;
  }


  #loginForm .fs-c-subSection {
    padding: 3.2rem 2.4rem;
  }


  .fs-c-registeredUsers.fs-c-subSection {
    border-right: 0;
    border-bottom: 1px solid #ccc;
  }

  #loginForm .fs-c-subSection__message {
    text-align: left;
  }

}

/* --------------------

    買い物カゴ - ログイン /p/login?type=cart&

-------------------- */

#fs_ShoppingCartLogin .fs-c-registeredUsers.fs-c-subSection {
  border-right: 0;
}

.fs-c-registeredUsers.fs-c-subSection {
  background-color: #f5f5f5;
}

.fs-c-agreementConfirmation__message {
  background: none;
}



/* --------------------

    買い物カゴ - /p/cart

-------------------- */


.fs-c-continueShopping a.fs-c-button--primary.fs-c-button--continueShopping {
  width: 100%;
  max-width: 400px;
  margin: 4rem auto 0;
  border:1px solid #02335b;
  background-color: #fff;
  text-align: center;
}


.fs-c-continueShopping a.fs-c-button--primary.fs-c-button--continueShopping .fs-c-button__label{
  color:#02335b !important;
}

.amazonpay-button-view1.amazonpay-button-view1-gold {
  height: 46px;
}





/* --------------------

    マイページ - トップ

-------------------- */

/* ボタンの形状を変更 */

.fs-body-my-top .fs-c-accountService {
    row-gap: 8px;
    align-items: stretch;
    justify-content: space-between;
    margin-left: 0;
}

.fs-body-my-top .fs-l-account {
    flex-direction: row;
}


.fs-c-accountService__page {
    margin: 0;
    flex-basis: 24%;
    display: flex;
    align-items: stretch;
    height: 128px;
}

.fs-c-accountService__page--membershipCard {
    flex-basis: 24%;
}

.fs-c-accountService__page--couponList {
    flex-basis: 24%;
}

@media screen and (min-width: 960px) {
    .fs-body-my-top .fs-p-accountInfo {
        flex-basis: 33%;
    }
}


li.fs-c-accountService__page a:hover {
    transition: .3s;
}


.fs-c-accountService__page .fs-c-accountService__pageLink,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
  box-shadow: 0 0 0 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.fs-c-accountService__page .fs-c-accountService__pageLink__label::before,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before {
  color: #333;
}


@media (max-width: 767.98px) {

    .fs-c-accountService__page {
        flex-basis: 49%;
    }

    .fs-c-accountService__page--membershipCard {
        flex-basis: 49%;
    }

    .fs-c-accountService__page--couponList {
        flex-basis: 49%;
    }
}

/* マイページ - トップ - お客様情報 */

.maypageTop__clientInfo.fs-p-accountInfo.fs-clientInfo {
  background-color: #fff;
  padding: 0;
}

.maypageTop__clientInfo {
  flex-basis: 33%;
}

.clientInfoBody,
.clientInfoHead {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
}

.clientInfoHead__name {
  font-size: 2rem;
}


.clientInfoBody dl dt,
.clientInfoBody dl dd {
  padding: 1rem .4rem 0;
}

.clientInfoBody dl dd {
  text-align: right;
}

.clientInfoBody dt {
  font-weight: bold;
}

.clientInfoBody__num {
  font-size: 4rem;
  color: #910000;
}


.clientInfoBody__expiration,
.clientInfoBody__point {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
}

.clientInfoBody__point dt {
  align-self: center;
}



@media (max-width: 767.98px) {

.maypageTop__clientInfo.fs-p-accountInfo.fs-clientInfo {
  margin: 4rem 0 5.4rem 0;
}


}




/* --------------------

    マイページ - パスワード変更 /my/account/password
    マイページ - パスワード再設定 /p/forgot-password
    マイページ - パスワード再設定 /p/reset-password?token

-------------------- */

.fs-c-changePasswordField,
.fs-c-forgotPasswordField,
.fs-c-accountPasswordField {
  width: 80%;
  margin: 0 auto;
}

#fs_EditPassword .fs-c-inputInformation__field,
#inputPassword .fs-c-inputInformation__field {
  padding: 4rem 4rem 6rem;
}


@media (max-width: 767.98px) {

  #fs_EditPassword .fs-c-inputInformation__field,
  #inputPassword .fs-c-inputInformation__field {
    padding: 2rem 2rem 3rem;
  }
}


.attention,
.forgot-password_attention {
  color: #ff0000;
  text-align: center;
}



/* --------------------

    マイページ - お届け先追加 /my/addressbook/new

-------------------- */

.fs-body-my-addressbook-new .fs-c-buttonContainer--pair {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.fs-body-my-addressbook-new .fs-c-button--primary {
  width: 100%;
  margin: 0 auto;
}


.fs-body-my-addressbook-new .fs-c-button--cancel {
  width: 100%;
  margin: 0 auto;
  border: 0;
  padding: 1.6rem 0;
}



/* --------------------

    マイページ - 会員情報詳細 /my/account/settings

-------------------- */

#accountData .fs-c-inputTable tr td {
  background-color: #f5f5f5;
  border-radius: .2rem;
  padding: 1rem;
  min-height: 4rem;
}

#accountData .fs-c-inputTable tr td span {
  font-size: 1.6rem;
}



/* --------------------

    マイページ - 会員登録

-------------------- */

#fs_Register .fs-l-main {
  margin-bottom: 8rem;
}





/* --------------------

    マイページ - お気に入り

-------------------- */

/* 一定金額以上で送料無料 */


.fs-p-linkButton {
  padding: 1rem;
  border-radius: .2rem;
  line-height: 1rem;
}



/* --------------------

    マイページ - レビューを書く /write?continueUrl=/my/orders

-------------------- */

.fs-body-review-write .fs-c-productReviewed {
  max-width: 100%;
  grid-template-columns: 1fr 6fr;

}

.fs-body-review-write .fs-c-productName__name {
  font-weight: bold;
  font-size: 1.6rem;
}

.fs-body-review-write .fs-c-inputField__explanation {
  margin-top: .8rem;
  margin-bottom: .8rem;
}

.fs-body-review-write .fs-c-productReviewed+.fs-c-aggregateRating {
  max-width: 100%;
}

.fs-body-review-write .fs-c-aggregateRating__message {
  padding: 1.6rem;

}

.fs-body-review-write .fs-c-reveiwNotes {
  padding: 1.6rem;
  margin-bottom: 4rem;
}

.fs-body-review-write .fs-c-reveiwNotes h3 {
  font-size: 1.6rem;
}


.fs-c-button--back.fs-c-button--standard,
.fs-c-button--back.fs-c-button--standard {
  border: 0;
  padding: 1.6rem 1.6rem;
  cursor: pointer;
  box-shadow: 0;
}


.fs-body-review-write .fs-c-dropdown {
  width: 200px;
}



#fs_input_contributionDateTime {
  width: auto;
}



/* --------------------

    マイページ - 注文履歴 /my/account/delete

-------------------- */

.fs-p-announcement--origin {
  margin: 0 0 3.2rem;
}


/* --------------------

    マイページ - ポイント履歴 /my/points

-------------------- */

/* ご利用可能ポイント */
#fs_MyPoints .fs-c-history__info {
  margin-top: 4rem;
  border: 1px solid #b2b2b2;
  border-radius: .2rem;
  background-color: #eee;
}

#fs_MyPoints .fs-c-pointSummary__label--availablePoint {
  padding-left: 2rem;
  font-weight: bold;
  font-size: 1.6rem;
}

#fs_MyPoints .fs-c-pointSummary__value--availablePoint {
  padding: 1.6rem 2rem 0 0;
}

#fs_MyPoints .fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number {
  font-size: 4rem;
  color: #910000;
}

#fs_MyPoints .fs-c-pointSummary__label--limitedPoint {
  padding-right: 2rem;
  font-size: 1.2rem;
  margin-bottom: .4rem;
}

#fs_MyPoints .fs-c-pointSummary__value--limitedPoint {
  padding-right: 2rem;
  font-size: 1.2rem;
  margin-bottom: .4rem;
}

#fs_MyPoints .fs-c-pointSummary__label--availablePoint,
#fs_MyPoints .fs-c-pointSummary__value--availablePoint,
#fs_MyPoints .fs-c-pointSummary__label--limitedPoint,
#fs_MyPoints .fs-c-pointSummary__value--limitedPoint {
  background-color: #fff;
}

#fs_MyPoints .fs-c-pointSummary__label--waitingPoint,
#fs_MyPoints .fs-c-pointSummary__label--purchasePointExpiration,
#fs_MyPoints .fs-c-pointSummary__label--purchasePointTotal {
  padding-top: 1.6rem;
  border-bottom: 1px solid #b2b2b2;
}

#fs_MyPoints .fs-c-pointSummary__value--waitingPoint,
#fs_MyPoints .fs-c-pointSummary__value--purchasePointExpiration,
#fs_MyPoints .fs-c-pointSummary__value--purchasePointTotal {
  text-align: left;
  font-weight: bold;
  padding-top: 1.6rem;
  border-bottom: 1px solid #b2b2b2;
}

#fs_MyPoints .fs-c-time {
  font-size: 1.2rem;
}

/* 利用年セレクトボックス */
.fs-c-history__listContainer .fs-c-dropdown__menu {
  width: auto;
}

.fs-c-history__listContainer .fs-c-dropdown {
  width: 200px;
}

.fs-c-history__listContainer .fs-c-dropdown__menu {
  font-size: 1.2rem;
  padding: 1rem;
  border-radius: .2rem;
  border: 1px solid #999;
  width: 200px;
}

.fs-c-history__listContainer .fs-c-dropdown__menu:focus {
  border: 1px solid #000;
  font-size: 1.2rem;
  padding: 1rem;
}


.fs-c-history__listContainer .fs-c-dropdown__menu.is-error:focus {
  border: 1px solid #da4453;
  background-color: #ffeded;
}



/* --------------------

    お届け先リスト一覧 -　/my/addressbook 

-------------------- */

#fs_MyAddressBook .fs-c-buttonContainer--deleteChange > * + * {
  margin: 0 0 0 0;
}

table.fs-c-addressBookList__list.fs-c-listTable {
  padding: 8px;
}

table.fs-c-addressBookList__list.fs-c-listTable tbody tr td {
  padding: 1.6rem;
}




@media (max-width: 767.98px) {

table.fs-c-addressBookList__list.fs-c-listTable tbody tr td {
  padding: 1.6rem 1.6rem 0;
}



.fs-c-buttonContainer--pair {
    grid-row-gap: 16px;
}

}






/* --------------------

    パスワード変更　/my/account/password

-------------------- */



@media (min-width: 767.98px) {

  #fs_EditPassword .fs-c-inputInformation {
    margin: 4rem auto 8rem;
    width: 100%;
    max-width: 600px;
  }


}

#fs_EditPassword .fs-c-inputInformation__field {
  margin-bottom: 16px;
}

#fs_EditPassword .fs-c-inputInformation__button {
  margin-top: 0;
}





/* --------------------

    メルマガ配信停止 - 完了

-------------------- */

#fs_NewsletterUnsubscribeSuccess .fs-c-documentContent {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 4rem;
  text-align: center;
}



/* --------------------

    マイページ - 退会手続き /my/account/delete

-------------------- */

#fs_DeleteAccount .fs-c-buttonContainer--pair {
  margin: 4rem auto 8rem;
  max-width: 600px;
}

#fs_DeleteAccount .fs-c-buttonContainer--pair>* {
  width: 100%;
}

#fs_DeleteAccount .fs-c-button--standard {
  background-color: #728496;
  border-radius: .2rem;
  padding: 1.6rem 0;
  line-height: 1;
  box-shadow: none;
  border: 0;
}

#fs_DeleteAccount .fs-c-button--standard:hover,
#fs_DeleteAccount .fs-c-button--standard:visited,
#fs_DeleteAccount .fs-c-button--standard:active {
  color: #fff !important;
}


@media (max-width: 767.98px) {

  #fs_DeleteAccount .fs-c-buttonContainer--pair>* {
    width: 80%;
    margin: 0 auto;
  }

}

/* --------------------

    各種メール認証 /p/register/verification

-------------------- */

.fs-body-register-verification .fs-c-inputInformation__field {
  padding:32px 32px 16px !important;
}


/* --------------------

    会員登録完了 /p/register/success

-------------------- */

.fs-c-registerSuccessMessage {
  border-bottom:0;
}