.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;
}





  .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; /* ヘッダー + バナー */
  }
}

}



#index-view {
  /* --- CHULU 商品ページ用 --- */
.product-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 60px 20px;
}

.product-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1100px;
}

.product-image img {
  width: 480px;
  max-width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.product-info {
  max-width: 480px;
  text-align: left;
}

.product-info .mid2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px;
}

.product-info .note {
  color: #999;
  font-size: 14px;
  margin-bottom: 10px;
}

.product-info .art {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.product-info a.btn06 {
  display: inline-block;
  padding: 12px 32px;
  background-color: #000;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s;
}

.product-info a.btn06:hover {
  opacity: 0.8;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
  .product-container {
    flex-direction: column;
    text-align: center;
  }
  .product-info {
    text-align: center;
  }
  .product-image img {
    width: 100%;
  }
}

}


#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;
}

}