@charset "UTF-8";

/****************************

共通

****************************/
h2{
    background: #F0F0F0;
    color: #272727 !important;
    font-size: 18px;
    font-weight: bold;
    display: block;
    position: relative;
    padding: 12px 20px;
    text-align: left;
    margin-bottom: 20px;
}
h3{
    background: none !important;
    color: #272727 !important;
    font-size: 16px;
    border-bottom: 1px solid #F0F0F0;
    font-weight: bold;
    padding: 10px 0 !important;
    margin: 0 10px;
}

/*マイページトップへのテキストリンク*/
.fs-c-buttonContainer--myPageTop{
    margin-bottom: 128px;
}
.fs-c-buttonContainer--myPageTop a{
    color: #1E6BB9;
}

/*戻るボタン*/
.fs-c-buttonContainer--back{
    margin-bottom: 40px;
}
.fs-c-buttonContainer--back .fs-c-button--back{
    margin: auto;
}

/****************************

マイページトップ

****************************/
.fs-body-my-top .fs-l-account{
  overflow: hidden;
    display: block;
}
#page_mypage_top {
	overflow:hidden;
	margin:0 auto;
	width:830px;
}

#page_mypage_top .btnArea {
	margin-top:40px;
	padding:0 30px;
}
	.mypage_pointBox {
		float:right;
		margin:0 0 50px 0;
		padding:10px;
		width:292px;
		background:#F0F0F0;
	}
		.mypage_name {
			margin-bottom:10px;
			text-align:left;
			font-weight:bold;
		}
		.mypage_point {
			padding:10px 0;
			line-height:1.5;
			text-align:center;
			background:#FDFDFD;
		}
			.mypage_point span {
				/*font-size:130%;
				font-weight:bold;*/
                font-size: 17px;
			}
