.u-text--head {
  color: #494949 !important;
  font-size: 23px !important;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.u-color--head {
  color: #494949 !important;
}
.u-text--subhead {
  color: #494949 !important;
  font-size: 17px !important;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  
}
.u-text--body {
  color: #9A9A9A !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-color--body {
  color: #9A9A9A !important;
}
.u-text--strong {
  color: #494949 !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-text--link {
  color: #4d5a6b !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-text--head--overlay {
  color: #FFFFFF !important;
  font-size: 23px !important;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.u-text--subhead--overlay {
  color: #FFFFFF !important;
  font-size: 17px !important;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  
}
.u-text--body--overlay {
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-text--color--overlay {
  color: #FFFFFF !important;
}
.u-color__btn--bg {
  background: #4d5a6b !important;
}
.u-color__btn--bg--overlay {
  background: #4d5a6b !important;
}
.u-color__btn--bg--reverse {
  background: #fafafa !important;
}
.u-color__btn--bg--overlay--reverse {
  background: #fafafa !important;
}
.u-color__btn {
  color: #4d5a6b !important;
}
.u-text--btn {
  color: #fafafa !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-text--btn--overlay {
  color: #fafafa !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-text--btn--reverse {
  color: #4d5a6b !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
  border: 1px solid #BDC1C2 !important;
}
.u-text--btn--overlay--reverse {
  color: #4d5a6b !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
  border: 1px solid #BDC1C2 !important;
}
.u-color__btn--text {
  color: #fafafa !important;
}
.u-color__btn--text--bg {
  background: #fafafa !important;
}
.u-text--input {
  color: #9A9A9A !important;
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-color--input {
  color: #9A9A9A !important;
}
.u-color__input--bg {
  background: #FFFFFF !important;
}
.u-color__border--input {
  border-color: #BDC1C2 !important;
}
.u-color__bg--base {
  background: #FFFFFF !important;
}
.u-color__bg--main {
  background: #FFFFFF !important;
}
.u-color__border--border {
  border-color: #D8DDDF !important;
}
.u-color__border--main {
  border-color: #D8DDDF !important;
}
.u-font--head {
  font-size: 23px !important;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.u-font--subhead {
  font-size: 17px !important;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  
}
.u-font--body {
  font-size: 16px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-font--bold {
  font-weight: bold;
}

.c-product_info__details__icon::before, .c-product_info__details__icon::after {
  background: #494949 !important;
}

/*================ SNS Icon ================*/











/*================ Other Icon ================*/

  .c-product_item__actions .c-product_item__form--favorite {
    display: inline-block;
  }


  .c-product_item__actions .c-product_item__form--cart {
    display: inline-block;
  }



/*================ Fonts ================*/

/*================ Headings ================*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "游ゴシック Bold", serif;
}

/*================ Variables ================*/
:root {
  --color-text-head: #494949;
  --color-text-body: #9A9A9A;
  --color-text-overlay: #FFFFFF;
  --color-text-link: #4d5a6b;
  --color-btn-bg: #4d5a6b;
  --color-btn-text: #fafafa;
  --color-input-text: #9A9A9A;
  --color-input-border: #BDC1C2;
  --color-page-bg: #FFFFFF;
  --color-page-border: #D8DDDF;
  --color-page-accent: #4d5a6b;

  --font-size-text-head: 23px;
  --font-size-text-subhead: 17px;
  --font-size-text-body: 16px;
  --font-size-text-link: 16px;

  --font-family-text-head: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  --font-family-text-subhead: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  --font-family-text-body: 'メイリオ', 'Meiryo';
}

.c-steps_to_order--theme {
  --theme-color: var(--color-btn-bg) !important;
  --text-color: var(--color-btn-text) !important;
}

.p-movie--theme {
  --theme-color: var(--color-btn-bg);
}



/* Instagram 見出し */
.shop__instagram .mid2 {
  font-size: 28px;   /* 見出しを大きく */
  font-weight: 700;  /* 太字（boldでもOK） */
  text-align: center;
  margin-bottom: 8px;
}

/* アカウント名・ハッシュタグ */
.shop__instagram .art {
  font-size: 16px;   /* 少し小さめに調整 */
  font-weight: 600;
  text-align: center;
  color: #555;       /* お好みでカラー調整 */
}

.shop__instagram .art a {
  text-decoration: none;
  color: inherit;    /* リンクの色を統一 */
}

.shop__instagram .art a:hover {
  text-decoration: underline;
}
/* Instagram一覧の外枠 */
.insta01__wrap_pc {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* 横に入りきらない場合に折り返す */
  gap: 20px; /* 投稿の間の余白 */
  margin-top: 20px;
}

/* リストの設定 */
.insta01__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 各投稿ブロック */
.insta01pc__item {
  flex: 1 1 30%;      /* 横3列に並ぶように（幅約30%） */
  max-width: 400px;   /* 投稿の最大幅 */
  min-width: 280px;   /* 最小幅を指定して崩れ防止 */
  display: flex;
  justify-content: center;
}

/* iframe自体を全幅にフィットさせる */
.insta01pc__item iframe {
  width: 100%;
  aspect-ratio: 4 / 5; /* 投稿の比率を保つ */
  height: auto;
  border: none;
}

/* スマホ用：縦1列にする */
@media (max-width: 768px) {
  .insta01pc__item {
    flex: 1 1 100%;
    max-width: none;
  }
}
.fixed-banner {
  height: ０px;       /* バナーの高さ */
  line-height: 40px;  /* テキストを中央揃え */
}


#ecf_header_section {
  /* バナー基本スタイル */
.fixed-banner {
  position: fixed;
  top: 60px;      /* PC固定ヘッダー下 */
  left: 0;
  width: 100%;
  background-color: #f1e1a6;
  text-align: center;
  z-index: 9999;
  height: 36px;       /* バナー高さ */
  line-height: 36px;  /* テキスト中央揃え */
}

.header-banner__text {
  color: #fff;
  margin: 0;
  font-size: 16px;
}

.japanese {
  font-size: 14px !important;
}

/* 下のコンテンツが隠れないように余白 */
body {
  padding-top: 96px; /* ヘッダー60 + バナー36 */
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
  .fixed-banner {
    top: 90px;      /* スマホ固定ヘッダー下 */
    height: 42px;   /* バナー高さ */
    line-height: 42px;
  }

  body {
    padding-top: 132px; /* ヘッダー90 + バナー42 */
  }
}
.fixed-banner {
  position: fixed;
  top: 60px; /* ヘッダー下 */
  left: 0;
  width: 100%;
  background-color: #f1e1a6;
  height: 36px;
  line-height: 36px;
  z-index: 9999;
  text-align: center;
}

.header-banner__text {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.japanese {
  font-size: 14px !important;
}

body {
  padding-top: 96px; /* ヘッダー + バナー */
}

@media screen and (max-width: 768px) {
  .fixed-banner {
    top: 90px; /* スマホヘッダー下 */
    height: 42px;
    line-height: 42px;
  }
  body {
    padding-top: 132px; /* ヘッダー + バナー */
  }
}
/* スライド下の黒グラデを消す */
.slider::after,
.slide::after,
.swiper-slide::after {
  display: none !important;
  background: none !important;
}

/* 上に重なってるオーバーレイも無効化 */
.slider-overlay,
.slider .overlay,
.slide-overlay {
  opacity: 0 !important;
}

}


#ecf_footer_section {
  /* 卸店舗カテゴリを完全に非表示（ヘッダー・カテゴリ共通） */
a[href*="wholesale"],
li:has(a[href*="wholesale"]),
.category a[href*="wholesale"],
.category-list a[href*="wholesale"] {
  display: none !important;
}

}


#index-view {
  .category__wrap {
  max-width: 1200px;
  margin: 0 auto;
}

.category__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 120px 0;
  gap: 80px;
}

.category__item.reverse {
  flex-direction: row-reverse;
}

.category__image img {
  width: 520px;
  height: auto;
}

.category__content {
  width: 40%;
}

.category__content h3 {
  font-size: 28px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.category__content p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 30px;
}

.lineup-btn {
  border: 1px solid #1f2c3a;
  padding: 12px 40px;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 2px;
  color: #1f2c3a;
  transition: .3s;
}

.lineup-btn:hover {
  background: #1f2c3a;
  color: #fff;
}
.category__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 60px;   /* ← 横余白ここ */
}

.category__image {
  flex: 1;
  display: flex;
  justify-content: center;
}

.category__image img {
  width: 85%;        /* ← 端詰め防止 */
  max-width: 520px;
  height: auto;
}
.title {
  text-align: center;
  margin: 120px 0 80px;
}

.title__en {
  display: block;
  font-size: 28px;
  letter-spacing: 4px;
  margin-bottom: 10px;
}

.title__jp {
  font-size: 14px;
  color: #777;
}
.category__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 80px;
}

.category__item.reverse .category__content{
  margin:0!important;
}

}


#product-index-view {
  <style>
/* 商品説明全体を囲うエリア */
.product-custom {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #333;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

/* セクションごとの余白 */
.product-custom section {
  margin: 60px 0;
}

/* 見出しデザイン */
.product-custom h2 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}
.product-custom h2::after {
  content: "";
  width: 40px;
  height: 2px;
  background: #000;
  display: block;
  margin: 10px auto 0;
}

/* テキスト */
.product-custom p {
  font-size: 15px;
  text-align: center;
  margin-bottom: 20px;
}

/* 画像を100%幅で表示 */
.product-custom img {
  max-width: 100%;
  border-radius: 8px;
  margin: 20px 0;
}

/* カートボタン風のリンク */
.product-custom .btn-buy {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 14px 32px;
  font-size: 16px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
}
.product-custom .btn-buy:hover {
  background: #444;
}
</style>

}



#product-show-view {
  /* 固定ヘッダーの下にバナーをぴったり配置 */
.fixed-banner {
  position: fixed;
  top: var(--header-height, 60px); /* ←ヘッダーの高さに応じて調整 */
  left: 0;
  width: 100%;
  z-index: 999;
  margin: 0;
  padding: 0;
}

/* 画像が画面幅にフィット */
.fixed-banner img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

/* スマホ用（必要に応じてヘッダー高さを変える） */
@media screen and (max-width: 768px) {
  .fixed-banner {
    top: var(--header-height-sp, 50px); /* ←SPヘッダーの高さを設定 */
  }
}

}






#customers-view {
  .subscription-info .auto-order-count-row {
    display: none !important;
}

}