/*----------------
全体
---------------- */

html, body {
  overscroll-behavior: none !important;
}

body {
  margin: 0;
  font-family: 'Assistant', 'Noto Sans JP', Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: 0.05em;
}


@media screen and (max-width: 767px) {
  body {
    font-size: 1.2rem;
  }
}



/*----------------
フォント
---------------- */

.jp-font {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400 !important;
}


/*--------  回り込みを防ぐ -------- */
.clear{
      clear: both;
    }

.fs-l-main {
 padding: 0;
margin: 0 !important;
 max-width: 100%;
}

.fs-l-pageMain {
  width: 100%;
 max-width: 100%;
}

.section_A {
  background-color: #C7B2D6;
}

.container_A {
  background-color: #c3afd2;
  padding-bottom: 5.5% !important;
  width: 100%;
  border-radius: 0 0 120px;
  margin: 0 auto 10px auto;
 }

.top_title_2 {
  color: #ffffff !important;
} 

.container_b {
  padding: 15px;
  max-width: 1216px;
  margin: 0 auto 10px auto;
}

h2 {
  font-size: 28px;
  margin: 3% 1%;
  color: #000;
  font-family: 'the-seasons' !important;
  text-align: center;
}

.top_title {
  letter-spacing: 0.3rem !important;
}


@media screen and (max-width: 767px) {
  h2 {
    margin: 6% 1%;
    font-size: 25px;
  }

.container_A {
  padding-bottom: 10% !important;
 }
}


/*----------------
view moreボタン
---------------- */

.view_more_kyotsu a {
    background: transparent;
    border-radius: 9999px;
    border: 1px solid #996699;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 170px;
    padding: 12px 25px;
    color: #996699;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-size: 1.2rem;
}

.view_more_kyotsu a:hover {
    background: #996699;
    color: #ffffff;
}

  @media screen and (max-width:767px) {
    .view_more_kyotsu a {
      max-width: 34%;
    padding: 10px 25px;
  }
  }


.view_more_kyotsu_2 a{
color: #ffffff;
border: #ffffff 1px solid;
}

.view_more_kyotsu_2 a:hover {
color: #996699; 
background: #ffffff;
}



/*----------------
タブボタン
---------------- */
.fs-c-dropdown__menu {
  background: #fff;
  color: #705e81;
  width: 100%;
  min-width: 240px;
  display: inline-block;
  border: 1px solid #705e81;
  border-radius: 50px;
  font-size: 1.4rem;
}

.fs-c-dropdown::after {
  border-left: 1px solid #705e81;
  border-radius: 0 50px 50px 0;
  background: #f6f4f8;
}


/*----------------
ショッピングを続けるボタン
---------------- */

.fs-c-button--standard {
    background: none;
    border: #9e92aa solid 1px;
    color: #9e92aa !important;
    padding: 0;
    border-radius: 35px;
    box-shadow: none;
    font-size: 1.3rem;
}

/*--------  ショッピングカート -------- */
#fs_ShoppingCart .fs-c-button--standard {
    background: none;
    border: none;
    color: #9e92aa !important;
    padding: 0;
    border-radius: 35px;
    box-shadow: none;
    font-size: 1.3rem;
}



/*----------------
ヘッダー
---------------- */

/*--------  固定する -------- */
.fs-l-header {
    position: fixed;/*fixedで固定*/
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}




/*----------------
トップページ その他
---------------- */

/*--------  ホバー時に透過させる -------- */
.transparent a:hover img {
opacity:0.7;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #ffffff;
}


/*--------  ホバー時に拡大させる -------- */
.zoom {
  cursor: pointer;
  margin:0;
  overflow: hidden;
  width: 100%;
}

.zoom img {
  height: auto;
  transition: transform .4s ease; /* ゆっくり変化させる */
}

.zoom:hover img {
  transform: scale(1.1); /* 拡大 */
}


/*--------  お気に入りのハートのカラー -------- */

.fs-c-button--particular {
    color: #675775;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
    color: #675775;
}





/*----------------
セール価格
---------------- */
.fs-c-productPrice--listed .fs-c-price__value {
	text-decoration: line-through; 
}


