@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

/* ========= NP後払い手数料金額 ========= */
.np_pay span:nth-of-type(2) {
position: relative;
}

.np_pay span:nth-of-type(2)::after{
	content:"下記をご参照ください";
	display: inline-block;
	color: red;
	font-weight: bold;
	position: absolute;
	width: 100%;
	min-width: 100px;
	background: #fff;
	padding: 0 0.2rem;
	left: 0;
	text-wrap: nowrap;
}

/* ========= 商品一覧のバリエーションラベル ========= */
.color-chips {
  border-radius: 10px;
  width: 20px;
  height: 20px;
}

.fs-c-productList .fs-c-button--subscribeToArrivalNotice--list {
    display: none;
}

/* ========= メインCSS ========= */

.fs-l-main .fs-l-pageMain {
  max-width: none !important;
  margin-bottom: 0 !important;
}

.fs-l-footer {
  margin-top: 0;
  border-top: none;
}

.fs-c-button--carousel--next::before {
  content: "";
  border-top: 1px solid #1b1b1b;
  border-right: 1px solid #1b1b1b;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.fs-c-button--carousel--prev::before {
  content: "";
  border-top: 1px solid #1b1b1b;
  border-right: 1px solid #1b1b1b;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-50%) rotate(225deg);
          transform: translateY(-50%) rotate(225deg);
}

.top-banner-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .fs-c-button--carousel--next::before {
    width: 20px;
    height: 20px;
  }
  .fs-c-button--carousel--prev::before {
    width: 20px;
    height: 20px;
  }
  .top-banner-pc {
    display: none;
  }
  .top-banner-sp {
    display: block;
  }
}

/* ========= TOPページタイトル　ここから ========= */
.fs-main-title {
  text-align: center;
}

.english-title {
  font-size: 36px;
  letter-spacing: 0.25rem;
  margin: 0;
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  color: #383838;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .english-title {
    font-size: 28px;
  }
}

.japanese-title {
  font-size: 14px;
  display: inline-block;
  position: relative;
  margin-top: 10px;
  color: #736a6a;
}

.japanese-title::before,
.japanese-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 50px;
  height: 1px;
  background-color: #c1c1c1;
}

.japanese-title::before {
  left: -60px;
}

.japanese-title::after {
  right: -60px;
}

.space {
  margin: 60px auto;
}

/* ========= TOP slider ========= */
.slick-track {
  margin-bottom: 45px;
}

.top-banner-update-pc.fs-pt-carousel.fs-pt-carousel--fitImage.fs-c-slick img {
  height: 65vh;
  max-width: 540px;
  max-height: 540px;
}

/* =========    スライダーのページネーション ========= */
.fs-c-slick .slick-dots li button:before {
  content: "";
  width: 12px;
  height: 12px;
}

@media (max-width: 767px) {
  /* top slider */
  .top-banner-update-pc.fs-pt-carousel.fs-pt-carousel--fitImage.fs-c-slick img {
    height: 100%;
    max-width: 90vw;
  }
  /* ========= コラムパーツ ========= */
  .js-column-wp.target-fadeUpAnim.fadeUpAnim {
    padding-bottom: 0;
  }
}

/*  ========= 20241018 updated トップバナー ========= */
.top-banner-update-pc.fs-pt-carousel
.slick-track
.slick-slide
figure.fs-pt-carousel__slide {
  padding: 15px !important;
  overflow: hidden;
}

.top-banner-update-pc.fs-pt-carousel .slick-slide img {
  border-radius: 20px !important;
}

/* ========= all 商品パーツ ========= */
.flywheel-recommend__frame img {
  border-radius: 20px;
}

.fr3-item__productName {
  font-weight: normal;
}

.fr3-item {
  row-gap: 1.25rem;
  line-height: 1.5rem;
}

.fr3-item__productPrice {
  margin: 0 auto;
}

@media screen and (min-width: 600px) {
  .fr3-item__productName {
    line-height: 2rem;
  }
}

.tp-content-wrapper {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 120px;
  margin-top: 80px;
}

@media (max-width: 767px) {
  .tp-content-wrapper {
    padding-bottom: 60px;
    margin-top: 0;
    padding-top: 45px;
  }
}

/* ========= update-part 共通レイアウト ========= */
.fs-new-item-content {
  margin: 0 auto;
  max-width: 1200px;
}

