@charset "UTF-8";

body{
    background: #fff;
}
.fs-l-main{
    margin: 0;
    padding: 0;
}
.fs-l-page {
background: #fff;
margin: 0;
    padding: 0;
}
.title_wrap {
  max-width: 1216px;
  margin: 0px auto;
}
.page_top_wrap {
  max-width: 1216px;
  margin: 0px auto;
  width: 100%;
}





#fs_NewAddress .fs-l-main,
#fs_EditAddress .fs-l-main,
#fs_MyAddressBook .fs-l-main,
#fs_preview_header.fs-l-main,
.fs-body-my-account-settings-edit .fs-l-main,
.fs-body-my-account-settings .fs-l-main,
.fs-body-my-account-delete .fs-l-main  {
  display: block;
  max-width: 100%;
  background: #f6f6f6;
}

#fs_PasswordReminder .fs-l-main,
#fs_MyReviews .fs-l-main {
display: block;
}
.fs-body-register-success .fs-l-main {
max-width: 960px;
  display: block;
}


h2,h3{
font-size: 28px;
}

.fs-l-page .fs-l-main a,
.fs-l-page .fs-l-main p,
.fs-l-page .fs-l-main label,
.fs-l-page .fs-l-main th,
.fs-l-page .fs-l-main td,
.fs-l-page .fs-l-main dt,
.fs-l-page .fs-l-main dd,
.fs-l-page .fs-l-main div,
.fs-l-page .fs-l-main span,
.fs-l-page .fs-l-main li {
font-size: 14px;
line-height: 1.5;
}

/*メール認証*/

#fs_RegisterVerification #fs_form th {
  max-width: 260px;
  width: 50%;
  text-align: left;
  font-size: 16px;
  vertical-align: top;
  margin-top: 10px;
  padding-top: 25px;
}

#fs_RegisterVerification h3 {
font-size: 28px;
  padding: 50px 0px;
}
#fs_RegisterVerification .fs-c-inputInformation__message {
  width: 100%;
}

#fs_RegisterVerification  .auth_form_wrap {
  width: 100%;
  background: #F6F6F6;
}
#fs_RegisterVerification  .fs-c-inputInformation__field {
  background: none !important;
}
#fs_RegisterVerification .fs-c-inputTable > tbody > tr {
  display: block;
  }
#fs_RegisterVerification .fs-c-confirmation__data,
#fs_RegisterVerification .fs-c-inputTable__label,
#fs_RegisterVerification .fs-c-inputField__button.fs-c-buttonContainer.fs-c-buttonContainer--resendVerificationCode {
  font-size: 16px;
  }
  
#fs_RegisterVerification  #fs_form th {
  width: 30%;
  }
  
#fs_RegisterVerification  .fs-c-panel--error {

  display: inline-block;
  margin: 20px;
}
#fs_RegisterVerification .fs-c-button--backToRegister.fs-c-button--standard {
  background: #f6f6f6;
  }
#fs_RegisterVerification .fs-c-buttonContainer--backToRegister {
  justify-content: center!important;
} 

/*--/メール認証*/
/*--登録完了*/
#fs_RegisterSuccess h2 {
   font-size: 28px;
    padding: 50px 30px;
    font-weight: bold;
}

#fs_RegisterSuccess p {
  text-align: center !important;
  padding: 10px;
}
#fs_RegisterSuccess .fs-l-main p:nth-of-type(1) {
  margin: 40px 0px;
}

#fs_RegisterSuccess p > a {
  color: #DE8E32 !important;
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
  }
 #fs_RegisterSuccess .fs-l-main p:nth-of-type(3) {
  margin: 20px auto;
}

#fs_RegisterSuccess .fs-l-main p:nth-of-type(5) {
margin: 50px auto;
}

#fs_RegisterSuccess .fs-l-main p:nth-of-type(3) a,
#fs_RegisterSuccess .fs-l-main p:nth-of-type(5) a {
}


#fs_RegisterSuccess .fs-c-registerSuccessMessage {
border: none;
}

#fs_RegisterSuccess .fs-body-register-success .fs-l-main {
  max-width: 100%;
  }
#fs_RegisterSuccess   .fs-c-registerSuccessMessage {
  margin: 0px;
  background: #F6F6F6;
  width: 100%;
}

.fs-body-register-success .fs-c-registerSuccessMessage p {
  font-size: 14px;
  line-height: 1.5;
}
/*--/登録完了*/
/* login */

