/* ==================================
  対象：商品に関連するもの
  ・商品ページ
  ・カテゴリページ
  ・商品一覧
  ・検索結果
  ・レコメンド
 　 ……など。
================================== */

@charset "UTF-8";

/* バリエーション画像下の選択肢名を非表示に-- */
.fs-body-product .fs-c-productThumbnail__image__caption {
    display: none;
}

/*商品ページのスペック表table設定*/
table.details {
    border: 1px solid #dddddd;
    border-collapse: collapse;
    width: 100%;
}

/*カテゴリページコメント*/
.cat-coment {
    padding: 5px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 750px) {
    .cat-coment {
        text-align: left;
        font-size: 14px;
        margin-bottom: 20px;
    }
}

/* すべての商品ページのカテゴリー表示用-- */
.categorylist {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
}
.categoryitem {
    border: 0.5px solid #dcdcdc;
    padding: 5px;
    vertical-align: center;
    text-align: center;
}
@media (max-width: 750px) {
    .categorylist {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* 商品ページ下部カテゴリ一覧-- */
.fs-l-productLayout .category-list-column {
    margin-top: 75px;
}

/* サブグループの件数を非表示に-- */
.fs-c-subgroup .fs-c-listControl__status {
    display: none;
}

/* 商品ページ独自コメント（6）用-- */
.productcomment6 {
    color: #605858;
    font-size: 1rem;
    /*text-align: center;*/
}
@media (max-width: 750px) {
    .productcomment6 {
        font-size: 22rem;
    }
}
/* 商品ページ独自コメント（7）用-- */
.productcomment7 {
    color: #f08080;
}

/* 税込を小さくする */
.fs-c-productPrice__addon {
    font-size: smaller;
    display: none;
}

/* 商品ページ詳細エリアの表示幅-- */
.productpage_haba {
    width: 100%;
    max-width: 790px; /* PC詳細エリア幅の最大値 */
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* 商品ページ詳細エリアの文字リンク-- */
.mozilink {
    color: #1a0dab;
    text-decoration: underline 0.5px;
}

/* 商品ページのお気に入り登録ボタン-- */
.fs-c-button--addToWishList--icon {
    position: unset;
    opacity: initial;
    visibility: unset;
    background: none;
}
.fs-c-button--addToWishList--icon::before {
    position: unset;
    color: #d5a95c;
}

/* 商品一覧在庫切れメッセージ-- */
.fs-c-productListItem__notice {text-align: center;}

/* 商品マーク（共通）-- */
.fs-c-productMark {padding-bottom: 0.5rem;}
.productMark {
    font-size: 1rem;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 2px;
}
/* 商品マーク（クーポン用）-- */
.productMarkcpn { display:none
    background-color: #fffaf0;
}
/* 商品マーク（ポイント用）-- */
.productMarkpoint { display:none
    background-color: #fff3b8;
}
/* 商品マーク（新着用）-- */
.productMarknew { display:none
    background-color: #fff0f5;
}
/* 商品マーク（予約用）-- */
.productMarkyoyaku { display:none
    background-color: #f5fff0;
}

/* バリエーション時のカートに入れるボタン周辺 */
.fs-c-button--addToCart--variation span.fs-c-button__label {
    color: #fff;
    padding: 8px 0;
    font-size: 15px;
}
.fs-c-variationCart__cartButton {
    margin: 2px;
}
/* バリエーション時のハートボタンの大きさ */
.fs-c-variationCart__variationName__shippingDate, .fs-c-variationCart__variationName__stock {
    font-size: 15px;
}
/* バリエーション時の商品画像、ハート、カートに入れるボタンの幅変更 */
@media screen and (max-width: 750px) {
    .fs-c-variationCart--withImage > li {
        grid-template-columns: auto 1fr 3.5em 128px;
    }
}

/* 商品一覧「並び替え」の表示 */
.b-mainContent .fs-c-sortItems .fs-c-sortItems__label{
    padding:5px;
    border:0;
    margin-right:15px
}
.b-mainContent .fs-c-sortItems .fs-c-sortItems__label::after {
    content: ":";
    padding-left: 2px;
}
.b-mainContent .fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item {
    background-color: #f7f5f0;
    padding: 3.5px 14px 4.5px;
    border-radius: 25px;
}
.b-mainContent .fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item.is-active {
    baclground-color: #d5a95c;
}
.b-mainContent .fs-c-sortItems .fs-c-sortItems__list {
    column-gap: 12px;
}

/*　商品検索結果が無かった場合の表示調整 */
.fs-c-noResultMessage {
    margin-bottom: 140px;/*100px*/
    text-align: center;
}

/* 商品ページ（スマホ）の価格文字サイズを調整-- */
@media screen and (max-width: 750px) {
    .fs-body-product .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price > span{
        font-size: 26px;/*32px*/
    }
}
/* 価格表示-- */
.fs-c-productPrice__main__label {
  display: block;
}
.fs-c-productPrice__main {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: center;
}
.fs-c-productPrice--listed {
    display: flex;
    align-items: baseline;
    margin: 5px 0;
}
.fs-c-price {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}
.fs-c-productPrice {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
.fs-body-search .fs-c-productPrice--listed,.fs-body-category .fs-c-productPrice--listed {
  text-decoration: line-through;/*検索ページとカテゴリーページ 取消線*/
  font-size: 0.8em;
}

/* 商品グループページの商品価格の文字色を変える-- */
.fs-c-productPrice--selling .fs-c-productPrice__main .fs-c-productPrice__main__price {
    color: #d62c2c;
}
.fs-c-productPrice--selling .fs-c-productPrice__addon::after, .fs-c-productPrice--selling .fs-c-productPrice__addon::before,.fs-c-productPrice--selling .fs-c-productPrice__addon .fs-c-productPrice__addon__label {
    color: #d62c2c;
}

/* レコメンド機能 */
div#fs-recommend--flick{
    margin: 60px 10px 60px 10px;
}
@media (max-width: 750px) {
    div#fs-recommend--flick{
        margin: 60px 0 50px 0;
    }
}
div#fs-recommend--flick h2.fs-p-heading--lv2{
  margin-bottom: 6px;
}
.fr2-carousel{
  display: none;
}
.fr2-carousel .rcmd-slick-arrow::before {
  width: 35px!important;
  height: 35px!important;
}

.fr2-carousel .rcmd-slick-prev {
  width: 35px!important;
  height: 35px!important;
  top: 45%!important;
}
@media (max-width: 750px) {
   .fr2-carousel .rcmd-slick-prev {
       top: 45%!important;
       left: -15px!important;
   }
}
.fr2-carousel .rcmd-slick-next {
  width: 35px!important;
  height: 35px!important;
  top: 42%!important;
  transform: rotate(180deg);
}
@media (max-width: 750px) {
   .fr2-carousel .rcmd-slick-next {
        right: -15px!important;
   }
}
.fr2-carousel .rcmd-slick-list {
  width: auto;
}
@media (max-width: 750px) {
   .fr2-carousel .rcmd-slick-list {
     margin: 0 10px!important;
   }
}
.fr2-listItem__link {
    color: inherit;
    text-decoration: none;
}
.fr2-listItem__image {
    max-width: 100%;
}
.fr2-listItem__productName {
    font-size: 1.0em;
    margin: 4px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.fr2-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.fr2-price__addon {
    font-size: 0.6em;
}
/* レコメンド機能 ここまで↑ */
