/*詳細検索ラベル行間*/
.fs-p-productSearch form.fs-p-productSearch__form label {
    line-height: 1.4;
    margin-bottom: 0.6em;
}

/*お気に入り（割引タグ）*/
.fs-c-productListCarousel span.tag-discount.fs-c-productMark__mark {
    top: -3px;
    left: 5px;
}

/*ご注文の手続き*/
.fs-c-orderTotalTable .fs-c-orderTotalTable__total > td, .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > td {
    white-space: nowrap;
}

/*マイページ*/
.fs-body-my-top .fs-c-accountService {
    flex-basis: 100%;
}


/* あと●●円で…を非表示に */
.fs-c-cartDiscountInfo {
   display: none;
}

.fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed) {
   font-size: 1em !important;
}


/* 詳細検索のカテゴリリストを4列(25%)から2列(48%)に */
.fs-c-checkboxGroup > * {
    width: calc(48% - 5px) !important;
    @include xl {
      width: calc(98% - 5px);
    }
    @include lg {
      width: calc(50% - 5px);
    }
  }

/* ページトップアイコンの不透明度を60%に */
.PageTop a {
    background-color: rgba(45,45,45,0.6) !important;
}

/* 商品概要と説明の間を80pxから15pxに */
.fs-l-product1 .fs-l-productLayout, .fs-l-product2 .fs-l-productLayout, .fs-l-product3 .fs-l-productLayout, .fs-l-product4 .fs-l-productLayout {
    grid-gap: 15px 80px !important;
}


/* 商品ページの説明見出しを幅45%から70%に */
p.dtl-shopping {
    padding-left: 0.5em !important;
    margin-left: 0.5em !important;
}

/* 商品ページの割引説明等の余白幅1emから0.5mに */
section.dtl-mv .left{
   width:80% !important;
   max-width: 600px !important;
}


/* 商品ページのを特徴の右カラムの高さを左カラムに合わせる */
section.dtl-feature ul.feature-list li.relative.d-lg-flex .right{
   padding:2em 0 !important;
}

/* 商品マークのマージンとパディング */
.fs-c-productList .fs-c-productMarks li>span:not(.tag-discount)  {margin:0 !important;padding:0 0 2.5px 0 !important;}

/* 商品サムネイル画像サイズ（PC） */
.fs-c-productThumbnail__image {
  flex-basis: 125px !important;
}

/* 予約販売時の表示レイアウト調整 */
.fs-c-productSalesPeriod{
 margin-bottom:20px !important;
}

/* 注文手続き画面での最短発送日表示を非表示に */
.fs-c-checkout-shippingDetail__deliveryDateInfo{
 display:none !important;
}


/* フッターサイトマップ見出し */
p.sitemap-ttl {
  font-size: 1.25em;
  font-weight: bold;
  margin: 0 auto 0.7em;
}

/* フッターコンタクト覧見出し */
.footer-contact-ttl {
  font-size: 1.2em;
  font-weight: 500;
  margin: 10px auto;
}


/* Youtubeの埋め込みをレスポンシブに */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


/* レビュープロフィール非表示 */
.fs-c-reviewerStatus{display:none;}
.fs-c-reviewer__profile{display:none;}
.fs-c-reviewer__name__reviewNumber{display:none;}

/* レビュー掲示板画像非表示 */
.fs-c-reviewList--productDescription::before{display:none !important;}



/* 注意書き赤枠 */
.red-box {
  border: 1px solid #cc0000;
  padding: 1em;
  color: #cc0000;
}
.red-box a:visited{
  color: #cc0000;
}

/* inline 囲み */
.inline-blk {
    display: inline-block;
    border: solid 1px #000;
    border-radius: 0px;
    margin: 2px;
    padding: 2px 5px;
}

/* inline 囲み pink */
.inline-blk-pink {
    display: inline-block;
    background-color: #F64999;
    border: solid 1px #F64999;
    border-radius: 5px;
    margin: 2px;
    padding: 2px 5px;
    color:#000;
}


/* 任意商品表示パーツのキャッチコピー、商品マークを非表示にする */
.fs-c-productListCarousel__list .fs-c-productName__copy, 
.fs-c-productListCarousel__list .fs-c-productMarks { 
    display: none; 
}
.fs-c-productListItem__imageContainer {
    margin-bottom: 10px !important;
  }