#fs_WishListLogin .fs-c-button--primary,#fs_ReviewLogin .fs-c-button--primary,
#fs_Login .fs-c-button--primary,#fs_ReviewLogin .fs-c-button--primary {
display: block;
width: 100%;
max-width: 240px;
font-size: 16px;
line-height: 1.7;
font-weight: 700;
background: linear-gradient(90deg, #F5D47A 75%, #DE8E32);
background-repeat: no-repeat;
background-size: 400% auto;
background-position: 100% 0%;
color: #fff;
text-align: center;
padding: 14px;
border-radius: 100vw;
position: relative;
transition:ease-out 0.4s;
border: none;
  box-shadow: none;
  
}
#fs_WishListLogin .fs-c-button--primary::after,#fs_ReviewLogin .fs-c-button--primary::after,
#fs_Login .fs-c-button--primary::after,#fs_ReviewLogin .fs-c-button--primary::after {
position: absolute;
right: 20px;
top: 20px;
content: "";
width: 6px;
height: 6px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform:rotate(-45deg);
}
#fs_WishListLogin .fs-c-button--primary:hover,
#fs_Login .fs-c-button--primary:hover {
background-position: 50% 0%;
color: #fff;
}
#fs_showPassword {
  background: url(https://dtlonline.itembox.design/item/mypage/akar-eye-slashed.png);
width: 27px;
background-repeat: no-repeat;
  background-position: center right;
}


#fs_WishListLogin .fs-c-inputInformation__link,
#fs_Login .fs-c-inputInformation__link,
#fs_ReviewLogin .fs-c-inputInformation__link {
  margin-top: 8px;
  text-align: center;
}
#fs_ReviewLogin .fs-c-linkedServiceLogin .fs-c-linkedServiceLogin__title,
#fs_Login .fs-c-linkedServiceLogin .fs-c-linkedServiceLogin__title,
#fs_WishListLogin .fs-c-linkedServiceLogin .fs-c-linkedServiceLogin__title{
margin: 10px auto;
word-break: auto-phrase;
}

#fs_ReviewLogin .fs-c-otherServiceLogin,
#fs_Login .fs-c-otherServiceLogin,
#fs_WishListLogin .fs-c-otherServiceLogin  {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
   

/*--/ login */






.login_parts_wrap {
margin: 0 auto 50px;;
}
.fs-c-subSection {
  margin: 0 auto 24px;
}
.fs-c-fsLoginField .fs-c-requiredMark {
height: 18px !important;
}
.fs-c-inputTable__dataCell {
  padding: 20px 0px;
}
.fs-c-inputTable__headerCell {
  font-size: 15px;
}
#fs_form input {
  height: 40px;
  font-size: 15px;
  text-align: left;
}



.fs-c-textLink {
  font-size: 13px;
}
.fs-c-button__label {
  font-size: 12px;


}
.fs-c-newUsers__message.fs-c-subSection__message {
  margin: 20px 0px;
  font-size: 15px;
  line-height: 1.5;
}


h1{
    margin: 120px auto 0;
    width: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    font-weight: bold;
    color: #504A4D;
    letter-spacing: .2em;
    font-weight: 500;
}
h1 span{
    font-size: 10px;
    font-weight: bold;
    width: 130px;
    text-align: center;
    background: #F6F6F6;
    color: #504A4D;
    padding: 5px 0;
    margin: 15px auto;
    white-space: nowrap;
    letter-spacing: .2em;
}
.fs-c-breadcrumb{
max-width: 1216px;
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 60px auto 40px;
}

.fs-c-breadcrumb li a{
    font-size: 10px;
    color: #aaa;
}




.fs-l-main {
  background: #fff;
max-width: 100%;
margin: 0px auto;
padding: 0px;
}


/*mypage top*/

.mypage_wrap {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    padding: 50px 0px;
}
.fs-c-accountService {
font-size: 15px;
max-width: 960px;
display: flex;
list-style: none;
flex-wrap: wrap;
gap:8px;
font-weight: bold;
  padding: 0px;
}
.mypage_list {
    display: inline-block;
    max-width: 900px;
    width: 100%;
}
.fs-c-accountService li {
padding:40px;
width: 30%;
border: #DE8E32 solid 1px;
text-align: center;
margin: 5px;
display: flex;
flex-direction: column;
background-color: #fff;
 position: relative;
 align-items: center;
  justify-content: center;

}
.fs-c-accountService__page::before {
filter: brightness(0) saturate(100%) invert(58%) sepia(77%) saturate(434%) hue-rotate(350deg) brightness(90%) contrast(92%);
width: 100px;
}


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



.fs-c-accountService .fs-c-accountService__page--couponList::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_001.svg');
}
.fs-c-accountService .fs-c-accountService__page--wishList::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_002.svg');
}

.fs-c-accountService .fs-c-accountService__page--orderHistoryList::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_004.svg');
}

.fs-c-accountService .fs-c-accountService__page--pointHistory::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_005.svg');
}

.fs-c-accountService .fs-c-accountService__page--accountReviews::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_006.svg');
}

.fs-c-accountService .fs-c-accountService__page--accountCard::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_007.svg');
}

.fs-c-accountService .fs-c-accountService__page--addressbook::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_008.svg');
}

.fs-c-accountService .fs-c-accountService__page--accountPassword::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_009.svg');
}

