@charset "utf-8";
/* CSS Document */
/* =========================
   共通スタイル
========================= */
.categorybox {
  margin-bottom: 100px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.boxhover img:hover {
  opacity: 0.5 !important;
}
.midashi1 {
  font-size: 35px;
  text-align: center;
  font-weight: bold;
}
.midashi2, .midashi3, .midashi4, .midashi5 {
  font-family: 'Zen Old Mincho', serif;
}
.obi {
  text-align: center;
  padding: 20px 0;
}
.color04 {
  color: #ffffff;
}
.pc700 {
  padding-left: 250px;
  padding-right: 250px;
}
/* =========================
   SP調整
========================= */
@media screen and (max-width: 768px) {
  .pc700 {
    padding-left: 0;
    padding-right: 0;
  }
  .midashi1 {
    font-size: 18px !important;
  }
  .midashi2 {
    font-size: 17px !important;
  }
  .midashi3 {
    font-size: 15px !important;
  }
  .midashi4 {
    font-size: 15px !important;
  }
  .midashi5 {
    font-size: 14px !important;
  }
  .quote-text {
    font-size: 18px;
  }
  .interview-quote::before {
    font-size: 32px;
  }
  .quote-name {
    font-size: 16px;
  }
  .block-special-section.width-sp-100 {
    padding-left: 0;
    padding-right: 0;
  }
  .block-special-item-list {
    padding-left: 5px!important;
    padding-right: 5px!important;
  }
}
/* =========================
   下線削除
========================= */
#3260301 .block-special-section.width-pc-100, #3260301 .block-special-section.width-sp-100 {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
#3260301 .block-special-section + .block-special-section {
  border-top: none !important;
}
/* =========================
   基本リセット
========================= */
html, body {
  overflow-x: hidden;
}
.block-special-section-inner {
  box-sizing: border-box;
}
/* =========================
   テキスト調整
========================= */
@media screen and (min-width: 769px) {
  #3260301 .block-special-text p {
    font-size: 16px;
    line-height: 1.9;
  }
}
.block-special-section, .block-special-section * {
  color: #333;
}
/* =========================
   ボタン
========================= */
.temp-iw-btn-order-mov-lr--color_01 {
  position: relative;
  border-color: #706f6d !important;
  color: #fff;
}
.temp-iw-btn-order-mov-lr--color_01::before {
  background: #706f6d !important;
  z-index: 1;
}
.temp-iw-btn-order-mov-lr--color_01::after {
  border-color: #fff;
}
.temp-iw-btn-order-mov-lr--color_01 span {
  position: relative;
  z-index: 3;
  color: #fff !important;
  mix-blend-mode: normal !important;
}
.temp-iw-btn-order-mov-lr--color_01:hover span {
  color: #fff !important;
}
.temp-iw-btn-allitem-01--color {
  background: #706f6d;
  color: #fff;
}
.temp-iw-btn-allitem-01--color::after {
  border-color: #706f6d;
}
/* =========================
   フォント統一（ゴシック）
========================= */
.font-mincho-fix, .font-mincho-fix *, .midashi2, .midashi3, .midashi4, .midashi5, .block-special-item-price-selling-price, .price-value-label, .tax-label-custom, .interview-quote {
  font-family:
    "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif !important;
  font-weight: 500 !important;
}
/* =========================
   コンテンツ枠
========================= */
.feature-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
  color: #333;
}
/* =========================
   セクション
========================= */
.section-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.section-image {
  text-align: center;
}
.section-image img {
  width: 100%;
  max-width: 880px;
  height: auto;
}
.section-text {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.8;
}
/* =========================
   INDEX（最終版）
========================= */
.index-area {
  text-align: center;
}
.index-list {
  display: inline-block;
  text-align: left;
  padding-left: 24px;
  line-height: 2.0;
  font-size: 13px;
  letter-spacing: 0.05em;
}
.index-list li {
  margin-bottom: 6px;
}
.index-list a {
  text-decoration: none;
  color: #333;
}
.index-list a:hover {
  opacity: 0.6;
}
#3250215 .index-list {
  font-size: 13px !important;
}
@media screen and (min-width: 768px) {
  #3250215 .index-list {
    font-size: 20px !important;
    line-height: 2.3;
  }
}
/* =========================
   商品リスト
========================= */
#3250215 .block-special-item-list {
  margin: 0 !important;
  padding: 0 !important;
}
#3250215 ul.block-special-item-list {
  padding-left: 0 !important;
}
/* ← これが左右余白の本体 */
#3250215 .block-special-item-list.gridbox-r-center {
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto;
  justify-content: center;
  gap: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
