@charset "UTF-8";
/* =====================
	fsのデフォルトを変更系
 ======================= */
.fs-l-main {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1220px;
}

.fs-l-sideArea {
  padding: 0;
}

.fs-l-sideArea ~ .fs-l-pageMain,
.fs-l-pageMain ~ .fs-l-sideArea {
  max-width: 800px;
  margin: 0 auto 128px;
}

/** スライダー **/
.fs-c-slick .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 4px;
}

.fs-c-slick .slick-dots li button {
  width: 12px;
  height: 12px;
}

.fs-c-slick .slick-dots li button:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}

.fs-c-slick .slick-dots li.slick-active button:before {
  color: #CBA258;
  opacity: 1.0;
}

.fs-pt-carousel__slide img {
  max-width: calc(min(100vw, 1200px));
}

/** 商品カルーセル **/
.fs-c-productListCarousel {
  position: relative;
}

.fs-c-productListCarousel__ctrl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.fs-c-productListCarousel__ctrl--prev {
  left: 0;
}

.fs-c-productListCarousel__ctrl--next {
  right: 0;
}

.fs-c-productListCarousel__list__item {
  flex-basis: 240px;
  max-width: 240px;
  min-width: 240px;
  margin: 0 20px;
}

.fs-c-productListCarousel .fs-c-productListItem__productName {
  margin: 12px 0 24px;
  font-size: 14px;
}

.fs-c-productListCarousel .fs-c-productListItem__control {
  display: none;
}

.fs-c-productListCarousel .fs-c-productMarks {
  display: none;
}

.fs-c-productListCarousel .fs-c-productPrice {
  font-size: 14px;
}

.fs-c-productListCarousel .fs-c-productPrice__main__label {
  display: none;
}

.fs-c-productListCarousel .fs-c-productPrice__addon {
  font-size: 14px;
}

/** パンくずリストパーツ **/
.fs-c-breadcrumb {
  margin: 24px 0 64px;
}

.fs-c-breadcrumb__list {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 10px;
}

/** お気に入りに追加ボタン **/
.fs-c-button--particular.fs-c-button--addToWishList--detail::after,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
  font-size: 100%;
}

/* =====================
	サブページ見出し
 ======================= */
.fs-c-heading--page {
  color: #000000;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 64px;
  text-align: center;
  padding: 0;
  border: none;
}

.fs-c-documentArticle__heading {
  background: #CBA258;
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  margin: 0 0 24px;
  padding: 8px 8px;
  text-align: center;
}

.fs-c-documentColumn__heading {
  color: #000000;
  border-color: #C7C7C7;
  border-style: solid;
  border-width: 0 0 1px 0px;
  font-weight: 700;
  font-size: 20px;
  padding: 0 0 8px 0;
  margin: 0 0 8px 0;
}

.fs-c-documentColumn {
  margin-bottom: 80px;
}

/* =====================
	サイトマップ
 ======================= */
.sitemap_box {
  max-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
}

.sitemap_box .subpage_link {
  margin-bottom: 24px;
}

/* タブレット
  ------------------------ */
@media (max-width: 1200px) {
  .fs-p-drawer {
    left: auto;
    right: 0;
    transform: translateX(101%);
    padding: 10px;
    z-index: 200;
  }
  .fs-p-ctrlDrawer:checked ~ #menu_bg {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.53;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .fs-p-drawerButton--open {
    width: 23px;
    height: 20px;
    padding: 0;
    position: relative;
  }
  .fs-p-drawerButton--open .fs-p-drawerButton__icon {
    width: 23px;
    height: 1px;
    background: #000000;
    position: absolute;
  }
  .fs-p-drawerButton--open .fs-p-drawerButton__icon:nth-child(1) {
    top: 0;
  }
  .fs-p-drawerButton--open .fs-p-drawerButton__icon:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .fs-p-drawerButton--open .fs-p-drawerButton__icon:nth-child(3) {
    bottom: 0;
  }
  .fs-p-drawerButton--close {
    width: 36px;
    padding: 0;
    position: relative;
  }
  .fs-p-drawerButton--close .fs-p-drawerButton__icon {
    width: 20px;
    height: 1px;
    background: #000000;
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .fs-p-drawerButton--close .fs-p-drawerButton__icon:nth-child(2) {
    transform: rotate(-45deg);
  }
  .fs-p-drawerButton--close .fs-p-drawerButton__label {
    font-size: 12px;
    padding-top: 20px;
  }
  /** スライダー **/
}

/* スマホ
  ------------------------ */
@media (max-width: 767px) {
  .fs-l-sideArea ~ .fs-l-pageMain,
  .fs-l-pageMain ~ .fs-l-sideArea {
    margin-bottom: 80px;
  }
  /** 商品カルーセル **/
  .fs-c-productListCarousel__list__item {
    margin: 0 8px;
  }
  /** パンくずリストパーツ **/
  .fs-c-breadcrumb {
    margin: 8px 0 24px;
  }
  /* =====================
	サブページ見出し
 ======================= */
  .fs-c-heading--page {
    color: #000000;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 24px;
    text-align: center;
    border: none;
  }
  .fs-c-documentArticle__heading {
    background: #CBA258;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 6px 8px;
    text-align: center;
  }
  .fs-c-documentColumn__heading {
    color: #000000;
    border-color: #C7C7C7;
    border-style: solid;
    border-width: 0 0 1px 0px;
    font-weight: 700;
    font-size: 18px;
    padding: 0 0 8px 0;
    margin-bottom: 8px;
  }
  .fs-c-documentColumn {
    margin-bottom: 64px;
  }
  .fs-c-documentColumn__content {
    padding: 0;
  }
  /* =====================
	サイトマップ
 ======================= */
  .sitemap_box {
    display: block;
  }
}