.fs-p-accountInfo__point__point__available__number{
    color: #CE0000;
}
#page_mypage_top .fs-p-accountInfo__point__point__available__number {
    color: #CE0000;
}
	.mypage_navBox {
		float:left;
		margin:0 0 80px 0;
		padding:0 0;
		width:526px;
	}
		.mypage_navBox ul {overflow:hidden;}
			.mypage_navBox li {float:left;margin-bottom:10px;margin-right:10px;width:250px;}
			.mypage_navBox li:last-child {margin-bottom:0;}
				.mypage_navBox li a {
					position:relative;
					display:block;
					padding-left:92px;
					width:100%;
					height:67px;
					line-height:67px;
					text-align:left;
					background-color:#F7F7F7;
					background-repeat:no-repeat;
					border:2px solid #E3E3E3;
				}
				.mypage_nav_favorite a {
					background-image:url(../../sp/img/mypage/icon_favorite.png);
					background-position:35px center;
					background-size:40px auto;
				}
				.mypage_nav_order a {
					background-image:url(../../sp/img/mypage/icon_order.png);
					background-position:35px center;
					background-size:38px auto;
				}
				.mypage_nav_address a {
					background-image:url(../../sp/img/mypage/icon_address.png);
					background-position:35px center;
					background-size:40px auto;
				}
				.mypage_nav_point a {
					background-image:url(../../sp/img/mypage/icon_point.png);
					background-position:35px center;
					background-size:41px auto;
				}
				.mypage_nav_review a {
					background-image:url(../../sp/img/mypage/icon_review.png);
					background-position:35px center;
					background-size:39px auto;
				}
				.mypage_nav_password a {
					background-image:url(../../sp/img/mypage/icon_password.png);
					background-position:35px center;
					background-size:41px auto;
				}
				.mypage_nav_settings a {
					background-image:url(../../sp/img/mypage/icon_settings.png);
					background-position:35px center;
					background-size:39px auto;
				}
				.mypage_nav_card a {
					background-image:url(../../sp/img/mypage/icon_card.png);
					background-position:35px center;
					background-size:39px auto;
				}
                .mypage_nav_linked a {
                    background-image:url(../../sp/img/mypage/icon_link.png);
                    background-position:35px center;
                    background-size:38px auto;
                }

			.mypage_nav_delete {
				margin-top:20px;
				text-align:left;
			}
            .mypage_nav_delete a {color:#1E6BB9;}
	#page_mypage_top .pickup_itemList_ttl {font-size:37px;}


/****************************

会員登録

****************************/

/*会員登録誘導（フリーパーツ）*/
.fs-body-register .fs-l-pageMain{
    margin-bottom: 52px;
}
.fs-p-announcement h2{
    font-size: 18px;
    margin-bottom: 10px;
	padding:0 0;
    color: #4D4D4D;
	background:#FFF;
}
.fs-body-register .fs-p-announcement__body{
    padding: 0;
    color: #707070;
}
.fs-body-register .fs-p-announcement__body li{
    margin-bottom:0;
}
.fs-body-register .fs-c-orderedList > li {
    padding: 0 8px 0 1.5em;
    text-indent: -1.5em;
}
.fs-body-register .fs-c-orderedList > li::before{
    color: #707070;
    padding-right: 0.5em;
}

/*会員ステージ特典（フリーパーツ）*/
.fs-c-specTableContainer{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 40px;
    margin-left: 0;
    overflow-x: hidden;
}
.fs-c-specTableContainer .fs-c-specTable {
	table-layout: auto;
	width:100%;
	font-size:14px;
}

.fs-c-specTable__headerCell, .fs-c-specTable__dataCell {
	padding:8px 8px;
}

.fs-c-buttonContainer--confirmRegister{
    margin: 0 30px;
}


.fs-body-register .fs-c-inputTextGroup {
	display:block;
}

.fs-body-register .fs-c-inputGroup {
	width:270px;
}

.fs-body-register .fs-c-dropdown {
	display:inline-flex;
}
.fs-body-register .fs-c-inputTextGroup__item {
    display: inline-block;
    width: 270px;
}
.fs-body-register input#fs_input_email,
.fs-body-register input#fs_input_addressLine1,
.fs-body-register input#fs_input_addressLine2,
.fs-body-register input#fs_input_addressLine3,
.fs-body-register input#fs_input_phoneNumber,
.fs-body-register input#fs_input_email,
.fs-body-register input#fs_input_addressLine1,
.fs-body-register input#fs_input_addressLine2,
.fs-body-register input#fs_input_addressLine3,
.fs-body-register input#fs_input_phoneNumber{
  width: 270px;
}
/*
.fs-body-register [type="hidden"],
.fs-body-register [type="text"],
.fs-body-register [type="search"],
.fs-body-register [type="tel"],
.fs-body-register [type="url"],
.fs-body-register [type="email"],
.fs-body-register [type="password"],
.fs-body-register [type="datetime"],
.fs-body-register [type="date"],
.fs-body-register [type="month"],
.fs-body-register [type="week"],
.fs-body-register [type="time"],
.fs-body-register [type="datetime-local"],
.fs-body-register [type="number"],
.fs-body-register select,
.fs-body-register textarea {
    width: auto;
}
*/


/****************************

会員登録完了

****************************/
.fs-c-registerSuccessMessage{
    padding: 0 0;
    margin-bottom: 52px;
    text-align: left;
    line-height: 1.73;
    border: none;
}
.fs-c-registerSuccessMessage p{
    margin-bottom: 56px;
}

/****************************

会員情報詳細/変更/登録

****************************/
.fs-c-inputInformation__message{
    padding: 0 0;
    justify-content: flex-start;
}
.fs-body-customerDetails th.fs-c-inputTable__headerCell,
.fs-body-my-account-settings th.fs-c-inputTable__headerCell,
.fs-body-my-account-settings-edit th.fs-c-inputTable__headerCell{
    font-size: 15px;
    font-weight: bold;
    background: #F0F0F0;
    padding: 4px 20px;
    margin-bottom: 10px;
}
.fs-body-my-account-settings td.fs-c-inputTable__dataCell{
    padding: 0 20px;
}
.fs-body-customerDetails .fs-c-buttonContainer--change,
.fs-body-my-account-settings .fs-c-buttonContainer--change,
.fs-body-my-account-settings-edit .fs-c-buttonContainer--confirmChange{
    padding: 0 30px;
}
.fs-body-customerDetails .fs-c-inputInformation td input,
.fs-body-my-account-settings-edit .fs-c-inputInformation td input{
    height: 27px;
    border-radius: 4px;
    font-size: 15px;
}
.fs-body-customerDetails .fs-c-button--registerAndContinue{
    margin: auto;
}