/* =========================
   商品カード
========================= */
.block-special-item-name {
  font-size: 15px;
  line-height: 1.6;
}
.price-value-label {
  font-size: 15px;
  letter-spacing: 0.01em;
}
.price-unit-label {
  font-size: 14px;
}
.tax-label-custom {
  font-size: 12px;
  opacity: 0.8;
}
/* SP */
@media screen and (max-width: 767px) {
  .block-special-item-name {
    font-size: 16px;
  }
  .price-value-label {
    font-size: 14px;
  }
  .tax-label-custom {
    font-size: 11px;
  }
  #3250215 .block-special-item-list-item {
    margin-bottom: 8px !important;
  }
  #3250215 .feature-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/* 導入文は常に中央揃えに固定 */
#3250215 .intro-text {
  text-align: center !important;
}
#3250215 .block-special-item-list.gridbox-r-center .block-special-item-detail-btn a span {
  color: #fff !important;
}
#3250215 .temp-iw-btn-order-mov-lr--small:hover span {
  color: #fff !important;
}
#3250215 .block-special-item-detail-btn a {
  color: #fff !important;
}
#3250215 .block-special-item-detail-btn a span {
  color: #fff !important;
  mix-blend-mode: normal !important;
}
#3250215 .block-special-item-detail-btn a:hover, #3250215 .block-special-item-detail-btn a:hover span {
  color: #fff !important;
}
#3250215 .temp-iw-btn-order-mov-lr--fcolor::before {
  z-index: 1;
}
#3250215 .temp-iw-btn-order-mov-lr--fcolor {
  position: relative;
  z-index: 2;
}
#3250215 .temp-iw-btn-order-mov-lr--fcolor::before {
  background: #706f6d !important;
}
#3250215 .block-special-item-detail-btn a.temp-iw-btn-order-mov-lr--fcolor span {
  color: #fff !important;
  mix-blend-mode: normal !important;
}
#3250215 .block-special-item-detail-btn a.temp-iw-btn-order-mov-lr--fcolor::before {
  background: #706f6d !important;
  opacity: 1 !important;
}
#3250215 .block-special-item-detail-btn a.temp-iw-btn-order-mov-lr--fcolor:hover span {
  color: #fff !important;
}
#3250215 .block-special-item-detail-btn a span {
  mix-blend-mode: normal !important;
}
#3250215 .block-special-item-detail-btn a.temp-iw-btn-order-mov-lr--fcolor {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#3250215 .block-special-item-detail-btn a.temp-iw-btn-order-mov-lr--fcolor * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  mix-blend-mode: normal !important;
}
#3250215 .block-special-item-detail-btn a.temp-iw-btn-order-mov-lr--fcolor::before, #3250215 .block-special-item-detail-btn a.temp-iw-btn-order-mov-lr--fcolor::after {
  mix-blend-mode: normal !important;
}
@media screen and (max-width: 767px) {
  /* 親に余白 */
  #3250215 .block-special-item-list.gridbox-r-center {
    padding-left: 12px;
    padding-right: 12px;
    gap: 10px; /* カラム間も少し詰める */
  }
  #3250215 .block-special-item-list-item {
    width: calc(50% - 6px);
    box-sizing: border-box;
  }
}