/* パソコンで見たときは"pc-img"のclassがついた画像が表示される */
.pc-img { display: block !important; }
.sp-img { display: none !important; }




/*スマホ表示*/
@media (max-width: 599px) {
/*フッターメニュー*/
section.header #hd_menubox-search>div, section.header #hd_menubox>div {
    height: calc(100vh - 105px);
    padding-bottom: 80px;
}
footer.fs-l-footer {
    padding-top: 36px;
}
section.footer-sitemap ul.row {
    margin-top: 0;
}
.footer-search-form input[type=text] {
    font-size: 12px;
}
/*商品ページ特約などテキスト*/
p.dtl-shopping {
    font-size: 12px !important;
}

/* スマホで見たときは"sp-img"のclassがついた画像が表示される */
  .pc-img { display: none !important; }
  .sp-img { display: block !important; }

}

/*スマートフォンの商品ページの画像表示を調整するCSS*/
@media (max-width: 680px){
    .fs-l-productLayout .fs-l-productLayout__item.fs-l-productLayout__item--1 {
        margin: 0;
    }
}


section.footer-sitemap p.sitemap-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 5px 3.2vw;
    height: 60px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    background-color: #463521;
    color: #fff;
}










/* 2023ごぼうキャンペーンページ用 */
.gobo-text-h3 {
    font-size:2em;
    text-shadow: -1px -1px 0 #ded073, -1px 0 0 #ded073, -1px 1px 0 #ded073,
                  0 -1px 0 #ded073,                  0 1px 0 #ded073,
                1px -1px 0 #ded073,  1px 0 0 #ded073,  1px 1px 0 #ded073;
}

.gobo-text-mid {
    font-size:2em;
}

.gobo-text-h1 {
  padding: 0.5em 10px;
  color: #795548;
  font-size: 3em;
  font-weight: 900;
  text-shadow: 
    0.05em 0.05em 0.05em #ffeb3b,
    -0.05em -0.05em 0.05em #ffeb3b,
    -0.05em 0.05em 0.05em #ffeb3b,
    0.05em -0.05em 0.05em #ffeb3b;
}

.gobo-text-dot {
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 3px dotted #ffeb3b;
    font-weight: bold;
    font-size: 1.2em;
}

@media (max-width: 767px){
 .gobo-text-h3 {
    font-size: 1.5em;
  }

.gobo-text-mid {
    font-size:1.5em;
}

 .gobo-text-h1 {
    font-size: 1.75em;
  }
}


/* 2023ごぼうキャンペーン吹き出し */
.arrow_box{
    position:relative;
    width:80%;
    background:#F7DD33;
    padding:20px;
    text-align:center;
    border:3px solid #6F5844;
    color:#6F5844;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:50%;
}
.arrow_box:after{
    border-color: rgba(247, 221, 51, 0);
    border-top-width:20px;
    border-bottom-width:20px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#F7DD33;
}
.arrow_box:before{
    border-color: rgba(111, 88, 68, 0);
    border-top-width:26px;
    border-bottom-width:26px;
    border-left-width:13px;
    border-right-width:13px;
    margin-left: -13px;
    margin-bottom: 3px;
    border-bottom-color:#6F5844;
}


@media (max-width: 767px){
.arrow_box {
    width: 95%;
}
}

/* 2023ごぼうボタン */
.gobo-button {
  min-width: 300px;
  height: 80px;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  border: none;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
  background: #F7DD33;
 z-index: 1;
}
.gobo-button:hover:after {
  width: 100%;
  left: 0;
}
.gobo-button:after {
  border-radius: 5px;
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  z-index: -1;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
  transition: all 0.3s ease;
  background-color: #ffe566;
  right: 0;
}
.gobo-button:active {
  top: 2px;
}
/* 2023ごぼうボタン終わり */

/* 2023ごぼう囲み */
.gobo-inline-blk {
    display: inline-block;
    background-color: #F64999;
    border: solid 1px #F64999;
    border-radius: 5px;
    margin: 2px;
    padding: 2px 5px;
    color:#fff;
}
/* 2023ごぼう囲み終わり */