@charset "UTF-8";

/* =========================================
   ベースフォント
========================================= */

body {
  background: #ffffff;
  color: #3c3c3c;
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}


/* =========================================
   スマートフォンの文字サイズ調整
========================================= */

@media screen and (max-width: 767px) {

  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .fs-c-productOption,
  .fs-c-productOption__name,
  .fs-c-productOption__name *,
  .fs-c-productOption__label,
  .fs-c-productOption__label *,
  .fs-c-productOption__item,
  .fs-c-productOption__values,
  .fs-c-requiredMark {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .fs-c-productSelection,
  .fs-c-productSelection__name,
  .fs-c-productSelection__name *,
  .fs-c-productSelection__label,
  .fs-c-productSelection__label *,
  .fs-c-productSelection__item,
  .fs-c-productSelection__values {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .fs-p-productDescription {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }

  .fs-p-productDescription p,
  .fs-p-productDescription li,
  .fs-p-productDescription td,
  .fs-p-productDescription th {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }

  .og-cate {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }

  .og-cate p,
  .og-cate li,
  .og-cate td,
  .og-cate th {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }

  .fs-c-breadcrumb {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

}


/* =========================================
   PC・スマホ共通
   選択項目の見出し背景
========================================= */

.fs-c-productOption__name,
.fs-c-productSelection__name {
  background-color: #d9d9d9 !important;
}


/* =========================================
   画面サイズ1000px以下
========================================= */

@media screen and (max-width: 1000px) {

  .header-reco {
    display: none;
  }

  .header-menu-pc {
    display: none;
  }

  .index-pc {
    display: none;
  }

  .anygift-gift-ui__container {
    padding: 0px 65px !important;
  }

}


/* =========================================
   画面サイズ1000px以上
========================================= */

@media screen and (min-width: 1000px) {

  .index-sp {
    display: none;
  }

  .header-menu-sp {
    display: none;
  }

}


/* =========================================
   商品説明画像調整
========================================= */

@media screen and (min-width: 1000px) {

  .fs-p-productDescription img {
    vertical-align: bottom;
    width: 800px;
  }

}

@media screen and (max-width: 1000px) {

  .fs-p-productDescription img {
    vertical-align: bottom;
    width: 100%;
  }

}


/* =========================================
   カテゴリページテーブル調整
========================================= */

@media screen and (min-width: 800px) {

  .og-cate table {
    width: 800px;
  }

}

@media screen and (max-width: 800px) {

  .og-cate table {
    width: 100%;
  }

}


/* =========================================
   カテゴリページ画像調整
========================================= */

.og-cate img {
  vertical-align: bottom;
  width: 100%;
}


/* =========================================
   グループ表示枠調整
========================================= */

@media screen and (min-width: 960px) {

  .fs-c-subgroupList__item {
    flex-basis: calc(33.3% + 1px);
  }

}


/* =========================================
   フッターナビ並び
========================================= */

@media screen and (min-width: 960px) {

  .fs-p-footerNavigation {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }


  /* パンくず位置 */

  .fs-c-breadcrumb {
    position: relative;
    left: 25%;
  }


  /* 商品ページメイン画像 */

  .fs-c-productMainImage__image {
    width: 500px;
    min-width: 100%;
  }


  /* 項目選択肢サイズ */

  .fs-c-productSelection {
    width: 500px;
    min-width: 100%;
  }


  /* 項目選択肢タイトルテキスト */

  .fs-c-productSelection__label {
    color: #cc0000;
  }


  /* 商品説明 小 */

  .fs-l-productLayout__item--2 {
    width: 400px;
    min-width: 100%;
  }


  /* カートボタン */

  .fs-c-button--addToCart--detail {
    width: 500px;
    min-width: 100%;
  }


  /* 一定金額以上送料 */

  .fs-c-cartDiscountInfo {
    display: none;
  }


  /* PCヘッダー用お知らせ制御 */

  #toggle {
    display: none;
    cursor: pointer;
  }

  #toggle-label {
    cursor: pointer;
  }

  #menu {
    display: none;
    padding: 10px 0px 10px 10px;
  }

  #toggle:checked + #menu {
    display: block;
    background-color: #f6f4d7;
    width: 100%;
    list-style: none;
  }


  /* ログイン・ログアウト */

  .logout.my-false {
    display: none;
  }

  .login.my-true {
    display: none;
  }

  .regist.my-true {
    display: none;
  }

}


/* =========================================
   スマートフォン
   カートに入れるボタン
========================================= */

@media screen and (max-width: 767px) {

  button.fs-c-button--addToCart--detail.fs-c-button--primary {
    width: 100% !important;
    max-width: none !important;
    min-height: 64px !important;
    padding: 16px 20px !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  button.fs-c-button--addToCart--detail.fs-c-button--primary .fs-c-button__label {
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }

  .fs-c-productActionButton.fs-c-buttonContainer {
    width: 100% !important;
    max-width: none !important;
  }

}


/* =========================================
   商品ページ見出し
   左右の線を短くする
========================================= */

/*
   中央のtdが width="70%" のテーブルを
   見出し用テーブルとして指定

   元：
   左15% ＋ 中央70% ＋ 右15%

   ↓

   左8% ＋ 中央84% ＋ 右8%
========================================= */

table:has(td[width="70%"]) {
  table-layout: fixed !important;
}

table:has(td[width="70%"]) td[width="15%"] {
  width: 8% !important;
  min-width: 8% !important;
  max-width: 8% !important;
}

table:has(td[width="70%"]) td[width="70%"] {
  width: 84% !important;
  min-width: 84% !important;
  max-width: 84% !important;
}

table:has(td[width="70%"]) td[width="15%"] hr {
  width: 100% !important;
  max-width: 100% !important;
}