@charset "utf-8";

/* ログイン */

h2.fs-c-registeredUsers__title.fs-c-subSection__title {
    width: 100%;
}

.fs-c-fsLogin.fs-c-inputInformation {
    background: #f3f3f3;
    width: 500px;
    margin: 0 auto;
    padding: 40px 50px;
    border-radius: 8px;
}

.fs-c-inputTable {
    width: 100%;
    margin: 0 auto;
}

button.fs-c-button--login.fs-c-button--primary {
    padding: 15px 0px;
    width: 100%;
    background: #604622;
    color: #fff;
    border: none;
    border-radius: 3px;
    margin-bottom: 20px;
}

a.fs-c-textLink {
    float: right;
}

.fs-c-guestPurchase {
    width: 100%;
    margin-top: 50px;
}

.fs-c-inputTable input {
    padding: 10px 5px;
    border-radius: 3px;
}

.fs-c-buttonContainer.fs-c-buttonContainer--guestPurchase {
    max-width: 500px;
    width: 100%;
    text-align: center;
}

#fs_Login .fs-c-fsLogin.fs-c-inputInformation {
    margin: 0;
    margin-right: 100px;
}

section.fs-c-newUsers.fs-c-subSection {
    border: 1px solid #ddd;
    padding: 50px;
    width: 50%;
}

section.fs-c-newUsers.fs-c-subSection a {
    border: 1px solid #604622;
    color: #604622;
    background: none;
}

/* パスワード再設定 */
#fs_PasswordReminder main.fs-l-main {
    display: block;
}

#fs_PasswordReminder aside#side-container {
    float: left;
}

#fs_PasswordReminder .fs-c-inputInformation__message {
    max-width: 928px;
    width: 100%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}

ol.fs-c-orderedList {
    text-align: left;
}

#fs_PasswordReminder form#fs_form {
    max-width: 520px;
    width: 100%;
    float: left;
    padding: 10px;
}

button.fs-c-button--send.fs-c-button--primary {
    padding: 10px;
    width: 200px;
    border: none;
    background: #604622;
    color: #fff;
    border-radius: 3px;
}


/*　会員登録 */
#fs_Register form#fs_form {
    width: 700px;
    margin: 0 auto;
}

button.fs-c-button--confirmRegister.fs-c-button--primary {
    width: 100%;
    text-align: center;
    display: block;
    background: #fb7210;
    color: #fff;
    text-decoration: none;
    padding: 15px 0;
    border: none;
    border-radius: 3px;
    margin-top: 30px;
}

/* メルマガ */

#fs_NewsletterSubscribe form#fs_form {
    width: 700px;
    margin: 0 auto;
}

#fs_NewsletterUnsubscribe form#fs_form {
    width: 700px;
    margin: 0 auto;
}

/* パスワードを忘れた */
#fs_ResetPassword form#fs_form {
    width: 700px;
    margin: 0 auto;
}

button.fs-c-button--register.fs-c-button--primary {
    width: 100%;
    text-align: center;
    display: block;
    background: #fb7210;
    color: #fff;
    text-decoration: none;
    padding: 15px 0;
    border: none;
    border-radius: 3px;
    margin-top: 30px;
}

/* マイページ */
#fs_MyPageTop main.fs-l-main {
    display: block;
}

#fs_MyPageTop main.fs-l-main::after {
    content: "";
    display: block;
    clear: both;
}

#fs_MyPageTop aside#side-container {
    float: left;
}

#mypage-content {
    width: 928px;
    float: left;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.fs-c-accountService {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 70%;
    margin: 0;
}

.fs-c-accountService__page {
    border: 2px solid #f4efe7;
    background: #fffbf5;
    width: 30%;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 3px;
}

.fs-c-accountService__pageLink {
    padding:20px;
    display: block;
    text-decoration: none;
}

.fs-p-accountInfo.fs-clientInfo.is-ready {
    width: 25%;
    background: #f7f7f7;
    color: #333333;
    padding: 10px;
    border-radius: 3px;
    text-align: left;
}

.fs-p-accountInfo__body {
    text-align: center;
    background: #ffffff;
    padding: 8px;
    margin-bottom: 8px;
}

.fs-c-accountService__page--accountReviews {
    display: none;
}

.fs-c-accountService__pageLink__label::before {
    display: block;
    font-size: 300%;
}