.fs-c-accountService .fs-c-accountService__page--accountSettingsModify::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_003.svg');
}

.fs-c-accountService__page.fs-c-accountService__page--lineIdLink::before {
content: url('https://dtlonline.itembox.design/item/mypage/mypage_icon_010.svg');
}


.fs-c-accountService li a {
color: #DE8E32;
text-decoration: none;

}
.fs-c-accountService li a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}
ul.logout_wrap {
  list-style-type: none;
  padding: 10px;
  text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
ul.logout_wrap li {
  margin: 20px 0px;
  font-size: 13px;
  font-weight: bold;
    width: 100%;
}
ul.logout_wrap li a {
  color: #DE8E32;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  }

ul.logout_wrap li:nth-of-type(1){  
    display: flex;
    justify-content: right;
    }

ul.logout_wrap li:nth-of-type(1) a{
    margin: 50px auto;
    display: block;
    width: 100%;
    max-width: 240px;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 700;
    background-image: linear-gradient(to right, #fff 0%, #fff 50%, #000 50%, #000 100%);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 200% auto;
    color: #fff;
    text-align: center;
    padding: 12px;
    border-radius: 100vw;
    position: relative;
    border: 2px solid #000;
    transition: ease-out 0.4s;
    text-decoration: none;
}
ul.logout_wrap li:nth-of-type(1) a::after {
    position: absolute;
    right: 20px;
    top: 18px;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}
ul.logout_wrap li:nth-of-type(1) a:hover{
    background-position: 0 0;
    color: #333;
}
ul.logout_wrap li:nth-of-type(1) a:hover::after {
    border-color: #000;    
}
ul.logout_wrap li:nth-of-type(2) {
    margin: 10px 0px;
}

.fs-c-accountService li a > span > span {
display: block;
padding: 20px 0px 30px;
font-size: 14px;
  font-weight: bold;
}

.fs-clientInfo{
}
.fs-p-accountInfo.fs-clientInfo.is-ready {
display:inline-block!important;
max-width: 280px;
width: 30%;
background: #fff;
  font-size: 12px;
  padding: 20px;
  vertical-align: top;
    margin: 20px auto;
}

.fs-c-accountService li::after{
content:"";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: 3px;
  right: 3px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #DE8E32;
}

.fs-p-accountInfo__header {
padding: 0px 0px 20px;
}

.fs-p-accountInfo__point__label {
width: 100%;
display: block;
background:#F8EEDE;
padding: 2px 0px;
text-align: center;
}

.fs-p-accountInfo__point__point {
text-align: right;
padding: 10px 0px 50px;
}

.fs-p-accountInfo__point__point__available__number {
font-size: 20px;
color: #DE8E32;
}

.fs-c-purchasePointExpiration {
text-align: right;
}
#fs_MyPageTop .fs-l-page .fs-l-main .fs-c-wishlistProduct__title {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    text-align:left;
}

#fs_MyPageTop .fs-c-wishlistProduct {
    max-width: 1216px;
    margin: 0px auto;
    padding: 20px 0px;
}


#fs_MyPageTop .fs-c-wishlistProduct__title,
#fs_MyPageTop .fs-c-featuredProduct__title {
  border-bottom: 2px solid currentColor;
  color: #7c8790;
  font-size: 1.8rem;
}
#fs_MyPageTop .fs-c-wishlistProduct__footer {
  text-align: right;
  padding-top: 4px;
}

 #fs_MyPageTop  .fs-c-wishlistProduct {
  max-width: 1216px;
  margin: 0px auto;
  padding: 20px 0px;
}

#fs_MyPageTop  .fs-c-wishlistProduct__header {
  margin: 10px;
}

#fs_MyPageTop  .fs-c-wishlistProduct .fs-c-viewAllProductsLink {
margin: 50px auto;
  display: block;
  width: 100%;
  max-width: 240px;
  font-size: 1.4rem;
  font-weight: 700;
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, #000 50%, #000 100%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 200% auto;
  color: #fff;
  text-align: center;
  padding: 12px;
  border-radius: 100vw;
  position: relative;
  border: 2px solid #000;
  transition: ease-out 0.4s;
}


#fs_MyPageTop  .fs-c-wishlistProduct .fs-c-viewAllProductsLink:hover {
opacity: 0.8;
}


#fs_MyPageTop .fs-c-button--particular.fs-c-button--addToWishList--icon,
#fs_MyPageTop .fs-c-button--particular.fs-c-button--removeFromWishList--icon {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}
#fs_MyPageTop .fs-c-button--particular.fs-c-button--addToWishList--icon .fs-c-button__label,
#fs_MyPageTop .fs-c-button--particular.fs-c-button--removeFromWishList--icon .fs-c-button__label {
  display: none;
}
#fs_MyPageTop .fs-c-button--particular.fs-c-button--addToWishList--icon::before,
#fs_MyPageTop .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
  font-family: "fs-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.2rem;
}
#fs_MyPageTop .fs-c-button--particular.fs-c-button--addToWishList--icon::before {
  content: "\e919";
}
#fs_MyPageTop .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
  content: "\e91a";
  color: #C98696;
}