/****************************

お客様情報入力

****************************/
.fs-body-customerDetails #fs_registerAndContinue{
    width: 100%;
    margin: 0 30px 40px;
}


/****************************

注文履歴

****************************/
.fs-body-my-orders .fs-c-history__term{
    color: #4D4D4D;
    font-size: 15px;
    margin: 20px 0;
}
.fs-body-my-orders .fs-c-history{
    -ms-grid-columns: 1fr 30%;
    grid-template-columns: 1fr 30%;
}
.fs-body-my-orders .fs-c-listControl:first-child{
    display: none;
}
.fs-body-my-orders .fs-c-orderHistoryItem__product{
    -ms-grid-columns: 100px 1fr;
    grid-template-columns: 100px 1fr;
}
.fs-body-my-orders .fs-c-history__info{
    margin-bottom: 20px;
}
.fs-c-listedProductName__variation{
    font-size: 13px;
}
.fs-c-productPrice__addon{
    font-size: 10px;
}
.fs-c-orderHistoryItem__productName{
    line-height: 1.07;
    font-size: 13px;
}
.fs-c-productPrice__main__price{
    font-weight: bold;
}
.fs-c-orderHistoryItem__unitPrice,
.fs-c-orderHistoryItem__productQuantity{
    line-height: 1.07;
}

/****************************

注文履歴詳細

****************************/