.fs-c-accountService__page--wishList .fs-c-accountService__pageLink__label::before {
    content: url(https://shooken.itembox.design/item/member/icon01.svg);
}

.fs-c-accountService__page--orderHistoryList .fs-c-accountService__pageLink__label::before {
    content: url(https://shooken.itembox.design/item/member/icon02.svg);
}

.fs-c-accountService__page--addressbook .fs-c-accountService__pageLink__label::before {
    content: url(https://shooken.itembox.design/item/member/icon03.svg);
}

.fs-c-accountService__page--accountPassword .fs-c-accountService__pageLink__label::before {
    content: url(https://shooken.itembox.design/item/member/icon04.svg);
}

.fs-c-accountService__page--accountSettingsModify .fs-c-accountService__pageLink__label::before {
    content: url(https://shooken.itembox.design/item/member/icon05.svg);
}

.fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink__label::before {
    content: url(https://shooken.itembox.design/item/member/icon06.svg);
}

.fs-c-wishlistProduct {
    float: left;
    width: 928px;
}

/* お気に入り */
.fs-c-productList {
    width: 928px;
    float: left;
}


/* 退会手続き */
#fs_DeleteAccount form#fs_form {
    width: 700px;
    margin: 0 auto;
}

.fs-c-productList__list {
    display: flex;
    flex-wrap: wrap;
}

/* 会員情報変更 */
#fs_MyAccountSettings main.fs-l-main {
    display: block;
}

#fs_MyAccountSettings aside#side-container {
    float: left;
}

#fs_MyAccountSettings .fs-c-inputInformation__message {
    width: 928px;
    float: left;
}

#fs_MyAccountSettings form#fs_form {
    float: left;
    width: 928px;
    display: block;
    margin: 0 auto;
}

#fs_MyAccountSettings .fs-c-memberInfoField tr {
    padding-bottom: 0;
}

/* 会員情報変更フォーム */
#fs_EditAccountSettings .fs-c-inputInformation__message {
    width: 928px;
    display: block;
}

#fs_EditAccountSettings form#fs_form {
    max-width: 700px;
    margin: 0 auto;
}

/* 会員登録完了 */
.fs-c-registerSuccessMessage {
    margin: 0 auto;
    text-align: cente
}

/* お届け先リスト */
form.fs-c-addressBookList__form {
    float: left;
    width: 928px;
}

.fs-c-addressBookList__addButton.fs-c-buttonContainer.fs-c-buttonContainer--addAddressbook {
    width: 30%;
    float: left;
}

.fs-c-addressBookList__count.fs-c-addressBookCount {
    width: 70%;
    float: right;
    text-align: right;
}

#fs_StoreClosed main.fs-l-main {
    justify-content: center;
}

article.fs-c-productListCarousel__list__item {
    width: 250px !important;
    margin: 0 20px;
}

article.fs-c-productListCarousel__list__item .fs-c-productListItem__prices.fs-c-productPrices {
    float: left;
}

article.fs-c-productListCarousel__list__item button.fs-c-button--addToWishList--icon {
    float: right;
}

article.fs-c-productListCarousel__list__item .fs-c-button--viewProductDetail {
    display: none;
}

.fs-c-wishlistProduct__footer {
    display: none;
}

/* 注文履歴 */
.fs-c-orderHistoryItem {
    padding-top: 25px;
}

.fs-c-orderHistoryItem__header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 15px;
}

a.fs-c-button--viewOrderHistoryDetail {
    border: 1px solid #604622;
    padding: 5px 15px;
    text-decoration: none;
    display: block;
    border-radius: 3px;
}

.fs-c-orderHistoryItem__body {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.fs-c-orderHistoryItem__product {
    width: 17%;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* お届け先 */
#fs_MyAddressBook .fs-c-addressBookList__list {
    border-collapse: collapse;
}

#fs_MyAddressBook .fs-c-addressBookList__list tr td {
    padding: 20px 0;
}

#fs_MyAddressBook .fs-c-addressBookList__list tr td:last-child {
    text-align: right;
    padding-bottom: 20px;
}

#fs_MyAddressBook .fs-c-addressBookList__list tr {
    border-bottom: 1px solid #ddd;
}

#fs_MyAddressBook a.fs-c-button--changeInfomation {
    margin-right: 15px;
}

#fs_MyAddressBook a.fs-c-button--addToAddressbook {
    border: 1px solid #604622;
    border-radius: 3px;
    padding: 10px 25px;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
}

#fs_MyAddressBook a.fs-c-button--changeInfomation {
    margin-right: 15px;
    background: #604622;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
}

#fs_MyAddressBook button.fs-c-button--delete {
    border: 1px solid #604622;
    padding: 5px 15px;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
}

#fs_MyAddressBook .fs-c-addressBookList__addButton span.fs-c-button__label::before {
    content: "\f234";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
}