#fs_MyPageTop .fs-c-button--particular.fs-c-button--addToWishList--detail,
#fs_MyPageTop .fs-c-button--particular.fs-c-button--removeFromWishList--detail {
  align-items: center;
  font-size: 1.2rem;
  padding: 0.2em 1em;
}


#fs_MyPageTop .fs-c-button--particular.fs-c-button--addToWishList--detail::after,
#fs_MyPageTop .fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
  font-family: "fs-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6em;
  margin-left: 8px;
}
#fs_MyPageTop .fs-c-button--particular.fs-c-button--addToWishList--detail::after {
  content: "\e919";
}
#fs_MyPageTop .fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
  content: "\e91a";
  color: #C98696;
}
#fs_MyPageTop .fs-c-productListItem__image__image {
  max-width: 100%;
  object-fit: contain;
}
#fs_MyPageTop .fs-c-productListItem__viewMoreImageButton {
  font-size: 1.2em;
  justify-content: flex-end;
  padding: 0;
}
#fs_MyPageTop .fs-c-productListItem__productName {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  margin: 8px 0;
  text-align: left;
}
#fs_MyPageTop .fs-c-productListItem__productName:first-child {
  margin-top: 0;
}
#fs_MyPageTop .fs-c-productListItem__productName__copy {
  font-size: 1.2rem;
}
#fs_MyPageTop .fs-c-productListItem__productDescription {
  margin: 8px 0;
}
#fs_MyPageTop .fs-c-productListItem__notice {
  background: rgba(126, 126, 126, 0.08);
  font-size: 1.2rem;
  line-height: 1;
  margin: 8px 0;
  padding: 4px 4px;
  text-align: center;
}
#fs_MyPageTop .fs-c-productListItem__salesPeriodNotice {
  background: #333333;
  color: #ffffff;
}
#fs_MyPageTop .fs-c-productListItem__lowInStock, .fs-c-productListItem__outOfStock, .fs-c-productListItem__numberOfStock {
  background: transparent;
  border: 1px solid currentColor;
}
#fs_MyPageTop .fs-c-productListItem__rating {
  margin: 8px 0;
}
#fs_MyPageTop .fs-c-productListItem__viewReview {
  justify-content: flex-end;
}
#fs_MyPageTop .fs-c-button--carousel--prev::before {
    content: "\e90b";
}
    
#fs_MyPageTop .fs-c-button--carousel--prev::before,
#fs_MyPageTop .fs-c-button--carousel--next::before,
#fs_MyPageTop .fs-c-button--plain.fs-c-button--addToCart--list::before {
    font-family: "fs-icon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
#fs_MyPageTop .fs-c-button--carousel--next::before {
    content: "\e90c";
}
#fs_MyPageTop .fs-c-button--carousel .fs-c-button__label {
    display: none;
}
#fs_MyPageTop .fs-c-button--plain.fs-c-button--addToCart--list::before {
    content: "\e91f";
}
#fs_MyPageTop .fs-c-button--plain {
    color: #1e5d9b;
    text-align: left;
    }
#fs_MyPageTop .fs-c-buttonContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
}


#fs_MyPageTop .fs-c-productListItem__control {
  justify-content: space-between;
}
#fs_MyPageTop .fs-c-productListItem__control > *:last-child {
  margin-left: auto;
}
#fs_MyPageTop .fs-c-productListCarousel__list__item {
  flex-basis: 132px;
  max-width: 132px;
  min-width: 132px;
  margin: 0 4px;
}
#fs_MyPageTop .fs-c-productListCarousel__list__item > * + * {
  margin-top: 8px;
}
#fs_MyPageTop .fs-c-wishlistProduct__title,
#fs_MyPageTop .fs-c-featuredProduct__title {
  border-bottom: 2px solid currentColor;
  color: #7c8790;
  font-size: 1.8rem;
}
#fs_MyPageTop .fs-c-wishlistProduct__footer {
  text-align: right;
  padding-top: 4px;
}

#fs_MyPageTop .fs-c-productPrice {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
#fs_MyPageTop .fs-c-productPrice__main {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
#fs_MyPageTop .fs-c-productPrice__main__label {
  margin-right: 4px;
}
#fs_MyPageTop .fs-c-productPrice__main__joint {
  margin: 0 0.25em;
}
#fs_MyPageTop .fs-c-productPrice__addon, .fs-c-productPrice__main__addon {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
.#fs_MyPageTop fs-c-productPrice__addon:where(:not([class*="--listed"])),
#fs_MyPageTop .fs-c-productPrice__main__addon:where(:not([class*="--listed"])) {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.1;
}
#fs_MyPageTop .fs-c-productPrice__addon:where(:not([class*="--listed"]))::before,
#fs_MyPageTop .fs-c-productPrice__main__addon:where(:not([class*="--listed"]))::before {
  content: "(";
}
#fs_MyPageTop .fs-c-productPrice__addon:where(:not([class*="--listed"]))::after,
#fs_MyPageTop .fs-c-productPrice__main__addon:where(:not([class*="--listed"]))::after {
  content: ")";
}
#fs_MyPageTop .fs-c-productPrice--listed {
  display: flex;
  align-items: baseline;
}
#fs_MyPageTop .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  color: #006db8;
}