.fs-body-my-orders-details .fs-c-orderDetail__data{
    margin-bottom: 40px;
}
.fs-body-my-orders-details h2{
    margin-bottom: 20px;
}
.fs-body-my-orders-details .fs-c-orderPerAddresseeList{
    margin-bottom: 40px;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee,
.fs-body-my-orders-details .fs-c-orderDetail__orderInfo{
    display: block;
}
.fs-body-my-orders-details th.fs-c-cartTable__headerCell--product{
    width: 66%;
}
.fs-body-my-orders-details th.fs-c-cartTable__headerCell--quantity{
    width: 6%;
}
.fs-body-my-orders-details th.fs-c-cartTable__headerCell--subtotal{
    width: 10%;
}
.fs-body-my-orders-details th.fs-c-cartTable__headerCell--action{
    width: 18%;
}
.fs-body-my-orders-details .fs-c-cartTable__productImage__image{
    width: 100%;
    height: auto;
}
.fs-body-my-orders-details .fs-c-cartTable__dataCell--quantity::before,
.fs-body-my-orders-details .fs-c-cartTable__dataCell--subtotal::before{
    font-size: 13px;
    font-weight: normal;
}
.fs-body-my-orders-details .fs-c-cartTable__dataCell--subtotal{
    font-size: 15px;
}
.fs-body-my-orders-details .fs-c-orderDetailInfo__heading{
    margin-bottom: 20px;
}
.fs-body-my-orders-details .fs-c-orderTotalTable__postageFee td::before,
.fs-body-my-orders-details .fs-c-orderTotalTable__subtotal td::before{
    content: '¥';
}
.fs-body-my-orders-details .fs-c-orderTotalTable__total .fs-c-price,
.fs-body-my-orders-details .fs-c-orderDetailInfo__orderTotal .fs-c-price{
    font-size: 18px;
    font-weight: bold;
}
.fs-body-my-orders-details .fs-c-deliveryInfoList{
    -ms-grid-columns: 90px 1fr;
    grid-template-columns: 90px 1fr;
    margin-top: 16px;
}
.fs-body-my-orders-details .fs-body-my-orders-details .fs-c-orderTotalInfo{
    margin-bottom: 40px;
}
.fs-body-my-orders-details .fs-c-orderPaymentTable .fs-c-orderPaymentTable__payment,
.fs-body-my-orders-details .fs-c-deliveryInfoList dd{
    text-indent: 0.5em;
}
.fs-body-my-orders-details .fs-c-orderPaymentTable th{
    width: 120px;
}


/****************************

お届け先リスト

****************************/
.fs-c-addressBookList__form{
    padding: 0 30px;
}
.fs-c-buttonContainer--addAddressbook {
    padding: 8px 0 40px;
}

.fs-c-addressBookList__message.fs-c-noResultMessage{
    margin: 0 30px;
}

.fs-c-button--delete{
    width: 30%;
}
.fs-body-my-addressbook .fs-c-buttonContainer--deleteChange > [class^="fs-c-button"],
.fs-body-my-addressbook .fs-c-buttonContainer--deleteChange > [class^="fs-c-button"]:visited {
    display: block;
    position: relative;
    padding: 0;
    width: 30%;
    height: 45px;
    font-size: 15px;
    color: #FFF;
    line-height: 45px;
    text-align: center;
    background: #4D4D4D;
    border: none;
    cursor: pointer;
}
.fs-body-my-addressbook .btnDarkGray, .fs-body-my-addressbook .btnDarkGray:visited{
    width: 30%;
}

/****************************

お届け先リスト追加・変更

****************************/
/*.fs-body-my-addressbook-new .fs-c-buttonContainer--registerCancel.fs-c-buttonContainer--pair,
.fs-body-my-addressbook-edit .fs-c-buttonContainer--registerCancel.fs-c-buttonContainer--pair{
    margin: 0 30px;
}*/
.fs-body-my-addressbook-new .fs-c-inputInformation  td input,
.fs-body-my-addressbook-edit .fs-c-inputInformation  td input{
    height: 32px;
    border-radius: 4px;
    font-size: 20px;
}
.fs-body-my-addressbook-new th.fs-c-inputTable__headerCell,
.fs-body-my-addressbook-edit th.fs-c-inputTable__headerCell{
    font-size: 15px;
    font-weight: bold;
    background: #F0F0F0;
    padding: 4px 20px;
    margin-bottom: 10px;
}

.fs-body-my-addressbook-new .fs-c-inputTextGroup {
	display:block;
}

.fs-body-my-addressbook-new .fs-c-inputGroup {
	width:270px;
}

.fs-body-my-addressbook-new .fs-c-dropdown {
	display:inline-flex;
}
.fs-body-my-addressbook-new .fs-c-inputTextGroup__item {
    display: inline-block;
    width: 270px;
}
.fs-body-my-addressbook-new input#fs_input_email,
.fs-body-my-addressbook-new input#fs_input_addressLine1,
.fs-body-my-addressbook-new input#fs_input_addressLine2,
.fs-body-my-addressbook-new input#fs_input_addressLine3,
.fs-body-my-addressbook-new input#fs_input_phoneNumber,
.fs-body-my-addressbook-new input#fs_input_email,
.fs-body-my-addressbook-new input#fs_input_addressLine1,
.fs-body-my-addressbook-new input#fs_input_addressLine2,
.fs-body-my-addressbook-new input#fs_input_addressLine3,
.fs-body-my-addressbook-new input#fs_input_phoneNumber{
  width: 270px;
}
/*
.fs-body-my-addressbook-new [type="hidden"],
.fs-body-my-addressbook-new [type="text"],
.fs-body-my-addressbook-new [type="search"],
.fs-body-my-addressbook-new [type="tel"],
.fs-body-my-addressbook-new [type="url"],
.fs-body-my-addressbook-new [type="email"],
.fs-body-my-addressbook-new [type="password"],
.fs-body-my-addressbook-new [type="datetime"],
.fs-body-my-addressbook-new [type="date"],
.fs-body-my-addressbook-new [type="month"],
.fs-body-my-addressbook-new [type="week"],
.fs-body-my-addressbook-new [type="time"],
.fs-body-my-addressbook-new [type="datetime-local"],
.fs-body-my-addressbook-new [type="number"],
.fs-body-my-addressbook-new select,
.fs-body-my-addressbook-new textarea {
    width: auto;
}
*/
/****************************

ポイント履歴

****************************/
.fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number{
    font-size:  18px;
    font-weight: bold;
    color: #CE0000;
}
.fs-body-my-points .fs-c-pointListTable.fs-c-listTable > tbody > tr td {
    align-items: center;
}
.fs-body-my-points .fs-c-pointListTable.fs-c-listTable > tbody > tr td::before{
    font-size: 26px;
    width: 200px;
}
.fs-body-my-points .fs-c-pointListTable td[aria-label="獲得・利用ポイント"] {
    font-size: 15px;
}

