/** Shopify CDN: Minification failed

Line 54:68 Unexpected "/"

**/
/* =================================================================
   【改訂版】サイト全体の基本スタイル（フォントとカラー）
   参考サイトの雰囲気に合わせたフォント設定
================================================================= */

/* --- フォントの読み込み --- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

/* --- 基本変数の定義 --- */
:root {
  /* フォントファミリーの指定 */
  --font-family-base: 'Noto Sans JP', sans-serif;
  
  /* フォントの太さ（ウェイト）の定義 */
  --font-weight-light: 300; /* 細め */
  --font-weight-normal: 400; /* 通常 */
  --font-weight-medium: 500; /* やや太め */
  --font-weight-bold: 700;   /* 太字 */

  /* 基本のカラー設定 */
  --color-text-base: #333333; /* 基本の文字色 */
  --color-background-base: #FFFFFF; /* 基本の背景色（今回は真っ白に戻します） */
}

/* --- サイト全体への適用 --- */
body {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-light); /* ★サイト全体の基本の太さを「細め」に設定 */
  color: var(--color-text-base);
  background-color: var(--color-background-base);
  letter-spacing: 0.05em; /* 文字間隔を少し広げて、ゆったり見せる */
}

/* 見出し（h1, h2など）のスタイル */
h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-medium); /* ★見出しは「やや太め」に設定してメリハリをつける */
  letter-spacing: 0.08em; /* 見出しはさらに文字間隔を広げる */
}

/* リンクのスタイル */
a {
  color: inherit; /* 親要素の色を継承する */
  text-decoration: none; /* 下線をなくす */
}
a:hover {
  opacity: 0.7; /* ホバー時に少し薄くする */
}
 * --------------------------------------------------------------- */
/* 
 * 1. 商品画像ホバー時のアニメーション無効化
 * --------------------------------------------------------------- */
.card-wrapper .media {
  transform: none !important;
  transition: none !important;
}

/* 
 * 2. 商品カードのSALEバッジを非表示にする
 * --------------------------------------------------------------- */
.card__badge .badge {
  display: none !important;
}

/* 
 * 3. 商品カードの価格表示カスタマイズ
 * --------------------------------------------------------------- */

/* 価格全体のフォントサイズ */
.card-information .price .price-item {
  font-size: 1.2rem;
}

/* セール時の販売価格を赤字にする */
.card-information .price--on-sale .price__sale .price-item,
.card-information .price--on-sale .price-item--sale {
  color: rgb(220, 0, 0) !important;
}

/* 参考価格（取り消し線価格）を非表示にする */
.card-information .price--on-sale .price__regular,
.card-information .price--on-sale .price-item--regular,
.card-information .price--on-sale .price-item--compare,
.card-information .price del,
.card-information .price s {
  display: none !important;
}

/* 割引率の文字を細くする */
.card-information .discountrate {
  font-weight: 400 !important;
  font-size: 1.2rem !important;
}

/* 
 * 4. コレクションページでのブランド名重複を解消
 * --------------------------------------------------------------- */
.card-wrapper .card-information .caption-with-letter-spacing {
  display: none;
}
/* =================================================================
 * 【最終微調整版】ページクラスに依存しない絶対指定
 * ================================================================= */

/* --- 商品タイトルのサイズ調整 --- */
.product__title h1, .product__title .h1 {
  font-size: 1.8rem !important;
  font-weight: var(--font-weight-medium) !important;
  letter-spacing: 0.05em;
}

/* --- ★ トップページ・商品一覧（商品カード）専用のスタイル --- */

/* 1. 価格を少し太くする */
.card-information .price .price-item {
  font-weight: var(--font-weight-medium) !important;
}

/* 2. 価格を黒字にする (セール価格も含む) */
.card-information .price .price-item--sale {
  color: var(--color-text-base) !important; /* ★黒（基本の文字色）にする */
}

/* 3. (税込)を非表示にする */
.card-information .price .price__tax-label {
  display: none !important;
}

/* 4. 割引率（.discountrate）は商品カードにもしあれば赤字を維持 */
.card-information .discountrate {
  color: #B70404 !important;
}


