/* ==================================
 商品検索ページ カラー
================================== */
.fs-p-productSearch .color .fs-c-checkboxGroup {
  gap: 29px;
}

/* カラーを設定
-------------------------------------*/
.fs-p-productSearch .color label {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* 商品検索フォームのカラーアイコン ＆ 一覧商品のカラーチップ をここでまとめて設定 */
.fs-c-productMark .mark_color {
  border-radius: 50px;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 5px 0 0;
  border: none;
}

.fs-c-productMark .colorMark__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 5px 0;
  flex-basis: 100%; /* 1行分のスペースを確保 */
}

.fs-p-productSearch .color label.color_white,
.fs-c-productMark .mark_white {
  background: #fff;
  border: 1px solid #aaa;
}
.fs-p-productSearch .color label.color_ivory,
.fs-c-productMark .mark_ivory {
  background: #f3ecd8;
  border: 1px solid #aaa;
}
.fs-p-productSearch .color label.color_black,
.fs-c-productMark .mark_black {
  background:#000 ;
}
.fs-p-productSearch .color label.color_gray,
.fs-c-productMark .mark_gray {
  background:#666 ;
}
.fs-p-productSearch .color label.color_lightgray,
.fs-c-productMark .mark_lightgray {
  background:#aaa ;
}
.fs-p-productSearch .color label.color_brown,
.fs-c-productMark .mark_brown {
  background:#7b4414 ;
}
.fs-p-productSearch .color label.color_beige,
.fs-c-productMark .mark_beige {
  background:#d9bb9c ;
}
.fs-p-productSearch .color label.color_green,
.fs-c-productMark .mark_green {
  background:#558948;
}
.fs-p-productSearch .color label.color_blue,
.fs-c-productMark .mark_blue {
  background:#4366a7;
}
.fs-p-productSearch .color label.color_lightblue,
.fs-c-productMark .mark_lightblue {
  background:#add8e6 ;
}
.fs-p-productSearch .color label.color_navy,
.fs-c-productMark .mark_navy {
  background:#1f2e55 ;
}
.fs-p-productSearch .color label.color_yellow,
.fs-c-productMark .mark_yellow {
  background:#ebd953 ;
}
.fs-p-productSearch .color label.color_pink,
.fs-c-productMark .mark_pink {
  background:#eb87a3 ;
}
.fs-p-productSearch .color label.color_red,
.fs-c-productMark .mark_red {
  background:#d1484a ;
}
.fs-p-productSearch .color label.color_orange,
.fs-c-productMark .mark_orange {
  background:#ef8030 ;
}
.fs-p-productSearch .color label.color_silver,
.fs-c-productMark .mark_silver {
  background-image: linear-gradient(45deg, #eaeaea, #8a8a8a);
}
.fs-p-productSearch .color label.color_gold,
.fs-c-productMark .mark_gold {
  background-image: linear-gradient(45deg, #f9f0d2, #bb9a36);
}
.fs-p-productSearch .color label.color_stripe,
.fs-c-productMark .mark_stripe {
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, rgb(120 120 120) 1px, rgb(218 218 218) 3px );
  border: 1px solid #aaa;
}

/* /カラーを設定ここまで
-------------------------------------*/

/*商品詳細ページのカラーチップは非表示*/
/* 一覧用カラーチップ非表示 */
.fs-l-productLayout .mark_color {
  display: none;
}