.fs-c-productPrices.fs-c-productPrices--productDetail {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}


#fs_ProductDetails .fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice__main{
font-size: 2rem;
}

#fs_ProductSearch .fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-price__value,
#fs_ProductSearch .fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-price__currencyMark,
#fs_ProductCategory .fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-price__value,
#fs_ProductCategory .fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-price__currencyMark {
    font-weight: bold;
    color: #D70003;
}


#fs_ProductDetails .fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-price__value,
#fs_ProductDetails .fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-price__currencyMark {
	font-weight: bold;
	font-size: 2.8rem;
	color: #D70003;
}





/*----------------
商品検索
---------------- */
.fs-c-productName__copy, .fs-c-productName__name, .fs-c-productName__variation{
overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#fs_ProductSearch .fs-c-productList__list{

}

#fs_ProductSearch .fs-c-productName__copy {
  display: none !important;
}

#fs_ProductSearch .fs-c-productListItem__productName {
	margin: 10px 5px 3px 5px;;
        font-size: 1.2rem;
}



/*----------------
特定商取引法&個人情報取扱ページ
----------------*/

#fs_AboutTerms .fs-l-pageMain,
#fs_PrivacyPolicy .fs-l-pageMain {
  max-width: 1216px;
  margin: 0 auto;
}

.fs-p-privacyPolicy,
.fs-p-aboutTerms {
  margin-bottom: 15%;
}

.fs-c-documentArticle {
  padding: 15px;
  font-size: 1.2rem;
}

.fs-c-documentArticle__heading {
  background-color: #c5bfca;
  border-radius: 10px;
  font-size: 1.3rem;
  padding: 15px 8px;
  font-weight: bold !important;
}

.fs-c-documentColumn__heading {
  color: #705e81;
  border-style: none;
  font-size: 1.3rem;
  margin-bottom: 0;
  padding: 0;
}

.fs-c-documentColumn__content {
  gap: 10px;
  padding: 0;
}

.fs-c-orderedList {
  margin-bottom: 1rem;
}

.fs-c-list li::before, .fs-c-localNavigation__list li::before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    margin: auto 4px auto -8px;
    border: 1px solid #705e81;
    border-radius: 50%;
    box-sizing: content-box;
}



/*----------------
商品マーク
----------------*/

/*----------------　共通スタイル　----------------*/
.fs-c-productMark__mark {
  border-radius: 50px;
  display: inline-block;
  white-space: nowrap;
}

/*----------------　商品一覧用スタイル　----------------*/
.fs-c-productList__list__item .fs-c-productMark__mark {
  padding: 3% 4.5%;
  position: relative;
}

/* 新作マーク */
.fs-c-productList__list__item .new_mark {
  background-color: #CFA7CD;
  color: #fff;
  border-radius: 30px;
  position: absolute;
  top: 27px;
  left: 4.5%;
  font-size: 1rem;
}

/* 再入荷マーク */
.fs-c-productList__list__item .rearrival_mark {
  position: absolute;
  bottom: 86px;
  left: 50%;
  transform: translateX(-50%);
  background: #fcfcfc;
  color: #bd8cbb;
}

/* セールマーク 上 */
.fs-c-productList__list__item .sale_mark_top {
  position: absolute;
  top: 27px;
  left: 4.5%;
  background-color: rgba(150, 84, 145, 0.7);
}

/* セールマーク 下 */
.fs-c-productList__list__item .sale_mark_bottom,
.fs-c-productList__list__item .point_mark {
  position: absolute;
  bottom: 86px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 4% 7% !important;
  background-color: rgba(150, 84, 145, 0.7);
  letter-spacing: 0.1rem;
}

.fs-c-productList__list__item .shitei_mark {
  background: #fcfcfc;
  position: absolute;
  bottom: 86px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 4% 7% !important;
  color: #bd8cbb;
  letter-spacing: 0.1rem;
}

/* バンドル商品用 下マーク位置調整 */
.fs-body-bundle .sale_mark_bottom {
  bottom: 101px;
}


/*----------------　商品詳細用スタイル　----------------*/