#fs_MyPageTop .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  font-size: 2.2rem;
}

#fs_MyPageTop .fs-c-subscriptionPriceTable .fs-c-productPrice {
  justify-content: flex-end;
}
#fs_MyPageTop .fs-c-subscriptionPriceTable .fs-c-productPrice__main__price {
  font-size: 1.8rem;
}



/*--/ mypage top */


/*coupon*/

.fs-c-couponList {
  margin: 50px auto;
  }
.fs-c-noResultMessage__title {
  font-size: 13px;
  text-align: center;
}
.fs-c-buttonContainer.fs-c-buttonContainer--myPageTop {
  text-align: center;
}

.fs-c-button--myPageTop.fs-c-button--plain {
  margin: 50px auto;
  display: block;
  width: 100%;
  max-width: 240px;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 700;
  background: linear-gradient(90deg, #F5D47A 75%, #DE8E32);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-size: 400% auto;
  background-position: 100% 0%;
  color: #fff;
  text-align: center;
  padding: 14px;
  border-radius: 100vw;
  position: relative;
  transition: ease-out 0.4s;
}

..fs-c-button--myPageTop.fs-c-button--plain::after {
  position: absolute;
  right: 20px;
  top: 18px;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

/*退会*/

#fs_DeleteAccount span {
font-size: 16px;
}
#fs_DeleteAccount .fs-c-button--confirmLeave {
background: #ebebeb;
  border: 1px solid #bbbbbb;
  border-radius: 0px;
  color: #3c3c3c;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 0.8em 1.6em 0.6em;
  box-shadow: 0 0 2px #b2b2b2;
}

#fs_DeleteAccount .fs-c-button--cancel {
  min-width: 240px;
  background: #444444;
  border: 1px solid #444444;
  border-radius: 0px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 0.8em 1.6em 0.6em;
  box-shadow: 0 0 2px #b2b2b2;
}

/*--/退会*/


/* register  */


.tokuten {
max-width: 960px;
margin: 20px auto;
text-align: center;
padding: 0px 10px;
}
.tokuten img {
max-width: 280px;
width: 100%;
}
.tokuten h2 {
color: #DE8E32;
font-size: 28px;
font-weight: bold;
margin: 50px 0px;
text-decoration: underline;
}
.tokuten > p {
font-size: 16px;
  line-height: 27px;
}
.tokuten ul {
list-style: none;
padding: 0px;
margin: 20px 0px 50px; 
}
.tokuten ul li {
display: inline-block;
margin: 10px;
}

.tokuten .one-point {
color: #DE8E32; 
font-size: 16px;
font-weight: bold;
}
.form_box {
  background: #F6F6F6;
  padding: 50px 0px;
}

#fs_Register .fs-c-inputInformation__buttonMessage p {
  font-size: 14px;
  margin: 20px auto;
}

#fs_Register #fs_form label {
cursor: default;
}

main {
width: 100%;
background:#F6F6F6;
padding: 30px 0px;
text-align: center;
}
.form_title {
font-size: 24px;
margin: 20px 0px;
}
.fs-c-inputInformation__message p {
font-size: 14px;
}
#fs_form{
margin: 20px auto;
max-width: 600px;
width: 100%;
}
#fs_form th {
max-width: 260px;
width: 40%;
text-align: left;
font-size: 16px;
    white-space: nowrap;
}
.fs-c-requiredMark {
width: 40px !important;
  height: 18px !important;
  font-size: 10px;
 text-align:center;
 vertical-align: middle;
}
.fs-c-requiredMark::before {
content:"必須";
color: #fff;
background: #D54A2D;
padding: 3px;
font-size: 12px;
  line-height: 1;
}

}

#fs_input_prefecture,#fs_input_birthdayYear,#fs_input_birthdayMonth,#fs_input_birthdayDay {
  font-size: 15px;
  border: 1px solid #ccc;

}

.fs-c-inputField__explanation {
  font-size: 13px;
  margin: 10px 0px;
  text-align: left;
}


#fs_form input {
height: 40px;
font-size: 13px;
background: #fff;
border:none;
}