/****************************

レビュー履歴

****************************/
.fs-body-my-reviews .fs-c-history{
    margin: 0 30px;
}
.fs-body-my-reviews .fs-c-reviewInfo__date,
.fs-body-my-reviews .fs-c-reviewStatus{
    font-size: 12px;
}

/****************************

レビューを書く/一覧

****************************/
.fs-body-review-write .fs-c-productReviewed,
.fs-body-reviews-product .fs-c-productReviewed{
    -ms-grid-columns: 40% 1fr;
    grid-template-columns: 40% 1fr;
}
.fs-body-review-write .fs-c-productImage__image,
.fs-body-reviews-product .fs-c-productImage__image{
    margin: 0 auto;
    width: 100%;
}
.fs-body-review-write .fs-c-productName__name,
.fs-body-reviews-product .fs-c-productName__name{
    font-size: 15px;
}
.fs-body-review-write .fs-c-productNumber,
.fs-body-reviews-product .fs-c-productNumber{
    font-size: 12px;
}
.fs-body-review-write .fs-c-aggregateRating .fs-c-reviewStars,
.fs-body-review-write .fs-c-aggregateRating .fs-c-rating__value,
.fs-body-review-write .fs-c-aggregateRating .fs-c-aggregateRating__count,
.fs-body-reviews-product .fs-c-aggregateRating .fs-c-reviewStars,
.fs-body-reviews-product .fs-c-aggregateRating .fs-c-rating__value,
.fs-body-reviews-product .fs-c-aggregateRating .fs-c-aggregateRating__count{
    font-size: 18px;
}

.fs-body-review-write .fs-c-productPrice--listed .fs-c-productPrice__main{
    color: #272727;
    font-weight: normal;
}
.fs-body-review-write .fs-c-productPrice--selling .fs-c-price__currencyMark,
.fs-body-review-write .fs-c-productPrice--selling .fs-c-price__value{
    color: #CE0000;
    font-weight: bold;
}
.fs-body-review-write .fs-c-productPrice__main__label,
.fs-body-reviews-product .fs-c-productPrice__main__label,
.fs-body-reviews-product .fs-c-reviewer__status{
    display: none;
}
.fs-body-review-write .fs-c-inputInformation{
    padding: 0;
}
.fs-body-review-write .fs-c-inputInformation__field th,
.fs-body-reviews-product .fs-c-inputInformation__field th{
    font-size:13px;
    height: auto;
    line-height: auto;
    text-indent: 0;
}
.fs-body-review-write .fs-c-inputInformation td [type="text"]{
    height: auto;
    border-radius: 3px;
    font-size: 15px;
}
.fs-body-review-write .fs-c-textarea {
    padding: 5px;
}
.fs-body-reviews-product .fs-c-reviewer__profile,
.fs-body-reviews-product .fs-c-reviewInfo__date{
    font-size: 13px;
}

/****************************

お気に入りリストログイン

****************************/
.fs-body-wishlist-login .fs-c-inputInformation__field {
    background: #FFF;
}