/* ========= ランキング ========= */
section#ranking {
  margin-top: 8vw;
}

/* --- 検索ボックス ---- */
.top-search-section {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 800px;
  height: auto;
  padding: 2rem !important;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  margin: 0 auto !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.top-search-section .top-search {
  margin-bottom: 2rem !important;
}

.top-search-section .top-search .fs-main-title {
  padding-bottom: 1rem !important;
}

.top-search-section .top-search h2 {
  margin-bottom: 1rem;
}

.top-search-section .top-search .search-tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2rem auto !important;
}

.top-search-section .top-search .search-tags ul li {
  border: 1px solid #969696 !important;
  padding: 0.5rem 1rem !important;
  border-radius: 50px;
  color: #969696;
}

.top-search-section .top-search .search-tags ul li:hover {
  background: #969696 !important;
  color: #fff;
}

.top-search-bar .fs-p-inputGroup {
  all: unset !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border: 1px solid #969696 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  max-width: 800px !important;
  margin: 0 auto;
  color: #969696 !important;
}

.top-search-bar .fs-p-inputGroup input.fs-p-inputGroup__input {
  padding-left: 2rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.top-search-bar .fs-p-inputGroup button.fs-p-inputGroup__button {
  background: none !important;
  color: #969696 !important;
  width: 30px !important;
  height: 30px !important;
}

.top-search-bar .fs-p-inputGroup button.fs-p-inputGroup__button::before {
  -webkit-transform: translateY(7px) !important;
          transform: translateY(7px) !important;
}

@media screen and (max-width: 768px) {
  .top-search-section {
    max-width: 90vw !important;
    margin-bottom: 79px !important;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  .top-search-bar .fs-p-inputGroup button.fs-p-inputGroup__button::before {
    -webkit-transform: translateY(9px) translateX(-5px) !important;
            transform: translateY(9px) translateX(-5px) !important;
  }
}

/* 全サイトの商品カードに効く */
.fs-c-slick .slick-slide {
  min-height: 360px !important;
}

.fs-c-productList__list__item {
  min-height: 360px !important;
}

.fs-c-productList__list__item form {
  position: relative;
  border: 1px solid #33333320 !important;
  min-height: 360px !important;
  padding: 1rem !important;
}

.fs-c-productName__copy {
  color: #665f5f !important;
  min-height: 30px !important;
}

.fs-c-productListItem__control.fs-c-buttonContainer {
  max-width: 200px !important;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  margin: 0 !important;
  padding: 0 !important;
}

.fs-c-productPrice__addon .fs-c-productPrice__addon__label {
  font-size: 10px !important;
}

.fs-c-button--addToCart--list {
  display: none !important;
}

.fs-c-productList__list__item .fs-c-productPrice--selling {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.fs-c-productListItem__outOfStock.fs-c-productListItem__notice.fs-c-productStock {
  margin-bottom: 3rem;
}

@media screen and (max-width: 768px) {
  .fs-c-productListItem__outOfStock.fs-c-productListItem__notice.fs-c-productStock {
    margin: 1rem 0 !important;
  }
}

/* === カートフロー === */
.steps-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  max-width: 600px;
  margin: 1rem auto 2rem;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.steps-container .step {
  display: none;
}

.steps-container .step img {
  width: 100%;
  max-width: 400px;
  -o-object-fit: contain;
     object-fit: contain;
}

.steps-container .step.show {
  display: block;
}

/* ==== 右上カート数字 ====*/
.iconNav__cart .cartAmount {
  color: #fff;
}

/* ==== カート　AIパーツ ====*/
.fr3-productListCarousel .fr3-productListCarousel__slides {
  overflow-x: hidden;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.cart-recommend .fr3-item__imageContainer img,
.cart-history .fr3-item__imageContainer img {
  width: 70%;
  text-align: center;
  margin: 2rem auto;
}

/* カートページのレイアウトとスタイル */
.fs-l-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*. 購入ボタン */
}

.fs-l-cart div.fs-l-cart__contentsArea {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.fs-l-cart #fs-cartContent-container {
  width: 100%;
}

.fs-l-cart .fs-l-cart__sideColumn {
  width: 100%;
  max-width: 1296px;
}

.fs-l-cart #fs-totalsArea-wrapper {
  border: none !important;
}

.fs-l-cart .fs-c-orderTotalTable {
  max-width: 50% !important;
  float: right !important;
  margin-bottom: 4rem !important;
}

.fs-l-cart .fs-p-announcement h2.fs-p-announcement__title {
  border: none !important;
  color: #333 !important;
  display: inline-block !important;
  padding: 2rem !important;
}

.fs-l-cart .fs-p-announcement h2.fs-p-announcement__title::before, .fs-l-cart .fs-p-announcement h2.fs-p-announcement__title::after {
  content: "~";
  display: inline;
  width: 2px;
  padding: 0 2px;
}

.fs-l-cart .fs-c-featuredProduct__header h4 {
  padding-bottom: 1rem;
  color: #cb98ad;
}

.fs-l-cart .fs-c-featuredProduct__header h4:first-of-type {
  margin-top: 4rem;
}

.fs-l-cart .fs-c-payWithAmazon__message {
  margin-bottom: 3rem !important;
  text-align: center !important;
}

.fs-l-cart .fs-c-payWithAmazon__button {
  min-height: 60px !important;
  max-width: 500px !important;
  padding: 1rem 0 1rem !important;
}

.fs-l-cart .fs-c-continueShopping {
  width: 90% !important;
  text-align: center;
}

.fs-l-cart .fs-c-continueShopping .btn_keep-shopping {
  width: 100%;
  max-width: 600px !important;
  display: inline-block !important;
  text-align: center;
  margin: 0 auto;
  padding: 1rem 0 !important;
  background: #c6a8b4 !important;
  border: 1px solid #cfa0ba !important;
  color: white!important;
  border-radius: 50px !important;
}

.fs-l-cart #fs-checkout-payHere-container {
  clear: right !important;
  text-align: center;
}

.fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 20px 1fr;
      grid-template-rows: 20px 1fr;
  -ms-grid-columns: 50% 50%;
      grid-template-columns: 50% 50%;
  grid-template-area: "message message" "member-btn register-btn" !important;
  position: relative;
}

.fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment div.fs-c-purchaseHere__message {
  grid-area: "message" !important;
  -ms-grid-row: 1;
  grid-row: 1;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 35%;
}

.fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment div:nth-of-type(2) {
  grid-area: "member-btn";
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
}

.fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment div:nth-of-type(3) {
  grid-area: "register-btn";
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 2;
  grid-column: 2;
}

.fs-l-cart .fs-c-button--secondary {
  padding: 1em 1.5em !important;
  font-size: 18px !important;
}

.fs-l-cart .fs-c-button--loginAndPurchase.fs-c-button--primary,
.fs-l-cart .fs-c-buttonContainer--subscribeHer.fs-c-button--primary,
.fs-l-cart .fs-c-button--loginAndSubscribe.fs-c-button--primary,
.fs-l-cart .fs-c-button--secondary.fs-c-button--unregisteredUserPurchase,
.fs-l-cart .fs-c-button--registerAndSubscribe.fs-c-button--secondary {
  font-weight: bold !important;
}

.fs-l-cart .fs-c-button--primary.fs-c-button--loginAndPurchase,
.fs-l-cart .fs-c-button--secondary.fs-c-button--unregisteredUserPurchase,
.fs-l-cart .fs-c-button--loginAndSubscribe,
.fs-l-cart .fs-c-buttonContainer--subscribeHer,
.fs-l-cart .fs-c-button--registerAndSubscribe {
  padding: 1rem auto !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  display: inline-block;
  width: 96%;
}

.fs-l-cart .fs-c-buttonContainer--loginAndPurchase a {
  background: #cfa0ba !important;
}

.fs-l-cart .fs-c-buttonContainer--unregisteredUserPurchase a,
.fs-l-cart .fs-c-buttonContainer--registerAndSubscribe a {
  background: #f5f5f5 !important;
  color: #cfa0ba !important;
  border-color: #cfa0ba !important;
}

.fs-l-cart .fs-p-announcement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fs-l-cart .fs-p-announcement .fs-p-announcement__body p {
  text-align: center !important;
}

.fs-l-cart .fs-p-announcement .fs-p-announcement__body .fs-p-flexibleColumn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fs-l-cart .fs-c-wishlistProduct {
  float: left !important;
  max-width: 100%;
}

.fs-l-cart .fs-c-wishlistProduct .fs-c-wishlistProduct__title {
  background: transparent !important;
  color: #cb98ad !important;
  border-bottom: 2px solid #cb98ad !important;
}