#fs_form a {
  color: #DE8E32;
  text-decoration: underline;
}
#fs_form a:hover{
    text-decoration: none;
}
.fs-c-inputDate__year,.fs-c-inputDate__month,.fs-c-inputDate__date {
width: 30%;
}
.fs-c-inputDate__month::before,.fs-c-inputDate__date::before {
content:""!important;
}

main > p {
font-size: 13px;
}

.fs-c-button--confirmRegister,
#fs_form .fs-c-button--secondary{
margin: 50px auto;
  display: block;
  width: 100%;
  max-width: 240px;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 700;
  background: linear-gradient(90deg, #F5D47A 75%, #DE8E32);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-size: 400% auto;
  background-position: 100% 0%;
  color: #fff;
  text-align: center;
  padding: 14px;
  border-radius: 100vw;
  position: relative;
  transition: ease-out 0.4s;
  border: none;

}



#fs_MyCoupons .fs-l-main,#fs_MyWishList .fs-l-main,#fs_MyPoints .fs-l-main,#fs_MyCreditCards .fs-l-main,#fs_EditPassword .fs-l-main,.fs-body-my-account-settings-edit .fs-l-main {
display: block;
}

#fs_MyCoupons .fs-c-couponName__name{
margin: 10px 0px;
}
#fs_MyCoupons .fs-c-couponExpiration__list__item,
#fs_MyCoupons .fs-c-couponExpiration__list__item__title,
#fs_MyCoupons .fs-c-couponExpiration__list__item__body {
  display: inline-block;
}
#fs_MyCoupons .fs-c-couponAppliedCondition__list__item::before {
  background: none!important;
  }
  

.fs-c-button--confirmRegister:hover,
#fs_form .fs-c-button--secondary:hover {
  background-position: 50% 0%;
}

.fs-c-button--confirmRegister::after,
#fs_form .fs-c-button--secondary::after {
  position: absolute;
  right: 20px;
  top: 20px;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.fs-c-inputGroup, .fs-c-inputGroup--inline, .fs-c-inputGroup--vertical {
border: none;
}
.fs-c-inputTable__label {
  font-size: 12px;
}
.fs-c-radio__radioLabelText {
  font-size: 14px;
}
.fs-c-dropdown__menu {
height: 30px;
}
.fs-c-checkbox__labelText,.fs-c-checkbox__labelText a {
  font-size: 16px;
}

.fs-c-checkbox {
padding: 20px;
}

.fs-c-assist.is-error .fs-c-assist__message {
font-size: 14px;
}


.fs-c-inputGroup > button, .fs-c-inputGroup--inline > button, .fs-c-inputGroup--vertical > button {
  background: url(https://dtlonline.itembox.design/item/mypage/akar-eye-slashed.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline;
  background-position: center;
  width: 50px;
  border: none;
}




/* マイページトップ　*/
#fs_MyPageTop .fs-l-main{
  background: #F6F6F6!important;
  }
  
  
  
  
#fs_MyPageTop .fs-p-accountInfo__accountName__name,
#fs_MyPageTop .fs-p-accountInfo__accountName__nameLabel{
font-size: 16px;
}


#fs_MyPageTop .fs-p-accountInfo__point__point__available__number{
font-size: 36px!important;
font-weight: bold;
}

#fs_MyPageTop   .fs-p-accountInfo__header {
  text-align: left;
}


#fs_MyPageTop  .fs-p-accountInfo__point__label,
#fs_MyPageTop  .fs-p-accountInfo__point__point span span,
#fs_MyPageTop  .fs-p-accountInfo__point__point span,
#fs_MyPageTop  .fs-c-purchasePointExpiration span{
font-size: 14px;
}

/* 注文履歴 */

#fs_MyOrders .fs-c-dropdown__menu,
#fs_MyOrders .fs-c-price span,
#fs_MyOrders .fs-c-pairList dd {
  font-size: 14px;
}

#fs_MyOrders .fs-c-history__infoSummary {
  max-width: 280px;
  padding: 20px;
  display: inline-block;
  background: #fff;
  margin: 50px 0px;
}
#fs_MyOrders .fs-c-history__term {
  font-size: 14px;
  line-height: 1.5;
  padding: 0px 0px 20px;
}

#fs_MyOrders .fs-c-history__listContainer {
display: inline-block;
  max-width: 900px;
  width: 100%;
  }
/*れびゅー*/