/****************************

お気に入り

****************************/
.fs-body-my-wishlist .fs-c-productList__list h2{
    background: none;
    font-weight: normal;
    padding: 0;
}
.fs-body-my-wishlist .fs-c-aggregateRating__rating {
    flex: 0 1 100%;
}
.fs-body-my-wishlist .fs-c-aggregateRating__rating::before{
    font-size: 13px;
}
.fs-body-my-wishlist .fs-c-aggregateRating__rating .fs-c-rating__stars.fs-c-reviewStars{
    font-size: 15px;
}
.fs-body-my-wishlist .fs-c-aggregateRating__rating .fs-c-rating__value {
    font-size: 15px;
}
.fs-body-my-wishlist .fs-c-button--viewReview{
    line-height: 1;
}

.fs-c-wishList .fs-c-productList__list .fs-c-productListItem__control{
  display: flex;
}

.fs-c-wishList .fs-c-productList__list .btnRed.fs-c-button--addToCart--list{
  width: 80%;
}

.fs-c-wishList .fs-c-productList__list .fs-c-button--particular{
  width: 18%;
}

.fs-c-wishList .fs-c-productList__list .fs-c-noImage{
  width: 100%;
  height: 100%;
}
/****************************

退会

****************************/
.fs-body-my-account-delete .fs-c-inputInformation__field--display .fs-c-inputTable__headerCell {
	padding:0;
    font-size: 17px;
	color:#707070;
	background:#FFF;
}

.fs-body-my-account-delete .fs-c-inputInformation__button,
.fs-body-my-account-delete .fs-c-buttonContainer--myPageTop {
	margin-top: 60px;
}

.fs-body-my-account-delete .btnGray,
.fs-body-my-account-delete .btnGray:visited {
	width:300px;
}

.fs-body-my-account-delete .btnDarkGray,
.fs-body-my-account-delete .btnDarkGray:visited {
	width:300px;
}


/****************************

メールマガジン登録/登録完了/削除/削除完了

****************************/
.fs-body-newsletter-subscribe main.fs-l-main,
.fs-body-newsletter-subscribe-success main.fs-l-main,
.fs-body-newsletter-unsubscribe main.fs-l-main,
.fs-body-newsletter-unsubscribe-sucess main.fs-l-main{
    margin-bottom: 90px !important;
}


/****************************

パスワード再設定

****************************/
.fs-body-forgotPassword p.renewal{
  background: #FFE3E3;
  color: #D71818;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 40px;
  margin-bottom: 24px;
  border-radius: 10px;
  width: 100%;
  line-height: 1.6;
}


/******************************************************

IE対応

******************************************************/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
    .fs-body-register input:-ms-input-placeholder,
    .fs-body-my-addressbook-new input:-ms-input-placeholder{
      color: #ccc;
    }
    .fs-body-register .fs-c-inputTextGroup__item,
    .fs-body-my-addressbook-new .fs-c-inputTextGroup__item {
        width: 270px;
        display: inline-block;
    }
    .fs-body-register input#fs_input_lastName,
    .fs-body-register input#fs_input_firstName,
    .fs-body-register input#fs_input_lastNameKana,
    .fs-body-register input#fs_input_firstNameKana,
    .fs-body-my-addressbook-new input#fs_input_lastName,
    .fs-body-my-addressbook-new input#fs_input_firstName,
    .fs-body-my-addressbook-new input#fs_input_lastNameKana,
    .fs-body-my-addressbook-new input#fs_input_firstNameKana{
        width: 270px;
    }
}
/******************************************************

タブレット調整用

******************************************************/
@media screen and (min-width:768px) and (max-width:829px) {
  /*マイページトップ*/
  .fs-body-my-top .mypage_pointBox {
      width: 190px;
  }
}
@media screen and (max-width: 959px) {
  /*注文履歴*/
  .fs-body-my-orders .fs-c-history, .fs-body-my-storeOrders .fs-c-history {
    display: block;
  }
}



/******************************************************

ログイン連携ページ

******************************************************/
.fs-body-my-linkedAccounts .fs-c-inputInformation__field{max-width: 60%;}
.fs-body-my-linkedAccounts .fs-c-inputInformation__field .fs-c-linkServicesList{display: block;}
.fs-body-my-linkedAccounts .fs-c-inputInformation__field .fs-c-linkServicesList__item{margin-bottom: 16px;}