.merits h2 {
  font-weight: normal !important;
  color: #363636;
}

@media screen and (max-width: 768px) {
  .fs-l-cart div.fs-l-cart__contentsArea {
    width: 90vw;
  }
  .fs-l-cart .flywheel-recommend__frame {
    height: unset !important;
  }
  .fs-l-cart .fs-c-button--primary.fs-c-button--loginAndPurchase,
  .fs-l-cart .fs-c-button--primary.fs-c-button--subscribeHere,
  .fs-l-cart .fs-c-button--secondary.fs-c-button--unregisteredUserPurchase {
    width: 96vw;
  }
  .fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment {
    max-width: 90vw !important;
    display: block;
    text-align: center;
  }
  .fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment div.fs-c-purchaseHere__message {
    margin: 0 auto;
    position: unset;
  }
  .fs-l-cart a.fs-c-button--primary,
  .fs-l-cart a.fs-c-button--secondary {
    padding: 3rem 0 !important;
    text-align: center;
  }
  .fs-l-cart .fs-c-payWithAmazon__message {
    text-align: unset !important;
  }
  .fs-l-cart .fs-p-announcement {
    display: unset !important;
    text-align: left !important;
  }
  .fs-l-cart .fs-p-announcement .fs-p-announcement__title {
    margin-bottom: 0 !important;
  }
  .fs-l-cart .fs-p-announcement .fs-p-announcement__body .fs-p-flexibleColumn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment {
    display: block;
  }
  .fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment div.fs-c-purchaseHere__message {
    display: block;
  }
  .fs-l-cart .fs-c-purchaseHere.fs-c-cartPayment div.fs-c-purchaseHere__message p {
    display: block !important;
    position: static !important;
    text-align: center;
  }
  .fs-l-cart .fs-c-button--secondary {
    padding: 3rem 0 !important;
  }
  .fs-l-cart .fs-checkout-payHere-container {
    margin-top: 3rem;
  }
  .fs-l-cart .fs-c-button--primary.fs-c-button--loginAndPurchase,
  .fs-l-cart .fs-c-button--secondary.fs-c-button--unregisteredUserPurchase,
  .fs-l-cart .fs-c-button--loginAndSubscribe.fs-c-button--primary,
  .fs-l-cart .fs-c-button--registerAndSubscribe.fs-c-button--secondary {
    -webkit-transform: translateY(20%) !important;
            transform: translateY(20%) !important;
  }
  .merits .merits-inner {
    display: block;
    max-width: 96vw;
    height: 100%;
  }
  .merits .merits-inner .merit {
    max-height: 50%;
    height: 80px;
    padding-top: unset;
    margin-bottom: 1rem !important;
  }
  .merits .merits-inner .merit::after {
    top: 19%;
  }
}

/* 定期関連設定 */
.fs-c-cartTable__message.fs-c-cartTable__subscriptionCycle {
  padding: 3px 5px;
  font-size: 0.9rem !important;
}

/* 注文者情報とお届け先情報 */
#fs-buyerInfo-container ul li,
#fs-addressInfo-container ul li {
  margin-bottom: 10px;
}

/*　NP後払い　*/
.fs-c-commissionList dt,
.fs-c-commissionList dd {
  font-weight: bold;
  color: red;
}

.fs-c-commissionList dd {
  width: 100%;
}

.fs-c-commissionList .fs-c-price__value::after {
  content: "(税込)";
  display: inline;
}

/* 通信欄 */
.fs-c-inputInformation tbody {
  padding-bottom: 0;
}

.fs-c-inputInformation .fs-c-inputInformation__message {
  margin: 0.4rem 0;
}

.fs-c-inputInformation .fs-c-inputInformation__message p {
  font-size: 14px;
  text-align: left;
}

#fs_communication {
  font-size: 14px;
  padding: 0.5rem;
}

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

.fs-c-inputInformation .fs-c-inputInformation__button.fs-c-buttonContainer--pair {
  grid-row-gap: 10px;
}

.fs-c-inputInformation .fs-c-inputInformation__button.fs-c-buttonContainer--pair .fs-c-button--cancel {
  background: #ccc;
  color: #555;
}