#fs_MyReviews .fs-c-aggregateRating,
#fs_MyReviews .fs-c-productReviewed .fs-c-aggregateRating,
#fs_MyReviews .fs-c-productReviewed .fs-c-productReviewed__number,
#fs_MyReviews .fs-c-productReviewed .fs-c-productReviewed__prices.fs-c-productPrices,
#fs_MyReviews div.fs-c-productReviewed > div.fs-c-productReviewed__name.fs-c-productName{
display: none;
}
#fs_MyReviews .fs-c-history{
width: 100%;
}
#fs_MyReviews .fs-c-history .fs-c-listControl .fs-c-listControl__status{
margin: 30px 0 20px;
}
#fs_MyReviews .fs-c-history div.fs-c-listControl:nth-of-type(1) span{
font-size: 12px;
}
#fs_MyReviews .fs-c-reviewList.fs-c-reviewList--product{
width: 100%;
}
#fs_MyReviews .fs-c-reviewList.fs-c-reviewList--product li{
width: 100%;
margin: 20px auto;
max-width: 3000px;
border-top: none;
border-bottom: none;
}
#fs_MyReviews .fs-c-reviewList.fs-c-reviewList--product li .fs-c-reviewBody{
border: none;
font-size: 14px;
line-height: 150%;
}
#fs_MyReviews .fs-c-reviewList.fs-c-reviewList--product li{
    padding: 60px 10px 20px 50px;
}
#fs_MyReviews .fs-c-reviewer__name__nickname {
    padding: 10px 0 10px 50px;
font-size: 12px;
}
#fs_MyReviews .fs-c-reviewer__name__nickname::after{
content:"さん"!important;
}
/*--/レビュー*/


/*お届け先*/

#fs_NewAddress .fs-c-dropdown {
  margin: 10px 0px;
}
#fs_NewAddress #fs_input_prefecture {
  border: 1px solid #666;
  font-size: 14px;
}

#fs_NewAddress .fs-c-button--cancel .fs-c-button__label{
color:#666;
}

#fs_NewAddress .fs-c-button--cancel.fs-c-button--standard {
  text-decoration: none !important;
}

.fs-c-suggestedAddress__listItem span {
  font-size: 14px;
  padding: ;
}
.fs-c-suggestedAddress__listItem {
  padding: 15px;
}


#fs_MyAddressBook .fs-c-addressBookList__form {
  max-width: 960px;
  margin: 0 auto;
}

#fs_MyAddressBook ruby,
#fs_MyAddressBook span,
#fs_MyAddressBook p {
  font-size: 16px;
  line-height: 1.5;
}

#fs_MyAddressBook .fs-c-button__label {
color: #fff;
}

#fs_MyAddressBook .fs-c-address{
text-align: left;
}

#fs_MyAddressBook .fs-c-button--changeInfomation .fs-c-button__label{
color:#fff;
}

#fs_MyAddressBook .fs-c-addressBookList__list.fs-c-listTable tr:nth-of-type(1) {
  background: #fff;
}



/*--/お届け先*/

.fs-p-accountInfo__point__point__rate {
display:none:
}



.fs-body-register-success .fs-l-main {
  max-width: 100%;
  display: block;
  padding: 0px;
}

#fs_RegisterSuccess .page_top._wrap {
  max-width: 960px;
  margin: 0px auto;
}


/* 登録情報変更 */
#fs_MyAccountSettings #fs_form {
  max-width: 600px;
  }

#fs_MyAccountSettings .fs-c-confirmation__data {
  font-size: 15px;
}

#fs_MyAccountSettings form .fs-c-button--change {
margin: 50px auto;

display: block;
width: 100%;
max-width: 240px;
font-size: 1.4rem;
line-height: 1.7;
font-weight: 700;
background-image: linear-gradient(to right, #fff 0%, #fff 50%, #000 50%, #000 100%);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 200% auto;
color: #fff;
text-align: center;
padding: 12px;
border-radius: 100vw;
position: relative;
border: 2px solid #000;
transition:ease-out 0.4s;
text-decoration: none;
}
#fs_MyAccountSettings form .fs-c-button--change::after {
position: absolute;
right: 20px;
top: 18px;
content: "";
width: 6px;
height: 6px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform:rotate(45deg);
}
#fs_MyAccountSettings form .fs-c-button--change:hover {
background-position: 0 0;
color: #333;
}
#fs_MyAccountSettings form .fs-c-button--change:hover::after {
border-color: #000;
}

/*パスワード変更*/



#fs_EditPassword #fs_form input {
  height: 40px;
  font-size: 14px;
  background: #eae8e8;
  
  }
  
#fs_EditPassword  .fs-c-inputTable__dataCell {

  width: 50%;
}
#fs_EditPassword .fs-c-inputTable {
  table-layout: fixed;
  margin: 0px auto;
}

/*--/パスワード変更*/

/* 992px for pc*/
@media (min-width: 992px){

/* login */
    .fs-c-otherServiceLogin,
    .fs-c-subSection,
    .login_parts_wrap{
        padding: 0 15px;
    }    
    
    
    
    
}






/*--お気に入り一覧*/

#fs_MyWishList .fs-c-productImageModal__close {
  position: absolute!important;
  top: 70px!important;
  right: 30px!important;
  }
#fs_MyWishList .fs-c-productImageModal__close::before {
  font-size: 30px;
  }

/*--/お気に入り一覧*/
.fs-c-productMark > li{
    margin: 0 3px 3px 0;
}
.fs-c-productMark > li .fs-c-productMark__label{
    font-size: 10px;
}