/* --- ★ 商品詳細ページ専用のスタイル --- */

/* 1. 販売価格 */
.product__info-container .price-item--sale {
  font-size: 2.2rem !important;
  font-weight: var(--font-weight-medium) !important;
  color: var(--color-text-base) !important;
}

/* 2. 参考価格（取り消し線付き） */
.product__info-container .price--on-sale .price__regular {
  display: inline-block !important;
}
.product__info-container .price--on-sale .price__regular .price-item {
  font-size: 1.5rem !important;
  font-weight: var(--font-weight-normal) !important;
  color: #777777 !important;
}
.product__info-container s.price-item--regular .price__tax-label {
    display: none !important;
}

/* 3. 割引率（%OFF・赤字）*/
.product__info-container .discountrate {
  font-size: 1.3rem !important;
  font-weight: var(--font-weight-normal) !important;
  color: #B70404 !important;
  border: none !important; padding: 0 !important; margin: 0 !important; background: none !important;
}

/* 4. 「(税込)」表記を小さくする */
.product__info-container .price__tax-label {
  font-size: 1.3rem !important; /* ★サイズを小さく指定 */
  font-weight: var(--font-weight-light) !important;
  color: var(--color-text-base) !important;
  vertical-align: middle; /* 中央揃えを補助 */
}

/* 5. 「税込 配送料は～」の文言を非表示にする */
.product__info-container .product__tax {
  display: none !important;
}

/* 6. SALEアイコンを非表示にする */
.product__info-container .product__badge {
  display: none !important;
}


/* --- ★ 通常時（非セール時）の価格スタイル --- */
/* 商品詳細ページ */
.product__info-container .price:not(.price--on-sale) .price-item {
  font-size: 2.2rem;
  font-weight: var(--font-weight-medium);
}
/* 商品カード */
.card-information .price:not(.price--on-sale) .price-item {
  font-weight: var(--font-weight-medium);
}
/* =================================================================
 * 8. 商品詳細ページ 説明エリアのスタイリッシュ化
 * ================================================================= */

/* --- 全体を囲むコンテナの基本スタイル --- */
.product-description-custom {
  margin-top: 4rem;
  line-height: 1.8; /* 行間を広げて読みやすく */
}

/* --- 各セクションのスタイル --- */
.description-section {
  margin-bottom: 4rem; /* 各セクションの間に十分な余白を確保 */
}

/* --- 見出し (STORY, FEATURES, DETAILS) のスタイル --- */
.description-heading {
  font-size: 1.6rem;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.15em; /* 文字間隔を広めに */
  text-transform: uppercase; /* 大文字に */
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e0e0e0; /* 細い下線 */
}

/* --- ナラティブの文章スタイル --- */
.description-text {
  font-size: 1.4rem;
  font-weight: var(--font-weight-light);
}

/* --- フィーチャーの箇条書きリストスタイル --- */
.feature-list {
  list-style: none; /* デフォルトの黒点を消す */
  padding-left: 0;
}
.feature-list li {
  font-size: 1.4rem;
  font-weight: var(--font-weight-light);
  padding-left: 1.5em; /* 左側に余白を作る */
  position: relative;
  margin-bottom: 1rem;
}
/* 箇条書きの先頭にカスタムの点を付ける */
.feature-list li::before {
  content: '・';
  position: absolute;
  left: 0;
  color: var(--color-text-base);
}

/* --- ディテールのスペック表示スタイル --- */
.spec-grid {
  font-size: 1.4rem;
  font-weight: var(--font-weight-light);
}
.spec-row {
  display: flex;
  padding: 1.5rem 0;
  border-bottom: 1px solid #f0f0f0; /* 各行の間に薄い区切り線 */
}
.spec-row:first-child {
  border-top: 1px solid #f0f0f0;
}
.spec-label {
  flex-basis: 120px; /* ラベルの幅を固定 */
  flex-shrink: 0;
  font-weight: var(--font-weight-medium); /* ラベルは少し太く */
}
.spec-value {
  flex-grow: 1;
}