/* ========= 商品詳細ページ　レビュー ========= */
.fs-c-productReview__aggregateRating.fs-c-aggregateRating {
  margin: 2rem auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.fs-c-rating.fs-c-aggregateRating__rating {
  text-align: center;
  position: relative;
  flex: unset;
  display: flex;
  flex-direction: row;
  max-width: 400px;
  margin: 0 auto;
  height: 40px;
}

.fs-c-aggregateRating__rating::before {
  position: absolute;
  top: -20%;
  left: 0;
  font-size: 1.5rem;
  font-weight: bold;
}

/* ===== カテゴリページスタイル ==== */
.category-description {
  margin: 4rem 33% 0;
  max-width: 80%;
  color: #333333;
}

.category-description p {
  padding: 1rem;
  text-align: center;
}

.fs-c-underbanner {
  margin: 0 33%;
}

@media screen and (max-width: 768px) {
  .category-description {
    max-width: unset;
    margin: 2rem 0 0 0;
  }
  .category-description p {
    text-align: unset;
  }
  .fs-c-underbanner {
  margin: 0 auto;
  }
}

/* ========= スマホ　上部固定メニュー ========= */
.sp-tp-nav-menu {
  display: none;
}

@media (max-width: 767px) {
  .sp-tp-nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: clamp(3rem, 3vw, 10rem);
            column-gap: clamp(3rem, 3vw, 10rem);
    padding: 1rem 3px;
    overflow-x: scroll;
    width: 100%;
    font-size: 12px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: 1px solid #c1c1c1;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .sp-tp-nav-menu li {
    position: relative;
  }
  .sp-tp-nav-menu li a::after {
    content: "";
    border-right: 1px solid #c1c1c1;
    position: absolute;
    right: -1.5rem;
    top: 0;
    bottom: 0;
  }
  .sp-tp-nav-menu li:last-child a::after {
    border-right: none;
  }
  .sp-tp-nav-menu::-webkit-scrollbar {
    height: 2px;
  }
  .sp-tp-nav-menu::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
  }
  .fs-pt-menu a {
    padding: 8px 4px;
    font-size: 12px;
  }
  .fs-pt-menu__link {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .flywheel-recommend__frame {
    height: 260px;
    overflow-y: scroll;
  }
}

/* ===== SP版左側メニュー ==== */
.bottomNav {
  background: #e7ced9;
}

.drawer__accountText {
  background: #f1e0e870;
}

.drawer__close {
  background: #e7ced9;
}

.drawerNav .drawer__snsNav {
  text-align: center;
  margin: 0 auto;
}

#drawer .drawer__snsNav {
  text-align: center;
}

#drawer .drawer__snsNav {
  margin: 2rem auto !important;
}

.drawer__snsNav .fnav__sns_logo img {
  margin-right: 10px !important;
}

/*　サブメニュー項目と親メニュー項目の見分けを改善 */
.hasChildren--click ul li a {
  padding-left: 4rem;
}

/* ========= SP版ロゴ大きさ調整 ========= */
@media screen and (max-width: 768px) {
  .hdrMiddle__left {
    z-index: 100;
  }
  #hdrLogo picture img,
  .fNav__logo picture img {
    width: 77px;
  }
}

/* ========= SP レスポンシブ対応 ========= */
@media (max-width: 481px) {
  .tp-insta-container,
  .tp-brand-container,
  .fs-new-item-content {
    width: 94%;
    margin: 0 auto;
  }
}

@media (max-width: 481px) {
  .fs-brand-content {
    -webkit-column-gap: 5px;
            column-gap: 5px;
  }
}

/* ========= フリーページヘッディングカラー設定 ========= */
.fs-c-documentColumn__heading,
.fs-c-documentColumn__content .fs-c-note,
.fs-c-documentArticle__content > .fs-c-note {
  background-color: #f1e9ed !important;
}

/* ========= サイト全体右下固定バナー ========= */
.floating-banner {
  margin: 0;
  padding: 0;
  max-width: 300px;
  max-height: 300px;
  position: fixed;
  right: 2%;
  bottom: 5%;
  z-index: 99;
  aspect-ratio: 1 / 1;
}

.floating-banner-inner {
  position: relative;
}

.floating-banner-inner img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
  position: relative;
}

.floating-banner-inner::after {
  top: 3% !important;
  }

@media screen and (max-width: 768px) {
  .floating-banner {
    width: 45vw;
    right: 3%;
  }
  .floating-banner-inner::after {
    top: -4% !important;
  }
  .floating-banner-inner .fs-pt-carousel__slide img {
    margin: unset;
    max-width: 45vw;
  }
}