@media screen and (min-width: 600px) {
/*  mypage top */
  #fs_MyPageTop .fs-c-productListCarousel__list__item {
    flex-basis: 200px;
    max-width: 200px;
    min-width: 200px;
    margin: 0 8px;
  }

/*--/  mypage top */
}

/* 768px for sp*/
@media(max-width: 767px){
    
    .fs-c-subSection__title, 
    .fs-c-linkedServiceLogin__title{
        font-size: 1.5rem!important;    
    }
    .fs-c-newUsers__message.fs-c-subSection__message{
        text-align: left;
    }
    
    
.fs-l-main {
display: inline-block!important;
}
h1 {
white-space: nowrap;
  padding: 0;
  }

.fs-l-main {
flex-direction: column-reverse;
}


/* mypagetop */
.fs-p-accountInfo.fs-clientInfo.is-ready{
width: 90%;
margin: 50px auto;
border-radius: 10px;
order:1;
}
.fs-c-accountService {
width: 95%;
margin: 0px auto;
text-align: center;
}
.fs-c-accountService li {
width: 45%;
padding: 30px;
}
.mypage_wrap {
flex-direction: column-reverse;
  display: flex;
}
#fs_MyPageTop .fs-p-accountInfo.fs-clientInfo.is-ready {
    width: 90%;
    margin: 50px auto;
    border-radius: 10px;
    order: 3;
  }
    #fs_MyPageTop .fs-c-wishlistProduct {
  max-width: 100%;
  margin: 0px auto;
  padding: 20px 0px;
  display: inline-block;
  order: 1;
}

#fs_MyPageTop .mypage_list {
  display: inline-block;
  max-width: 900px;
  width: 100%;
  order: 2;
}


#fs_MyPageTop .logout_wrap {
    display: block;
}
ul.logout_wrap li:nth-of-type(2) {
    text-align: center;
}
/*--/ mypage top --*/


/* register */

#fs_Register {
  background: #fff;
}

#fs_Register .fs-l-page {
  max-width: 1240px;
  margin: 0 auto;
}
.tokuten > p {
font-size: 13px;
width: 80%;
margin: 0px auto;
text-align: left;
}

#fs_Register #fs_form {
width: 90%;
margin: 20px auto;
}

#fs_Register #fs_form th,
#fs_Register #fs_form td {
border-bottom: none;
 display: block;
 width: 100%;
 
}
#fs_Register #fs_form .fs-c-radioGroup .fs-c-radio {
width: 30%;

}

.fs-c-inputTable__label {
  font-size: 12px;
}

.fs-c-radioGroup, .fs-c-checkboxGroup {
  flex-direction: inherit!important;
  gap: 8px 10px!important;
  }

/*--登録完了*/
#fs_RegisterSuccess .fs-l-main p:nth-of-type(1) {
    margin: 40px 20px;
    text-align: left !important;
}
#fs_RegisterSuccess .fs-l-main p:nth-of-type(2) {
    margin: 10px 20px;
    text-align: left !important;
}

/*--/登録完了*/


}




/* 768px for tablet*/
@media (min-width: 768px) {
.fs-c-accountService {
margin: 20px auto;
}
h1{
    font-size: 72px;
        margin: 120px 20px 0;
        justify-content: flex-start;
        white-space: nowrap;
    }
h1 span{
    font-size: 14px;
        margin: 5px 0;
    }
    
    
#fs_DeleteAccount .fs-c-buttonContainer--pair{
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 24px;
  }
    ul.logout_wrap {
        flex-direction: row-reverse;
        max-width: 960px;
    }
    ul.logout_wrap li{
        margin: 0;
    }
    ul.logout_wrap li:nth-of-type(1) a{
        margin: 0 8% 0 auto;
    }
    .fs-c-productMark > li .fs-c-productMark__label{
        font-size: 14px;
    }
    #fs_ReviewLogin .fs-c-otherServiceLogin,
    #fs_Login .fs-c-otherServiceLogin,
    #fs_WishListLogin .fs-c-otherServiceLogin  {
        margin: 0;
    }
}

#fs_ShoppingCartLogin h2.fs-c-registeredUsers__title {
    font-size: 23px;
    line-height: 1.5;
    font-weight: bold;
    max-width: 1216px;
    margin: 50px auto;
    text-align: center;
}
 
 
#fs_ShoppingCartLogin .fs-c-guestPurchase {
    max-width: 1216px;
    margin: 0px auto;
    margin-top: 30px;
}
#fs_MyPageTop .fs-l-page .fs-l-main .fs-c-wishlistProduct__title {
    font-size: 23px;
}

@media(max-width: 600px){
    .fs-c-pointListTable.fs-c-listTable > tbody > tr td::before{
        font-size: 13px;
        text-align: left;
    }
    .fs-c-pointListTable__pointType{
        text-align: left;
    }
}