/* 全体 */
#fs_ProductDetails .fs-c-productMark__mark {
  padding: 1.5% 1.8%;
}

/* 新作マーク */
#fs_ProductDetails .new_mark {
  background-color: #CFA7CD;
  color: #fff;
}

/* 再入荷マーク */
#fs_ProductDetails .rearrival_mark {
  background: #fcfcfc;
  color: #bd8cbb;
}

/* 下マーク共通（商品詳細） */
.fs-l-productLayout .sale_mark_bottom,
.fs-l-productLayout .rearrival_mark,
.fs-l-productLayout .shitei_mark {
  position: absolute;
  left: 50%;
  bottom: 159px;
  transform: translateX(-50%);
  z-index: 2;
  font-size: 1.5rem;
  letter-spacing: 0.2rem;
  padding: 2% 3% !important;
  background-color: rgba(117, 102, 131, 0.7);
}

/* 上マーク共通（商品詳細） */
.fs-l-productLayout .sale_mark_top,
.fs-l-productLayout .new_mark {
  position: absolute;
  top: 18px;
  left: 10%;
  font-size: 1.3rem;
  background-color: rgba(117, 102, 131, 0.7);
}

/* 福袋には非表示 */
.fs-body-product-fukubukuro-pimil01 .shitei_mark,
.fs-body-product-fukubukuro-pimil02 .shitei_mark,
.fs-body-product-fukubukuro-pimil03 .shitei_mark,
.fs-body-product-fukubukuro-pimil04 .shitei_mark,
.fs-body-product-fukubukuro-anella .shitei_mark {
  display: none;
}


/*----------------　レスポンシブ　----------------*/
@media screen and (max-width: 767px) {
  .fs-l-productLayout .sale_mark_bottom,
  .fs-l-productLayout .rearrival_mark,
  .fs-l-productLayout .shitei_mark {
    padding: 3.7% 7% !important;
    font-size: 1.2rem;
    bottom: 155px;
  }

  .fs-l-productLayout .sale_mark_top,
  .fs-l-productLayout .new_mark {
    font-size: 1.3rem;
    padding: 2.5% 4% !important;
    top: 14px;
    left: 4%;
  }
}

/*-------- 会員価格 -------- */
#fs_ProductCategory .fs-c-productPrice--member .fs-c-price{
	font-size: 18px;
	color: #996699;
}

/* 商品一覧ページの会員価格を非表示にするCSS */ 
.fs-body-category .fs-c-productPrice--member { 
display: none; 
}

#fs_ProductCategory .fs-c-buttonContainer {
	font-family:"sans-serif";
	font-size: 12px;
	padding: 4px 0;
display: none;       
}

.mojismall {
  font-size: 9px;
  line-height: 11px;
margin:5px auto;
text-align: center;
}


 /* 商品一覧のお気に入りのハートを非表示にするCSS */ 
.fs-body-search .fs-c-button--addToWishList--icon { 
display: none; 
} 
  
/* 商品一覧の会員価格を非表示にするCSS */ 
.fs-body-search .fs-c-productPrice--member { 
display: none; 
}

/* バンドルセール時のアイコンを非表示にするCSS */
span.fs-c-mark--image.fs-c-mark.fs-c-mark--bundle--image{
display: none;
}




/*----------------
商品検索結果ページ 
---------------- */

.fs-c-productList__controller,
.fs-c-staffList__controller,
.fs-c-coordinationList__controller {
  margin: 0 15px;
}


/*----------------
フリーページ
---------------- */
      .fs-c-imageContainer__image {
        margin-top: 25px;
      }
      

/*----------------
フッター
---------------- */

/*--------  調整 -------- */
.fs-l-footer {
	background-color: #FFFFFF;
	margin-top: 0px !important;
}


/*----------------
その他
---------------- */

/* TOP以外のページのh1 */
.fs-c-heading--page {
  border-bottom: none;
  color: #000;
  padding: 0;
  font-family: 'the-seasons' !important;
  font-weight: 400;
  letter-spacing: 0.2rem;
  margin: 30px 0 12px;
}