/* ========= 商品ページ詳細 ========= */
#p-info-list {
  width: 100%;
line-height: 1.5;
}

#p-info-list dt {
  font-weight: 600;
  border-top: 1px solid #bdbdbd;
  text-align: left;
  padding: 15px 20px;
  position: relative;
}

#p-info-list dt::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 15px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}

#p-info-list dd {
  display: none;
  padding: 0 0 10px 20px;
  margin-left: 0;
}

#p-info-list .open {
  display: block;
}

#p-info-list dt.open::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}

#p-info-list .dd-open {
  display: block;
}

/* ========= 商品ページ　バリエーション選択背景 ========= */
.fs-c-variationPanelList__radio:checked
+ .fs-c-variationPanelList__panel:where(
:not(.fs-c-variationPanelList__panel--outOfStock)
) {
  border-color: #cb98ad;
}

.fs-c-variationPanelList__radio:checked
+ .fs-c-variationPanelList__panel
.fs-c-variationPanelList__panel__content {
  background: #cb98ad;
}

/* ========= 商品詳細ページ　おすすめ商品========= */
.fs-c-featuredProduct {
  margin-top: 3rem;
}


/* ========= 231297追加 ========= */
@media screen and (max-width: 768px) {
  .bnrTop.target-fadeUpAnim {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
}

.fs-c-continueShopping {
  margin-bottom: 30px;
}

.fs-c-wishlistProduct__title {
  margin-bottom: 20px;
  border-bottom: none;
  background-color: #fce1cc;
  padding: 3px;
  color: #fff;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

.fs-c-documentColumn__heading {
  display: inline-block !important;
  border-bottom: 1px dotted #333 !important;
  color: #333 !important;
  padding: 0 10px !important;
}

/* ========= インスタグラム ========*/
#instaFeed {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.insta-grid-posts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.insta-grid-image {
  width: 100%;
  max-width: 354px;
  max-height: 354px;
  overflow: hidden;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.insta-grid-posts div:last-of-type {
  display: none;
}

@media (max-width: 769px) {
  .insta-grid-posts {
    gap: 1rem;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    max-width: 96vw !important;
  }
  .fs-pt-column__image img {
    max-width: 200px !important;
    width: 100% !important;
  }
}

.insta-grid-image {
  width: 100%;
}

.insta-grid-posts div:last-of-type {
  display: block !important;
}

.insta-grid-post {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.insta-grid-video {
  width: 100%;
  height: 100%;
  display: none;
}

.insta-grid-post:hover::after {
  content: url("https://zwvfihef.itembox.design/item/instagram.svg?d=20240216141738");
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.insta-grid-post:hover.insta-grid-post::after {
  opacity: 1;
}

/* ========= SP版以外は最後の投稿を隠す ========= */
@media (min-width: 768px) {
  .insta-grid-posts > *:last-of-type {
    display: none;
  }
}

/* ========= STAFF START　コーディネート表示パーツの表示数の変更 ========= */
@media screen and (min-width: 960px) {
  .fs-c-coordinationCatalog__list {
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
  }
}

.fs-c-coordinationCatalog__list .fs-c-coordinationListItem--5,
.fs-c-coordinationCatalog__list .fs-c-coordinationListItem--6,
.fs-c-coordinationCatalog__list .fs-c-coordinationListItem--7,
.fs-c-coordinationCatalog__list .fs-c-coordinationListItem--8,
.fs-c-coordinationCatalog__list .fs-c-coordinationListItem--9,
.fs-c-coordinationCatalog__list .fs-c-coordinationListItem--10 {
  display: none;
}

/* ========= ボタン追加修正  ========= */
.fs-c-productPointDisplay {
  background: #fff;
  font-weight: normal;
  color: #cb98ad;
}

/* === 注文ページのボタン === */
.fs-c-button--standard {
  color: #fff;
}

.fs-c-button--standard:hover,
.fs-c-button--standard:visited,
.fs-c-button--standard:active {
  color: #fff;
  opacity: 0.75;
}

.fs-c-button--standard {
  background: #cb98ad;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (min-width: 768px) {
  .fs-c-button--settings.fs-c-button--primary{
      font-size: 1.4rem !important;
      min-width: 160px !important;
      padding: 0.8em 1.6em 0.6em !important;
      border: 0;
      box-shadow: none;
  }
  }
  
  .fs-c-button--cancel.fs-c-button--standard{
      background: #ccc;
  color: #333;
  }

/* === 　注文ページの変更のボタン　===*/
.fs-c-button--change--small {
  background: #ccc;
  color: #5d5d5d !important;
  font-weight: 500;
}

/* === 商品詳細ページ 購入ボタン === */
.cart-btn span.fs-c-button__label {
  font-size: 18px;
}

/* ========= 商品ボタン ========= */
.button--typeA,
a.button--typeA,
.button,
a.button {
  background: #fff;
  color: #cfa0ba;
  border-radius: 30px;
  border: 1px solid #cfa0ba;
}

.js-column-wp.target-fadeUpAnim.fadeUpAnim {
  padding-bottom: 60px;
}

.arrow::after {
  border-top: 1px solid #cfa0ba;
  border-right: 1px solid #cfa0ba;
}

a.button--typeA.arrow.block {
  margin-top: 60px;
}

.fs-c-wishlistProduct__title {
  padding: 1em;
  background-color: #cdc1c6;
}

/* ========= クーポン　タイトルと説明の行間 ========= */
.fs-c-checkout-couponList__description {
  row-gap: 1rem;
}

/* ========= スキンケアカテゴリページのサブカテゴリリスト用 ========= */
a.fs-c-subgroupList__link {
  border-color: #ffffff;
  background: #ffffff;
}

a.fs-c-subgroupList__link:hover {
  color: #666666;
}

.fs-c-subgroupList__link::after {
  color: #000000;
  -ms-grid-column: 1;
  grid-column: 1;
}

.fs-c-subgroup .fs-c-listControl {
  display: none;
}

.fs-c-subgroupList__label:hover {
  color: #999999;
}

.fs-c-subgroupList__link::after {
  -ms-grid-column: 1;
  grid-column: 1;
  grid-column-start: 1;
  grid-column-end: auto;
}

.fs-c-subgroupList__link::after {
  color: black;
}

.fs-c-subgroupList__link:hover::after {
  color: #999999;
}

/* =======　サービスアイコン　======= */
.service-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 80%;
}

.service-container {
  display: block;
  text-align: center;
  padding-right: 10px;
  width: 33%;
  padding: 0 10px;
}

.ser-icon {
  width: 25%;
  margin: 0 auto;
}

.ser-icon img {
  width: 100%;
  margin: 0 auto;
}

.ser-ttl {
  font-size: 18px;
  font-weight: 600;
  color: #cfa0ba;
  text-align: center;
}

.ser-txt {
  text-align: left;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 767px) {
  section.tp-content-wrapper.tp-service {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .tp-service-container {
    padding: 0;
  }
  .service-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  .ser-icon {
    width: 50%;
  }
  .ser-ttl {
    font-size: 14px;
  }
  .ser-txt {
    font-size: 10px;
    line-height: 1.5em;
  }
  .br-sp {
    display: none;
  }
}

.sns-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  background-color: #f5f5f5;
  padding: 2rem;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 600px;
  border-radius: 12px;
  margin: 7rem auto 0;
}

.sns-container .sns-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 170px;
  padding: 1rem 0;
  gap: 2rem !important;
  color: #666 !important;
}

.sns-container .sns-column li {
  list-style: none !important;
}

.sns-container .sns-column-text h4 {
  display: block;
  border-bottom: 1px solid #333;
  font-family: sans-serif;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  text-wrap: nowrap;
}

.sns-container .sns-column-text p {
  line-height: 1.3;
}

.sns-container .sns-column a {
  text-decoration: none;
  color: unset;
}

.sns-container .sns-column:not(:first-of-type) a {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 1.2rem;
  color: white;
}

.sns-container .sns-column-el .drawer__snsNav {
  margin-bottom: 0 !important;
}

.sns-container .sns-column-el .drawer__snsNav img {
  width: 100%;
  max-width: 22px !important;
}

.sns-column:nth-of-type(2) a {
  background: #65c68d !important;
}

.sns-column:nth-of-type(3) a {
  background: #dbbcd5 !important;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .sns-container {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sns-container .sns-column:first-of-type {
    min-width: 200px;
    max-width: unset;
  }
}

@media screen and (max-width: 420px) {
  .sns-container .sns-column:not(:first-of-type) {
    max-width: 150px !important;
  }
}
/*# sourceMappingURL=original.css.map */