<?xml version="1.0" encoding="utf-8" ?>
<feed version="0.3" xml:lang="ja" xmlns="http://purl.org/atom/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><title>bluebanana99</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/" /><modified>2026-10-16T14:37:52+09:00</modified><entry><title>ABHC-21　レクサスRZ　アクティブブレーキホールドキット</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=192428763" /><id>https://bluebanana99.shop-pro.jp/?pid=192428763</id><issued>2026-06-29T16:42:21+09:00</issued><modified>2026-10-09T02:58:29Z</modified><created>2026-06-29T07:42:21Z</created><summary>


/* ★ カラーミーショップのオプション未選択時 在庫不足エラー枠のみ非表示 ★ */
.stock_error,
.option_stock_error,
.stock-error,
#stock_error,
#option_stock_error,
.stock_zero_message {
  display: none !important;
}

.bb-product-wrap {
  m...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- 生成日時：2026/10/09 11:48 -->
<!-- ▼ ABHC-21 商品ページデザインスタイル ▼ -->
<style>
/* ★ カラーミーショップのオプション未選択時 在庫不足エラー枠のみ非表示 ★ */
.stock_error,
.option_stock_error,
.stock-error,
#stock_error,
#option_stock_error,
.stock_zero_message {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* お知らせボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* 発売予定バッジ */
.bb-release-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  font-weight: bold;
  font-size: 15px;
  padding: 4px 12px;
  border-radius: 4px;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 重要確認セクション */
.bb-critical-section {
  background: #ffffff;
  border: 3px solid #d9534f;
  border-radius: 10px;
  padding: 0 0 20px 0;
  margin-bottom: 25px;
  box-shadow: 0 4px 18px rgba(217, 83, 79, 0.18);
  overflow: hidden;
}
.bb-critical-header {
  background: linear-gradient(135deg, #d9534f 0%, #c9302c 100%);
  color: #ffffff;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.5px;
}
.bb-critical-body {
  padding: 20px;
}

/* チェックボックス枠 */
.bb-check-consent-box {
  background: #fff0f0;
  border: 2.5px solid #d9534f;
  border-radius: 8px;
  padding: 18px 20px;
  box-shadow: 0 0 12px rgba(217, 83, 79, 0.25);
  transition: all 0.3s ease;
}
.bb-check-consent-box:hover {
  background: #ffe8e8;
  box-shadow: 0 0 16px rgba(217, 83, 79, 0.35);
}
.bb-check-label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  font-size: 15px;
  color: #a94442;
  gap: 12px;
  line-height: 1.6;
}
.bb-check-label input[type="checkbox"] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: #d9534f;
}

/* モード特徴カード */
.bb-mode-card {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.bb-mode-card:last-child {
  margin-bottom: 0;
}
.bb-mode-card-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bb-mode-tag-active {
  background: #fee8e8;
  color: #d9534f;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-mode-tag-smart {
  background: #e2f4e5;
  color: #1e7e34;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-mode-tag-normal {
  background: #e8ecf0;
  color: #495057;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 16px 20px;
  margin: 12px 0 16px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-item {
  margin-bottom: 12px;
  font-size: 15px;
  color: #1a2a3a;
}
.bb-fit-item:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}
.bb-fit-sub {
  display: block;
  font-size: 13px;
  color: #555555;
  margin-top: 4px;
  padding-left: 4px;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* ★ ポップアップ（共通） ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #004085 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 15px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #eef5fc !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #b8daff !important;
  margin-bottom: 22px !important;
}
.bb-btn-close-modal {
  background: #0056b3 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 13px 24px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background 0.2s !important;
}
.bb-btn-close-modal:hover {
  background: #004085 !important;
}

/* コントローラー案内リンクボタン */
.bb-btn-product-link {
  color: #ffffff !important;
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-align: center;
}
.bb-btn-m33 { background: #0056b3; }
.bb-btn-m33:hover { background: #004085; }
.bb-btn-m29 { background: #2b7a78; }
.bb-btn-m29:hover { background: #17252a; }

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-year { display: block; width: fit-content; margin: 4px 0 0 0; }
  .bb-check-label { font-size: 14px; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/8 更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <!-- 発売予定案内バッジ -->
    <div class="bb-release-badge">&#128467;&#65039; 2026/10/8 発売</div>

    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から発送までに 3営業日程度</strong> いただいております。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS RZ 専用設計</div>
    <h1>アクティブブレーキホールド ABHC-21</h1>
    <div class="bb-price-badge">14,800円（税込 16,280円）</div>
  </div>

  <!-- カート選択のご案内 -->
  <div style="background: #eef5fc; border: 1px solid #b8daff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #004085; font-size: 15px;">&#128073; ご注文時の選択について</strong>
    <p style="margin: 6px 0 0 0; color: #333;">
      <strong>【同時購入オプション、車種】</strong> を選択してください。
    </p>
  </div>

  <!-- ★★★ ご注文時の重要事項（必須同意） ★★★ -->
  <div class="bb-critical-section">
    <div class="bb-critical-header">
      &#9888;&#65039; ご注文前に必ずご確認ください（重要事項）
    </div>
    
    <div class="bb-critical-body">
      <!-- 同意チェックボックス -->
      <div class="bb-check-consent-box">
        <label class="bb-check-label">
          <input type="checkbox" id="bb_consent_checkbox">
          <span>
            <span style="display: inline-block; background: #d9534f; color: #fff; font-size: 12px; padding: 1px 6px; border-radius: 3px; margin-bottom: 4px;">必須同意</span><br>
            本製品（ABHC-21）は単品では動作いたしません。<br>
            <span style="color: #d9534f; font-size: 15px; text-decoration: underline;">TV/ナビコントローラー（SNTC-M33DRM または SNTC-M29）を装着済み、または今回同時注文することを確認しました。</span>
          </span>
        </label>
      </div>
    </div>
  </div>
  <!-- ★★★ ここまで ★★★ -->

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div style="background: #fff8f8; border: 1px solid #f5c6cb; padding: 10px 14px; border-radius: 6px; margin-bottom: 12px; font-weight: bold; color: #d9534f; font-size: 14px;">
      ※TV/ナビコントローラー「SNTC-M33DRM」または「SNTC-M29」との同時装着が必要です。（本製品単体での動作はできません）
    </div>

    <div class="bb-fit-box">
      <div class="bb-fit-item">
        <span class="bb-fit-models">・RZ600e / RZ550e / RZ500e / RZ350e</span>
        <span class="bb-fit-year">2026(R8).1 〜</span>
        <span class="bb-fit-sub">※ヨーク型ステアリング（ステアバイワイヤシステム）車 含む。</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・RZ450e</span>
        <span class="bb-fit-year">2023(R5).3 〜 2025(R7).12</span>
      </div>
    </div>
    <p style="margin: 8px 0 6px 0; font-weight: 500; color: #333;">
      マークレビンソン装着車 / 非装着車 とも 適合します。
    </p>
  </div>

  <!-- 製品特長：3つの動作モード -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; ABHC-21 アクティブブレーキホールドの特長</h2>
    <p style="margin-bottom: 16px;">
      純正状態では、エンジン始動のたびにブレーキホールドスイッチを押してスタンバイ状態にする必要があります。<br>
      本製品を装着することで、<strong>エンジン始動時に自動的にお好みの動作モードへ移行</strong>します。
    </p>

    <!-- アクティブモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #d9534f;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-active">アクティブモード</span>
        <span style="color: #d9534f;">ペダル操作でホールド作動／解除</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        ブレーキペダルの踏み込み操作によるブレーキホールド作動・解除が可能です。<br>
        ペダル操作で解除できるため、<strong>クリープ現象を活用したスムースな極低速発進</strong>も自由自在。欧州車のような快適でリニアな操作感を実現します。<br>
        <span style="font-size: 13px; color: #777;">※一般的なオートブレーキホールド製品と異なり、エンジン始動時に「HOLDスタンバイ（緑）ランプ」は点灯しません。</span>
      </p>
    </div>

    <!-- スマートモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #1e7e34;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-smart">スマートモード</span>
        <span style="color: #1e7e34;">純正フィーリング ＋ EASY1stGO機能</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        純正同様のアクセル操作による解除感覚のまま、新機能<strong>「EASY1stGO機能」</strong>を搭載。<br>
        ブレーキホールドでわずらわしかった「始動直後の最初の発進時」や「バック後の切り返し発進時」にすぐホールドがかかってしまうのを防止します。前進発進後、約15km/h以上になってから自動スタンバイするため、駐車・車庫入れ時もストレスがありません。<br>
        <span style="font-size: 13px; color: #777;">※一般的なオートブレーキホールド製品と異なり、エンジン始動時に「HOLDスタンバイ（緑）ランプ」は点灯しません。</span>
      </p>
    </div>

    <!-- ノーマルモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #6c757d;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-normal">ノーマルモード</span>
        <span style="color: #495057;">純正状態へ簡単復帰</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        本製品を装着したままでも、簡単なスイッチ操作で完全な純正動作状態へ切り替え可能。<br>
        ブレーキホールドを使用する際は、純正状態と同様に車両スイッチを押して操作します。
      </p>
    </div>

    <div style="background: #f1f8ff; border: 1px solid #c8e1ff; padding: 12px 16px; border-radius: 6px; margin-top: 16px; font-size: 14px;">
      &#128161; 各動作モードは、手元の操作でいつでも簡単に切り替えてご使用いただけます。
    </div>
  </div>

  <!-- 取付け方法 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128268; お取付け方法（完全カプラーオン）</h2>
    <p style="margin: 0; line-height: 1.8;">
      TV/ナビコントローラー（SNTC-M33DRM または SNTC-M29）の<strong>「オプション4ピンコネクタ」</strong>と、<strong>「ブレーキホールドスイッチ裏コネクタ」</strong>にカプラーオンで割り込ませて接続します。<br>
      車両側の配線を傷つけることなく、確実な取り付けが可能です。<br>
      <span class="bb-text-danger" style="font-size: 13px;">※車種別のパネル脱着資料はご用意しておりません。あらかじめご了承ください。</span>
    </p>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li><strong class="bb-text-danger">ABHC-21 単体では取り付けできません。</strong>必ず TV/ナビコントローラー（SNTC-M33DRM または SNTC-M29）と一緒に装着してください。</li>
      <li>SNTC-M33DRM / SNTC-M29 および本製品を車両に装着される際は、必ず補機バッテリーのマイナス端子を外してください。また、TV/ナビコントローラー取扱説明書の最終ページ「故障とお考えになる前に」もご一読ください。（説明書はコントローラー製品に付属）</li>
      <li>アクセルレスポンスを改善するスロットルコントローラーの中には、「ブレーキホールド機能と併用不可」と指定されている製品があります。ご使用中のスロットルコントローラーの適合・注意事項をご確認ください。</li>
      <li>車種別のパネル脱着資料はご用意しておりません。</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様<small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様<small>京都府八幡市</small>
      </a>
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様<small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様<small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様<small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様<small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様<small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様<small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様<small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様<small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様<small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様<small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【同時購入オプション、車種】 を選択してください。</strong><br><br>
      お取付けになる車種をお選びいただいてから『カートに入れる』ボタンを押してください。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ コントローラー未確認時の注意ポップアップモーダル ▼ -->
<div id="bbNoticeModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title" style="color: #d9534f;">&#9888;&#65039; ご注文前の重要なご確認</div>
    <div style="font-size: 14px; color: #444; line-height: 1.7; text-align: left; background: #fff8f8; padding: 16px 18px; border-radius: 6px; border: 1px solid #f5c6cb; margin-bottom: 20px;">
      <strong>アクティブブレーキホールド ABHC-21 は単体では動作いたしません。</strong><br><br>
      本製品のお取り付けには、TV/ナビコントローラー（<strong>SNTC-M33DRM</strong> または <strong>SNTC-M29</strong>）が必要です。<br><br>
      お持ちでない場合は、本体コントローラーとの同時購入をお願いいたします。<br>
      <span style="color: #d9534f; font-weight: bold; display: block; margin-top: 6px;">
        ※下のTV/ナビコントローラーのリンクから『同時購入オプション、車種』を選択し、ご注文ください。
      </span>
    </div>
    <div style="display: flex; flex-direction: column; gap: 10px;">
      <a href="https://bluebanana99.shop-pro.jp/?pid=192427530" target="_blank" class="bb-btn-product-link bb-btn-m33">
        &#128073; TV/ナビコントローラー（SNTC-M33DRM）をみる
      </a>
      <a href="https://bluebanana99.shop-pro.jp/?pid=177972011" target="_blank" class="bb-btn-product-link bb-btn-m29">
        &#128073; TV/ナビコントローラー（SNTC-M29）をみる
      </a>
      <button type="button" style="background: #0056b3; color: #fff; border: none; padding: 12px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: bold;" id="bbConsentCloseBtn">
        すでに装着済み・同時購入済み（同意してカートに入れる）
      </button>
    </div>
  </div>
</div>

<!-- ▼ 物理シールド＆ポップアップ制御スクリプト ▼ -->
<script>
(function() {
  function ensureModalsInBody() {
    ['bbOptionAlertModal', 'bbNoticeModal'].forEach(function(id) {
      var m = document.getElementById(id);
      if (m && document.body && m.parentElement !== document.body) {
        document.body.appendChild(m);
      }
    });
  }

  function openOptionModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    }
  }

  function closeOptionModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  function openNoticeModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbNoticeModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    }
  }

  function closeNoticeModal() {
    var modal = document.getElementById('bbNoticeModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
  }

  document.addEventListener('click', function(e) {
    if (e.target) {
      if (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal') {
        e.preventDefault();
        closeOptionModal();
      } else if (e.target.id === 'bbConsentCloseBtn') {
        e.preventDefault();
        var chk = document.getElementById('bb_consent_checkbox');
        if (chk) chk.checked = true;
        closeNoticeModal();

        // シールドを非表示にしてカート投入を実行
        var s = document.getElementById('bbActionShield');
        if (s) s.style.display = 'none';

        setTimeout(function() {
          var cartBtn = findActionButton();
          if (cartBtn) {
            cartBtn.click();
          } else {
            var form = document.querySelector('form[action*="cart"], form[name="cart"]');
            if (form) form.submit();
          }
        }, 100);
      } else if (e.target.id === 'bbNoticeModal') {
        e.preventDefault();
        closeNoticeModal();
      }
    }
  });

  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('車種') !== -1 || txt.indexOf('RZ') !== -1 || txt.indexOf('同時購入') !== -1 || txt.indexOf('選択') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('選んで') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // 選択肢が品切れ（在庫なし・不足）かどうか判定
  function isItemSoldOut() {
    var bodyText = document.body ? document.body.innerText : '';
    if (bodyText.indexOf('在庫数が不足') !== -1 || bodyText.indexOf('在庫が不足') !== -1) {
      return true;
    }

    var sel = getTargetSelect();
    if (sel && sel.selectedIndex > 0) {
      var opt = sel.options[sel.selectedIndex];
      var optText = opt ? opt.text : '';
      if (optText.indexOf('品切れ') !== -1 || optText.indexOf('SOLD') !== -1 || optText.indexOf('在庫切') !== -1 || optText.indexOf('不足') !== -1) {
        return true;
      }
    }

    var btn = findActionButton();
    if (btn) {
      var cls = (btn.className || '').toString();
      var val = (btn.value || btn.textContent || '').trim();
      if (cls.indexOf('soldout') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return true;
      }
    }

    return false;
  }

  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        if (isUnselected()) {
          openOptionModal();
          return;
        }

        var chk = document.getElementById('bb_consent_checkbox');
        if (chk && !chk.checked) {
          openNoticeModal();
          return;
        }
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  function updateUI() {
    ensureModalsInBody();
    var unselected = isUnselected();
    var soldOut = !unselected && isItemSoldOut();
    var s = getShield();
    var btn = findActionButton();
    var chk = document.getElementById('bb_consent_checkbox');

    // 未選択時、または同意チェック未完了時（品切れ時を除く）にシールドでガード
    var needGuard = (unselected || (chk && !chk.checked)) && !soldOut;

    if (needGuard && btn) {
      var rect = btn.getBoundingClientRect();
      s.style.top = (rect.top + window.scrollY) + 'px';
      s.style.left = (rect.left + window.scrollX) + 'px';
      s.style.width = Math.max(rect.width, 100) + 'px';
      s.style.height = Math.max(rect.height, 35) + 'px';
      s.style.display = 'block';

      if (unselected) {
        if (btn.tagName === 'INPUT') {
          if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) {
            btn.value = 'カートに入れる';
          }
        } else if (btn.childNodes.length <= 1) {
          if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) {
            btn.textContent = 'カートに入れる';
          }
        }
      }
    } else {
      s.style.display = 'none';
    }
  }

  document.addEventListener('change', function(e) {
    if (e.target && (e.target.tagName === 'SELECT' || e.target.id === 'bb_consent_checkbox')) {
      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
      setTimeout(updateUI, 500);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
})();
</script>
<!-- ▲ ABHC-21 ここまで ▲ -->]]></content></entry><entry><title>SNTC-M33DRM レクサスRZ　TV/ナビコントローラー</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=192427530" /><id>https://bluebanana99.shop-pro.jp/?pid=192427530</id><issued>2026-06-29T15:07:50+09:00</issued><modified>2026-10-08T00:48:12Z</modified><created>2026-06-29T06:07:50Z</created><summary>



/* ★ 未選択時、または選択項目が明確に「在庫あり」のときのみ再入荷通知を非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-contai...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- ========================================================
     生成日時: 2026/10/08 09:47
     ======================================================== -->

<!-- ▼ SNTC-M33DRM 商品ページデザインスタイル ▼ -->
<style>
/* ★ 未選択時、または選択項目が明確に「在庫あり」のときのみ再入荷通知を非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-btn,
body.bb-hide-restock .restock_btn,
body.bb-hide-restock .btn_restock,
body.bb-hide-restock a[href*="restock"],
body.bb-hide-restock button[id*="restock"],
body.bb-hide-restock button[class*="restock"],
body.bb-hide-restock div[id*="restock"],
body.bb-hide-restock div[class*="restock"],
body.bb-hide-restock [class*="restock"],
body.bb-item-in-stock #restock_mail_area,
body.bb-item-in-stock .restock_mail_area,
body.bb-item-in-stock #restock_app,
body.bb-item-in-stock #restock-app-container,
body.bb-item-in-stock .restock-btn,
body.bb-item-in-stock .restock_btn,
body.bb-item-in-stock .btn_restock,
body.bb-item-in-stock a[href*="restock"],
body.bb-item-in-stock button[id*="restock"],
body.bb-item-in-stock button[class*="restock"],
body.bb-item-in-stock div[id*="restock"],
body.bb-item-in-stock div[class*="restock"],
body.bb-item-in-stock [class*="restock"] {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* お知らせボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* 発売予定バッジ */
.bb-release-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  font-weight: bold;
  font-size: 15px;
  padding: 4px 12px;
  border-radius: 4px;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 特徴カード */
.bb-feature-card {
  background: #f8f9fa;
  border-left: 4px solid #0056b3;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 0 6px 6px 0;
}
.bb-feature-card strong {
  color: #0056b3;
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}

/* 比較テーブル */
.bb-mode-table-wrap {
  margin: 20px 0;
  overflow-x: auto;
}
.bb-mode-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d0d7de;
  font-size: 14px;
  text-align: center;
}
.bb-mode-table th, .bb-mode-table td {
  padding: 12px 10px;
  vertical-align: middle;
}
.bb-mode-table thead th {
  font-weight: bold;
  letter-spacing: 0.5px;
}
.bb-th-mode {
  background-color: #f1f4f8;
  color: #333;
  width: 28%;
}
.bb-th-normal {
  background-color: #8c9ba5;
  color: #ffffff;
  width: 36%;
}
.bb-th-sntc {
  background-color: #0b4b8a;
  color: #ffffff;
  width: 36%;
}
.bb-mode-table tbody tr {
  border-bottom: 1px solid #e1e4e8;
}
.bb-mode-table tbody tr:last-child {
  border-bottom: none;
}
.bb-td-mode {
  font-weight: bold;
  color: #1f2328;
  border-right: 1px solid #e1e4e8;
  background-color: #ffffff;
}
.bb-mode-tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-tag-normal { background: #e8ecf0; color: #333; }
.bb-tag-eco    { background: #e2f4e5; color: #1e7e34; }
.bb-tag-sport  { background: #fee8e8; color: #d9534f; font-weight: bold; }
.bb-tag-custom { background: #e8f0fe; color: #1a73e8; font-weight: bold; }
.bb-tag-range  { background: #e6f6f8; color: #007f94; font-weight: bold; }

.bb-td-stock {
  border-right: 1px solid #e1e4e8;
  color: #555555;
}
.bb-status-reset {
  color: #c92a2a;
  font-weight: bold;
}
.bb-status-keep {
  color: #555;
  font-weight: 500;
}
.bb-td-active {
  background-color: #f0f7ff !important;
  color: #0056b3;
  font-weight: bold;
}
.bb-status-memorized {
  background: #d4edda;
  color: #155724;
  padding: 4px 10px;
  border-radius: 20px;
  display: inline-block;
  font-size: 13px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 16px 20px;
  margin: 12px 0 16px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-item {
  margin-bottom: 12px;
  font-size: 15px;
  color: #1a2a3a;
}
.bb-fit-item:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}
.bb-fit-sub {
  display: block;
  font-size: 13px;
  color: #555555;
  margin-top: 4px;
  padding-left: 4px;
}

/* ★ ポップアップ（モーダル）共通スタイル：SNTC-M29と同一仕様 ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 19px !important;
  font-weight: bold !important;
  color: #c92a2a !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 14.5px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #fff5f5 !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #feb2b2 !important;
  margin-bottom: 18px !important;
}

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-mode-table th, .bb-mode-table td { padding: 10px 4px; font-size: 13px; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-year { display: block; width: fit-content; margin: 4px 0 0 0; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/8 更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <!-- 発売予定案内 -->
    <div class="bb-release-badge">&#128467;&#65039; 2026/10/8 発売</div>
    
    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から発送までに 3営業日程度</strong> いただいております。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS RZ 専用設計</div>
    <h1>TV/ナビコントローラー SNTC-M33DRM<br><span style="font-size: 16px; font-weight: normal;">【ドライブモードメモリー機能搭載】</span></h1>
    <div class="bb-price-badge">34,800円（税込 38,280円）</div>
  </div>

  <!-- カート選択のご案内 -->
  <div style="background: #eef5fc; border: 1px solid #b8daff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #004085; font-size: 15px;">&#128073; ご注文時の選択について</strong>
    <p style="margin: 6px 0 0 0; color: #333;">
      <strong>【同時購入オプション、車種】</strong> を選択してください。<br>
      「SNTC-M33DRM 単品」または オプション製品「ABHC-21」との同時購入セットをお選びいただけます。
    </p>
  </div>

  <!-- ドライブモードメモリー解説＆比較表 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128663; ドライブモードメモリー機能とは？</h2>
    <p style="margin-bottom: 12px;">
      純正状態では、ドライブモードを「SPORT」「CUSTOM」「RANGE」に設定していても、<strong>次回エンジン再始動時には「NORMAL」へとリセット</strong>されてしまいます。
    </p>

    <!-- 比較表 -->
    <div class="bb-mode-table-wrap">
      <table class="bb-mode-table">
        <thead>
          <tr>
            <th class="bb-th-mode">ドライブモード</th>
            <th class="bb-th-normal">純正状態（装着前）</th>
            <th class="bb-th-sntc">SNTC-M33DRM 装着後</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-normal">NORMAL</span></td>
            <td class="bb-td-stock"><span class="bb-status-keep">保持（そのまま）</span></td>
            <td class="bb-td-active"><span style="color:#2b6cb0;">保持</span></td>
          </tr>
          <tr>
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-eco">ECO</span></td>
            <td class="bb-td-stock"><span class="bb-status-keep">保持（そのまま）</span></td>
            <td class="bb-td-active"><span style="color:#2b6cb0;">保持</span></td>
          </tr>
          <tr style="background-color: #fff9f9;">
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-sport">SPORT</span></td>
            <td class="bb-td-stock"><span class="bb-status-reset">&#10005; NORMALに戻る</span></td>
            <td class="bb-td-active"><span class="bb-status-memorized">&#11093; 自動復元（メモリー）</span></td>
          </tr>
          <tr style="background-color: #fff9f9;">
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-custom">CUSTOM</span></td>
            <td class="bb-td-stock"><span class="bb-status-reset">&#10005; NORMALに戻る</span></td>
            <td class="bb-td-active"><span class="bb-status-memorized">&#11093; 自動復元（メモリー）</span></td>
          </tr>
          <tr style="background-color: #fff9f9;">
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-range">RANGE</span></td>
            <td class="bb-td-stock"><span class="bb-status-reset">&#10005; NORMALに戻る</span></td>
            <td class="bb-td-active"><span class="bb-status-memorized">&#11093; 自動復元（メモリー）</span></td>
          </tr>
        </tbody>
      </table>
    </div>

    <div style="background: #f1f8ff; border: 1px solid #c8e1ff; padding: 14px 18px; border-radius: 6px; margin: 15px 0;">
      <strong style="color: #0056b3; font-size: 15px;">&#128161; こんなオーナー様に最適です！</strong>
      <ul style="padding-left: 20px; margin: 8px 0 0 0;">
        <li><strong>SPORTモードがお好きな方</strong></li>
        <li><strong>CUSTOMでパワートレーン／ステアリング／エアコン等をお好みの設定にして使いたい方</strong></li>
      </ul>
    </div>
    <p style="font-size: 14px; color: #555; margin-top: 8px;">
      毎回スイッチを押し直すストレスから解放され、乗り込んだ瞬間からいつものお好みの走りを楽しめます。
    </p>
  </div>

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div class="bb-fit-box">
      <div class="bb-fit-item">
        <span class="bb-fit-models">・RZ600e / RZ550e / RZ500e / RZ350e</span>
        <span class="bb-fit-year">2026(R8).1 〜</span>
        <span class="bb-fit-sub">※ヨーク型ステアリング（ステアバイワイヤシステム）車 含む。</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・RZ450e</span>
        <span class="bb-fit-year">2023(R5).3 〜 2025(R7).12</span>
      </div>
    </div>
    <p style="margin: 8px 0 6px 0; font-weight: 500; color: #333;">
      マークレビンソン装着車 / 非装着車 とも 適合します。
    </p>
    <p style="font-size: 13px; color: #666; border-top: 1px solid #eee; padding-top: 10px; margin-top: 10px;">
      ※ドライブモードメモリー機能が不要な場合は、従来製品 <a href="https://bluebanana99.shop-pro.jp/?pid=177972011" target="_blank" style="color: #0056b3; font-weight: bold; text-decoration: underline;">SNTC-M29</a> もご利用いただけます。
    </p>
  </div>

  <!-- 製品特長 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; SNTC-M33DRM TV/ナビコントローラーの特長</h2>
    
    <div class="bb-feature-card">
      <strong>・ドライブモードメモリー機能搭載</strong>
      ドライブモード設定を記憶し、エンジン再始動後、自動的に設定していたドライブモードにします。<br>
      メーター等のモード切替時の純正の演出を活かすため、エンジン始動後約15秒経過後にモード設定されます。
    </div>

    <div class="bb-feature-card">
      <strong>・オーディオ連動機能搭載</strong>
      ・テレビ / HDMI など映像があるソース時は自動的に <strong>ON</strong><br>
      ・ラジオ / Bluetooth など音のみのソース時は自動的に <strong>OFF</strong><br>
      （もちろん任意でのON/OFFも可能です）
    </div>

    <div class="bb-feature-card">
      <strong>・TV/ナビコントローラーON時も自車位置がほぼ追従し、ルート案内も可能</strong>
      <span style="font-size: 13px; color: #777;">＊Apple CarPlay / Android Auto の地図アプリ上の自車位置は追従しません。アプリの位置情報は不正確となります。</span>
    </div>

    <div class="bb-feature-card">
      <strong>・ステアリングスイッチ操作（LTAスイッチのダブルクリック）</strong>
      操作ON/OFF時にBEEP音が車両スピーカーから出力されます。<br>
      テレビ全画面視聴中に地図を確認したいときにLTAスイッチをダブルクリック → もう一度ダブルクリックでテレビ全画面に戻りますので、ナビ画面をタッチする必要がありません。
    </div>
  </div>

  <!-- 同時購入おすすめ（関連製品：ABHC-21） -->
  <div class="bb-section" style="border: 2px solid #0056b3;">
    <h2 class="bb-section-heading" style="color: #0056b3; border-bottom-color: #0056b3;">&#128279; 同時装着 おすすめの製品</h2>
    <p>SNTC-M33DRMと同時装着なら、取付けも簡単。すべてカプラーオンで接続可能です。</p>

    <div style="font-weight: bold; font-size: 16px; margin-top: 15px; margin-bottom: 4px;">
      ブレーキホールド機能が使いやすくなる<br>
      ・アクティブブレーキホールド ABHC-21
    </div>
    <div style="font-size: 15px; color: #d9534f; font-weight: bold; margin-bottom: 12px;">
      14,800円（税込 16,280円）
    </div>

    <!-- ABHC-21 適合車種一覧 -->
    <div class="bb-fit-box" style="margin-bottom: 12px; background: #ffffff;">
      <div style="font-weight: bold; font-size: 14px; margin-bottom: 6px; color: #1a2a3a;">【ABHC-21 適合車種】</div>
      <div class="bb-fit-item">
        <span class="bb-fit-models" style="font-size: 14px;">・RZ600e / RZ550e / RZ500e / RZ350e</span>
        <span class="bb-fit-year">2026(R8).1 〜</span>
        <span class="bb-fit-sub">※ヨーク型ステアリング（ステアバイワイヤシステム）車 含む。</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models" style="font-size: 14px;">・RZ450e</span>
        <span class="bb-fit-year">2023(R5).3 〜 2025(R7).12</span>
      </div>
    </div>

    <div style="background: #fff3cd; border: 1px solid #ffeeba; padding: 12px 16px; border-radius: 6px; font-size: 13px; color: #856404;">
      &#9888;&#65039; <strong>ご注意：</strong><br>
      アクティブブレーキホールドABHC-21は<strong>単品装着出来ません。必ず SNTC-M33DRM とセットでお使いください。</strong><br>
      （※SNTC-M33DRM のみの単品装着は可能です）
    </div>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li>自車位置マークは基本的に追従しますが、OFF時（純正時）と比べ動き方や精度に違いが生じます。</li>
      <li>音声ルート案内は、ナビ上に表示される距離と異なることがあります。</li>
      <li>高速道の下に一般道が並行している場合などに、高速道走行中に一般道を走行しているとナビが認識する場合があります。（その逆もあり） この状態では、SNTC-M33DRM 機能OFFにしても、正しく認識しなおすのに時間が掛かる場合があります。</li>
      <li>SNTC-M33DRM 機能ON時、トンネル内などGPS受信できない状況で、自車位置が停止する場合があります。</li>
      <li>ASL（車速に応じて音量を調整）ON設定の場合、純正時より音が大きく調整されます。</li>
      <li>純正ドライブレコーダーに記録される位置情報が、純正時と比べ精度に違いが生じます。</li>
      <li>Apple CarPlay / Android Auto での地図アプリの自車位置情報は、不正確となります。（純正ナビの自車位置表示とは異なります）</li>
      <li>アドバンストドライブ（渋滞時支援機能）は、SNTC-M33DRM をOFFにしてお使いください。</li>
      <li>SNTC-M33DRM ON時は、レーンチェンジアシスト機能を使用できません。</li>
      <li>SNTC-M33DRM および オプション製品（ABHC-21）を車両に装着される際は、補機バッテリーのマイナス端子を外してください。また、取扱説明書の最終ページ「故障とお考えになる前に」もご一読ください。（取付説明書/取扱説明書は製品に付属しております）</li>
      <li>TV/ナビコントローラーの取付/取扱説明書は製品に付属しますが、車両パネルの脱着資料はご用意しておりません。</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <!-- 1行目：シンクデザイン 様 ／ 球屋 様 -->
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様
        <small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様
        <small>京都府八幡市</small>
      </a>

      <!-- 2行目以降：指定順 -->
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様
        <small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様
        <small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様
        <small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様
        <small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様
        <small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様
        <small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様
        <small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様
        <small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様
        <small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様
        <small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル（SNTC-M29と文言・構造を統一） ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【同時購入オプション、車種】 を選択してください。</strong><br><br>
      「SNTC-M33DRM 単品」または オプション製品「ABHC-21」との同時購入セットをお選びいただけます。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn" style="background: #0056b3; color: #fff; border: none; padding: 13px 24px; border-radius: 6px; font-size: 15px; font-weight: bold; cursor: pointer; width: 100%;">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ 物理シールド方式＆未選択警告スクリプト ▼ -->
<script>
(function() {
  var alertMessageText = "&#128073; ご注文時の選択について\n【同時購入オプション、車種】 を選択してください。\n\n「SNTC-M33DRM 単品」または オプション製品「ABHC-21」との同時購入セットをお選びいただけます。";

  // モーダルをbody直下に移動（確実に最前面に表示させるため）
  function ensureModalInBody() {
    var m = document.getElementById('bbOptionAlertModal');
    if (m && document.body && m.parentElement !== document.body) {
      document.body.appendChild(m);
    }
  }

  // ポップアップを開く
  function openModal() {
    ensureModalInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    } else {
      alert(alertMessageText);
    }
  }

  // ポップアップを閉じる＆プルダウンへスクロール
  function closeModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  // モーダル閉じるイベント
  document.addEventListener('click', function(e) {
    if (e.target && (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal')) {
      e.preventDefault();
      closeModal();
    }
  });

  // 対象のプルダウン取得
  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('同時購入') !== -1 || txt.indexOf('有/無') !== -1 || txt.indexOf('SNTC') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  // 未選択かどうか判定
  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  // カート／SOLD OUTボタンを探索
  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // 選択肢が品切れ（在庫なし・不足）かどうか判定
  function isItemSoldOut() {
    var bodyText = document.body ? document.body.innerText : '';
    if (bodyText.indexOf('在庫数が不足') !== -1 || bodyText.indexOf('在庫が不足') !== -1) {
      return true;
    }

    var sel = getTargetSelect();
    if (sel && sel.selectedIndex > 0) {
      var opt = sel.options[sel.selectedIndex];
      var optText = opt ? opt.text : '';
      if (optText.indexOf('品切れ') !== -1 || optText.indexOf('SOLD') !== -1 || optText.indexOf('在庫切') !== -1 || optText.indexOf('不足') !== -1) {
        return true;
      }
    }

    var btn = findActionButton();
    if (btn) {
      var cls = (btn.className || '').toString();
      var val = (btn.value || btn.textContent || '').trim();
      if (cls.indexOf('soldout') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return true;
      }
    }

    var errorEls = document.querySelectorAll('.stock_error, .stock_zero, .cart_error_message, [class*="stock_error"]');
    for (var i = 0; i < errorEls.length; i++) {
      if (errorEls[i].offsetParent !== null && errorEls[i].innerText.length > 0) {
        return true;
      }
    }

    return false;
  }

  // ボタンの上に被せる透明シールド（未選択時のクリックを100%横取り）
  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        openModal();
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  // 状態反映
  function updateUI() {
    ensureModalInBody();
    var unselected = isUnselected();
    var b = document.body;
    if (!b) return;

    var s = getShield();
    var btn = findActionButton();

    if (unselected) {
      // 1. 未選択時：再入荷通知を隠し、透明シールドを展開してクリックをブロック
      b.classList.add('bb-hide-restock');
      b.classList.remove('bb-item-in-stock');

      if (btn) {
        var rect = btn.getBoundingClientRect();
        s.style.top = (rect.top + window.scrollY) + 'px';
        s.style.left = (rect.left + window.scrollX) + 'px';
        s.style.width = Math.max(rect.width, 100) + 'px';
        s.style.height = Math.max(rect.height, 35) + 'px';
        s.style.display = 'block';

        if (btn.tagName === 'INPUT') {
          if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) {
            btn.value = 'カートに入れる';
          }
        } else if (btn.childNodes.length <= 1) {
          if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) {
            btn.textContent = 'カートに入れる';
          }
        }
      }
    } else {
      // 2. 選択済み時：透明シールドを解除
      b.classList.remove('bb-hide-restock');
      s.style.display = 'none';

      // 在庫切れかどうかの判定
      if (isItemSoldOut()) {
        // 在庫切れ：再入荷通知を表示させる
        b.classList.remove('bb-item-in-stock');
      } else {
        // 在庫あり：再入荷通知を非表示にする
        b.classList.add('bb-item-in-stock');
      }
    }
  }

  // イベント登録：カラーミー側のAjax反映を待つため段階的にチェック
  document.addEventListener('change', function(e) {
    if (e.target && e.target.tagName === 'SELECT') {
      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
      setTimeout(updateUI, 500);
      setTimeout(updateUI, 1000);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  // 初回起動
  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
  setTimeout(updateUI, 2000);
})();
</script>
<!-- ▲ SNTC-M33DRM ここまで ▲ -->]]></content></entry><entry><title>ABHC-19　レクサスIS300h(2026.1〜 ）用　アクティブブレーキホールドキット</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=190903204" /><id>https://bluebanana99.shop-pro.jp/?pid=190903204</id><issued>2026-03-16T18:15:16+09:00</issued><modified>2026-05-07T11:11:20Z</modified><created>2026-03-16T09:15:16Z</created><summary>
2026/4/25　商品説明変更

2026.1〜　IS300hのブレーキホールドには、メモリー機能が搭載されています。（車両取扱説明書 P.152)
ABHC-19装着により、スマートモード/アクティブモード（モード説明は下記をご覧ください）をご利用いただけます。

ABHC-19:定価：14...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<body>
<p>2026/4/25　商品説明変更<br />
<br />
<strong><span style="color:#FF0000">2026.1〜　IS300hのブレーキホールドには、メモリー機能が搭載されています。</span></strong>（車両取扱説明書 P.152)<br />
ABHC-19装着により、スマートモード/アクティブモード（モード説明は下記をご覧ください）をご利用いただけます。<br />
<br />
<br />ABHC-19:定価：14,800円（税込　16,280円）<br />
<br />
<b><font color="#ff0000">＜ご注意＞<br />
2026.1〜　IS300hのHOLDスタンバイ時において、メーターに表示される　HOLDスタンバイ灯（緑）の表示方式が、既存従来車と異なります。<br />
具体的には、<br />
・PDA（プロアクティブドライビングアシスト）によるブレーキ動作中は、HOLDスタンバイ灯（緑）が　消灯　します。（既存従来車では点灯したまま）<br />
・レーダークルーズ動作中は、HOLDスタンバイ灯（緑）が　消灯　します。（既存従来車では点灯したまま）<br />
これらは、純正状態の車両仕様です。（本製品ABHC-19、TV/ナビコントローラーSNTC-M30　装着によるものではありません）<br />
<br />
※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。<br />
車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。<br />
<br />
</font></b><br />
<br />
<font color="#ff0000">ABHC-19単体では取付できません。　必ず　SNTC-M30　と一緒に装着してください。</font><br />
<br />
すでに　SNTC-M30　を装着済みで、今回のご注文で　ABHC-19　のみを購入される場合、<br />ご注文時の備考欄に　『SNTC-M30　を装着済み』　とご記入ください。<br />ご記入なく　SNTC-M30を　いっしょに注文されない場合、メールで問合せさせていただきます。<br />
<br />
<br />
<font color="#ff0000">『カートに入れる』ボタン上の　取付車種を必ずお選びください。<br />
未選択ですと、　”選択いただいた商品の在庫数が不足しています”　表示がでます。</font><br />
<br />
<br />
ご自身で装着されない場合は、必ず　取付け依頼されるショップ様へ確認ください。<br />
下記リンクの　提携ショップ様　以外は　こちらからご紹介できません。ご了承ください。<br />
<br />
<font color="#ff0000" size="-1">ご注文後のキャンセル、返品はご遠慮ください。</font><br />
<br />
<br />
<font color="#ff0000">車種別のパネル脱着資料はご用意しておりません。</font><br />
<b><br />
ABHC-19 仕様<br />
</b><br />
<br />
<b>＜ご案内＞</b><br />
アクセルレスポンスを改善するスロットルコントローラーには、<br />
”ブレーキホールド機能と併用をしない”ように注意書きされている製品があります。<br />
スロットルコントローラーのメーカーH.P、適合表をご確認ください。<br />
<br />
<br />
適合車種：<font color="#000000">SNTC-M30の同時装着が必要です。</font><br />
<font color="#ff0000">レクサスIS300h（2026. 1〜 ）　</font>
<br />
<br />
<br />
3つの動作モード<br />
<br />
・純正状態では、エンジン始動のたびに　ブレーキホールドスイッチを押して、スタンバイ状態にする必要があります。<br />
本製品装着により、エンジン始動時　自動的に　あらかじめ設定した動作モードになります。<br />
アクティブモード　、　スマートモード　、　ノーマルモードの3つの動作モードを切替えて使用可能。<br />
簡単な操作で　各モードに切替えできます。<br />
<br />
<br />
<b><font color="#ff0000">＜アクティブモード＞</font></b><br />
ブレーキペダル操作による　ブレーキホールド作動/解除が可能です。<br />
ブレーキペダルによる解除で、クリープ現象を活用した　スムースな発進も可能です。<br />
一部　欧州車で採用されている方式で、快適にブレーキホールド機能を使用できます。<br />
<br />
<br />
<b><font color="#00cc00">＜スマートモード＞</font></b><br />
<br />
純正の操作感覚で　ブレーキホールド作動／解除が可能です。<br />
<br />
<font color="#ff0000">EASY1stGO機能</font>　搭載により、ブレーキホールド機能利用時にわずらわしかった、始動後、最初の発進時と<br />
バックしたあとに切り返しのため前進する時　すぐにホールド状態になるのを停止します。<br />
前進発進後　およそ15km/h以上になってからスタンバイ状態とすることで、快適なブレーキホールド機能を実現しました。<br />
<br />
<br />
<b>＜ノーマルモード＞</b>（純正状態）<br />
<br />
本製品装着後もかんたんな操作で、純正動作モードにすることが可能。<br>
<br />
ブレーキホールドを使用する場合は、純正状態同様　ブレーキホールドスイッチを操作します。<br />
</p>
<p><br />
・仕様/価格は変更する場合がございます。<br />
</p>
<p>＜取付け方法＞<br />
TV/ナビコントローラー　SNTC-M30の　オプション4ピンコネクタと　ブレーキホールドSW裏のコネクタにカプラーオンで接続します。<br />
<br />
<b><font color="#ff0000">- 取付け店様　ご案内 -</font></b><br />
<font size="-1">ご覧のお店で取付けいただいています。　　ここに掲載のショップ様以外のご案内はしておりません。<br />
<br />
ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店　様で<br />
お取付けいただける場合がございます。<br />
ご自身で取付されない方は、ご購入前に　取り付けていただけるお店にご確認の上、ご注文ください。<br />
（ご注文後のキャンセルは受け付けておりません）<br />
<br />
<BR>
※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へ　ご注文、ご予約下さい。<br />
（持ち込みでの取付け依頼はご遠慮ください）<BR>
</font><br />
<br />
<u><font size="+1"><a href="http://www.think-design.jp/" target="new">シンクデザイン　さん（神奈川県伊勢原市）</a><BR>
</font></u><br />
<u><font size="+1"><a href="http://www.luxim.jp/" target="new">LUXIM（ラクシム）　さん（岐阜県岐阜市）</a></font></u><br />
<br />
<u><a href="http://www.waltz-sound.com/web1/Top.html" target="new"><font size="+1">サウンドクラフト　ワルツ　さん（愛知県岡崎市）</font></a></u><br />
<br />
<u><a href="https://www.kidsgarage.jp/" target="new"><font size="+1">キッズガレージ　さん（愛知県春日井市）</font></a></u><br />
<br />
<a href="http://www.soundcreate-k.com/" target="new"><font size="+1"><u>サウンドクリエイト金沢　さん（石川県野々市市）</u></font></a><br />
<br />
<a href="https://www.marino-sound.com/" target="new"><font size="+1"><u>マリノサウンド　さん（福井県敦賀市）</u></font></a><br />
<br />
<u><a href="https://www.e-onestop.jp/" target="new"><font size="+1">球屋　さん（京都府八幡市）</font></a></u><br />
<br />
<a href="http://minkara.carview.co.jp/userid/507783/profile/" target="new"><font size="+1"><u>井藤電機サービス　さん（大阪市東住吉区）</u></font></a><br />
<br />
<a href="https://www.xcelaudio.com/" target="new"><font size="+1"><u>エクセルオーディオ　さん（兵庫県神戸市）</u></font></a><br />
<br />
<a href="http://craftsman-jp.com/?page_id=693" target="new"><font size="+1"><u>クラフトマン　さん（岡山県岡山市）</u></font></a><br />
<br />
<a href="https://kw-fukuoka.jp/" target="new"><font size="+1"><u>クラフトワーク　さん（福岡県福岡市）</u></font></a><br />
<br />
</p>
</body>]]></content></entry><entry><title>ABHC-18　レクサスGX550(2024. 5〜 ）用　アクティブブレーキホールドキット</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=188143820" /><id>https://bluebanana99.shop-pro.jp/?pid=188143820</id><issued>2025-08-27T07:55:29+09:00</issued><modified>2026-10-01T08:02:44Z</modified><created>2025-08-26T22:55:29Z</created><summary>

/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- ▼ ABHC-18 商品ページデザインスタイル ▼ -->
<style>
/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-btn,
body.bb-hide-restock .restock_btn,
body.bb-hide-restock .btn_restock,
body.bb-hide-restock a[href*="restock"],
body.bb-hide-restock button[id*="restock"],
body.bb-hide-restock button[class*="restock"],
body.bb-hide-restock div[id*="restock"],
body.bb-hide-restock div[class*="restock"],
body.bb-hide-restock [class*="restock"] {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* お知らせボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 重要確認セクション */
.bb-critical-section {
  background: #ffffff;
  border: 3px solid #d9534f;
  border-radius: 10px;
  padding: 0 0 20px 0;
  margin-bottom: 25px;
  box-shadow: 0 4px 18px rgba(217, 83, 79, 0.18);
  overflow: hidden;
}
.bb-critical-header {
  background: linear-gradient(135deg, #d9534f 0%, #c9302c 100%);
  color: #ffffff;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.5px;
}
.bb-critical-body {
  padding: 20px;
}

/* チェックボックス枠 */
.bb-check-consent-box {
  background: #fff0f0;
  border: 2.5px solid #d9534f;
  border-radius: 8px;
  padding: 18px 20px;
  box-shadow: 0 0 12px rgba(217, 83, 79, 0.25);
  transition: all 0.3s ease;
}
.bb-check-consent-box:hover {
  background: #ffe8e8;
  box-shadow: 0 0 16px rgba(217, 83, 79, 0.35);
}
.bb-check-label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  font-size: 15px;
  color: #a94442;
  gap: 12px;
  line-height: 1.6;
}
.bb-check-label input[type="checkbox"] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: #d9534f;
}

/* モード特徴カード */
.bb-mode-card {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.bb-mode-card:last-child {
  margin-bottom: 0;
}
.bb-mode-card-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bb-mode-tag-active {
  background: #fee8e8;
  color: #d9534f;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-mode-tag-smart {
  background: #e2f4e5;
  color: #1e7e34;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-mode-tag-normal {
  background: #e8ecf0;
  color: #495057;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 16px 20px;
  margin: 12px 0 16px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-item {
  margin-bottom: 12px;
  font-size: 15px;
  color: #1a2a3a;
}
.bb-fit-item:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}
.bb-fit-sub {
  display: block;
  font-size: 13px;
  color: #555555;
  margin-top: 4px;
  padding-left: 4px;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* ★ ポップアップ（共通） ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #004085 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 15px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #eef5fc !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #b8daff !important;
  margin-bottom: 22px !important;
}
.bb-btn-close-modal {
  background: #0056b3 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 13px 24px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background 0.2s !important;
}
.bb-btn-close-modal:hover {
  background: #004085 !important;
}

/* コントローラー案内リンクボタン */
.bb-btn-product-link {
  color: #ffffff !important;
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-align: center;
}
.bb-btn-m31 { background: #0056b3; }
.bb-btn-m31:hover { background: #004085; }

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-mode-table th, .bb-mode-table td { padding: 10px 4px; font-size: 13px; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-year { display: block; width: fit-content; margin: 4px 0 0 0; }
  .bb-check-label { font-size: 14px; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/1更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から発送までに 3営業日程度</strong> いただいております。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS GX 専用設計</div>
    <h1>アクティブブレーキホールド ABHC-18</h1>
    <div class="bb-price-badge">14,800円（税込 16,280円）</div>
  </div>

  <!-- カート選択のご案内 -->
  <div style="background: #eef5fc; border: 1px solid #b8daff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #004085; font-size: 15px;">&#128073; ご注文時の選択について</strong>
    <p style="margin: 6px 0 0 0; color: #333;">
      <strong>【取付車種】</strong> を選択してください。
    </p>
  </div>

  <!-- ★★★ ご注文時の重要事項（必須同意） ★★★ -->
  <div class="bb-critical-section">
    <div class="bb-critical-header">
      &#9888;&#65039; ご注文前に必ずご確認ください（重要事項）
    </div>
    
    <div class="bb-critical-body">
      <!-- 同意チェックボックス -->
      <div class="bb-check-consent-box">
        <label class="bb-check-label">
          <input type="checkbox" id="bb_consent_checkbox">
          <span>
            <span style="display: inline-block; background: #d9534f; color: #fff; font-size: 12px; padding: 1px 6px; border-radius: 3px; margin-bottom: 4px;">必須同意</span><br>
            本製品（ABHC-18）は単品では動作いたしません。<br>
            <span style="color: #d9534f; font-size: 15px; text-decoration: underline;">TV/ナビコントローラー（SNTC-M31）を装着済み、または今回同時注文することを確認しました。</span>
          </span>
        </label>
      </div>
    </div>
  </div>
  <!-- ★★★ ここまで ★★★ -->

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div style="background: #fff8f8; border: 1px solid #f5c6cb; padding: 10px 14px; border-radius: 6px; margin-bottom: 12px; font-weight: bold; color: #d9534f; font-size: 14px;">
      ※TV/ナビコントローラー「SNTC-M31」との同時装着が必要です。（本製品単体での動作はできません）
    </div>

    <div class="bb-fit-box">
      <div class="bb-fit-item">
        <span class="bb-fit-models">・レクサス GX550</span>
        <span class="bb-fit-year">2024(R6).5 〜</span>
      </div>
    </div>
  </div>

  <!-- 製品特長：3つの動作モード -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; ABHC-18 アクティブブレーキホールドの特長</h2>
    <p style="margin-bottom: 16px;">
      純正状態では、エンジン始動のたびにブレーキホールドスイッチを押してスタンバイ状態にする必要があります。<br>
      本製品を装着することで、<strong>エンジン始動時に自動的にお好みの動作モードへ移行</strong>します。
    </p>

    <!-- アクティブモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #d9534f;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-active">アクティブモード</span>
        <span style="color: #d9534f;">ペダル操作でホールド作動／解除</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        ブレーキペダルの踏み込み操作によるブレーキホールド作動・解除が可能です。<br>
        ペダル操作で解除できるため、<strong>クリープ現象を活用したスムースな極低速発進</strong>も自由自在。欧州車のような快適でリニアな操作感を実現します。<br>
        <span style="font-size: 13px; color: #777;">※一般的なオートブレーキホールド製品と異なり、エンジン始動時に「HOLDスタンバイ（緑）ランプ」は点灯しません。</span>
      </p>
    </div>

    <!-- スマートモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #1e7e34;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-smart">スマートモード</span>
        <span style="color: #1e7e34;">純正フィーリング ＋ EASY1stGO機能</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        純正同様のアクセル操作による解除感覚のまま、新機能<strong>「EASY1stGO機能」</strong>を搭載。<br>
        ブレーキホールドでわずらわしかった「始動直後の最初の発進時」や「バック後の切り返し発進時」にすぐホールドがかかってしまうのを防止します。前進発進後、約15km/h以上になってから自動スタンバイするため、駐車・車庫入れ時もストレスがありません。<br>
        <span style="font-size: 13px; color: #777;">※一般的なオートブレーキホールド製品と異なり、エンジン始動時に「HOLDスタンバイ（緑）ランプ」は点灯しません。</span>
      </p>
    </div>

    <!-- ノーマルモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #6c757d;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-normal">ノーマルモード</span>
        <span style="color: #495057;">純正状態へ簡単復帰</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        本製品を装着したままでも、簡単なスイッチ操作で完全な純正動作状態へ切り替え可能。<br>
        ブレーキホールドを使用する際は、純正状態と同様に車両スイッチを押して操作します。
      </p>
    </div>

    <div style="background: #f1f8ff; border: 1px solid #c8e1ff; padding: 12px 16px; border-radius: 6px; margin-top: 16px; font-size: 14px;">
      &#128161; 各動作モードは、手元の操作でいつでも簡単に切り替えてご使用いただけます。
    </div>
  </div>

  <!-- 取付け方法 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128268; お取付け方法（完全カプラーオン）</h2>
    <p style="margin: 0; line-height: 1.8;">
      TV/ナビコントローラー（SNTC-M31）の<strong>「オプション4ピンコネクタ」</strong>と、<strong>「ブレーキホールドスイッチ裏コネクタ」</strong>にカプラーオンで割り込ませて接続します。<br>
      車両側の配線を傷つけることなく、確実な取り付けが可能です。<br>
      <span class="bb-text-danger" style="font-size: 13px;">※車種別のパネル脱着資料はご用意しておりません。あらかじめご了承ください。</span>
    </p>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li><strong class="bb-text-danger">ABHC-18 単体では取り付けできません。</strong>必ず TV/ナビコントローラー（SNTC-M31）と一緒に装着してください。</li>
      <li>すでに SNTC-M31 を装着済みで、本製品（ABHC-18）のみをご購入いただく場合は、ご注文手続き時の備考欄に<strong>『SNTC-M31 装着済み』</strong>と必ずご記入ください。</li>
      <li>SNTC-M31 および本製品を車両に装着される際は、必ず補機バッテリーのマイナス端子を外してください。また、TV/ナビコントローラー取扱説明書の最終ページ「故障とお考えになる前に」もご一読ください。（説明書はコントローラー製品に付属）</li>
      <li>アクセルレスポンスを改善するスロットルコントローラーの中には、「ブレーキホールド機能と併用不可」と指定されている製品があります。ご使用中のスロットルコントローラーの適合・注意事項をご確認ください。</li>
      <li>車種別のパネル脱着資料はご用意しておりません。</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様<small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様<small>京都府八幡市</small>
      </a>
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様<small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様<small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様<small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様<small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様<small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様<small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様<small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様<small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様<small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様<small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【取付車種】 を選択してください。</strong><br><br>
      お取付けになる車種をお選びいただいてから『カートに入れる』ボタンを押してください。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ コントローラー未確認時の注意ポップアップモーダル ▼ -->
<div id="bbNoticeModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title" style="color: #d9534f;">&#9888;&#65039; ご注文前の重要なご確認</div>
    <div style="font-size: 14px; color: #444; line-height: 1.7; text-align: left; background: #fff8f8; padding: 16px 18px; border-radius: 6px; border: 1px solid #f5c6cb; margin-bottom: 20px;">
      <strong>アクティブブレーキホールド ABHC-18 は単体では動作いたしません。</strong><br><br>
      本製品のお取り付けには、TV/ナビコントローラー（<strong>SNTC-M31</strong>）が必要です。<br><br>
      お持ちでない場合は、本体コントローラーとの同時購入をお願いいたします。<br>
      <span style="color: #d9534f; font-weight: bold; display: block; margin-top: 6px;">
        ※下のTV/ナビコントローラーのリンクから『同時購入オプション、車種』を選択し、ご注文ください。
      </span>
    </div>
    <div style="display: flex; flex-direction: column; gap: 10px;">
      <a href="https://bluebanana99.shop-pro.jp/?pid=179105436" target="_blank" class="bb-btn-product-link bb-btn-m31">
        &#128073; TV/ナビコントローラー（SNTC-M31）をみる
      </a>
      <button type="button" style="background: #6c757d; color: #fff; border: none; padding: 12px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: bold;" id="bbConsentCloseBtn">
        すでに装着済み・同時購入済み（同意して閉じる）
      </button>
    </div>
  </div>
</div>

<!-- ▼ 物理シールド方式：100%クリック横取り＆再入荷通知連動スクリプト ▼ -->
<script>
(function() {
  // モーダルをbody直下に移動（画面最前面に固定）
  function ensureModalsInBody() {
    ['bbOptionAlertModal', 'bbNoticeModal'].forEach(function(id) {
      var m = document.getElementById(id);
      if (m && document.body && m.parentElement !== document.body) {
        document.body.appendChild(m);
      }
    });
  }

  // 車種選択ポップアップを開く
  function openOptionModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    }
  }

  // 車種選択ポップアップを閉じる＆スクロール
  function closeOptionModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  // コントローラー同意注意モーダルを開く
  function openNoticeModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbNoticeModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    }
  }

  function closeNoticeModal() {
    var modal = document.getElementById('bbNoticeModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
  }

  // モーダル閉じるボタンのイベント登録
  document.addEventListener('click', function(e) {
    if (e.target) {
      if (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal') {
        e.preventDefault();
        closeOptionModal();
      } else if (e.target.id === 'bbConsentCloseBtn') {
        e.preventDefault();
        var chk = document.getElementById('bb_consent_checkbox');
        if (chk) chk.checked = true;
        closeNoticeModal();
      } else if (e.target.id === 'bbNoticeModal') {
        e.preventDefault();
        closeNoticeModal();
      }
    }
  });

  // 対象のプルダウン（取付車種オプション）を取得
  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('車種') !== -1 || txt.indexOf('GX') !== -1 || txt.indexOf('選択') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  // 1番目（未選択状態）かどうか判定
  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('選んで') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  // カート／SOLD OUTボタンを探索
  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // ボタンの上に被せる透明シールド（確実にクリックを拾う）
  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        // 1. 車種未選択なら車種選択ポップアップ
        if (isUnselected()) {
          openOptionModal();
          return;
        }

        // 2. 同意チェックが未チェックなら注意モーダル
        var chk = document.getElementById('bb_consent_checkbox');
        if (chk && !chk.checked) {
          openNoticeModal();
          return;
        }
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  // 画面状態の同期
  function updateUI() {
    ensureModalsInBody();
    var unselected = isUnselected();
    var b = document.body;
    if (!b) return;

    var s = getShield();
    var btn = findActionButton();
    var chk = document.getElementById('bb_consent_checkbox');
    var needGuard = unselected || (chk && !chk.checked);

    if (unselected) {
      // 未選択時：再入荷通知を絶対に隠す
      b.classList.add('bb-hide-restock');
    } else {
      // 実際の車種選択時：非表示ロックを解除（在庫0なら再入荷通知が出現）
      b.classList.remove('bb-hide-restock');
    }

    if (needGuard && btn) {
      // ガードが必要な場合はシールドをボタン上に吸着
      var rect = btn.getBoundingClientRect();
      s.style.top = (rect.top + window.scrollY) + 'px';
      s.style.left = (rect.left + window.scrollX) + 'px';
      s.style.width = Math.max(rect.width, 100) + 'px';
      s.style.height = Math.max(rect.height, 35) + 'px';
      s.style.display = 'block';

      // ボタン表示を「カートに入れる」へ
      if (btn.tagName === 'INPUT') {
        if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) {
          btn.value = 'カートに入れる';
        }
      } else if (btn.childNodes.length <= 1) {
        if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) {
          btn.textContent = 'カートに入れる';
        }
      }
    } else {
      s.style.display = 'none';
    }
  }

  // プルダウン変更・チェックボックス変更の監視
  document.addEventListener('change', function(e) {
    if (e.target && (e.target.tagName === 'SELECT' || e.target.id === 'bb_consent_checkbox')) {
      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  // 初回起動
  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
})();
</script>
<!-- ▲ ABHC-18 ここまで ▲ -->]]></content></entry><entry><title>SNTC-M32DRM レクサスRX(2022.11〜 2025.1、 2025.2〜 ）TV/ナビコントローラー</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=185936010" /><id>https://bluebanana99.shop-pro.jp/?pid=185936010</id><issued>2025-04-03T16:01:06+09:00</issued><modified>2026-10-13T03:29:50Z</modified><created>2025-04-03T07:01:06Z</created><summary>



/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .rest...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- ========================================================
     生成日時: 2026/10/07 09:00
     ======================================================== -->

<!-- ▼ SNTC-M32DRM 商品ページデザインスタイル ▼ -->
<style>
/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-btn,
body.bb-hide-restock .restock_btn,
body.bb-hide-restock .btn_restock,
body.bb-hide-restock a[href*="restock"],
body.bb-hide-restock button[id*="restock"],
body.bb-hide-restock button[class*="restock"],
body.bb-hide-restock div[id*="restock"],
body.bb-hide-restock div[class*="restock"],
body.bb-hide-restock [class*="restock"] {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* お知らせボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 特徴カード */
.bb-feature-card {
  background: #f8f9fa;
  border-left: 4px solid #0056b3;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 0 6px 6px 0;
}
.bb-feature-card strong {
  color: #0056b3;
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}

/* 比較テーブル */
.bb-mode-table-wrap {
  margin: 20px 0;
  overflow-x: auto;
}
.bb-mode-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d0d7de;
  font-size: 14px;
  text-align: center;
}
.bb-mode-table th, .bb-mode-table td {
  padding: 12px 10px;
  vertical-align: middle;
}
.bb-mode-table thead th {
  font-weight: bold;
  letter-spacing: 0.5px;
}
.bb-th-mode {
  background-color: #f1f4f8;
  color: #333;
  width: 28%;
}
.bb-th-normal {
  background-color: #8c9ba5;
  color: #ffffff;
  width: 36%;
}
.bb-th-sntc {
  background-color: #0b4b8a;
  color: #ffffff;
  width: 36%;
}
.bb-mode-table tbody tr {
  border-bottom: 1px solid #e1e4e8;
}
.bb-mode-table tbody tr:last-child {
  border-bottom: none;
}
.bb-td-mode {
  font-weight: bold;
  color: #1f2328;
  border-right: 1px solid #e1e4e8;
  background-color: #ffffff;
}
.bb-mode-tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-tag-normal { background: #e8ecf0; color: #333; }
.bb-tag-eco    { background: #e2f4e5; color: #1e7e34; }
.bb-tag-sport  { background: #fee8e8; color: #d9534f; font-weight: bold; }
.bb-tag-custom { background: #e8f0fe; color: #1a73e8; font-weight: bold; }

.bb-td-stock {
  border-right: 1px solid #e1e4e8;
  color: #555555;
}
.bb-status-reset {
  color: #c92a2a;
  font-weight: bold;
}
.bb-status-keep {
  color: #555;
  font-weight: 500;
}
.bb-td-active {
  background-color: #f0f7ff !important;
  color: #0056b3;
  font-weight: bold;
}
.bb-status-memorized {
  background: #d4edda;
  color: #155724;
  padding: 4px 10px;
  border-radius: 20px;
  display: inline-block;
  font-size: 13px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 16px 20px;
  margin: 12px 0 16px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-item {
  margin-bottom: 12px;
  font-size: 15px;
  color: #1a2a3a;
}
.bb-fit-item:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}
.bb-fit-sub {
  display: block;
  font-size: 13px;
  color: #555555;
  margin-top: 4px;
  padding-left: 4px;
}

/* ★ ポップアップ（モーダル）共通スタイル ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 19px !important;
  font-weight: bold !important;
  color: #c92a2a !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 14.5px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #fff5f5 !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #feb2b2 !important;
  margin-bottom: 18px !important;
}
.bb-modal-check-wrap {
  margin: 16px 0 20px 0 !important;
  padding: 12px 14px !important;
  background: #f8f9fa !important;
  border: 1px solid #d0d7de !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  text-align: left !important;
  cursor: pointer !important;
}
.bb-modal-check-wrap input {
  margin-top: 3px !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
}
.bb-modal-check-wrap span {
  font-size: 13.5px !important;
  font-weight: bold !important;
  color: #1a2a3a !important;
  user-select: none !important;
}
.bb-modal-footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.bb-btn-modal-cancel {
  background: #edf2f7 !important;
  color: #4a5568 !important;
  border: none !important;
  padding: 11px 20px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  cursor: pointer !important;
}
.bb-btn-modal-confirm {
  background: #0056b3 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 11px 22px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}
.bb-btn-modal-confirm:disabled {
  background: #a0aec0 !important;
  cursor: not-allowed !important;
}

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-mode-table th, .bb-mode-table td { padding: 10px 4px; font-size: 13px; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-year { display: block; width: fit-content; margin: 4px 0 0 0; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/7 更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から発送までに 3営業日程度</strong> いただいております。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS RX 専用設計</div>
    <h1>TV/ナビコントローラー SNTC-M32DRM<br><span style="font-size: 16px; font-weight: normal;">【ドライブモードメモリー機能搭載】</span></h1>
    <div class="bb-price-badge">34,800円（税込 38,280円）</div>
  </div>

  <!-- カート選択のご案内 -->
  <div style="background: #eef5fc; border: 1px solid #b8daff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #004085; font-size: 15px;">&#128073; ご注文時の選択について</strong>
    <p style="margin: 6px 0 0 0; color: #333;">
      <strong>【同時購入オプション、車種】</strong> を選択してください。<br>
      「SNTC-M32DRM 単体」または オプション製品「ABHC-11」「ABHC-12」との同時購入セットをお選びいただけます。
    </p>
  </div>

  <!-- ドライブモードメモリー解説＆比較表 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128663; ドライブモードメモリー機能とは？</h2>
    <p style="margin-bottom: 12px;">
      純正状態では、ドライブモード NORMAL / SPORT / ECO / CUSTOM を設定しても、エンジン再始動時には NORMAL / ECO のみしかメモリーがされず、<strong>SPORT / CUSTOM に設定してもエンジン再始動時には NORMAL モードに戻ってしまいます。</strong><br>
      SNTC-M32DRM 装着により、SPORT / CUSTOM も メモリーされます。
    </p>

    <!-- 比較表 -->
    <div class="bb-mode-table-wrap">
      <table class="bb-mode-table">
        <thead>
          <tr>
            <th class="bb-th-mode">ドライブモード</th>
            <th class="bb-th-normal">純正状態（装着前）</th>
            <th class="bb-th-sntc">SNTC-M32DRM 装着後</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-normal">NORMAL</span></td>
            <td class="bb-td-stock"><span class="bb-status-keep">保持（そのまま）</span></td>
            <td class="bb-td-active"><span style="color:#2b6cb0;">保持</span></td>
          </tr>
          <tr>
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-eco">ECO</span></td>
            <td class="bb-td-stock"><span class="bb-status-keep">保持（そのまま）</span></td>
            <td class="bb-td-active"><span style="color:#2b6cb0;">保持</span></td>
          </tr>
          <tr style="background-color: #fff9f9;">
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-sport">SPORT</span></td>
            <td class="bb-td-stock"><span class="bb-status-reset">&#10005; NORMALに戻る</span></td>
            <td class="bb-td-active"><span class="bb-status-memorized">&#11093; 自動復元（メモリー）</span></td>
          </tr>
          <tr style="background-color: #fff9f9;">
            <td class="bb-td-mode"><span class="bb-mode-tag bb-tag-custom">CUSTOM</span></td>
            <td class="bb-td-stock"><span class="bb-status-reset">&#10005; NORMALに戻る</span></td>
            <td class="bb-td-active"><span class="bb-status-memorized">&#11093; 自動復元（メモリー）</span></td>
          </tr>
        </tbody>
      </table>
    </div>

    <div style="background: #f1f8ff; border: 1px solid #c8e1ff; padding: 14px 18px; border-radius: 6px; margin: 15px 0;">
      <strong style="color: #0056b3; font-size: 15px;">&#128161; こんなオーナー様に最適です！</strong>
      <ul style="padding-left: 20px; margin: 8px 0 0 0;">
        <li><strong>SPORTモードがお好きな方</strong></li>
        <li><strong>CUSTOMでパワートレーン／サスペンション／ステアリング／エアコンをお好みの設定にして使いたい方</strong></li>
      </ul>
    </div>
    <p style="font-size: 14px; color: #555; margin-top: 8px; margin-bottom: 0;">
      毎回設定し直すストレスから解放され、乗り込んだ瞬間からいつものお好みの走りを楽しめます。
    </p>
  </div>

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div class="bb-fit-box">
      <div class="bb-fit-item">
        <span class="bb-fit-models">・RX500h / RX450h+ / RX350h / RX350</span>
        <span class="bb-fit-year">2022(R4).11 〜 2025(R7).1（年次改良前）および 2025(R7).2 〜（年次改良後含む）</span>
        <span class="bb-fit-sub">※マークレビンソン装着車／非装着車ともに共通で適合します。</span>
        <span class="bb-fit-sub">※年次改良前のRX（2022.11〜2025.1）にも、SNTC-M32DRMは適合します。</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 6px;">※2026.9.30発売  一部改良モデル には ABHC-12 適合しません。</span>
      </div>
    </div>
    <div style="font-size: 13.5px; color: #555; border-top: 1px solid #eee; padding-top: 10px; margin-top: 10px; line-height: 1.7;">
      ※RXでドライブモードメモリー機能が不要な場合、また、NX（2021.11〜）は、従来製品 <a href="https://bluebanana99.shop-pro.jp/?pid=177972011" target="_blank" rel="noopener" style="color: #0056b3; font-weight: bold; text-decoration: underline;">SNTC-M29</a> をお選びください。<br>
      ※NX（2021.11〜）には、SNTC-32DRMはお使いいただけません。<a href="https://bluebanana99.shop-pro.jp/?pid=177972011" target="_blank" rel="noopener" style="color: #0056b3; font-weight: bold; text-decoration: underline;">SNTC-M29</a> と <a href="https://bluebanana99.shop-pro.jp/?pid=168570689" target="_blank" rel="noopener" style="color: #0056b3; font-weight: bold; text-decoration: underline;">DMSC-02</a> をお使いください。<br>
      <span class="bb-text-danger" style="font-weight: bold;">※2026.9.1発表  新型モデル には 適合しませんABHC-12 適合しません。</span>
    </div>

    <!-- 車種・オプション適合対応表（HTMLテーブル版） -->
    <div style="margin-top: 25px;">
      <strong style="color: #0b4b8a; font-size: 15px; display: block; margin-bottom: 6px;">
        【RX（2022.11〜2025.1）（2025.2〜 年次改良後含む）】
      </strong>
      <div class="bb-mode-table-wrap" style="margin: 0 0 10px 0;">
        <table class="bb-mode-table">
          <thead>
            <tr>
              <th class="bb-th-mode" style="width: 32%;">製品名・オプション</th>
              <th class="bb-th-normal" style="width: 17%;">RX350</th>
              <th class="bb-th-normal" style="width: 17%;">RX350h</th>
              <th class="bb-th-normal" style="width: 17%;">RX450h+</th>
              <th class="bb-th-normal" style="width: 17%;">RX500h</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="bb-td-mode">SNTC-M29 のみ</td>
              <td colspan="4" class="bb-td-stock" style="font-weight: bold; color: #1a2a3a;">適合</td>
            </tr>
            <tr style="background-color: #fff9f9;">
              <td class="bb-td-mode" style="color: #d9534f;">SNTC-M32DRM のみ</td>
              <td colspan="4" class="bb-td-active"><span class="bb-status-memorized">適合</span></td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：アクティブブレーキホールド</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-11</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：ドライブモードメモリー</td>
              <td colspan="4" class="bb-td-active" style="color: #0b4b8a; font-weight: bold;">SNTC-M32DRM に機能内蔵</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="font-size: 13px; color: #d9534f; font-weight: bold; margin-bottom: 22px; line-height: 1.5;">
        ※ABHC-11、ABHC-12 は、SNTC-M29 または SNTC-M32DRM と同時装着が必要です。
      </div>

      <strong style="color: #0b4b8a; font-size: 15px; display: block; margin-bottom: 6px;">
        【NX（2021.11〜2024.2）（2024.3〜 年次改良後含む）】<small style="font-size: 13px; color: #555; font-weight: normal;">※14インチディスプレイ車のみ</small>
      </strong>
      <div class="bb-mode-table-wrap" style="margin: 0 0 10px 0;">
        <table class="bb-mode-table">
          <thead>
            <tr>
              <th class="bb-th-mode" style="width: 32%;">製品名・オプション</th>
              <th class="bb-th-normal" style="width: 17%;">NX250</th>
              <th class="bb-th-normal" style="width: 17%;">NX350</th>
              <th class="bb-th-normal" style="width: 17%;">NX350h</th>
              <th class="bb-th-normal" style="width: 17%;">NX450h+</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="bb-td-mode">SNTC-M29 のみ</td>
              <td colspan="4" class="bb-td-stock" style="font-weight: bold; color: #1a2a3a;">適合</td>
            </tr>
            <tr style="background-color: #f8f9fa;">
              <td class="bb-td-mode" style="color: #666;">SNTC-M32DRM</td>
              <td colspan="4" class="bb-td-stock"><span class="bb-status-reset">適合しません</span></td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：アクティブブレーキホールド</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-11</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-11</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：ドライブモードメモリー</td>
              <td colspan="4" class="bb-td-stock" style="font-weight: bold;">DMSC-02</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="font-size: 13px; color: #d9534f; font-weight: bold; line-height: 1.5;">
        ※ABHC-11、ABHC-12、DMSC-02 は、SNTC-M29 と同時装着が必要です。
      </div>
    </div>
  </div>

  <!-- 製品特長 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; SNTC-M32DRM TV/ナビコントローラーの特長</h2>
    
    <div class="bb-feature-card">
      <strong>・新機能 ドライブモードメモリー機能搭載</strong>
      ドライブモード設定を記憶し、エンジン再始動後、自動的に設定していたドライブモードにします。<br>
      メーター等のモード切替時の純正の演出を活かすため、エンジン始動後約15秒経過後にモード設定されます。
    </div>

    <div class="bb-feature-card">
      <strong>・オーディオ連動機能搭載</strong>
      ・テレビ / HDMI など映像があるソース時は自動的に <strong>ON</strong><br>
      ・ラジオ / Bluetooth など音のみのソース時は自動的に <strong>OFF</strong><br>
      （もちろん任意でのON/OFFも可能です）
    </div>

    <div class="bb-feature-card">
      <strong>・TV/ナビコントローラーON時も自車位置がほぼ追従し、ルート案内も可能</strong>
      <span style="font-size: 13px; color: #777;">＊Apple CarPlay / Android Auto の地図アプリ上の自車位置は追従しません。アプリの位置情報は不正確となります。</span>
    </div>

    <div class="bb-feature-card">
      <strong>・ステアリングスイッチ操作（LTAスイッチのダブルクリック）</strong>
      操作ON/OFF時にBEEP音が車両スピーカーから出力されます。<br>
      テレビ全画面視聴中に地図を確認したいときにLTAスイッチをダブルクリック → もう一度ダブルクリックでテレビ全画面に戻りますので、ナビ画面をタッチする必要がありません。
    </div>

    <!-- レビュー動画 -->
    <div style="margin-top: 20px;">
      <p style="font-size: 14.5px; margin-bottom: 10px;">
        レクサス車のさまざまな情報を発信されている <strong>CSK REVIEW CHANNEL 様</strong> で新型レクサスRX用 TV/ナビコントローラー SNTC-M32DRM をご紹介いただいております。
      </p>
      <div style="position: relative; width: 100%; max-width: 560px; margin: 0 auto; aspect-ratio: 16 / 9;">
        <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 4px;" src="https://www.youtube.com/embed/MxhCtYTwnxw?si=EXy0GO4b5_7rONNl" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
      </div>
    </div>
  </div>

  <!-- 同時購入おすすめ（関連製品：ABHC-11 / ABHC-12） -->
  <div class="bb-section" style="border: 2px solid #0056b3;">
    <h2 class="bb-section-heading" style="color: #0056b3; border-bottom-color: #0056b3;">&#128279; 同時装着 おすすめの製品</h2>
    <p>SNTC-M32DRMと同時装着なら、取付けも簡単。すべてカプラーオンで接続可能です。</p>

    <div style="font-weight: bold; font-size: 16px; margin-top: 15px; margin-bottom: 4px;">
      ブレーキホールド機能が使いやすくなる<br>
      ・アクティブブレーキホールド ABHC-11 / ABHC-12
    </div>
    <div style="font-size: 15px; color: #d9534f; font-weight: bold; margin-bottom: 12px;">
      各 14,800円（税込 16,280円）
    </div>

    <!-- ABHC 適合車種一覧 -->
    <div class="bb-fit-box" style="margin-bottom: 12px; background: #ffffff;">
      <div style="font-weight: bold; font-size: 14px; margin-bottom: 6px; color: #1a2a3a;">【ABHC 適合車種】</div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-11：RX350</span>
        <span class="bb-fit-sub">※アイドリングストップキャンセラー機能も内蔵</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-12：RX350h / RX450h+ / RX500h</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 4px;">※2026.9.30発売  一部改良モデル には ABHC-12 適合しません。</span>
      </div>
    </div>

    <div style="background: #fff3cd; border: 1px solid #ffeeba; padding: 12px 16px; border-radius: 6px; font-size: 13px; color: #856404;">
      &#9888;&#65039; <strong>ご注意：</strong><br>
      アクティブブレーキホールド ABHC-11、ABHC-12 は <strong>単品装着出来ません。必ず SNTC-M32DRM とセットでお使いください。</strong><br>
      （※SNTC-M32DRM のみの単品装着は可能です）
    </div>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li>自車位置マークは基本的に追従しますが、OFF時（純正時）と比べ 動き方や精度に違いが生じます。</li>
      <li>音声ルート案内は、ナビ上に表示される距離と異なることがあります。</li>
      <li>高速道の下に一般道が並行している場合などに、高速道走行中に一般道を走行しているとナビが認識する場合があります。（その逆もあり） この状態では、SNTC-M32DRM 機能OFFにしても、正しく認識しなおすのに時間が掛かる場合があります。</li>
      <li>SNTC-M32DRM 機能ON時、トンネル内などGPS受信できない状況で、自車位置が停止する場合があります。</li>
      <li>ASL（車速に応じて音量を調整）ON設定の場合、純正時より 音が大きく調整されます。</li>
      <li>純正ドライブレコーダーに記録される位置情報が、純正時と比べ 精度に違いが生じます。</li>
      <li>Apple CarPlay / Android Auto での地図アプリの自車位置情報は、不正確となります。（純正ナビの自車位置表示とは異なります）</li>
      <li>アドバンストドライブ（渋滞時支援機能）は、SNTC-M32DRM をOFFにしてお使いください。</li>
      <li>SNTC-M32DRM ON時は、レーンチェンジアシスト機能を使用できません。</li>
      <li>SNTC-M32DRM および オプション製品（ABHC-11, ABHC-12など）を車両に装着される際は、バッテリー（ハイブリッド/PHV車は 補機バッテリー）のマイナス端子を外してください。また、取扱説明書の最終ページ 「故障とお考えになる前に」 も ご一読ください。（取付説明書/取扱説明書は製品に付属しております）</li>
      <li>TV/ナビコントローラーの取付/取扱説明書は製品に付属しますが、車両パネルの脱着資料はご用意しておりません。シンクデザインさん の <a href="https://thinkdesign.base.shop/blog/2023/04/24/122028" target="_blank" rel="noopener" style="color: #0056b3; font-weight: bold; text-decoration: underline;">『ブルーバナナ テレビナビキャンセラー予約受け付け開始【レクサス】』</a> をご覧ください。（※シンクデザインさんへ 脱着方法の問合せはしない様、お願いします。シンクデザイン様で直接 ご注文、お取付けしていただけます。要ご予約）</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <!-- 1行目：シンクデザイン 様 ／ 球屋 様 -->
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様
        <small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様
        <small>京都府八幡市</small>
      </a>

      <!-- 2行目以降：指定順 -->
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様
        <small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様
        <small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様
        <small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様
        <small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様
        <small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様
        <small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様
        <small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様
        <small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様
        <small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様
        <small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【同時購入オプション、車種】 を選択してください。</strong><br><br>
      「SNTC-M32DRM 単体」または オプション製品「ABHC-11」「ABHC-12」との同時購入セットをお選びいただけます。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn" style="background: #0056b3; color: #fff; border: none; padding: 13px 24px; border-radius: 6px; font-size: 15px; font-weight: bold; cursor: pointer; width: 100%;">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ ABHC-12 適合確認チェックボックス付きポップアップモーダル ▼ -->
<div id="bbFitAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#9888;&#65039; 適合に関する重要なお知らせ</div>
    <div class="bb-modal-body" id="bbFitModalMsg">
      <!-- 選択肢に応じた注意文が動的に表示されます -->
    </div>
    <label class="bb-modal-check-wrap">
      <input type="checkbox" id="bbFitModalCheckbox">
      <span>上記モデルではない（ABHC-12が適合する車両である）ことを確認しました</span>
    </label>
    <div class="bb-modal-footer">
      <button type="button" class="bb-btn-modal-cancel" id="bbFitModalCancel">キャンセル</button>
      <button type="button" class="bb-btn-modal-confirm" id="bbFitModalOk" disabled>確認して進む</button>
    </div>
  </div>
</div>

<!-- ▼ 物理シールド＆適合確認スクリプト ▼ -->
<script>
(function() {
  var alertMessageText = "&#128073; ご注文時の選択について\n【同時購入オプション、車種】 を選択してください。\n\n「SNTC-M32DRM 単体」または オプション製品「ABHC-11」「ABHC-12」との同時購入セットをお選びいただけます。";

  // モーダルをbody直下に配置
  function ensureModalsInBody() {
    var m1 = document.getElementById('bbOptionAlertModal');
    var m2 = document.getElementById('bbFitAlertModal');
    if (m1 && document.body && m1.parentElement !== document.body) document.body.appendChild(m1);
    if (m2 && document.body && m2.parentElement !== document.body) document.body.appendChild(m2);
  }

  // 1. 未選択警告モーダルの開閉
  function openOptionModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    } else {
      alert(alertMessageText);
    }
  }

  function closeOptionModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  document.addEventListener('click', function(e) {
    if (e.target && (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal')) {
      e.preventDefault();
      closeOptionModal();
    }
  });

  // 2. ABHC-12 適合確認モーダル
  var fitModal = document.getElementById('bbFitAlertModal');
  var fitModalMsg = document.getElementById('bbFitModalMsg');
  var fitCheckbox = document.getElementById('bbFitModalCheckbox');
  var fitOkBtn = document.getElementById('bbFitModalOk');
  var fitCancelBtn = document.getElementById('bbFitModalCancel');

  // 表記ゆれ（スペースや全角半角）を許容する正規表現
  var rxPattern = /RX\s*(500h|450h\+|350h).*ABHC\s*[-ー]?\s*12/i;
  var nxPattern = /NX\s*(450h\+|350h).*ABHC\s*[-ー]?\s*12/i;

  var currentWarningType = null;
  var rxConfirmed = false;
  var nxConfirmed = false;
  var lastTargetSelect = null;
  var prevSelectedIndex = 0;

  function openFitModal(msg, type) {
    ensureModalsInBody();
    currentWarningType = type;
    fitModalMsg.innerHTML = "<strong>" + msg + "</strong>";
    fitCheckbox.checked = false;
    fitOkBtn.disabled = true;
    fitModal.classList.add('bb-active');
    fitModal.style.setProperty('display', 'flex', 'important');
  }

  function closeFitModal() {
    fitModal.classList.remove('bb-active');
    fitModal.style.setProperty('display', 'none', 'important');
  }

  if (fitCheckbox) {
    fitCheckbox.addEventListener('change', function() {
      fitOkBtn.disabled = !this.checked;
    });
  }

  if (fitOkBtn) {
    fitOkBtn.addEventListener('click', function() {
      if (fitCheckbox.checked) {
        if (currentWarningType === 'rx') rxConfirmed = true;
        if (currentWarningType === 'nx') nxConfirmed = true;
        closeFitModal();

        // 確認完了時に即座にシールドを外してUI更新
        updateUI();

        // シールド解除後、そのままカートボタンをクリック実行
        setTimeout(function() {
          var btn = findActionButton();
          if (btn) btn.click();
        }, 80);
      }
    });
  }

  if (fitCancelBtn) {
    fitCancelBtn.addEventListener('click', function() {
      closeFitModal();
      if (lastTargetSelect) {
        lastTargetSelect.selectedIndex = prevSelectedIndex || 0;
      }
      if (currentWarningType === 'rx') rxConfirmed = false;
      if (currentWarningType === 'nx') nxConfirmed = false;
      updateUI();
    });
  }

  // 対象のプルダウン取得
  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('同時購入') !== -1 || txt.indexOf('有/無') !== -1 || txt.indexOf('SNTC') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  // 未選択かどうか判定
  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  // カート／SOLD OUTボタンを探索
  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // ★ ボタンの上に被せる透明シールド（未選択／未確認を確実にブロック）
  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        if (isUnselected()) {
          openOptionModal();
          return;
        }

        // 適合確認チェック
        var sel = getTargetSelect();
        var optText = (sel && sel.options[sel.selectedIndex]) ? sel.options[sel.selectedIndex].text : '';
        if (rxPattern.test(optText) && !rxConfirmed) {
          lastTargetSelect = sel;
          openFitModal("※2026.9.30発売  一部改良モデル には ABHC-12 は適合しません。", 'rx');
          return;
        }
        if (nxPattern.test(optText) && !nxConfirmed) {
          lastTargetSelect = sel;
          openFitModal("※2026.9.1発表  新型モデル には 適合しませんABHC-12 適合しません。", 'nx');
          return;
        }
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  // 状態反映
  function updateUI() {
    ensureModalsInBody();
    var unselected = isUnselected();
    var b = document.body;
    if (!b) return;

    var s = getShield();
    var btn = findActionButton();
    var sel = getTargetSelect();
    var optText = (sel && sel.options[sel.selectedIndex]) ? sel.options[sel.selectedIndex].text : '';

    var needsFitConfirm = (rxPattern.test(optText) && !rxConfirmed) || (nxPattern.test(optText) && !nxConfirmed);

    if (unselected || needsFitConfirm) {
      if (unselected) {
        b.classList.add('bb-hide-restock');
      } else {
        b.classList.remove('bb-hide-restock');
      }

      if (btn) {
        var rect = btn.getBoundingClientRect();
        s.style.top = (rect.top + window.scrollY) + 'px';
        s.style.left = (rect.left + window.scrollX) + 'px';
        s.style.width = Math.max(rect.width, 100) + 'px';
        s.style.height = Math.max(rect.height, 35) + 'px';
        s.style.display = 'block';

        if (unselected) {
          if (btn.tagName === 'INPUT') {
            if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) btn.value = 'カートに入れる';
          } else if (btn.childNodes.length <= 1) {
            if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) btn.textContent = 'カートに入れる';
          }
        }
      }
    } else {
      b.classList.remove('bb-hide-restock');
      s.style.display = 'none';
    }
  }

  // プルダウン監視
  document.addEventListener('focusin', function(e) {
    if (e.target && e.target.tagName === 'SELECT') {
      prevSelectedIndex = e.target.selectedIndex;
    }
  });

  document.addEventListener('change', function(e) {
    if (e.target && e.target.tagName === 'SELECT') {
      var optText = e.target.options[e.target.selectedIndex] ? e.target.options[e.target.selectedIndex].text : '';
      lastTargetSelect = e.target;

      if (rxPattern.test(optText)) {
        rxConfirmed = false;
        openFitModal("※2026.9.30発売  一部改良モデル には ABHC-12 は適合しません。", 'rx');
      } else if (nxPattern.test(optText)) {
        nxConfirmed = false;
        openFitModal("※2026.9.1発表  新型モデル には 適合しませんABHC-12 適合しません。", 'nx');
      }

      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  // 初回起動
  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
})();
</script>
<!-- ▲ SNTC-M32DRM ここまで ▲ -->]]></content></entry><entry><title>ABHC-17　レクサスLM500h(2023.12〜2026.2）用　アクティブブレーキホールドキット</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=183977254" /><id>https://bluebanana99.shop-pro.jp/?pid=183977254</id><issued>2024-12-10T20:10:56+09:00</issued><modified>2026-10-01T08:03:21Z</modified><created>2024-12-10T11:10:56Z</created><summary>

/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- ▼ ABHC-17 商品ページデザインスタイル ▼ -->
<style>
/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-btn,
body.bb-hide-restock .restock_btn,
body.bb-hide-restock .btn_restock,
body.bb-hide-restock a[href*="restock"],
body.bb-hide-restock button[id*="restock"],
body.bb-hide-restock button[class*="restock"],
body.bb-hide-restock div[id*="restock"],
body.bb-hide-restock div[class*="restock"],
body.bb-hide-restock [class*="restock"] {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* お知らせボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 重要確認セクション */
.bb-critical-section {
  background: #ffffff;
  border: 3px solid #d9534f;
  border-radius: 10px;
  padding: 0 0 20px 0;
  margin-bottom: 25px;
  box-shadow: 0 4px 18px rgba(217, 83, 79, 0.18);
  overflow: hidden;
}
.bb-critical-header {
  background: linear-gradient(135deg, #d9534f 0%, #c9302c 100%);
  color: #ffffff;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.5px;
}
.bb-critical-body {
  padding: 20px;
}

/* チェックボックス枠 */
.bb-check-consent-box {
  background: #fff0f0;
  border: 2.5px solid #d9534f;
  border-radius: 8px;
  padding: 18px 20px;
  box-shadow: 0 0 12px rgba(217, 83, 79, 0.25);
  transition: all 0.3s ease;
}
.bb-check-consent-box:hover {
  background: #ffe8e8;
  box-shadow: 0 0 16px rgba(217, 83, 79, 0.35);
}
.bb-check-label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  font-size: 15px;
  color: #a94442;
  gap: 12px;
  line-height: 1.6;
}
.bb-check-label input[type="checkbox"] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: #d9534f;
}

/* モード特徴カード */
.bb-mode-card {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.bb-mode-card:last-child {
  margin-bottom: 0;
}
.bb-mode-card-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bb-mode-tag-active {
  background: #fee8e8;
  color: #d9534f;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-mode-tag-smart {
  background: #e2f4e5;
  color: #1e7e34;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-mode-tag-normal {
  background: #e8ecf0;
  color: #495057;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 16px 20px;
  margin: 12px 0 16px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-item {
  margin-bottom: 12px;
  font-size: 15px;
  color: #1a2a3a;
}
.bb-fit-item:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}
.bb-fit-sub {
  display: block;
  font-size: 13px;
  color: #555555;
  margin-top: 4px;
  padding-left: 4px;
}

/* 年式ご注意枠 */
.bb-fit-warning-note {
  background: #fff3cd;
  border: 1px solid #ffeeba;
  border-left: 4px solid #ff9900;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  color: #856404;
  line-height: 1.7;
  margin-top: 14px;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* ★ ポップアップ（共通） ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #004085 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 15px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #eef5fc !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #b8daff !important;
  margin-bottom: 22px !important;
}
.bb-btn-close-modal {
  background: #0056b3 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 13px 24px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background 0.2s !important;
}
.bb-btn-close-modal:hover {
  background: #004085 !important;
}

/* コントローラー案内リンクボタン */
.bb-btn-product-link {
  color: #ffffff !important;
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-align: center;
}
.bb-btn-m31 { background: #0056b3; }
.bb-btn-m31:hover { background: #004085; }

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-mode-table th, .bb-mode-table td { padding: 10px 4px; font-size: 13px; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-year { display: block; width: fit-content; margin: 4px 0 0 0; }
  .bb-check-label { font-size: 14px; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/1更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から発送までに 3営業日程度</strong> いただいております。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS LM 専用設計</div>
    <h1>アクティブブレーキホールド ABHC-17</h1>
    <div class="bb-price-badge">14,800円（税込 16,280円）</div>
  </div>

  <!-- カート選択のご案内 -->
  <div style="background: #eef5fc; border: 1px solid #b8daff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #004085; font-size: 15px;">&#128073; ご注文時の選択について</strong>
    <p style="margin: 6px 0 0 0; color: #333;">
      <strong>【取付車種】</strong> を選択してください。
    </p>
  </div>

  <!-- ★★★ ご注文時の重要事項（必須同意） ★★★ -->
  <div class="bb-critical-section">
    <div class="bb-critical-header">
      &#9888;&#65039; ご注文前に必ずご確認ください（重要事項）
    </div>
    
    <div class="bb-critical-body">
      <!-- 同意チェックボックス -->
      <div class="bb-check-consent-box">
        <label class="bb-check-label">
          <input type="checkbox" id="bb_consent_checkbox">
          <span>
            <span style="display: inline-block; background: #d9534f; color: #fff; font-size: 12px; padding: 1px 6px; border-radius: 3px; margin-bottom: 4px;">必須同意</span><br>
            本製品（ABHC-17）は単品では動作いたしません。<br>
            <span style="color: #d9534f; font-size: 15px; text-decoration: underline;">TV/ナビコントローラー（SNTC-M31）を装着済み、または今回同時注文することを確認しました。</span>
          </span>
        </label>
      </div>
    </div>
  </div>
  <!-- ★★★ ここまで ★★★ -->

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div style="background: #fff8f8; border: 1px solid #f5c6cb; padding: 10px 14px; border-radius: 6px; margin-bottom: 12px; font-weight: bold; color: #d9534f; font-size: 14px;">
      ※TV/ナビコントローラー「SNTC-M31」との同時装着が必要です。（本製品単体での動作はできません）
    </div>

    <div class="bb-fit-box">
      <div class="bb-fit-item">
        <span class="bb-fit-models">・レクサス LM500h</span>
        <span class="bb-fit-year">2023(R5).12 〜 2026(R8).2</span>
      </div>
    </div>

    <!-- ご注意年式案内（追記箇所） -->
    <div class="bb-fit-warning-note">
      &#9888;&#65039; <strong>ご注意）</strong> <strong>2026(R8).3 〜</strong> の車両には、ブレーキホールドのメモリー機能が追加されました。<strong>ABHC-17は使用できません。</strong>
    </div>
  </div>

  <!-- 製品特長：3つの動作モード -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; ABHC-17 アクティブブレーキホールドの特長</h2>
    <p style="margin-bottom: 16px;">
      純正状態では、エンジン始動のたびにブレーキホールドスイッチを押してスタンバイ状態にする必要があります。<br>
      本製品を装着することで、<strong>エンジン始動時に自動的にお好みの動作モードへ移行</strong>します。
    </p>

    <!-- アクティブモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #d9534f;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-active">アクティブモード</span>
        <span style="color: #d9534f;">ペダル操作でホールド作動／解除</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        ブレーキペダルの踏み込み操作によるブレーキホールド作動・解除が可能です。<br>
        ペダル操作で解除できるため、<strong>クリープ現象を活用したスムースな極低速発進</strong>も自由自在。欧州車のような快適でリニアな操作感を実現します。<br>
        <span style="font-size: 13px; color: #777;">※一般的なオートブレーキホールド製品と異なり、エンジン始動時に「HOLDスタンバイ（緑）ランプ」は点灯しません。</span>
      </p>
    </div>

    <!-- スマートモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #1e7e34;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-smart">スマートモード</span>
        <span style="color: #1e7e34;">純正フィーリング ＋ EASY1stGO機能</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        純正同様のアクセル操作による解除感覚のまま、新機能<strong>「EASY1stGO機能」</strong>を搭載。<br>
        ブレーキホールドでわずらわしかった「始動直後の最初の発進時」や「バック後の切り返し発進時」にすぐホールドがかかってしまうのを防止します。前進発進後、約15km/h以上になってから自動スタンバイするため、駐車・車庫入れ時もストレスがありません。<br>
        <span style="font-size: 13px; color: #777;">※一般的なオートブレーキホールド製品と異なり、エンジン始動時に「HOLDスタンバイ（緑）ランプ」は点灯しません。</span>
      </p>
    </div>

    <!-- ノーマルモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #6c757d;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-normal">ノーマルモード</span>
        <span style="color: #495057;">純正状態へ簡単復帰</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        本製品を装着したままでも、簡単なスイッチ操作で完全な純正動作状態へ切り替え可能。<br>
        ブレーキホールドを使用する際は、純正状態と同様に車両スイッチを押して操作します。
      </p>
    </div>

    <div style="background: #f1f8ff; border: 1px solid #c8e1ff; padding: 12px 16px; border-radius: 6px; margin-top: 16px; font-size: 14px;">
      &#128161; 各動作モードは、手元の操作でいつでも簡単に切り替えてご使用いただけます。
    </div>
  </div>

  <!-- 取付け方法 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128268; お取付け方法（完全カプラーオン）</h2>
    <p style="margin: 0; line-height: 1.8;">
      TV/ナビコントローラー（SNTC-M31）の<strong>「オプション4ピンコネクタ」</strong>と、<strong>「ブレーキホールドスイッチ裏コネクタ」</strong>にカプラーオンで割り込ませて接続します。<br>
      車両側の配線を傷つけることなく、確実な取り付けが可能です。<br>
      <span class="bb-text-danger" style="font-size: 13px;">※車種別のパネル脱着資料はご用意しておりません。あらかじめご了承ください。</span>
    </p>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li><strong class="bb-text-danger">ABHC-17 単体では取り付けできません。</strong>必ず TV/ナビコントローラー（SNTC-M31）と一緒に装着してください。</li>
      <li>すでに SNTC-M31 を装着済みで、本製品（ABHC-17）のみをご購入いただく場合は、ご注文手続き時の備考欄に<strong>『SNTC-M31 装着済み』</strong>と必ずご記入ください。</li>
      <li>SNTC-M31 および本製品を車両に装着される際は、必ず補機バッテリーのマイナス端子を外してください。また、TV/ナビコントローラー取扱説明書の最終ページ「故障とお考えになる前に」もご一読ください。（説明書はコントローラー製品に付属）</li>
      <li>アクセルレスポンスを改善するスロットルコントローラーの中には、「ブレーキホールド機能と併用不可」と指定されている製品があります。ご使用中のスロットルコントローラーの適合・注意事項をご確認ください。</li>
      <li>車種別のパネル脱着資料はご用意しておりません。</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様<small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様<small>京都府八幡市</small>
      </a>
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様<small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様<small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様<small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様<small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様<small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様<small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様<small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様<small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様<small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様<small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【取付車種】 を選択してください。</strong><br><br>
      お取付けになる車種をお選びいただいてから『カートに入れる』ボタンを押してください。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ コントローラー未確認時の注意ポップアップモーダル ▼ -->
<div id="bbNoticeModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title" style="color: #d9534f;">&#9888;&#65039; ご注文前の重要なご確認</div>
    <div style="font-size: 14px; color: #444; line-height: 1.7; text-align: left; background: #fff8f8; padding: 16px 18px; border-radius: 6px; border: 1px solid #f5c6cb; margin-bottom: 20px;">
      <strong>アクティブブレーキホールド ABHC-17 は単体では動作いたしません。</strong><br><br>
      本製品のお取り付けには、TV/ナビコントローラー（<strong>SNTC-M31</strong>）が必要です。<br><br>
      お持ちでない場合は、本体コントローラーとの同時購入をお願いいたします。<br>
      <span style="color: #d9534f; font-weight: bold; display: block; margin-top: 6px;">
        ※下のTV/ナビコントローラーのリンクから『同時購入オプション、車種』を選択し、ご注文ください。
      </span>
    </div>
    <div style="display: flex; flex-direction: column; gap: 10px;">
      <a href="https://bluebanana99.shop-pro.jp/?pid=179105436" target="_blank" class="bb-btn-product-link bb-btn-m31">
        &#128073; TV/ナビコントローラー（SNTC-M31）をみる
      </a>
      <button type="button" style="background: #6c757d; color: #fff; border: none; padding: 12px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: bold;" id="bbConsentCloseBtn">
        すでに装着済み・同時購入済み（同意して閉じる）
      </button>
    </div>
  </div>
</div>

<!-- ▼ 物理シールド方式：100%クリック横取り＆再入荷通知連動スクリプト ▼ -->
<script>
(function() {
  // モーダルをbody直下に移動（画面最前面に固定）
  function ensureModalsInBody() {
    ['bbOptionAlertModal', 'bbNoticeModal'].forEach(function(id) {
      var m = document.getElementById(id);
      if (m && document.body && m.parentElement !== document.body) {
        document.body.appendChild(m);
      }
    });
  }

  // 車種選択ポップアップを開く
  function openOptionModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    }
  }

  // 車種選択ポップアップを閉じる＆スクロール
  function closeOptionModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  // コントローラー同意注意モーダルを開く
  function openNoticeModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbNoticeModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    }
  }

  function closeNoticeModal() {
    var modal = document.getElementById('bbNoticeModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
  }

  // モーダル閉じるボタンのイベント登録
  document.addEventListener('click', function(e) {
    if (e.target) {
      if (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal') {
        e.preventDefault();
        closeOptionModal();
      } else if (e.target.id === 'bbConsentCloseBtn') {
        e.preventDefault();
        var chk = document.getElementById('bb_consent_checkbox');
        if (chk) chk.checked = true;
        closeNoticeModal();
      } else if (e.target.id === 'bbNoticeModal') {
        e.preventDefault();
        closeNoticeModal();
      }
    }
  });

  // 対象のプルダウン（取付車種オプション）を取得
  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('車種') !== -1 || txt.indexOf('LM') !== -1 || txt.indexOf('選択') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  // 1番目（未選択状態）かどうか判定
  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('選んで') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  // カート／SOLD OUTボタンを探索
  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // ボタンの上に被せる透明シールド（確実にクリックを拾う）
  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        // 1. 車種未選択なら車種選択ポップアップ
        if (isUnselected()) {
          openOptionModal();
          return;
        }

        // 2. 同意チェックが未チェックなら注意モーダル
        var chk = document.getElementById('bb_consent_checkbox');
        if (chk && !chk.checked) {
          openNoticeModal();
          return;
        }
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  // 画面状態の同期
  function updateUI() {
    ensureModalsInBody();
    var unselected = isUnselected();
    var b = document.body;
    if (!b) return;

    var s = getShield();
    var btn = findActionButton();
    var chk = document.getElementById('bb_consent_checkbox');
    var needGuard = unselected || (chk && !chk.checked);

    if (unselected) {
      // 未選択時：再入荷通知を絶対に隠す
      b.classList.add('bb-hide-restock');
    } else {
      // 実際の車種選択時：非表示ロックを解除（在庫0なら再入荷通知が出現）
      b.classList.remove('bb-hide-restock');
    }

    if (needGuard && btn) {
      // ガードが必要な場合はシールドをボタン上に吸着
      var rect = btn.getBoundingClientRect();
      s.style.top = (rect.top + window.scrollY) + 'px';
      s.style.left = (rect.left + window.scrollX) + 'px';
      s.style.width = Math.max(rect.width, 100) + 'px';
      s.style.height = Math.max(rect.height, 35) + 'px';
      s.style.display = 'block';

      // ボタン表示を「カートに入れる」へ
      if (btn.tagName === 'INPUT') {
        if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) {
          btn.value = 'カートに入れる';
        }
      } else if (btn.childNodes.length <= 1) {
        if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) {
          btn.textContent = 'カートに入れる';
        }
      }
    } else {
      s.style.display = 'none';
    }
  }

  // プルダウン変更・チェックボックス変更の監視
  document.addEventListener('change', function(e) {
    if (e.target && (e.target.tagName === 'SELECT' || e.target.id === 'bb_consent_checkbox')) {
      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  // 初回起動
  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
})();
</script>
<!-- ▲ ABHC-17 ここまで ▲ -->]]></content></entry><entry><title>ABHC-16　レクサスLBX MORIZO RR(8AT車 2024.8〜2026.4 ）用　アクティブブレーキホールドキット</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=183975746" /><id>https://bluebanana99.shop-pro.jp/?pid=183975746</id><issued>2024-12-10T18:15:56+09:00</issued><modified>2026-10-09T06:39:54Z</modified><created>2024-12-10T09:15:56Z</created><summary>


/* ★ カラーミーショップのオプション未選択時 在庫不足エラー枠のみ非表示 ★ */
.stock_error,
.option_stock_error,
.stock-error,
#stock_error,
#option_stock_error,
.stock_zero_message {
  display: none !important;
}

.bb-product-wrap {
  m...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- 生成日時：2026/10/09 15:45 -->
<!-- ▼ ABHC-16 商品ページデザインスタイル ▼ -->
<style>
/* ★ カラーミーショップのオプション未選択時 在庫不足エラー枠のみ非表示 ★ */
.stock_error,
.option_stock_error,
.stock-error,
#stock_error,
#option_stock_error,
.stock_zero_message {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* 納期・再入荷案内ボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 重要確認セクション */
.bb-critical-section {
  background: #ffffff;
  border: 3px solid #d9534f;
  border-radius: 10px;
  padding: 0 0 20px 0;
  margin-bottom: 25px;
  box-shadow: 0 4px 18px rgba(217, 83, 79, 0.18);
  overflow: hidden;
}
.bb-critical-header {
  background: linear-gradient(135deg, #d9534f 0%, #c9302c 100%);
  color: #ffffff;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.5px;
}
.bb-critical-body {
  padding: 20px;
}

/* チェックボックス枠 */
.bb-check-consent-box {
  background: #fff0f0;
  border: 2.5px solid #d9534f;
  border-radius: 8px;
  padding: 18px 20px;
  box-shadow: 0 0 12px rgba(217, 83, 79, 0.25);
  transition: all 0.3s ease;
}
.bb-check-consent-box:hover {
  background: #ffe8e8;
  box-shadow: 0 0 16px rgba(217, 83, 79, 0.35);
}
.bb-check-label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  font-size: 15px;
  color: #a94442;
  gap: 12px;
  line-height: 1.6;
}
.bb-check-label input[type="checkbox"] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: #d9534f;
}

/* モード特徴カード */
.bb-mode-card {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.bb-mode-card:last-child {
  margin-bottom: 0;
}
.bb-mode-card-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bb-mode-tag-active {
  background: #fee8e8;
  color: #d9534f;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-mode-tag-smart {
  background: #e2f4e5;
  color: #1e7e34;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.bb-mode-tag-normal {
  background: #e8ecf0;
  color: #495057;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 18px 20px;
  margin: 12px 0 16px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-group {
  margin-bottom: 14px;
}
.bb-fit-group:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
  display: block;
  margin-bottom: 8px;
}
.bb-fit-years-wrap {
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bb-fit-year-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 3px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
}
.bb-fit-sub-note {
  display: block;
  font-size: 13px;
  color: #d9534f;
  font-weight: bold;
  margin-top: 4px;
  padding-left: 2px;
  line-height: 1.5;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* ★ ポップアップ（共通） ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #004085 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 15px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #eef5fc !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #b8daff !important;
  margin-bottom: 22px !important;
}
.bb-btn-close-modal {
  background: #0056b3 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 13px 24px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background 0.2s !important;
}
.bb-btn-close-modal:hover {
  background: #004085 !important;
}

/* コントローラー案内リンクボタン */
.bb-btn-product-link {
  color: #ffffff !important;
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-align: center;
}
.bb-btn-m30 { background: #0056b3; }
.bb-btn-m30:hover { background: #004085; }

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-years-wrap { padding-left: 8px; }
  .bb-check-label { font-size: 14px; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/9 更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から発送までに 3営業日程度</strong> いただいております。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS LBX MORIZO RR 専用設計</div>
    <h1>アクティブブレーキホールド ABHC-16</h1>
    <div class="bb-price-badge">定価：14,800円（税込 16,280円）</div>
  </div>

  <!-- ★★★ ご注文時の重要事項（必須同意） ★★★ -->
  <div class="bb-critical-section">
    <div class="bb-critical-header">
      &#9888;&#65039; ご注文前に必ずご確認ください（重要事項）
    </div>
    
    <div class="bb-critical-body">
      <!-- 同意チェックボックス -->
      <div class="bb-check-consent-box">
        <label class="bb-check-label">
          <input type="checkbox" id="bb_consent_checkbox">
          <span>
            <span style="display: inline-block; background: #d9534f; color: #fff; font-size: 12px; padding: 1px 6px; border-radius: 3px; margin-bottom: 4px;">必須同意</span><br>
            本製品（ABHC-16）は単品では動作いたしません。<br>
            <span style="color: #d9534f; font-size: 15px; text-decoration: underline;">TV/ナビコントローラー（SNTC-M30）を装着済み、または今回同時注文することを確認しました。</span>
          </span>
        </label>
      </div>
    </div>
  </div>
  <!-- ★★★ ここまで ★★★ -->

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div style="background: #fff8f8; border: 1px solid #f5c6cb; padding: 10px 14px; border-radius: 6px; margin-bottom: 14px; font-weight: bold; color: #d9534f; font-size: 14px;">
      ※SNTC-M30 の同時装着が必要です。（本製品単体では取付・動作できません）
    </div>

    <!-- 適合車種・年式 -->
    <div class="bb-fit-box">
      <div class="bb-fit-group">
        <span class="bb-fit-models">・レクサス LBX MORIZO RR 8AT</span>
        <div class="bb-fit-years-wrap">
          <div class="bb-fit-year-row">
            <span class="bb-fit-year">2024(R6).8 &#12316; 2026(R8).4</span>
          </div>
          <span class="bb-fit-sub-note">※2026.5年次改良後は、純正ブレーキホールドにメモリー機能があります。ABHC-16は装着できません。</span>
          <span class="bb-fit-sub-note">※MORIZO RR 6MT車には純正のブレーキホールド機能がありませんので、ABHC-16は装着できません。</span>
        </div>
      </div>
    </div>
  </div>

  <!-- 製品特長：3つの動作モード -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; ABHC-16 仕様・3つの動作モード</h2>
    <p style="margin-bottom: 16px;">
      純正状態では、エンジン始動のたびにブレーキホールドスイッチを押してスタンバイ状態にする必要があります。<br>
      本製品を装着することで、<strong>エンジン始動時に自動的にお好みの動作モードへ移行</strong>します。<br>
      簡単な操作で各モードに切替えできます。
    </p>

    <!-- アクティブモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #d9534f;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-active">アクティブモード</span>
        <span style="color: #d9534f;">ペダル操作でホールド作動／解除</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        ブレーキペダル操作によるブレーキホールド作動/解除が可能です。<br>
        ブレーキペダルによる解除で、<strong>クリープ現象を活用したスムースな発進</strong>も可能です。<br>
        一部欧州車で採用されている方式で、快適にブレーキホールド機能を使用できます。
      </p>
    </div>

    <!-- スマートモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #1e7e34;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-smart">スマートモード</span>
        <span style="color: #1e7e34;">純正フィーリング ＋ EASY1stGO機能</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        純正の操作感覚でブレーキホールド作動／解除が可能です。<br>
        <strong style="color: #d9534f;">EASY1stGO機能</strong> 搭載により、ブレーキホールド機能利用時にわずらわしかった「始動後、最初の発進時」と「バックしたあとに切り返しのため前進する時」に、すぐにホールド状態になるのを停止します。<br>
        前進発進後、およそ15km/h以上になってからスタンバイ状態とすることで、快適なブレーキホールド機能を実現しました。
      </p>
    </div>

    <!-- ノーマルモード -->
    <div class="bb-mode-card" style="border-left: 4px solid #6c757d;">
      <div class="bb-mode-card-title">
        <span class="bb-mode-tag-normal">ノーマルモード</span>
        <span style="color: #495057;">純正状態へ簡単復帰</span>
      </div>
      <p style="margin: 0; font-size: 14px; line-height: 1.7;">
        本製品装着後もかんたんな操作で、純正動作モードにすることが可能。<br>
        ブレーキホールドを使用する場合は、純正状態同様ブレーキホールドスイッチを操作します。
      </p>
    </div>

    <div style="background: #f1f8ff; border: 1px solid #c8e1ff; padding: 12px 16px; border-radius: 6px; margin-top: 16px; font-size: 14px;">
      &#128161; 各動作モードは、手元の操作でいつでも簡単に切り替えてご使用いただけます。
    </div>
  </div>

  <!-- 取付け方法 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128268; お取付け方法（完全カプラーオン）</h2>
    <p style="margin: 0; line-height: 1.8;">
      TV/ナビコントローラー <strong>SNTC-M30 の「オプション4ピンコネクタ」</strong>と、<strong>「ブレーキホールドスイッチ裏のコネクタ」</strong>にカプラーオンで接続します。<br>
      車両側の配線を傷つけることなく、確実な取り付けが可能です。<br>
      <span class="bb-text-danger" style="font-size: 13px;">※車種別のパネル脱着資料はご用意しておりません。あらかじめご了承ください。</span>
    </p>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li><strong class="bb-text-danger">ABHC-16 単体では取付できません。</strong>必ず TV/ナビコントローラー（SNTC-M30）と一緒に装着してください。</li>
      <li>すでに SNTC-M30 を装着済みで、今回のご注文で ABHC-16 のみを購入される場合は、ご注文時の備考欄に<strong>『SNTC-M30 を装着済み』</strong>とご記入ください。（ご記入なく SNTC-M30 を一緒に注文されない場合、メールで確認のお問合せをさせていただきます）</li>
      <li>アクセルレスポンスを改善するスロットルコントローラーには、”ブレーキホールド機能と併用をしない”ように注意書きされている製品があります。スロットルコントローラーのメーカーH.P、適合表をご確認ください。</li>
      <li>車種別のパネル脱着資料はご用意しておりません。</li>
      <li>ご注文後のキャンセル、返品はご遠慮ください。</li>
      <li>仕様/価格は予告なく変更する場合がございます。</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内（ABHC-12と同様の12店舗・URL・順序） -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様<small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様<small>京都府八幡市</small>
      </a>
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様<small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様<small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様<small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様<small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様<small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様<small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様<small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様<small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様<small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様<small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【取付車種】 を選択してください。</strong><br><br>
      お取付けになる車種をお選びいただいてから『カートに入れる』ボタンを押してください。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ コントローラー未確認時の注意ポップアップモーダル ▼ -->
<div id="bbNoticeModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title" style="color: #d9534f;">&#9888;&#65039; ご注文前の重要なご確認</div>
    <div style="font-size: 14px; color: #444; line-height: 1.7; text-align: left; background: #fff8f8; padding: 16px 18px; border-radius: 6px; border: 1px solid #f5c6cb; margin-bottom: 20px;">
      <strong>アクティブブレーキホールド ABHC-16 は単体では動作いたしません。</strong><br><br>
      本製品のお取り付けには、TV/ナビコントローラー（<strong>SNTC-M30</strong>）が必要です。<br><br>
      お持ちでない場合は、本体コントローラーとの同時購入をお願いいたします。<br>
      <span style="color: #d9534f; font-weight: bold; display: block; margin-top: 6px;">
        ※下のTV/ナビコントローラーのリンクから『同時購入オプション、車種』を選択し、ご注文ください。
      </span>
    </div>
    <div style="display: flex; flex-direction: column; gap: 10px;">
      <a href="https://bluebanana99.shop-pro.jp/?pid=180242204" target="_blank" class="bb-btn-product-link bb-btn-m30" id="bbBtnM30Link">
        &#128073; TV/ナビコントローラー（SNTC-M30）をみる
      </a>
      <button type="button" style="background: #0056b3; color: #fff; border: none; padding: 12px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: bold;" id="bbConsentCloseBtn">
        すでに装着済み・同時購入済み（同意してカートに入れる）
      </button>
    </div>
  </div>
</div>

<!-- ▼ 物理シールド＆ポップアップ制御スクリプト ▼ -->
<script>
(function() {
  function ensureModalsInBody() {
    ['bbOptionAlertModal', 'bbNoticeModal'].forEach(function(id) {
      var m = document.getElementById(id);
      if (m && document.body && m.parentElement !== document.body) {
        document.body.appendChild(m);
      }
    });
  }

  function openOptionModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    }
  }

  function closeOptionModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  function openNoticeModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbNoticeModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    }
  }

  function closeNoticeModal() {
    var modal = document.getElementById('bbNoticeModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
  }

  // カートボタンを探索
  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // 確実にカート投入を実行する処理
  function triggerAddToCart() {
    var cartBtn = findActionButton();
    if (cartBtn) {
      cartBtn.click();
    } else {
      var form = document.querySelector('form[action*="cart"], form[name="cart"]');
      if (form) {
        form.submit();
      }
    }
  }

  document.addEventListener('click', function(e) {
    if (e.target) {
      if (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal') {
        e.preventDefault();
        closeOptionModal();
      } else if (e.target.id === 'bbConsentCloseBtn') {
        e.preventDefault();
        var chk = document.getElementById('bb_consent_checkbox');
        if (chk) chk.checked = true;
        closeNoticeModal();

        // 透明シールドを完全に隠してボタンへのブロックを解除
        var s = document.getElementById('bbActionShield');
        if (s) {
          s.style.display = 'none';
          s.style.pointerEvents = 'none';
        }

        // 即座にカート投入を実行
        setTimeout(function() {
          triggerAddToCart();
        }, 50);
      } else if (e.target.id === 'bbNoticeModal') {
        e.preventDefault();
        closeNoticeModal();
      }
    }
  });

  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('車種') !== -1 || txt.indexOf('LBX') !== -1 || txt.indexOf('MORIZO') !== -1 || txt.indexOf('選択') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('選んで') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  // 選択肢が品切れ（在庫なし・不足）かどうか判定
  function isItemSoldOut() {
    var bodyText = document.body ? document.body.innerText : '';
    if (bodyText.indexOf('在庫数が不足') !== -1 || bodyText.indexOf('在庫が不足') !== -1) {
      return true;
    }

    var sel = getTargetSelect();
    if (sel && sel.selectedIndex > 0) {
      var opt = sel.options[sel.selectedIndex];
      var optText = opt ? opt.text : '';
      if (optText.indexOf('品切れ') !== -1 || optText.indexOf('SOLD') !== -1 || optText.indexOf('在庫切') !== -1 || optText.indexOf('不足') !== -1) {
        return true;
      }
    }

    var btn = findActionButton();
    if (btn) {
      var cls = (btn.className || '').toString();
      var val = (btn.value || btn.textContent || '').trim();
      if (cls.indexOf('soldout') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return true;
      }
    }

    return false;
  }

  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        if (isUnselected()) {
          openOptionModal();
          return;
        }

        var chk = document.getElementById('bb_consent_checkbox');
        if (chk && !chk.checked) {
          openNoticeModal();
          return;
        }
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  function updateUI() {
    ensureModalsInBody();
    var unselected = isUnselected();
    var soldOut = !unselected && isItemSoldOut();
    var s = getShield();
    var btn = findActionButton();
    var chk = document.getElementById('bb_consent_checkbox');

    // 未選択時、または同意チェック未完了時（品切れ時は除く）にシールドでブロック
    var needGuard = (unselected || (chk && !chk.checked)) && !soldOut;

    if (needGuard && btn) {
      var rect = btn.getBoundingClientRect();
      s.style.top = (rect.top + window.scrollY) + 'px';
      s.style.left = (rect.left + window.scrollX) + 'px';
      s.style.width = Math.max(rect.width, 100) + 'px';
      s.style.height = Math.max(rect.height, 35) + 'px';
      s.style.display = 'block';
      s.style.pointerEvents = 'auto';

      if (unselected) {
        if (btn.tagName === 'INPUT') {
          if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) {
            btn.value = 'カートに入れる';
          }
        } else if (btn.childNodes.length <= 1) {
          if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) {
            btn.textContent = 'カートに入れる';
          }
        }
      }
    } else {
      s.style.display = 'none';
      s.style.pointerEvents = 'none';
    }
  }

  document.addEventListener('change', function(e) {
    if (e.target && (e.target.tagName === 'SELECT' || e.target.id === 'bb_consent_checkbox')) {
      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
      setTimeout(updateUI, 500);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
})();
</script>
<!-- ▲ ABHC-16 ここまで ▲ -->]]></content></entry><entry><title>SNTC-M31 レクサスLM500h(2023.12〜 ）LBX MORIZO RR 6MT(2024.8〜　）GX550(2024.5〜　）TV/ナビコントローラー</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=183974061" /><id>https://bluebanana99.shop-pro.jp/?pid=183974061</id><issued>2024-12-10T17:41:30+09:00</issued><modified>2026-10-01T09:19:24Z</modified><created>2024-12-10T08:41:30Z</created><summary>

/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- ▼ SNTC-M31 商品ページデザインスタイル ▼ -->
<style>
/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-btn,
body.bb-hide-restock .restock_btn,
body.bb-hide-restock .btn_restock,
body.bb-hide-restock a[href*="restock"],
body.bb-hide-restock button[id*="restock"],
body.bb-hide-restock button[class*="restock"],
body.bb-hide-restock div[id*="restock"],
body.bb-hide-restock div[class*="restock"],
body.bb-hide-restock [class*="restock"] {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* お知らせボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 特徴カード */
.bb-feature-card {
  background: #f8f9fa;
  border-left: 4px solid #0056b3;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 0 6px 6px 0;
}
.bb-feature-card strong {
  color: #0056b3;
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 16px 20px;
  margin: 12px 0 14px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-item {
  margin-bottom: 12px;
  font-size: 15px;
  color: #1a2a3a;
}
.bb-fit-item:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}
.bb-fit-sub {
  display: block;
  font-size: 13px;
  color: #555555;
  margin-top: 4px;
  padding-left: 4px;
}

/* 年式ご注意枠（適合直下） */
.bb-fit-warning-note {
  background: #fff3cd;
  border: 1px solid #ffeeba;
  border-left: 4px solid #ff9900;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  color: #856404;
  line-height: 1.7;
  margin-top: 14px;
}

/* 関連製品内用のミニご注意枠 */
.bb-option-warning-note {
  background: #fff3cd;
  border: 1px solid #ffeeba;
  border-left: 3px solid #ff9900;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 13px;
  color: #856404;
  line-height: 1.6;
  margin-top: 8px;
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* ★ ポップアップ（共通） ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #004085 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 15px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #eef5fc !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #b8daff !important;
  margin-bottom: 22px !important;
}
.bb-btn-close-modal {
  background: #0056b3 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 13px 24px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background 0.2s !important;
}
.bb-btn-close-modal:hover {
  background: #004085 !important;
}

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-year { display: block; width: fit-content; margin: 4px 0 0 0; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/1更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から 3営業日以内に発送</strong> いたします。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS LM / LBX MORIZO RR(6MT) / GX 専用設計</div>
    <h1>TV/ナビコントローラー SNTC-M31</h1>
    <div class="bb-price-badge">32,800円（税込 36,080円）</div>
  </div>

  <!-- カート選択のご案内 -->
  <div style="background: #eef5fc; border: 1px solid #b8daff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #004085; font-size: 15px;">&#128073; ご注文時の選択について</strong>
    <p style="margin: 6px 0 0 0; color: #333;">
      <strong>【同時購入オプション、車種】</strong> を選択してください。<br>
      「SNTC-M31 単品」または オプション製品「ABHC-17(LM500h)」「ABHC-18(GX550)」との同時購入セットをお選びいただけます。
    </p>
  </div>

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div class="bb-fit-box">
      <div class="bb-fit-item">
        <span class="bb-fit-models">・レクサス LM500h</span>
        <span class="bb-fit-year">2023(R5).12 〜</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・レクサス LBX MORIZO RR（6速マニュアル車）</span>
        <span class="bb-fit-year">2024(R6).8 〜</span>
        <span class="bb-fit-sub">※LBX、LBX MORIZO RR 8AT車には、従来製品 SNTC-M30 が適合します。</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・レクサス GX550</span>
        <span class="bb-fit-year">2024(R6).5 〜</span>
      </div>
    </div>

    <!-- ご注意年式案内 -->
    <div class="bb-fit-warning-note">
      &#9888;&#65039; <strong>ご注意）</strong> <strong>LM500h 2026(R8).3 〜</strong> の車両には、ブレーキホールドのメモリー機能が追加されました。<strong>ABHC-17は使用できません。</strong>
    </div>
  </div>

  <!-- 製品特長 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; SNTC-M31 TV/ナビコントローラーの特長</h2>
    
    <div class="bb-feature-card">
      <strong>・オーディオ連動機能搭載</strong>
      ・テレビ / HDMI など映像があるソース時は自動的に <strong>ON</strong><br>
      ・ラジオ / Bluetooth など音のみのソース時は自動的に <strong>OFF</strong><br>
      （もちろん任意でのON/OFFも可能です）
    </div>

    <div class="bb-feature-card">
      <strong>・TV/ナビコントローラーON時も自車位置がほぼ追従し、ルート案内も可能</strong>
      <span style="font-size: 13px; color: #777;">＊Apple CarPlay / Android Auto の地図アプリ上の自車位置は追従しません。アプリの位置情報は不正確となります。</span>
    </div>

    <div class="bb-feature-card">
      <strong>・ステアリングスイッチ操作（LTAスイッチ / GX550は VOL-スイッチ のダブルクリック）</strong>
      操作ON/OFF時にBEEP音が車両スピーカーから出力されます。<br>
      テレビ全画面視聴中に地図を確認したいときにスイッチをダブルクリック → もう一度ダブルクリックでテレビ全画面に戻りますので、ナビ画面をタッチする必要がありません。
    </div>
  </div>

  <!-- 同時購入おすすめ（関連製品：ABHC-17 / ABHC-18） -->
  <div class="bb-section" style="border: 2px solid #0056b3;">
    <h2 class="bb-section-heading" style="color: #0056b3; border-bottom-color: #0056b3;">&#128279; 同時装着 おすすめの製品</h2>
    <p>SNTC-M31と同時装着なら、取付けも簡単。すべてカプラーオンで接続可能です。</p>

    <!-- ABHC-17（LM500h） -->
    <div style="background: #f8f9fa; border: 1px solid #e1e4e8; border-radius: 6px; padding: 14px 16px; margin-top: 14px;">
      <div style="font-weight: bold; font-size: 16px; color: #1a2a3a;">
        ・アクティブブレーキホールド ABHC-17（LM500h 専用）
      </div>
      <div style="font-size: 15px; color: #d9534f; font-weight: bold; margin-top: 2px;">
        14,800円（税込 16,280円）
      </div>
      <!-- LM500h用ご注意（追加箇所） -->
      <div class="bb-option-warning-note">
        &#9888;&#65039; <strong>ご注意）</strong> <strong>LM500h 2026(R8).3 〜</strong> の車両には、ブレーキホールドのメモリー機能が追加されました。<strong>ABHC-17は使用できません。</strong>
      </div>
    </div>

    <!-- ABHC-18（GX550） -->
    <div style="background: #f8f9fa; border: 1px solid #e1e4e8; border-radius: 6px; padding: 14px 16px; margin-top: 10px;">
      <div style="font-weight: bold; font-size: 16px; color: #1a2a3a;">
        ・アクティブブレーキホールド ABHC-18（GX550 専用）
      </div>
      <div style="font-size: 15px; color: #d9534f; font-weight: bold; margin-top: 2px;">
        14,800円（税込 16,280円）
      </div>
    </div>

    <div style="background: #fff3cd; border: 1px solid #ffeeba; padding: 12px 16px; border-radius: 6px; font-size: 13px; color: #856404; margin-top: 14px;">
      &#9888;&#65039; <strong>ご注意：</strong><br>
      ・アクティブブレーキホールド（ABHC-17 / ABHC-18）は<strong>単品装着出来ません。必ず SNTC-M31 とセットでお使いください。</strong><br>
      （※SNTC-M31 のみの単品装着は可能です）<br>
      ・LBX MORIZO RR（6速マニュアル車）には純正ブレーキホールド機能が備わっていないため、オプションのABHCシリーズの設定はございません。
    </div>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li>自車位置マークは基本的に追従しますが、OFF時（純正時）と比べ動き方や精度に違いが生じます。</li>
      <li>音声ルート案内は、ナビ上に表示される距離と異なることがあります。</li>
      <li>高速道の下に一般道が並行している場合などに、高速道走行中に一般道を走行しているとナビが認識する場合があります。（その逆もあり） この状態では、SNTC-M31 機能OFFにしても、正しく認識しなおすのに時間が掛かる場合があります。</li>
      <li>SNTC-M31 機能ON時、トンネル内などGPS受信できない状況で、自車位置が停止する場合があります。</li>
      <li>ASL（車速に応じて音量を調整）ON設定の場合、純正時より音が大きく調整されます。</li>
      <li>純正ドライブレコーダーに記録される位置情報が、純正時と比べ精度に違いが生じます。</li>
      <li>Apple CarPlay / Android Auto での地図アプリの自車位置情報は、不正確となります。（純正ナビの自車位置表示とは異なります）</li>
      <li>アドバンストドライブ（渋滞時支援機能）は、SNTC-M31 をOFFにしてお使いください。</li>
      <li>SNTC-M31 ON時は、レーンチェンジアシスト機能を使用できません。</li>
      <li>SNTC-M31 および オプション製品（ABHC-17 / ABHC-18）を車両に装着される際は、補機バッテリーのマイナス端子を外してください。また、取扱説明書の最終ページ「故障とお考えになる前に」もご一読ください。（取付説明書/取扱説明書は製品に付属しております）</li>
      <li>ナビ背面の取付説明書は製品に付属しますが、車両パネルの脱着資料はご用意しておりません。</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <!-- 1行目：シンクデザイン 様 ／ 球屋 様 -->
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様
        <small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様
        <small>京都府八幡市</small>
      </a>

      <!-- 2行目以降：指定順 -->
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様
        <small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様
        <small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様
        <small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様
        <small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様
        <small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様
        <small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様
        <small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様
        <small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様
        <small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様
        <small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【同時購入オプション、車種】 を選択してください。</strong><br><br>
      「SNTC-M31 単品」または オプション製品「ABHC-17(LM500h)」「ABHC-18(GX550)」との同時購入セットより、該当の項目をお選びいただいてから『カートに入れる』ボタンを押してください。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ 物理シールド方式：100%クリック横取り＆再入荷通知連動スクリプト ▼ -->
<script>
(function() {
  var alertMessageText = "&#128073; ご注文時の選択について\n【同時購入オプション、車種】 を選択してください。\n\n「SNTC-M31 単品」または オプション製品「ABHC-17(LM500h)」「ABHC-18(GX550)」との同時購入セットをお選びいただけます。";

  // モーダルをbody直下に移動
  function ensureModalInBody() {
    var m = document.getElementById('bbOptionAlertModal');
    if (m && document.body && m.parentElement !== document.body) {
      document.body.appendChild(m);
    }
  }

  // ポップアップを開く
  function openModal() {
    ensureModalInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    } else {
      alert(alertMessageText);
    }
  }

  // ポップアップを閉じる＆スクロール
  function closeModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  // モーダルを閉じるボタン
  document.addEventListener('click', function(e) {
    if (e.target && (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal')) {
      e.preventDefault();
      closeModal();
    }
  });

  // 対象のプルダウン取得
  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('同時購入') !== -1 || txt.indexOf('有/無') !== -1 || txt.indexOf('SNTC') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  // 1番目（未選択）かどうか判定
  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  // カート／SOLD OUTボタンを探索
  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // ボタンの上に被せる透明シールド（確実にクリックを拾う）
  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        openModal();
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  // 状態反映
  function updateUI() {
    ensureModalInBody();
    var unselected = isUnselected();
    var b = document.body;
    if (!b) return;

    var s = getShield();
    var btn = findActionButton();

    if (unselected) {
      b.classList.add('bb-hide-restock');

      if (btn) {
        var rect = btn.getBoundingClientRect();
        s.style.top = (rect.top + window.scrollY) + 'px';
        s.style.left = (rect.left + window.scrollX) + 'px';
        s.style.width = Math.max(rect.width, 100) + 'px';
        s.style.height = Math.max(rect.height, 35) + 'px';
        s.style.display = 'block';

        // 表示を「カートに入れる」へ
        if (btn.tagName === 'INPUT') {
          if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) {
            btn.value = 'カートに入れる';
          }
        } else if (btn.childNodes.length <= 1) {
          if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) {
            btn.textContent = 'カートに入れる';
          }
        }
      }
    } else {
      b.classList.remove('bb-hide-restock');
      s.style.display = 'none';
    }
  }

  // イベント登録
  document.addEventListener('change', function(e) {
    if (e.target && e.target.tagName === 'SELECT') {
      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  // 初回起動
  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
})();
</script>
<!-- ▲ SNTC-M31 ここまで ▲ -->]]></content></entry><entry><title>ABHC-15 レクサスUX300h(2024.1〜　)用アクティブブレーキホールド</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=181681123" /><id>https://bluebanana99.shop-pro.jp/?pid=181681123</id><issued>2024-07-09T09:57:03+09:00</issued><modified>2026-05-26T02:16:51Z</modified><created>2024-07-09T00:57:03Z</created><summary>
2025/1/14　更新


ABHC-15:定価：14,800円（税込　16,280円）

＜ご注意＞※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。
車両メーカーの仕様変更によるものは、製品保証の対象...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<body>
<p>2025/1/14　更新<br />
<br />
<br />
ABHC-15:定価：14,800円（税込　16,280円）<br />
<br />
<b><font color="#ff0000">＜ご注意＞<br />※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。<br />
車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。<br />
<br />
</font></b><br />
<br />
<font color="#ff0000">ABHC-15単体では取付できません。　必ず　SNTC-M30　と一緒に装着してください。</font><br />
<br />
SNTC-M30 といっしょに　ご注文いただく場合は、TV/ナビコントローラーの商品ページから、ABHC-15をオプションで選択してご注文いただけますので、そちらからご注文ください。
<br />
<u><a href="https://bluebanana99.shop-pro.jp/?pid=180242204"><span style="font-size:medium;">TV/ナビコントローラーSNTC-M30</span></a></u>
<br />
<br />
<br />
すでに　SNTC-M30　を装着済みで、今回のご注文で　ABHC-15　のみを購入される場合、<br />
ご注文時の備考欄に　『SNTC-M30　を装着済み』　とご記入ください。<br />
ご記入なく　SNTC-M30を　いっしょに注文されない場合、メールで問合せさせていただきます。<br />
<br />
<font color="#ff0000">『カートに入れる』ボタン上の　取付車種を必ずお選びください。<br />
未選択ですと、　”選択いただいた商品の在庫数が不足しています”　表示がでます。</font><br />
<br />
<br />
ご自身で装着されない場合は、必ず　取付け依頼されるショップ様へ確認ください。<br />
下記リンクの　提携ショップ様　以外は　こちらからご紹介できません。ご了承ください。<br />
<br />
<font color="#ff0000" size="-1">ご注文後のキャンセル、返品はご遠慮ください。</font><br />
<br />
<br />
<font color="#ff0000">車種別のパネル脱着資料はご用意しておりません。</font><br />
<b><br />
ABHC-15 仕様<br />
</b><br />
<b>＜ご案内＞</b><br />
アクセルレスポンスを改善するスロットルコントローラーには、<br />
”ブレーキホールド機能と併用をしない”ように注意書きされている製品があります。<br />
スロットルコントローラーのメーカーH.P、適合表をご確認ください。<br />
<br />
<br />
適合車種：<font color="#000000">SNTC-M30の同時装着が必要です。</font><br />
<font color="#ff0000">レクサスUX300h(2024.1〜　)</font><br />
<br />
<br />
3つの動作モード<br />
<br />
・純正状態では、エンジン始動のたびに　ブレーキホールドスイッチを押して、スタンバイ状態にする必要があります。<br />
本製品装着により、エンジン始動時　自動的に　あらかじめ設定した動作モードになります。<br />
アクティブモード　、　スマートモード　、　ノーマルモードの3つの動作モードを切替えて使用可能。<br />
</p>
簡単な操作で　各モードに切替えできます。<br />
<br />
<b><font color="#ff0000">＜アクティブモード＞</font></b><br />
ブレーキペダル操作による　ブレーキホールド作動/解除が可能です。<br />
<br />
ブレーキペダルによる解除で、クリープ現象を活用した　スムースな発進も可能です。<br />
<br />
一部　欧州車で採用されている方式で、快適にブレーキホールド機能を使用できます。<br />
<br />
<br />
<b><font color="#00cc00">＜スマートモード＞</font></b><br />
<br />
純正の操作感覚で　ブレーキホールド作動／解除が可能です。<br />
<br />
<font color="#ff0000">EASY1stGO機能</font>　搭載により、ブレーキホールド機能利用時にわずらわしかった、始動後、最初の発進時と<br />
バックしたあとに切り返しのため前進する時　すぐにホールド状態になるのを停止します。<br />
前進発進後　およそ15ｋｍ/ｈ以上になってからスタンバイ状態とすることで、快適なブレーキホールド機能を実現しました。<br />
<br />
<br />
<b>＜ノーマルモード＞</b><br />
<br />
本製品装着後もかんたんな操作で、純正動作モードにすることが可能。<br>
<br />
ブレーキホールドを使用する場合は、純正状態同様　ブレーキホールドスイッチを操作します。<br />
<p><br />
・仕様/価格は変更する場合がございます。<br />
</p>
<p>＜取付け方法＞<br />TV/ナビコントローラー　SNTC-M30の　4ピンコネクタ　と　ブレーキホールドSW裏の配線に　1本　直接接続していただきます。<br />
<br />
接続するコネクタ位置、配線位置を記載した資料を添付します。
<br />
<img src="https://img06.shop-pro.jp/PA01020/851/etc_base64/QUJIQzE1peylr6W1pblVWDMwMGi86MnVwOLMwL3xMjAyNjA1MjYwMDE.jpg?cmsp_timestamp=20260526111502" alt="">
<br />
<b><font color="#ff0000">- 取付け店様　ご案内 -</font></b><br />
ご覧のお店で取付けいただいています。　　ここに掲載のショップ様以外のご案内はしておりません。<br />
<br />
ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店　様で<br />
お取付けいただける場合がございます。<br />
ご自身で取付されない方は、ご購入前に　取り付けていただけるお店にご確認の上、ご注文ください。<br />
（ご注文後のキャンセルは受け付けておりません）<br />
<br />
<BR>
※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へ　ご注文、ご予約下さい。<br />
（持ち込みでの取付け依頼はご遠慮ください）<BR>
<br />
<br />
<u><font size="+1"><a href="http://www.think-design.jp/" target="new">シンクデザイン　さん（神奈川県伊勢原市）</a><BR>
</font></u><br />
<u><font size="+1"><a href="http://www.luxim.jp/" target="new">LUXIM（ラクシム）　さん（岐阜県岐阜市）</a></font></u><br />
<br />
<u><a href="http://www.waltz-sound.com/web1/Top.html" target="new"><font size="+1">サウンドクラフト　ワルツ　さん（愛知県岡崎市）</font></a></u><br />
<br />
<u><a href="https://www.kidsgarage.jp/" target="new"><font size="+1">キッズガレージ　さん（愛知県春日井市）</font></a></u><br />
<br />
<a href="http://www.soundcreate-k.com/" target="new"><font size="+1"><u>サウンドクリエイト金沢　さん（石川県野々市市）</u></font></a><br />
<br />
<u><a href="https://www.e-onestop.jp/" target="new"><font size="+1">球屋　さん（京都府八幡市）</font></a></u><br />
<br />
<a href="http://minkara.carview.co.jp/userid/507783/profile/" target="new"><font size="+1"><u>井藤電機サービス　さん（大阪市東住吉区）</u></font></a><br />
<br />
<a href="https://www.xcelaudio.com/" target="new"><font size="+1"><u>エクセルオーディオ　さん（兵庫県神戸市）</u></font></a><br />
<br />
<a href="http://craftsman-jp.com/?page_id=693" target="new"><font size="+1"><u>クラフトマン　さん（岡山県岡山市）</u></font></a><br />
<br />
<a href="https://kw-fukuoka.jp/" target="new"><font size="+1"><u>クラフトワーク　さん（福岡県福岡市）</u></font></a><br />
<br />
</p>
</body>]]></content></entry><entry><title>ABHC-14　レクサスLBX( MORIZO RR除く ）用　アクティブブレーキホールドキット</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=180242673" /><id>https://bluebanana99.shop-pro.jp/?pid=180242673</id><issued>2024-03-30T22:10:27+09:00</issued><modified>2026-08-27T04:04:11Z</modified><created>2024-03-30T13:10:27Z</created><summary>
2025/1/14　更新

ABHC-14:定価：14,800円（税込　16,280円）

＜ご注意＞※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。
車両メーカーの仕様変更によるものは、製品保証の対象外...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<body>
<p>2025/1/14　更新<br />
<br />
<br />ABHC-14:定価：14,800円（税込　16,280円）<br />
<br />
<b><font color="#ff0000">＜ご注意＞<br />※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。<br />
車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。<br />
<br />
</font></b><br />
<br />
<font color="#ff0000">ABHC-14単体では取付できません。　必ず　TV/ナビコントローラー SNTC-M30　と一緒に装着してください。<br />
※SNTC-M30を　まだ購入いただいていない方は、<a href="https://bluebanana99.shop-pro.jp/?pid=180242204"><strong><span style="color:#0000FF"><u>SNTC-M30の商品ページ</u></span></strong></a>から、　SNTC-M30とABHC-14を同時購入ください。
</font><br />
<br />
<br />
ご自身で装着されない場合は、必ず　取付け依頼されるショップ様へ確認ください。<br />
下記リンクの　提携ショップ様　以外は　こちらからご紹介できません。ご了承ください。<br />
<br />
<font color="#ff0000">ご注文後のキャンセル、返品はご遠慮ください。</font><br />
<br />
<br />
<font color="#ff0000">車種別のパネル脱着資料はご用意しておりません。</font><br />
<b><br />
ABHC-14 仕様<br />
</b><br />
<br />
<b>＜ご案内＞</b><br />
アクセルレスポンスを改善するスロットルコントローラーには、<br />
”ブレーキホールド機能と併用をしない”ように注意書きされている製品があります。<br />
スロットルコントローラーのメーカーH.P、適合表をご確認ください。<br />
<br />
<br />
適合車種：<font color="#000000">TV/ナビコントローラー 　SNTC-M30の同時装着が必要です。　ABHC-14のみでは装着出来ません。</font><br />
<font color="#ff0000">レクサスLBX（2023.12〜 ）<br />
※LBX MORIZO RR 8AT車（2024. 8〜 ）には　ABHC-16　が適合します。　</font><br />
<br />
3つの動作モード<br />
<br />
・純正状態では、エンジン始動のたびに　ブレーキホールドスイッチを押して、スタンバイ状態にする必要があります。<br />
本製品装着により、エンジン始動時　自動的に　あらかじめ設定した動作モードになります。<br />
アクティブモード　、　スマートモード　、　ノーマルモードの3つの動作モードを切替えて使用可能。<br />
簡単な操作で　各モードに切替えできます。<br />
<br />
<br />
<b><font color="#ff0000">＜アクティブモード＞</font></b><br />
ブレーキペダル操作による　ブレーキホールド作動/解除が可能です。<br />
ブレーキペダルによる解除で、クリープ現象を活用した　スムースな発進も可能です。<br />
一部　欧州車で採用されている方式で、快適にブレーキホールド機能を使用できます。<br />
<br />
<br />
<b><font color="#00cc00">＜スマートモード＞</font></b><br />
<br />
純正の操作感覚で　ブレーキホールド作動／解除が可能です。<br />
<br />
<font color="#ff0000">EASY1stGO機能</font>　搭載により、ブレーキホールド機能利用時にわずらわしかった、始動後、最初の発進時と<br />
バックしたあとに切り返しのため前進する時　すぐにホールド状態になるのを停止します。<br />
前進発進後　およそ15km/h以上になってからスタンバイ状態とすることで、快適なブレーキホールド機能を実現しました。<br />
<br />
<br />
<b>＜ノーマルモード＞</b>（純正状態）<br />
<br />
本製品装着後もかんたんな操作で、純正動作モードにすることが可能。<br>
<br />
ブレーキホールドを使用する場合は、純正状態同様　ブレーキホールドスイッチを操作します。<br />
</p>
<p><br />
・仕様/価格は変更する場合がございます。<br />
</p>
<p>＜取付け方法＞<br />
TV/ナビコントローラー　SNTC-M30の　オプション4ピンコネクタと　ブレーキホールドSW裏のコネクタにカプラーオンで接続します。<br />
<br />
<b><font color="#ff0000">- 取付け店様　ご案内 -</font></b><br />
<font size="-1">ご覧のお店で取付けいただいています。　　ここに掲載のショップ様以外のご案内はしておりません。<br />
<br />
ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店　様で<br />
お取付けいただける場合がございます。<br />
ご自身で取付されない方は、ご購入前に　取り付けていただけるお店にご確認の上、ご注文ください。<br />
（ご注文後のキャンセルは受け付けておりません）<br />
<br />
<BR>
※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へ　ご注文、ご予約下さい。<br />
（持ち込みでの取付け依頼はご遠慮ください）<BR>
</font><br />
<br />
<u><font size="+1"><a href="http://www.think-design.jp/" target="new">シンクデザイン　さん（神奈川県伊勢原市）</a><BR>
</font></u><br />
<u><font size="+1"><a href="http://www.luxim.jp/" target="new">LUXIM（ラクシム）　さん（岐阜県岐阜市）</a></font></u><br />
<br />
<u><a href="http://www.waltz-sound.com/web1/Top.html" target="new"><font size="+1">サウンドクラフト　ワルツ　さん（愛知県岡崎市）</font></a></u><br />
<br />
<u><a href="https://www.kidsgarage.jp/" target="new"><font size="+1">キッズガレージ　さん（愛知県春日井市）</font></a></u><br />
<br />
<a href="http://www.soundcreate-k.com/" target="new"><font size="+1"><u>サウンドクリエイト金沢　さん（石川県野々市市）</u></font></a><br />
<br />
<a href="https://www.marino-sound.com/" target="new"><font size="+1"><u>マリノサウンド　さん（福井県敦賀市）</u></font></a><br />
<br />
<u><a href="https://www.e-onestop.jp/" target="new"><font size="+1">球屋　さん（京都府八幡市）</font></a></u><br />
<br />
<a href="http://minkara.carview.co.jp/userid/507783/profile/" target="new"><font size="+1"><u>井藤電機サービス　さん（大阪市東住吉区）</u></font></a><br />
<br />
<a href="https://www.xcelaudio.com/" target="new"><font size="+1"><u>エクセルオーディオ　さん（兵庫県神戸市）</u></font></a><br />
<br />
<a href="http://craftsman-jp.com/?page_id=693" target="new"><font size="+1"><u>クラフトマン　さん（岡山県岡山市）</u></font></a><br />
<br />
<a href="https://kw-fukuoka.jp/" target="new"><font size="+1"><u>クラフトワーク　さん（福岡県福岡市）</u></font></a><br />
<br />
</p>
</body>]]></content></entry><entry><title>SNTC-M30 レクサスLBX(2023.12〜 ）LBX MORIZO RR 8AT(2024.8〜）UX300h(2024.1〜)  IS300h(2026.1〜) TV/ナビコントローラー</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=180242204" /><id>https://bluebanana99.shop-pro.jp/?pid=180242204</id><issued>2024-03-30T20:25:04+09:00</issued><modified>2026-10-14T04:30:46Z</modified><created>2024-03-30T11:25:04Z</created><summary>



/* ★ 未選択時、または選択項目が明確に「在庫あり」のときのみ再入荷通知を非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-contai...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- ========================================================
     生成日時: 2026/10/09 16:35
     ======================================================== -->

<!-- ▼ SNTC-M30 商品ページデザインスタイル ▼ -->
<style>
/* ★ 未選択時、または選択項目が明確に「在庫あり」のときのみ再入荷通知を非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-btn,
body.bb-hide-restock .restock_btn,
body.bb-hide-restock .btn_restock,
body.bb-hide-restock a[href*="restock"],
body.bb-hide-restock button[id*="restock"],
body.bb-hide-restock button[class*="restock"],
body.bb-hide-restock div[id*="restock"],
body.bb-hide-restock div[class*="restock"],
body.bb-hide-restock [class*="restock"],
body.bb-item-in-stock #restock_mail_area,
body.bb-item-in-stock .restock_mail_area,
body.bb-item-in-stock #restock_app,
body.bb-item-in-stock #restock-app-container,
body.bb-item-in-stock .restock-btn,
body.bb-item-in-stock .restock_btn,
body.bb-item-in-stock .btn_restock,
body.bb-item-in-stock a[href*="restock"],
body.bb-item-in-stock button[id*="restock"],
body.bb-item-in-stock button[class*="restock"],
body.bb-item-in-stock div[id*="restock"],
body.bb-item-in-stock div[class*="restock"],
body.bb-item-in-stock [class*="restock"] {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* お知らせボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* パネル脱着バナー */
.bb-panel-link-box {
  background: #eef5fc;
  border: 1px solid #b8daff;
  padding: 12px 16px;
  border-radius: 6px;
  margin-bottom: 20px;
  text-align: center;
}
.bb-panel-link-box a {
  font-weight: bold;
  color: #0056b3;
  font-size: 15px;
  text-decoration: underline;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 特徴カード */
.bb-feature-card {
  background: #f8f9fa;
  border-left: 4px solid #0056b3;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 0 6px 6px 0;
}
.bb-feature-card strong {
  color: #0056b3;
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}

/* テーブルスタイル */
.bb-mode-table-wrap {
  margin: 20px 0;
  overflow-x: auto;
}
.bb-mode-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d0d7de;
  font-size: 14px;
  text-align: center;
}
.bb-mode-table th, .bb-mode-table td {
  padding: 12px 10px;
  vertical-align: middle;
}
.bb-mode-table thead th {
  font-weight: bold;
  letter-spacing: 0.5px;
}
.bb-th-mode {
  background-color: #f1f4f8;
  color: #333;
  width: 28%;
}
.bb-th-normal {
  background-color: #8c9ba5;
  color: #ffffff;
}
.bb-mode-table tbody tr {
  border-bottom: 1px solid #e1e4e8;
}
.bb-mode-table tbody tr:last-child {
  border-bottom: none;
}
.bb-td-mode {
  font-weight: bold;
  color: #1f2328;
  border-right: 1px solid #e1e4e8;
  background-color: #ffffff;
}
.bb-td-stock {
  border-right: 1px solid #e1e4e8;
  color: #555555;
}
.bb-td-active {
  background-color: #f0f7ff !important;
  color: #0056b3;
  font-weight: bold;
}
.bb-status-memorized {
  background: #d4edda;
  color: #155724;
  padding: 4px 10px;
  border-radius: 20px;
  display: inline-block;
  font-size: 13px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 16px 20px;
  margin: 12px 0 16px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-item {
  margin-bottom: 12px;
  font-size: 15px;
  color: #1a2a3a;
}
.bb-fit-item:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}
.bb-fit-sub {
  display: block;
  font-size: 13px;
  color: #555555;
  margin-top: 4px;
  padding-left: 4px;
}

/* ★ ポップアップ（モーダル）共通スタイル ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 530px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 19px !important;
  font-weight: bold !important;
  color: #c92a2a !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 14.5px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #fff5f5 !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #feb2b2 !important;
  margin-bottom: 18px !important;
}
.bb-modal-check-wrap {
  margin: 16px 0 20px 0 !important;
  padding: 12px 14px !important;
  background: #f8f9fa !important;
  border: 1px solid #d0d7de !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  text-align: left !important;
  cursor: pointer !important;
}
.bb-modal-check-wrap input {
  margin-top: 3px !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
}
.bb-modal-check-wrap span {
  font-size: 13.5px !important;
  font-weight: bold !important;
  color: #1a2a3a !important;
  user-select: none !important;
  line-height: 1.6 !important;
}
.bb-modal-footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.bb-btn-modal-cancel {
  background: #edf2f7 !important;
  color: #4a5568 !important;
  border: none !important;
  padding: 11px 20px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  cursor: pointer !important;
}
.bb-btn-modal-confirm {
  background: #0056b3 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 11px 22px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}
.bb-btn-modal-confirm:disabled {
  background: #a0aec0 !important;
  cursor: not-allowed !important;
}

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-mode-table th, .bb-mode-table td { padding: 10px 4px; font-size: 13px; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-year { display: block; width: fit-content; margin: 4px 0 0 0; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/09 更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から 3営業日以内に発送</strong> いたします。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面左下に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 車両パネル脱着手順リンク -->
  <div class="bb-panel-link-box">
    <a href="https://thinkdesign.base.shop/blog/2024/12/22/203506" target="_blank" rel="noopener">
      &#128214; 『シンクデザイン様ご提供 LBX車両パネル脱着手順』
    </a>
    <div style="font-size: 12.5px; color: #666; margin-top: 4px;">
      ※UX300h、IS300h用の車両パネル脱着手順はございません。
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS LBX / UX300h / IS300h 専用設計</div>
    <h1>TV/ナビコントローラー SNTC-M30</h1>
    <div class="bb-price-badge">32,800円（税込 36,080円）</div>
  </div>

  <!-- カート選択のご案内 -->
  <div style="background: #eef5fc; border: 1px solid #b8daff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #004085; font-size: 15px;">&#128073; ご注文時の選択について</strong>
    <p style="margin: 6px 0 0 0; color: #333;">
      <strong>「カートに入れる」ボタンの上の【同時購入オプション】</strong> を選択してください。<br>
      SNTC-M30 単体のほか、オプション製品 <strong>ABHC-14</strong>（LBX用）、<strong>ABHC-16</strong>（LBX MORIZO RR 8AT車用）、<strong>ABHC-15</strong>（UX300h用）、<strong>ABHC-19</strong>（IS300h用） を同時購入していただけます。
    </p>
  </div>

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div class="bb-fit-box">
      <!-- LBX -->
      <div class="bb-fit-item">
        <span class="bb-fit-models">・LBX</span>
        <span class="bb-fit-year">2023(R5).12 〜</span>
        <span class="bb-fit-sub">※HUD（ヘッドアップディスプレイ）あり：ステアリングスイッチ LTAボタンで操作</span>
        <span class="bb-fit-sub">※HUD（ヘッドアップディスプレイ）なし：ステアリングスイッチ VOL-ボタンで操作</span>
      </div>
      <!-- LBX MORIZO RR -->
      <div class="bb-fit-item" style="border-top: 1px dashed #d0d7de; padding-top: 10px; margin-top: 10px;">
        <span class="bb-fit-models">・LBX MORIZO RR（8AT車）</span>
        <span class="bb-fit-year">2024(R6).8 〜</span>
        <span class="bb-fit-sub">※HUDあり：LTAボタン操作 / HUDなし：VOL-ボタン操作</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 4px;">
          （ご注意）LBX MORIZO RR 6MT車には SNTC-M31 が適合します。本製品（SNTC-M30）は適合しません。
        </span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 2px;">
          ※LBX MORIZO RR（8AT車）2026(R8).3 〜 の車両には、ブレーキホールドのメモリー機能が追加されました。ABHC-16は使用できません。
        </span>
      </div>
      <!-- UX300h -->
      <div class="bb-fit-item" style="border-top: 1px dashed #d0d7de; padding-top: 10px; margin-top: 10px;">
        <span class="bb-fit-models">・UX300h</span>
        <span class="bb-fit-year">2024(R6).1 〜</span>
        <span class="bb-fit-sub">※ステアリングスイッチ VOL-ボタンで操作</span>
      </div>
      <!-- IS300h -->
      <div class="bb-fit-item" style="border-top: 1px dashed #d0d7de; padding-top: 10px; margin-top: 10px;">
        <span class="bb-fit-models">・IS300h</span>
        <span class="bb-fit-year">2026(R8).1 〜</span>
        <span class="bb-fit-sub">※ステアリングスイッチ VOL-ボタンで操作</span>
      </div>
    </div>

    <!-- 車種・オプション適合対応表（HTMLテーブル版） -->
    <div style="margin-top: 25px;">
      <strong style="color: #0b4b8a; font-size: 15px; display: block; margin-bottom: 6px;">
        【車種・オプション製品 適合対応表】
      </strong>
      <div class="bb-mode-table-wrap" style="margin: 0 0 10px 0;">
        <table class="bb-mode-table">
          <thead>
            <tr>
              <th class="bb-th-mode" style="width: 28%;">製品・オプション</th>
              <th class="bb-th-normal" style="width: 18%;">LBX</th>
              <th class="bb-th-normal" style="width: 18%;">LBX MORIZO RR (8AT)</th>
              <th class="bb-th-normal" style="width: 18%;">UX300h</th>
              <th class="bb-th-normal" style="width: 18%;">IS300h</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background-color: #fff9f9;">
              <td class="bb-td-mode" style="color: #d9534f;">SNTC-M30 のみ</td>
              <td colspan="4" class="bb-td-active"><span class="bb-status-memorized">適合</span></td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：アクティブブレーキホールド</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-14</td>
              <td class="bb-td-stock" style="font-weight: bold; color: #c92a2a;">ABHC-16<br><span style="font-size: 12px; font-weight: normal; color: #666;">（〜2026.2）</span></td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-15</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-19</td>
            </tr>
            <tr>
              <td class="bb-td-mode">接続方式</td>
              <td class="bb-td-stock">完全カプラーオン</td>
              <td class="bb-td-stock">完全カプラーオン</td>
              <td class="bb-td-stock" style="font-size: 12.5px;">4ピン接続＋1本配線接続</td>
              <td class="bb-td-stock">完全カプラーオン</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="font-size: 13px; color: #d9534f; font-weight: bold; margin-bottom: 10px; line-height: 1.6;">
        ※アクティブブレーキホールド（ABHC-14 / ABHC-15 / ABHC-16 / ABHC-19）は単品装着できません。必ず SNTC-M30 とセットでお使いください。[cite: 1]
        <br>
        ※LBX MORIZO RR 6MT車には SNTC-M31 が適合します（本製品・ABHC-16は適合しません）。<br>
        ※LBX MORIZO RR（8AT車）2026(R8).3 〜 の車両には、ブレーキホールドのメモリー機能が追加されました。ABHC-16は使用できません。
      </div>
    </div>
  </div>

  <!-- 製品特長 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; SNTC-M30 TV/ナビコントローラーの特長</h2>
    
    <div class="bb-feature-card">
      <strong>・オーディオ連動機能搭載</strong>
      ・テレビ / HDMI など映像があるソース時は自動的に <strong>ON</strong><br>
      ・ラジオ / Bluetooth など音のみのソース時は自動的に <strong>OFF</strong><br>
      （もちろん任意でのON/OFFも可能です）
    </div>

    <div class="bb-feature-card">
      <strong>・TV/ナビコントローラーON時も自車位置がほぼ追従し、ルート案内も可能</strong>
      <span style="font-size: 13px; color: #777;">＊Apple CarPlay / Android Auto の地図アプリ上の自車位置は追従しません。アプリの位置情報は不正確となります。</span>
    </div>

    <div class="bb-feature-card">
      <strong>・ステアリングスイッチ操作</strong>
      ・レクサス LBX（HUDあり）：LTAボタンで操作<br>
      ・レクサス LBX（HUDなし）：VOL-ボタンで操作<br>
      ・レクサス UX300h：VOL-ボタンで操作<br>
      ・レクサス IS300h：VOL-ボタンで操作<br>
      <div style="margin-top: 6px; font-size: 13.5px; color: #555;">
        テレビ全画面視聴中に地図を確認したいときにスイッチをダブルクリック → もう一度ダブルクリックでテレビ全画面に戻りますので、ナビ画面をタッチする必要がありません。操作ON/OFF時にはBEEP音が車両スピーカーから出力されます。
      </div>
    </div>

    <!-- レビュー動画 -->
    <div style="margin-top: 20px;">
      <p style="font-size: 14.5px; margin-bottom: 10px;">
        レクサス車のさまざまな情報を発信されている <strong>CSK REVIEW CHANNEL 様</strong> でレクサスLBX用 TV/ナビコントローラー SNTC-M30 をご紹介いただいております。
      </p>
      <div style="position: relative; width: 100%; max-width: 560px; margin: 0 auto; aspect-ratio: 16 / 9;">
        <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 4px;" src="https://www.youtube.com/embed/NoZ2ZQlL2MM" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
      </div>
    </div>
  </div>

  <!-- 同時購入おすすめ（関連製品：ABHCシリーズ） -->
  <div class="bb-section" style="border: 2px solid #0056b3;">
    <h2 class="bb-section-heading" style="color: #0056b3; border-bottom-color: #0056b3;">&#128279; 同時装着 おすすめの製品</h2>
    <p>
      SNTC-M30と同時装着なら、取付けも簡単。レクサスLBX（MORIZO RR 8AT車含む）、IS300hの場合は、すべてカプラーオンで接続可能です。<br>
      ※レクサスUX300hの場合は、SNTC-M30とABHC-15を4ピンコネクタで接続し、ABHC-15の配線1本をブレーキホールドスイッチ裏の配線に直接接続する必要があります。
    </p>

    <div style="font-weight: bold; font-size: 16px; margin-top: 15px; margin-bottom: 4px;">
      ブレーキホールド機能が使いやすくなる<br>
      ・アクティブブレーキホールド ABHC-14 / ABHC-15 / ABHC-16 / ABHC-19
    </div>
    <div style="font-size: 15px; color: #d9534f; font-weight: bold; margin-bottom: 12px;">
      各 14,800円（税込 16,280円）
    </div>

    <!-- ABHC 適合車種一覧 -->
    <div class="bb-fit-box" style="margin-bottom: 12px; background: #ffffff;">
      <div style="font-weight: bold; font-size: 14px; margin-bottom: 6px; color: #1a2a3a;">【ABHC 適合車種】</div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-14：LBX</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-16：LBX MORIZO RR（8AT車）</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 4px;">※MORIZO RR 8AT車 専用です。6MT車には適合しません。</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 2px;">※LBX MORIZO RR（8AT車）2026(R8).3 〜 の車両には、ブレーキホールドのメモリー機能が追加されました。ABHC-16は使用できません。</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-15：UX300h</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-19：IS300h</span>
      </div>
    </div>

    <div style="background: #fff3cd; border: 1px solid #ffeeba; padding: 12px 16px; border-radius: 6px; font-size: 13px; color: #856404;">
      &#9888;&#65039; <strong>ご注意：</strong><br>
      アクティブブレーキホールド ABHC-14 / ABHC-15 / ABHC-16 / ABHC-19 は <strong>単品装着出来ません。必ず SNTC-M30 とセットでお使いください。</strong>[cite: 1]
      <br>
      （※SNTC-M30 のみの単品装着は可能です）
    </div>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li>自車位置マークは基本的に追従しますが、OFF時（純正時）と比べ 動き方や精度に違いが生じます。[cite: 1]</li>
      <li>音声ルート案内は、ナビ上に表示される距離と異なることがあります。[cite: 1]</li>
      <li>高速道の下に一般道が並行している場合などに、高速道走行中に一般道を走行しているとナビが認識する場合があります。（その逆もあり） この状態では、SNTC-M30 機能OFFにしても、正しく認識しなおすのに時間が掛かる場合があります。[cite: 1]</li>
      <li>SNTC-M30 機能ON時、トンネル内などGPS受信できない状況で、自車位置が停止する場合があります。[cite: 1]</li>
      <li>ASL（車速に応じて音量を調整）ON設定の場合、純正時より 音が大きく調整されます。[cite: 1]</li>
      <li>純正ドライブレコーダーに記録される位置情報が、純正時と比べ 精度に違いが生じます。[cite: 1]</li>
      <li>Apple CarPlay / Android Auto での地図アプリの自車位置情報は、不正確となります。（純正ナビの自車位置表示とは異なります）[cite: 1]</li>
      <li>アドバンストドライブ（渋滞時支援機能）は、SNTC-M30 をOFFにしてお使いください。[cite: 1]</li>
      <li>SNTC-M30 ON時は、レーンチェンジアシスト機能を使用できません。[cite: 1]</li>
      <li>ナビ背面の取付け説明書は製品に付属しますが、ナビ脱着のための車両パネル等の脱着資料はご用意しておりません。ナビ脱着方法のご案内は出来ませんのでご了承ください。</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。[cite: 1]
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。[cite: 1]
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <!-- 1行目：シンクデザイン 様 ／ 球屋 様 -->
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様
        <small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様
        <small>京都府八幡市</small>
      </a>

      <!-- 2行目以降：指定順 -->
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様
        <small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様
        <small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様
        <small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様
        <small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様
        <small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様
        <small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様
        <small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様
        <small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様
        <small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様
        <small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【同時購入オプション】 を選択してください。</strong><br><br>
      「SNTC-M30 単体」または オプション製品「ABHC-14 (LBX用)」「ABHC-16 (LBX MORIZO RR 8AT用)」「ABHC-15 (UX300h用)」「ABHC-19 (IS300h用)」との同時購入セットをお選びいただけます。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn" style="background: #0056b3; color: #fff; border: none; padding: 13px 24px; border-radius: 6px; font-size: 15px; font-weight: bold; cursor: pointer; width: 100%;">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ ABHC-16 適合確認チェックボックス付きポップアップモーダル ▼ -->
<div id="bbFitAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#9888;&#65039; 適合に関する重要なお知らせ</div>
    <div class="bb-modal-body" id="bbFitModalMsg">
      <!-- 選択肢に応じた注意文が動的に表示されます -->
    </div>
    <label class="bb-modal-check-wrap">
      <input type="checkbox" id="bbFitModalCheckbox">
      <span id="bbFitModalCheckboxLabel">
        車両が LBX MORIZO RR（8AT車）2024.8 〜 2026.2 であることを確認しました（6MT車、および 2026.3〜 車両ではありません）
      </span>
    </label>
    <div class="bb-modal-footer">
      <button type="button" class="bb-btn-modal-cancel" id="bbFitModalCancel">キャンセル</button>
      <button type="button" class="bb-btn-modal-confirm" id="bbFitModalOk" disabled>確認して進む</button>
    </div>
  </div>
</div>

<!-- ▼ 物理シールド＆適合確認スクリプト ▼ -->
<script>
(function() {
  var alertMessageText = "&#128073; ご注文時の選択について\n【同時購入オプション】 を選択してください。\n\n「SNTC-M30 単体」または オプション製品「ABHC-14 (LBX用)」「ABHC-16 (LBX MORIZO RR 8AT用)」「ABHC-15 (UX300h用)」「ABHC-19 (IS300h用)」との同時購入セットをお選びいただけます。";

  var morizoWarningHtml = "【適合のご確認】<br>" +
    "本製品（SNTC-M30）および ABHC-16 は <strong>LBX MORIZO RR 8AT車 専用</strong> です。<br><br>" +
    "<span style='color:#c92a2a; font-weight:bold;'>※LBX MORIZO RR（8AT車）2026(R8).3 〜 の車両には、ブレーキホールドのメモリー機能が追加されました。ABHC-16は使用できません。</span><br>" +
    "<span style='color:#c92a2a;'>※MORIZO RR 6MT車には適合いたしません（6MT車には SNTC-M31 が適合します）。</span>";

  // モーダルをbody直下に配置
  function ensureModalsInBody() {
    var m1 = document.getElementById('bbOptionAlertModal');
    var m2 = document.getElementById('bbFitAlertModal');
    if (m1 && document.body && m1.parentElement !== document.body) document.body.appendChild(m1);
    if (m2 && document.body && m2.parentElement !== document.body) document.body.appendChild(m2);
  }

  // 1. 未選択警告モーダルの開閉
  function openOptionModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    } else {
      alert(alertMessageText);
    }
  }

  function closeOptionModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  document.addEventListener('click', function(e) {
    if (e.target && (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal')) {
      e.preventDefault();
      closeOptionModal();
    }
  });

  // 2. ABHC-16 適合確認モーダル
  var fitModal = document.getElementById('bbFitAlertModal');
  var fitModalMsg = document.getElementById('bbFitModalMsg');
  var fitCheckbox = document.getElementById('bbFitModalCheckbox');
  var fitOkBtn = document.getElementById('bbFitModalOk');
  var fitCancelBtn = document.getElementById('bbFitModalCancel');

  // ABHC-16 のみ適合確認ポップアップの対象とする（ABHC-14 等は対象外）
  function isAbhc16Option(text) {
    if (!text) return false;
    return /ABHC\s*[-ー]?\s*16/i.test(text) || (/MORIZO|モリゾウ/i.test(text) && text.indexOf('14') === -1);
  }

  var currentWarningType = null;
  var morizoConfirmed = false;
  var lastTargetSelect = null;
  var prevSelectedIndex = 0;

  function openFitModal(msg, type) {
    ensureModalsInBody();
    currentWarningType = type;
    fitModalMsg.innerHTML = msg;
    fitCheckbox.checked = false;
    fitOkBtn.disabled = true;
    fitModal.classList.add('bb-active');
    fitModal.style.setProperty('display', 'flex', 'important');
  }

  function closeFitModal() {
    fitModal.classList.remove('bb-active');
    fitModal.style.setProperty('display', 'none', 'important');
  }

  if (fitCheckbox) {
    fitCheckbox.addEventListener('change', function() {
      fitOkBtn.disabled = !this.checked;
    });
  }

  if (fitOkBtn) {
    fitOkBtn.addEventListener('click', function() {
      if (fitCheckbox.checked) {
        if (currentWarningType === 'morizo') morizoConfirmed = true;
        closeFitModal();

        // 確認完了時に即座にシールドを外してUI更新
        updateUI();

        // シールド解除後、そのままカートボタンをクリック実行
        setTimeout(function() {
          var btn = findActionButton();
          if (btn) btn.click();
        }, 80);
      }
    });
  }

  if (fitCancelBtn) {
    fitCancelBtn.addEventListener('click', function() {
      closeFitModal();
      if (lastTargetSelect) {
        lastTargetSelect.selectedIndex = prevSelectedIndex || 0;
      }
      if (currentWarningType === 'morizo') morizoConfirmed = false;
      updateUI();
    });
  }

  // 対象のプルダウン取得
  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('同時購入') !== -1 || txt.indexOf('有/無') !== -1 || txt.indexOf('SNTC') !== -1 || txt.indexOf('ABHC') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  // 未選択かどうか判定
  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  // カート／SOLD OUTボタンを探索
  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // ボタンの上に被せる透明シールド（未選択／未確認を確実にブロック）
  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        if (isUnselected()) {
          openOptionModal();
          return;
        }

        // 適合確認チェック（ABHC-16 のみ）
        var sel = getTargetSelect();
        var optText = (sel && sel.options[sel.selectedIndex]) ? sel.options[sel.selectedIndex].text : '';
        if (isAbhc16Option(optText) && !morizoConfirmed) {
          lastTargetSelect = sel;
          openFitModal(morizoWarningHtml, 'morizo');
          return;
        }
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  // 選択肢が品切れかどうか判定
  function isItemSoldOut() {
    var bodyText = document.body ? document.body.innerText : '';
    if (bodyText.indexOf('在庫数が不足') !== -1 || bodyText.indexOf('在庫が不足') !== -1) {
      return true;
    }
    var sel = getTargetSelect();
    if (sel && sel.selectedIndex > 0) {
      var opt = sel.options[sel.selectedIndex];
      var optText = opt ? opt.text : '';
      if (optText.indexOf('品切れ') !== -1 || optText.indexOf('SOLD') !== -1 || optText.indexOf('在庫切') !== -1 || optText.indexOf('不足') !== -1) {
        return true;
      }
    }
    var btn = findActionButton();
    if (btn) {
      var cls = (btn.className || '').toString();
      var val = (btn.value || btn.textContent || '').trim();
      if (cls.indexOf('soldout') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return true;
      }
    }
    return false;
  }

  // 状態反映
  function updateUI() {
    ensureModalsInBody();
    var unselected = isUnselected();
    var b = document.body;
    if (!b) return;

    var s = getShield();
    var btn = findActionButton();
    var sel = getTargetSelect();
    var optText = (sel && sel.options[sel.selectedIndex]) ? sel.options[sel.selectedIndex].text : '';

    var needsFitConfirm = (isAbhc16Option(optText) && !morizoConfirmed);

    if (unselected || needsFitConfirm) {
      if (unselected) {
        b.classList.add('bb-hide-restock');
        b.classList.remove('bb-item-in-stock');
      } else {
        b.classList.remove('bb-hide-restock');
      }

      if (btn) {
        var rect = btn.getBoundingClientRect();
        s.style.top = (rect.top + window.scrollY) + 'px';
        s.style.left = (rect.left + window.scrollX) + 'px';
        s.style.width = Math.max(rect.width, 100) + 'px';
        s.style.height = Math.max(rect.height, 35) + 'px';
        s.style.display = 'block';

        if (unselected) {
          if (btn.tagName === 'INPUT') {
            if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) btn.value = 'カートに入れる';
          } else if (btn.childNodes.length <= 1) {
            if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) btn.textContent = 'カートに入れる';
          }
        }
      }
    } else {
      b.classList.remove('bb-hide-restock');
      s.style.display = 'none';

      if (isItemSoldOut()) {
        b.classList.remove('bb-item-in-stock');
      } else {
        b.classList.add('bb-item-in-stock');
      }
    }
  }

  // イベント駆動＋遅延タイマー方式による監視
  document.addEventListener('focusin', function(e) {
    if (e.target && e.target.tagName === 'SELECT') {
      prevSelectedIndex = e.target.selectedIndex;
    }
  });

  document.addEventListener('change', function(e) {
    if (e.target && e.target.tagName === 'SELECT') {
      var optText = e.target.options[e.target.selectedIndex] ? e.target.options[e.target.selectedIndex].text : '';
      lastTargetSelect = e.target;

      if (isAbhc16Option(optText)) {
        morizoConfirmed = false;
        openFitModal(morizoWarningHtml, 'morizo');
      } else {
        morizoConfirmed = true;
      }

      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
      setTimeout(updateUI, 500);
      setTimeout(updateUI, 1000);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  // 初回起動（遅延レンダリング対応）
  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
  setTimeout(updateUI, 2000);
})();
</script>
<!-- ▲ SNTC-M30 ここまで ▲ -->]]></content></entry><entry><title>SNTC-M28 レクサスLC500(2023.6〜 ) TV/ナビコントローラー</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=178621047" /><id>https://bluebanana99.shop-pro.jp/?pid=178621047</id><issued>2023-12-16T09:44:15+09:00</issued><modified>2026-10-02T02:31:26Z</modified><created>2023-12-16T00:44:15Z</created><summary>2025/1/14更新


7営業日以内に発送いたします。


ご用意できる台数に限りがあり、売切れとなった場合は、次回の受注再開までお待ちください。
受注再開日時や個別でのお問合せには返信できかねます。お電話もご遠慮ください。

下にご案内の　再入荷通知アプリ...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<body>2025/1/14更新
<br />
<br />
<span style="color:#FF0000">7営業日以内に発送いたします。</span>
<br />
<br />
<br />ご用意できる台数に限りがあり、売切れとなった場合は、次回の受注再開までお待ちください。<br>
受注再開日時や個別でのお問合せには返信できかねます。お電話もご遠慮ください。<br />
<br />
下にご案内の　再入荷通知アプリに登録いただきますと、受注再開　2時間程度前にメールをお送りします。<br />
<br />＜再入荷通知アプリで発売時にメールをお送りします＞<br />
ご予約は承っておりませんので、この商品ページ左下に　表示される<br />”在庫切れ商品の再入荷通知を受け取る”　ボタンを押し、メールアドレスを入力してください。<br>
<br />発売（在庫更新）時に　メールが自動送信されます。　個別の入荷連絡はしておりませんので、お問合せはご遠慮ください。<br>
<br />・メールアドレスは、発売（再入荷）を通知する用途でのみ（カラーミーショップ　アプリ内）使用されます。<br>・在庫確保をお約束するものではありません。<br>・一度の入荷につき、お知らせメールは1回の配信となります。 その後も再販売お知らせメールの配信を希望される場合は、再度お申し込みをお願いします。<br />
<br />
-----------------------------------------------------------------------------<br />
<br />
<b><strong>『カートに入れるボタン』の　上の　”同時購入オプション、車種”　を選択してください。</strong></b><br />
<strong>SNTC-M28　と　オプション製品ABHC-401　を同時購入していただき易くしました。</strong><br />
<br />
<br />
カートに入れていただいた段階では、まだ商品在庫を確保できていません。決済手続き完了時にご注文が『確定』します。<br />
カートに入れた後、決済手続き中に売切れとなる場合がございます。<br />
-----------------------------------------------------------------------------<br />
<br />
<b><font size="+1">・TV/ナビコントローラー　SNTC-M28　　32,800円（税込み　36,080円）</font></b><br />
<b><font color="#ff0000">＜ご注意＞<br />※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。<br />
車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。<br />
<br />
<br /></b>
LC500への取付けは、車両パネルの脱着がとても難しく　大変です。
<br />　
ナビ裏への　SNTC-M28取付け説明書は製品に付属しますが、　車両パネルの脱着資料はご用意しておりません。
<br />
ご購入前に　取り付けていただけるお店にご確認の上、ご注文ください。<br />
（ご注文後のキャンセルは受け付けておりません）<br />
<br />
</font><br>
TV/ナビコントローラーSNTC-M28<br />
<br />
＜適合車種＞※マークレビンソン装着/非装着とも共通です。<br>
・LC500(2023.6〜）※LC500hは未確認<br />
<br />
<br>
＜TV/ナビコントローラーの特長＞<br>
・TV/ナビコントローラーON時も自車位置がほぼ追従し、ルート案内も可能<br />
＊Apple CarPlay / Android Auto　の地図アプリ上の自車位置は追従しません。アプリの位置情報は不正確となります。<br>
<br>
・ステアリングスイッチ操作　VOL-スイッチのダブルクリック(音量も下がります）<br />
※現行NX,RX用　SNTC-M29は　LTAスイッチで操作しますが、LC500のステアリングスイッチがタッチトレーサータイプではないため<br />
VOL-スイッチで操作します。<br />
<br>
・操作ON/OFF時に　BEEP音が車両スピーカーから出力<br>
・テレビ/HDMIなど映像があるソース時は自動的にON<br>
　ラジオ/Bluetoothなど　音のみのソース時は自動的にOFF<br>
　もちろん　任意でのON/OFFも可能<br>
<br>
テレビ全画面視聴中に　地図を確認したいときに　VOL-スイッチをダブルクリック　→<br>
もう一度　ダブルクリックで　テレビ全画面に戻りますので、ナビ画面をタッチする必要が<br>
ありません。<br>
<br>
<br>
＜注意事項＞<br>
※自車位置マークは基本的に追従しますが、OFF時（純正時）と比べ　動き方や精度に違いが生じます。<br />
<br />
※音声ルート案内は、ナビ上に表示される距離と異なることがあります。<br>
※高速道の下に一般道が並行している場合などに、高速道走行中に一般道を走行しているとナビが認識する場合があります。（その逆もあり）<br />
　 この状態では、SNTC-M28　機能OFFにしても、正しく認識しなおすのに時間が掛かる場合があります。<br />
※SNTC-M28　機能ON時、トンネル内などGPS受信できない状況で、自車位置が停止する場合があります。<br />
※ASL（車速に応じて音量を調整）ON設定の場合、純正時より　音が大きく調整されます。<br>
<br>
※Apple CarPlay/Android Autoでの　地図アプリの自車位置情報は、不正確となります。（純正ナビの自車位置表示とは異なります）<br>
<br />
<br>
※<b><font color="#ff0000">車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。あらかじめご了承ください。</font></b><br />
※<b><font color="#ff0000">製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。</font></b><br>
<br>
---------------関連製品 について SNTC-M28と同時装着が必要です----------------------<br />
＜同時装着　おすすめの製品＞<br />
SNTC-M28と同時装着なら、取付けも簡単。　SNTCM28とABHC-401は　4ピンコネクタで接続し、ABHC-401の　1本の配線は、ブレーキホールドスイッチ裏の配線に直接接続が必要です。<br />
<br />
ブレーキホールド機能が使いやすくなる<br />
・アクティブブレーキホールド ABHC-401(LC500/UX250ｈ/UX300e/ES300ｈ用)<br />
<br />
<br />SNTC-M28のみの単品装着は可能です。<br />
<br />
アクティブブレーキホールドABHC-401だけの　単品装着出来ません。<br />
必ず　SNTC-M28　とセットで装着してお使いください。<br />
<br />
</p>
<p>・アクティブブレーキホールド　ABHC-401　14,800円（税込み　16,280円）<br />
---------------------------------------------------------------------------------<br>
ご予約は承っておりませんので、ネットショップ受付中にご注文をお願いします。<br />
<br />
<br />
TV/ナビコントローラーの取付け説明書は製品に付属しますが、　車両パネルの脱着資料はご用意しておりません。<br />
<br />
<br>
<b><font color="#ff0000">- 取付け店様　ご案内 -</font></b><br />
ご覧のお店で取付けいただいています。　　ここに掲載のショップ様以外のご案内はしておりません。<br />
<br />
ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店　様で<br />
お取付けいただける場合がございます。<br />
ご自身で取付されない方は、ご購入前に　取り付けていただけるお店にご確認の上、ご注文ください。<br />
（ご注文後のキャンセルは受け付けておりません）<br />
<br />
<BR>
※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へ　ご注文、ご予約下さい。<br />
（持ち込みでの取付け依頼はご遠慮ください）<BR>
<br />
<br />
<u><font size="+1"><a href="http://www.think-design.jp/" target="new">シンクデザイン　さん（神奈川県伊勢原市）</a><BR>
</font></u><br />
<br />
<u><font size="+1"><a href="https://www.soundtec.co.jp/" target="new">SoundTec　さん（栃木県小山市）</a></font></u><br />
<br />
<u><font size="+1"><a href="http://www.luxim.jp/" target="new">LUXIM（ラクシム）　さん（岐阜県岐阜市）</a></font></u><br />
<br />
<u><a href="http://www.waltz-sound.com/web1/Top.html" target="new"><font size="+1">サウンドクラフト　ワルツ　さん（愛知県岡崎市）</font></a></u><br />
<br />
<u><a href="https://www.kidsgarage.jp/" target="new"><font size="+1">キッズガレージ　さん（愛知県春日井市）</font></a></u><br />
<br />
<a href="http://www.soundcreate-k.com/" target="new"><font size="+1"><u>サウンドクリエイト金沢　さん（石川県野々市市）</u></font></a><br />
<br />
<a href="https://www.marino-sound.com/" target="new"><font size="+1"><u>マリノサウンド　さん（福井県敦賀市）</u></font></a><br />
<br />
<u><a href="https://www.e-onestop.jp/" target="new"><font size="+1">球屋　さん（京都府八幡市）</font></a></u><br />
<br />
<a href="https://itodenkiservice.com/" target="new"><font size="+1"><u>井藤電機サービス　さん（大阪市東住吉区）</u></font></a><br />
<br />
<a href="https://www.xcelaudio.com/" target="new"><font size="+1"><u>エクセルオーディオ　さん（兵庫県神戸市）</u></font></a><br />
<br />
<a href="http://craftsman-jp.com/?page_id=693" target="new"><font size="+1"><u>クラフトマン　さん（岡山県岡山市）</u></font></a><br />
<br />
<a href="https://kw-fukuoka.jp/" target="new"><font size="+1"><u>クラフトワーク　さん（福岡県福岡市）</u></font></a><br />
<br />
2026/7/15<br />
<br />
</p>
</body>]]></content></entry><entry><title>ABHC-401 レクサスUX250h(2022.7〜2023.12)、UX300e(2023.4〜2023.12)、ES300h(2022.8〜 2026.5)、LC500(2023.6〜 )用</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=178413406" /><id>https://bluebanana99.shop-pro.jp/?pid=178413406</id><issued>2023-11-30T21:10:33+09:00</issued><modified>2026-06-15T01:49:20Z</modified><created>2023-11-30T12:10:33Z</created><summary>
2026/6/15　更新


ABHC-401:定価：14,800円（税込　16,280円）

＜ご注意＞※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。
車両メーカーの仕様変更によるものは、製品保証の対象...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<body>
<p>2026/6/15　更新<br />
<br />
<br />
ABHC-401:定価：14,800円（税込　16,280円）<br />
<br />
<b><font color="#ff0000">＜ご注意＞<br />※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。<br />
車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。<br />
<br />
</font></b><br />
<br />
<font color="#ff0000">ABHC-401単体では取付できません。　必ず　SNTC-M27/SNTC-M28　と一緒に装着してください。</font><br />
<br />
SNTC-M27/SNTC-M28 といっしょに　ご注文いただく場合は、TV/ナビコントローラーの商品ページから、ABHC-401をオプションで選択してご注文いただけますので、そちらからご注文ください。
<br />
<u><a href="https://bluebanana99.shop-pro.jp/?pid=178412790"><span style="font-size:medium;">TV/ナビコントローラーSNTC-M27</span></a></u>
<br />
<br />
<u><a href="https://bluebanana99.shop-pro.jp/?pid=178621047"><span style="font-size:medium;">TV/ナビコントローラーSNTC-M28</span></a></u>
<br />
<br />
<br />
すでに　SNTC-M27/SNTC-M28　を装着済みで、今回のご注文で　ABHC-401　のみを購入される場合、<br />
ご注文時の備考欄に　『SNTC-M27/SNTC-M28　を装着済み』　とご記入ください。<br />
ご記入なく　SNTC-M27/SNTC-M28を　いっしょに注文されない場合、メールで問合せさせていただきます。<br />
<br />
<font color="#ff0000">『カートに入れる』ボタン上の　取付車種を必ずお選びください。<br />
未選択ですと、　”選択いただいた商品の在庫数が不足しています”　表示がでます。</font><br />
<br />
次回の販売再開予定等は、トップページをご覧ください。ご予約、電話注文、「納車予定までに　」などのご希望はお受けできません。ご了承願います。<br /><br />
<br />
ご自身で装着されない場合は、必ず　取付け依頼されるショップ様へ確認ください。<br />
下記リンクの　提携ショップ様　以外は　こちらからご紹介できません。ご了承ください。<br />
<br />
<font color="#ff0000" size="-1">ご注文後のキャンセル、返品はご遠慮ください。</font><br />
<br />
<br />
<font color="#ff0000">車種別のパネル脱着資料はご用意しておりません。</font><br />
<b><br />
ABHC-401 仕様<br />
</b><br />
<b>＜ご案内＞</b><br />
アクセルレスポンスを改善するスロットルコントローラーには、<br />
”ブレーキホールド機能と併用をしない”ように注意書きされている製品があります。<br />
スロットルコントローラーのメーカーH.P、適合表をご確認ください。<br />
<br />
<br />
適合車種：<font color="#000000">SNTC-M27の同時装着が必要です。</font><br />
<font color="#ff0000">レクサスUX250h(2022.7〜2023.12)</font><br />
<font color="#ff0000">レクサスUX300e(2023.4〜2023.12)</font><br />
<font color="#ff0000">レクサスES300h(2022.8〜2026.5)</font><br />
<br />
適合車種：<font color="#000000">SNTC-M28の同時装着が必要です。</font><br />
<font color="#ff0000">レクサスLC500(2023.6〜 )</font><br />
<br />
3つの動作モード<br />
<br />
・純正状態では、エンジン始動のたびに　ブレーキホールドスイッチを押して、スタンバイ状態にする必要があります。<br />
本製品装着により、エンジン始動時　自動的に　あらかじめ設定した動作モードになります。<br />
アクティブモード　、　スマートモード　、　ノーマルモードの3つの動作モードを切替えて使用可能。<br />
</p>
簡単な操作で　各モードに切替えできます。<br />
<br />
<b><font color="#ff0000">＜アクティブモード＞</font></b><br />
ブレーキペダル操作による　ブレーキホールド作動/解除が可能です。<br />
<br />
ブレーキペダルによる解除で、クリープ現象を活用した　スムースな発進も可能です。<br />
<br />
一部　欧州車で採用されている方式で、快適にブレーキホールド機能を使用できます。<br />
<br />
<br />
<b><font color="#00cc00">＜スマートモード＞</font></b><br />
<br />
純正の操作感覚で　ブレーキホールド作動／解除が可能です。<br />
<br />
<font color="#ff0000">EASY1stGO機能</font>　搭載により、ブレーキホールド機能利用時にわずらわしかった、始動後、最初の発進時と<br />
バックしたあとに切り返しのため前進する時　すぐにホールド状態になるのを停止します。<br />
前進発進後　およそ15ｋｍ/ｈ以上になってからスタンバイ状態とすることで、快適なブレーキホールド機能を実現しました。<br />
<br />
<br />
<b>＜ノーマルモード＞</b><br />
<br />
本製品装着後もかんたんな操作で、純正動作モードにすることが可能。<br>
<br />
ブレーキホールドを使用する場合は、純正状態同様　ブレーキホールドスイッチを操作します。<br />
<p><br />
・仕様/価格は変更する場合がございます。<br />
</p>
<p>＜取付け方法＞<br />TV/ナビコントローラー　SNTC-M27/SNTC-M28の　4ピンコネクタ　と　ブレーキホールドSW裏の配線に　1本　直接接続していただきます。<br />
<br />
接続するコネクタ位置、配線位置を記載した資料を添付します。
<br />
<br />
<b><font color="#ff0000">- 取付け店様　ご案内 -</font></b><br />
ご覧のお店で取付けいただいています。　　ここに掲載のショップ様以外のご案内はしておりません。<br />
<br />
ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店　様で<br />
お取付けいただける場合がございます。<br />
ご自身で取付されない方は、ご購入前に　取り付けていただけるお店にご確認の上、ご注文ください。<br />
（ご注文後のキャンセルは受け付けておりません）<br />
<br />
<BR>
※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へ　ご注文、ご予約下さい。<br />
（持ち込みでの取付け依頼はご遠慮ください）<BR>
<br />
<br />
<u><font size="+1"><a href="http://www.think-design.jp/" target="new">シンクデザイン　さん（神奈川県伊勢原市）</a><BR>
<BR>
<a href="http://www.jimgmbh.com/" target="new">スポーツサービス　ジム　さん（静岡県富士市）</a><BR>
</font></u><br />
<u><font size="+1"><a href="http://www.luxim.jp/" target="new">LUXIM（ラクシム）　さん（岐阜県岐阜市）</a></font></u><br />
<br />
<u><a href="http://www.waltz-sound.com/web1/Top.html" target="new"><font size="+1">サウンドクラフト　ワルツ　さん（愛知県岡崎市）</font></a></u><br />
<br />
<u><a href="https://www.kidsgarage.jp/" target="new"><font size="+1">キッズガレージ　さん（愛知県春日井市）</font></a></u><br />
<br />
<a href="http://www.soundcreate-k.com/" target="new"><font size="+1"><u>サウンドクリエイト金沢　さん（石川県野々市市）</u></font></a><br />
<br />
<u><a href="https://www.e-onestop.jp/" target="new"><font size="+1">球屋　さん（京都府八幡市）</font></a></u><br />
<br />
<a href="http://minkara.carview.co.jp/userid/507783/profile/" target="new"><font size="+1"><u>井藤電機サービス　さん（大阪市東住吉区）</u></font></a><br />
<br />
<a href="https://www.xcelaudio.com/" target="new"><font size="+1"><u>エクセルオーディオ　さん（兵庫県神戸市）</u></font></a><br />
<br />
<a href="http://craftsman-jp.com/?page_id=693" target="new"><font size="+1"><u>クラフトマン　さん（岡山県岡山市）</u></font></a><br />
<br />
<a href="https://kw-fukuoka.jp/" target="new"><font size="+1"><u>クラフトワーク　さん（福岡県福岡市）</u></font></a><br />
<br />
</p>
</body>]]></content></entry><entry><title>SNTC-M27 レクサスUX200/UX250h(2022.7〜2023.12) UX300e(2023.4〜2023.12) ES300h(2022.8〜2026.5) TV/ナビコントローラー</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=178412790" /><id>https://bluebanana99.shop-pro.jp/?pid=178412790</id><issued>2023-11-30T20:31:46+09:00</issued><modified>2026-07-14T23:55:58Z</modified><created>2023-11-30T11:31:46Z</created><summary>2026/6/15更新


2023/12/19に発表されました　2024.1〜　の　UX300h　には　SNTC-M30　が適合します。　※　UX300eは未確認

＜再入荷通知アプリで発売時にメールをお送りします＞
売切れ　表示となっている場合は、この商品ページ左下に　表示される”在庫切れ商品...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<body>2026/6/15更新
<br />
<br />
<span style="color:#FF0000"><span style="font-size:medium;"><strong>2023/12/19に発表されました　2024.1〜　の　UX300h　には　SNTC-M30　が適合します。　※　UX300eは未確認</strong></span></span>
<br />
<br />＜再入荷通知アプリで発売時にメールをお送りします＞<br />
売切れ　表示となっている場合は、この商品ページ左下に　表示される<br />”在庫切れ商品の再入荷通知を受け取る”　ボタンを押し、メールアドレスを入力してください。<br>
<br />発売（在庫更新）時に　メールが自動送信されます。　個別の入荷連絡はしておりませんので、お問合せはご遠慮ください。<br>
<br />・メールアドレスは、発売（再入荷）を通知する用途でのみ（カラーミーショップ　アプリ内）使用されます。<br>・在庫確保をお約束するものではありません。<br>・一度の入荷につき、お知らせメールは1回の配信となります。 その後も再販売お知らせメールの配信を希望される場合は、再度お申し込みをお願いします。<br />
<br />
-----------------------------------------------------------------------------<br />
<br />
<b><strong>『カートに入れるボタン』の　上の　”同時購入オプション、車種”　を選択してください。</strong></b><br />
<strong>SNTC-M27　と　オプション製品ABHC-401　を同時購入していただき易くしました。</strong><br />
<br />
<br />
-----------------------------------------------------------------------------<br />
<br />
<b><font size="+1">・TV/ナビコントローラー　SNTC-M27　　32,800円（税込み　36,080円）</font></b><br />
<b><font color="#ff0000">＜ご注意＞<br />※車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。<br />
車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。<br />
<br />
</font></b><br>
TV/ナビコントローラーSNTC-M27<br />
<br />
＜適合車種＞※マークレビンソン装着/非装着とも共通です。<br>
<span style="color:#FF0000"><strong>2023/12/19に発表されました　2024.1〜　の　UX300h　には　SNTC-M30　が適合します。　※　UX300eは未確認</span></strong><br>
・UX200  (2022.7〜2023.12）　　※UX200には　ABHC-401は適合しません。<br />
・UX250h(2022.7〜2023.12）<br />
・UX300e(2023.4〜2023.12）<br>
・ES300h(2022.8〜2026.5）<br>
<br />
<br>
＜TV/ナビコントローラーの特長＞<br>
・TV/ナビコントローラーON時も自車位置がほぼ追従し、ルート案内も可能<br />
＊Apple CarPlay / Android Auto　の地図アプリ上の自車位置は追従しません。アプリの位置情報は不正確となります。<br>
<br>
・ステアリングスイッチ操作　VOL-スイッチのダブルクリック(音量も下がります）<br />
※現行NX,RX用　SNTC-M29は　LTAスイッチで操作しますが、UX,ESのステアリングスイッチがタッチトレーサータイプではないため<br />
VOL-スイッチで操作します。<br />
<br>
・操作ON/OFF時に　BEEP音が車両スピーカーから出力<br>
・テレビ/HDMIなど映像があるソース時は自動的にON<br>
　ラジオ/Bluetoothなど　音のみのソース時は自動的にOFF<br>
　もちろん　任意でのON/OFFも可能<br>
<br>
テレビ全画面視聴中に　地図を確認したいときに　VOL-スイッチをダブルクリック　→<br>
もう一度　ダブルクリックで　テレビ全画面に戻りますので、ナビ画面をタッチする必要が<br>
ありません。<br>
<br>
<br>
＜注意事項＞<br>
※自車位置マークは基本的に追従しますが、OFF時（純正時）と比べ　動き方や精度に違いが生じます。<br />
<br />
※音声ルート案内は、ナビ上に表示される距離と異なることがあります。<br>
※高速道の下に一般道が並行している場合などに、高速道走行中に一般道を走行しているとナビが認識する場合があります。（その逆もあり）<br />
　 この状態では、SNTC-M27　機能OFFにしても、正しく認識しなおすのに時間が掛かる場合があります。<br />
※SNTC-M27　機能ON時、トンネル内などGPS受信できない状況で、自車位置が停止する場合があります。<br />
※ASL（車速に応じて音量を調整）ON設定の場合、純正時より　音が大きく調整されます。<br>
<br>
※Apple CarPlay/Android Autoでの　地図アプリの自車位置情報は、不正確となります。（純正ナビの自車位置表示とは異なります）<br>
<br />
<br>
※<b><font color="#ff0000">車両メーカーの仕様変更等で　ナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。あらかじめご了承ください。</font></b><br />
※<b><font color="#ff0000">製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。</font></b><br>
<br>
---------------関連製品 について SNTC-M27と同時装着が必要です----------------------<br />
＜同時装着　おすすめの製品＞<br />
SNTC-M27と同時装着なら、取付けも簡単。　SNTCM27とABHC-401は　4ピンコネクタで接続し、ABHC-401の　1本の配線は、ブレーキホールドスイッチ裏の配線に直接接続が必要です。<br />
<br />
ブレーキホールド機能が使いやすくなる<br />
・アクティブブレーキホールド ABHC-401(UX250ｈ/UX300e/ES300ｈ用)　※UX200には適合しません。<br />
<br />
<br />SNTC-M27のみの単品装着は可能です。<br />
<br />
アクティブブレーキホールドABHC-401だけの　単品装着出来ません。<br />
必ず　SNTC-M27　とセットで装着してお使いください。<br />
<br />
</p>
<p>・アクティブブレーキホールド　ABHC-401　14,800円（税込み　16,280円）<br />
---------------------------------------------------------------------------------<br>
ご予約は承っておりませんので、ネットショップ受付中にご注文をお願いします。<br />
<br />
<br />
TV/ナビコントローラーの取付け説明書は製品に付属しますが、　車両パネルの脱着資料はご用意しておりません。<br />
<br />
<br>
<b><font color="#ff0000">- 取付け店様　ご案内 -</font></b><br />
<font size="-1">ご覧のお店で取付けいただいています。　　ここに掲載のショップ様以外のご案内はしておりません。<br />
<br />
ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店　様で<br />
お取付けいただける場合がございます。<br />
ご自身で取付されない方は、ご購入前に　取り付けていただけるお店にご確認の上、ご注文ください。<br />
（ご注文後のキャンセルは受け付けておりません）<br />
<br />
<BR>
※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へ　ご注文、ご予約下さい。<br />
（持ち込みでの取付け依頼はご遠慮ください）<BR>
</font><br />
<br />
<u><font size="+1"><a href="http://www.think-design.jp/" target="new">シンクデザイン　さん（神奈川県伊勢原市）</a><BR>
</font></u><br />
<br />
<u><font size="+1"><a href="https://www.soundtec.co.jp/" target="new">SoundTec　さん（栃木県小山市）</a></font></u><br />
<br />
<u><font size="+1"><a href="http://www.luxim.jp/" target="new">LUXIM（ラクシム）　さん（岐阜県岐阜市）</a></font></u><br />
<br />
<u><a href="http://www.waltz-sound.com/web1/Top.html" target="new"><font size="+1">サウンドクラフト　ワルツ　さん（愛知県岡崎市）</font></a></u><br />
<br />
<u><a href="https://www.kidsgarage.jp/" target="new"><font size="+1">キッズガレージ　さん（愛知県春日井市）</font></a></u><br />
<br />
<a href="http://www.soundcreate-k.com/" target="new"><font size="+1"><u>サウンドクリエイト金沢　さん（石川県野々市市）</u></font></a><br />
<br />
<a href="https://www.marino-sound.com/" target="new"><font size="+1"><u>マリノサウンド　さん（福井県敦賀市）</u></font></a><br />
<br />
<u><a href="https://www.e-onestop.jp/" target="new"><font size="+1">球屋　さん（京都府八幡市）</font></a></u><br />
<br />
<a href="https://itodenkiservice.com/" target="new"><font size="+1"><u>井藤電機サービス　さん（大阪市東住吉区）</u></font></a><br />
<br />
<a href="https://www.xcelaudio.com/" target="new"><font size="+1"><u>エクセルオーディオ　さん（兵庫県神戸市）</u></font></a><br />
<br />
<a href="http://craftsman-jp.com/?page_id=693" target="new"><font size="+1"><u>クラフトマン　さん（岡山県岡山市）</u></font></a><br />
<br />
<a href="https://kw-fukuoka.jp/" target="new"><font size="+1"><u>クラフトワーク　さん（福岡県福岡市）</u></font></a><br />
<br />
2026/7/15<br />
<br />
</p>
</body>]]></content></entry><entry><title>SNTC-M29 レクサスRX(2022.11〜 2025.1, 2025.2〜　)、NX(2021.11〜　)、RZ(2023. 3〜　)TV/ナビコントローラー</title><link rel="alternate" type="text/html" href="https://bluebanana99.shop-pro.jp/?pid=177972011" /><id>https://bluebanana99.shop-pro.jp/?pid=177972011</id><issued>2023-11-04T20:37:45+09:00</issued><modified>2026-10-13T02:30:30Z</modified><created>2023-11-04T11:37:45Z</created><summary>



/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .rest...</summary><author><name>bluebanana99</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<!-- ========================================================
     生成日時: 2026/10/08 09:03
     ======================================================== -->

<!-- ▼ SNTC-M29 商品ページデザインスタイル ▼ -->
<style>
/* ★ 1. 未選択時は再入荷通知関連をCSSで非表示 ★ */
body.bb-hide-restock #restock_mail_area,
body.bb-hide-restock .restock_mail_area,
body.bb-hide-restock #restock_app,
body.bb-hide-restock #restock-app-container,
body.bb-hide-restock .restock-btn,
body.bb-hide-restock .restock_btn,
body.bb-hide-restock .btn_restock,
body.bb-hide-restock a[href*="restock"],
body.bb-hide-restock button[id*="restock"],
body.bb-hide-restock button[class*="restock"],
body.bb-hide-restock div[id*="restock"],
body.bb-hide-restock div[class*="restock"],
body.bb-hide-restock [class*="restock"] {
  display: none !important;
}

.bb-product-wrap {
  max-width: 860px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 15px;
  box-sizing: border-box;
}
.bb-product-wrap * {
  box-sizing: border-box;
}

/* 更新日時表示 */
.bb-update-time {
  text-align: right;
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}

/* お知らせボックス */
.bb-notice-box {
  background-color: #fff8f8;
  border: 1px solid #f5c6cb;
  border-left: 5px solid #d9534f;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-notice-title {
  font-weight: bold;
  color: #d9534f;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* メインタイトル */
.bb-main-title {
  background: #1a2a3a;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.bb-main-title h1 {
  font-size: 22px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  font-weight: bold;
}
.bb-price-badge {
  display: inline-block;
  background: #d9534f;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
}

/* セクション共通 */
.bb-section {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.bb-section-heading {
  font-size: 18px;
  font-weight: bold;
  color: #1a2a3a;
  border-bottom: 2px solid #0056b3;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 16px;
}

/* 特徴カード */
.bb-feature-card {
  background: #f8f9fa;
  border-left: 4px solid #0056b3;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 0 6px 6px 0;
}
.bb-feature-card strong {
  color: #0056b3;
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}

/* テーブルスタイル */
.bb-mode-table-wrap {
  margin: 20px 0;
  overflow-x: auto;
}
.bb-mode-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d0d7de;
  font-size: 14px;
  text-align: center;
}
.bb-mode-table th, .bb-mode-table td {
  padding: 12px 10px;
  vertical-align: middle;
}
.bb-mode-table thead th {
  font-weight: bold;
  letter-spacing: 0.5px;
}
.bb-th-mode {
  background-color: #f1f4f8;
  color: #333;
  width: 28%;
}
.bb-th-normal {
  background-color: #8c9ba5;
  color: #ffffff;
}
.bb-th-sntc {
  background-color: #0b4b8a;
  color: #ffffff;
}
.bb-mode-table tbody tr {
  border-bottom: 1px solid #e1e4e8;
}
.bb-mode-table tbody tr:last-child {
  border-bottom: none;
}
.bb-td-mode {
  font-weight: bold;
  color: #1f2328;
  border-right: 1px solid #e1e4e8;
  background-color: #ffffff;
}
.bb-td-stock {
  border-right: 1px solid #e1e4e8;
  color: #555555;
}
.bb-status-reset {
  color: #c92a2a;
  font-weight: bold;
}
.bb-td-active {
  background-color: #f0f7ff !important;
  color: #0056b3;
  font-weight: bold;
}
.bb-status-memorized {
  background: #d4edda;
  color: #155724;
  padding: 4px 10px;
  border-radius: 20px;
  display: inline-block;
  font-size: 13px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* 警告・注意枠 */
.bb-caution-box {
  background-color: #fffdf5;
  border: 1px solid #ffeeba;
  border-left: 5px solid #ff9900;
  padding: 18px 20px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.bb-caution-box ul {
  padding-left: 20px;
  margin: 8px 0;
}
.bb-caution-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.bb-text-danger {
  color: #d9534f;
  font-weight: bold;
}

/* ショップ一覧ボタングリッド */
.bb-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 15px;
}
.bb-shop-btn {
  display: block;
  padding: 12px 14px;
  background: #f8f9fa;
  border: 1px solid #cfd7df;
  border-radius: 6px;
  color: #1a2a3a;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bb-shop-btn:hover {
  background: #0056b3;
  color: #ffffff;
  border-color: #0056b3;
  text-decoration: none;
}
.bb-shop-btn small {
  display: block;
  color: #666;
  font-size: 12px;
  margin-top: 2px;
}
.bb-shop-btn:hover small {
  color: #e0e0e0;
}

/* 適合車種スタイル */
.bb-fit-box {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  border-left: 4px solid #0056b3;
  padding: 16px 20px;
  margin: 12px 0 16px 0;
  border-radius: 0 6px 6px 0;
}
.bb-fit-item {
  margin-bottom: 12px;
  font-size: 15px;
  color: #1a2a3a;
}
.bb-fit-item:last-child {
  margin-bottom: 0;
}
.bb-fit-models {
  font-weight: bold;
  font-size: 16px;
  color: #0b4b8a;
}
.bb-fit-year {
  display: inline-block;
  background: #e9ecef;
  color: #495057;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}
.bb-fit-sub {
  display: block;
  font-size: 13px;
  color: #555555;
  margin-top: 4px;
  padding-left: 4px;
}

/* ★ ポップアップ（モーダル）共通スタイル ★ */
.bb-modal-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 2147483647 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.bb-modal-overlay.bb-active {
  display: flex !important;
}
.bb-modal-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.bb-modal-title {
  font-size: 19px !important;
  font-weight: bold !important;
  color: #c92a2a !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.bb-modal-body {
  font-size: 14.5px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  text-align: left !important;
  background: #fff5f5 !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #feb2b2 !important;
  margin-bottom: 18px !important;
}
.bb-modal-check-wrap {
  margin: 16px 0 20px 0 !important;
  padding: 12px 14px !important;
  background: #f8f9fa !important;
  border: 1px solid #d0d7de !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  text-align: left !important;
  cursor: pointer !important;
}
.bb-modal-check-wrap input {
  margin-top: 3px !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
}
.bb-modal-check-wrap span {
  font-size: 13.5px !important;
  font-weight: bold !important;
  color: #1a2a3a !important;
  user-select: none !important;
}
.bb-modal-footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.bb-btn-modal-cancel {
  background: #edf2f7 !important;
  color: #4a5568 !important;
  border: none !important;
  padding: 11px 20px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  cursor: pointer !important;
}
.bb-btn-modal-confirm {
  background: #0056b3 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 11px 22px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}
.bb-btn-modal-confirm:disabled {
  background: #a0aec0 !important;
  cursor: not-allowed !important;
}

/* スマホ向け調整 */
@media screen and (max-width: 600px) {
  .bb-product-wrap { font-size: 14px; }
  .bb-update-time { font-size: 12px; }
  .bb-section { padding: 18px 14px; }
  .bb-main-title h1 { font-size: 18px; }
  .bb-price-badge { font-size: 15px; }
  .bb-shop-grid { grid-template-columns: 1fr; }
  .bb-mode-table th, .bb-mode-table td { padding: 10px 4px; font-size: 13px; }
  .bb-fit-models { font-size: 15px; }
  .bb-fit-year { display: block; width: fit-content; margin: 4px 0 0 0; }
}
</style>

<div class="bb-product-wrap">

  <!-- 一番最初の行：更新日時 -->
  <div class="bb-update-time">2026/10/8 更新</div>

  <!-- 発送・納期・再入荷案内 -->
  <div class="bb-notice-box">
    <div class="bb-notice-title">&#128226; ご注文・納期に関するご案内</div>
    <p style="margin: 0 0 8px 0;">
      <strong class="bb-text-danger">ご注文から発送までに 3営業日程度</strong> いただいております。<br>
      ※道路状況等により、通常のお届け日数より遅れる場合がございます。あらかじめご了承願います。
    </p>
    <div style="font-size: 13px; color: #555; border-top: 1px dashed #e5c0c0; padding-top: 8px; margin-top: 8px;">
      <strong>【在庫切れ時の「再入荷通知」について】</strong><br>
      ご希望の選択肢が売り切れ表示の場合は、画面に表示される <strong>”在庫切れ商品の再入荷通知を受け取る”</strong> ボタンよりメールアドレスをご登録ください。発売（在庫更新）時にメールが自動送信されます。<br>
      ※個別での入荷連絡やお問合せ対応は行っておりません。<br>
      ※メールアドレスは再入荷通知用途のみ（カラーミーショップ アプリ内）で使用されます。<br>
      ※在庫確保をお約束するものではありません。一度の入荷につき配信は1回となりますので、その後も希望される場合は再度お申し込みください。
    </div>
  </div>

  <!-- 車両パネル脱着手順リンクカード -->
  <div style="background: #f1f8ff; border: 1px solid #c8e1ff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #0056b3; font-size: 15px; display: block; margin-bottom: 8px;">&#128295; シンクデザイン様ご提供 車両パネル脱着手順書</strong>
    <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; font-size: 14px;">
      <a href="https://thinkdesign.base.shop/blog/2023/05/11/034500" target="_blank" rel="noopener" style="color: #0056b3; font-weight: bold; text-decoration: underline;">
        『LEXUS 新型NX 車両パネル脱着手順』
      </a>
      <a href="https://thinkdesign.base.shop/blog/2023/04/24/122028" target="_blank" rel="noopener" style="color: #0056b3; font-weight: bold; text-decoration: underline;">
        『LEXUS 新型RX 車両パネル脱着手順』
      </a>
    </div>
  </div>

  <!-- 商品ヘッダー -->
  <div class="bb-main-title">
    <div style="font-size: 14px; color: #ffc107; font-weight: bold; margin-bottom: 4px;">LEXUS NX / RX / RZ 対応</div>
    <h1>TV/ナビコントローラー SNTC-M29</h1>
    <div class="bb-price-badge">32,800円（税込 36,080円）</div>
  </div>

  <!-- カート選択のご案内 -->
  <div style="background: #eef5fc; border: 1px solid #b8daff; padding: 14px 18px; border-radius: 6px; margin-bottom: 25px; text-align: center;">
    <strong style="color: #004085; font-size: 15px;">&#128073; ご注文時の選択について</strong>
    <p style="margin: 6px 0 0 0; color: #333;">
      <strong>【同時購入オプション、車種】</strong> を選択してください。<br>
      「SNTC-M29 単体」または オプション製品「ABHC-11」「ABHC-12」「ABHC-21」「DMSC-02」との同時購入セットをお選びいただけます。
    </p>
  </div>

  <!-- 適合車種 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128203; 適合車種</h2>
    <div class="bb-fit-box">
      <div class="bb-fit-item">
        <span class="bb-fit-models">・RX500h / RX450h+ / RX350h / RX350</span>
        <span class="bb-fit-year">2022(R4).11 〜 2025(R7).1 および 2025(R7).2 〜</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 4px;">
          ※RXには、ドライブモードメモリー機能を搭載した最新モデル <a href="https://bluebanana99.shop-pro.jp/?pid=185936010" target="_blank" rel="noopener" style="color: #d9534f; text-decoration: underline; font-size: 1.15em; font-weight: 900; letter-spacing: 0.5px;">SNTC-M32DRM</a> がおすすめです。
        </span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold;">※2026.9.30発売 一部改良モデル には ABHC-12 適合しません。</span>
      </div>
      <div class="bb-fit-item" style="border-top: 1px dashed #d0d7de; padding-top: 10px; margin-top: 10px;">
        <span class="bb-fit-models">・NX450h+ / NX350h / NX350 / NX250</span>
        <span class="bb-fit-year">2021(R3).11 〜 2024(R6).2 および 2024(R6).3 〜</span>
        <span class="bb-fit-sub">※年次改良前／後とも 14インチディスプレイ装着車のみ適合（※9.8インチディスプレイ車には適合しません）。</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 4px;">※NXには、SNTC-M32DRM はお使いいただけません。</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold;">※2026.9.1発表 新型モデル には ABHC-12 適合しません。</span>
      </div>
      <div class="bb-fit-item" style="border-top: 1px dashed #d0d7de; padding-top: 10px; margin-top: 10px;">
        <span class="bb-fit-models">・RZ600e / RZ550e / RZ500e / RZ350e</span>
        <span class="bb-fit-year">2026(R8).1 〜</span>
        <span class="bb-fit-sub">※ヨーク型ステアリング（ステアバイワイヤシステム）車 含む。</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・RZ450e</span>
        <span class="bb-fit-year">2023(R5).3 〜 2025(R7).12</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 4px;">
          ※RZには、ドライブモードメモリー機能を搭載した最新モデル <a href="https://bluebanana99.shop-pro.jp/?pid=191060965" target="_blank" rel="noopener" style="color: #d9534f; text-decoration: underline; font-size: 1.15em; font-weight: 900; letter-spacing: 0.5px;">SNTC-M33DRM</a> がおすすめです。
        </span>
      </div>
    </div>

    <!-- RX・NX・RZ共通の補足として配置 -->
    <p style="margin: 8px 0 6px 0; font-weight: 500; color: #333; font-size: 14px;">
      ※マークレビンソン装着車／非装着車ともに共通で適合します。
    </p>

    <!-- 車種・オプション適合対応表（HTMLテーブル版） -->
    <div style="margin-top: 25px;">
      <strong style="color: #0b4b8a; font-size: 15px; display: block; margin-bottom: 6px;">
        【RX（2022.11〜2025.1）（2025.2〜  ）】
      </strong>
      <div class="bb-mode-table-wrap" style="margin: 0 0 10px 0;">
        <table class="bb-mode-table">
          <thead>
            <tr>
              <th class="bb-th-mode" style="width: 32%;">製品名・オプション</th>
              <th class="bb-th-normal" style="width: 17%;">RX350</th>
              <th class="bb-th-normal" style="width: 17%;">RX350h</th>
              <th class="bb-th-normal" style="width: 17%;">RX450h+</th>
              <th class="bb-th-normal" style="width: 17%;">RX500h</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background-color: #fff9f9;">
              <td class="bb-td-mode" style="color: #d9534f;">SNTC-M29 のみ</td>
              <td colspan="4" class="bb-td-active"><span class="bb-status-memorized">適合</span></td>
            </tr>
            <tr>
              <td class="bb-td-mode">SNTC-M32DRM のみ</td>
              <td colspan="4" class="bb-td-stock" style="font-weight: bold; color: #1a2a3a;">適合</td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：アクティブブレーキホールド</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-11</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：ドライブモードメモリー</td>
              <td colspan="4" class="bb-td-active" style="color: #0b4b8a; font-weight: bold;">SNTC-M32DRM に機能内蔵</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="font-size: 13px; color: #d9534f; font-weight: bold; margin-bottom: 22px; line-height: 1.5;">
        ※ABHC-11、ABHC-12 は、SNTC-M29 または SNTC-M32DRM と同時装着が必要です。
      </div>

      <strong style="color: #0b4b8a; font-size: 15px; display: block; margin-bottom: 6px;">
        【NX（2021.11〜2024.2）（2024.3〜 ）】<small style="font-size: 13px; color: #555; font-weight: normal;">※14インチディスプレイ車のみ</small>
      </strong>
      <div class="bb-mode-table-wrap" style="margin: 0 0 10px 0;">
        <table class="bb-mode-table">
          <thead>
            <tr>
              <th class="bb-th-mode" style="width: 32%;">製品名・オプション</th>
              <th class="bb-th-normal" style="width: 17%;">NX250</th>
              <th class="bb-th-normal" style="width: 17%;">NX350</th>
              <th class="bb-th-normal" style="width: 17%;">NX350h</th>
              <th class="bb-th-normal" style="width: 17%;">NX450h+</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background-color: #fff9f9;">
              <td class="bb-td-mode" style="color: #d9534f;">SNTC-M29 のみ</td>
              <td colspan="4" class="bb-td-active"><span class="bb-status-memorized">適合</span></td>
            </tr>
            <tr style="background-color: #f8f9fa;">
              <td class="bb-td-mode" style="color: #666;">SNTC-M32DRM</td>
              <td colspan="4" class="bb-td-stock"><span class="bb-status-reset">適合しません</span></td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：アクティブブレーキホールド</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-11</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-11</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
              <td class="bb-td-stock" style="font-weight: bold;">ABHC-12</td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：ドライブモードメモリー</td>
              <td colspan="4" class="bb-td-stock" style="font-weight: bold;">DMSC-02</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="font-size: 13px; color: #d9534f; font-weight: bold; margin-bottom: 22px; line-height: 1.5;">
        ※ABHC-11、ABHC-12、DMSC-02 は、SNTC-M29 と同時装着が必要です。
      </div>

      <strong style="color: #0b4b8a; font-size: 15px; display: block; margin-bottom: 6px;">
        【RZ（2023.3〜2025.12）（2026.1〜 ）】
      </strong>
      <div class="bb-mode-table-wrap" style="margin: 0 0 10px 0;">
        <table class="bb-mode-table">
          <thead>
            <tr>
              <th class="bb-th-mode" style="width: 32%;">製品名・オプション</th>
              <th class="bb-th-normal" style="width: 17%;">RZ350e</th>
              <th class="bb-th-normal" style="width: 17%;">RZ450e</th>
              <th class="bb-th-normal" style="width: 17%;">RZ500e</th>
              <th class="bb-th-normal" style="width: 17%;">RZ550e / 600e</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background-color: #fff9f9;">
              <td class="bb-td-mode" style="color: #d9534f;">SNTC-M29 のみ</td>
              <td colspan="4" class="bb-td-active"><span class="bb-status-memorized">適合</span></td>
            </tr>
            <tr>
              <td class="bb-td-mode">SNTC-M33DRM のみ</td>
              <td colspan="4" class="bb-td-stock" style="font-weight: bold; color: #1a2a3a;">適合</td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：アクティブブレーキホールド</td>
              <td colspan="4" class="bb-td-stock" style="font-weight: bold;">ABHC-21</td>
            </tr>
            <tr>
              <td class="bb-td-mode">オプション：ドライブモードメモリー</td>
              <td colspan="4" class="bb-td-active" style="color: #0b4b8a; font-weight: bold;">SNTC-M33DRM に機能内蔵</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="font-size: 13px; color: #d9534f; font-weight: bold; line-height: 1.5;">
        ※ABHC-21 は、SNTC-M29 または SNTC-M33DRM と同時装着が必要です。
      </div>
    </div>
  </div>

  <!-- 製品特長 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#10024; SNTC-M29 TV/ナビコントローラーの特長</h2>
    
    <div class="bb-feature-card">
      <strong>・オーディオ連動機能搭載</strong>
      ・テレビ / HDMI など映像があるソース時は自動的に <strong>ON</strong><br>
      ・ラジオ / Bluetooth など音のみのソース時は自動的に <strong>OFF</strong><br>
      （もちろん任意でのON/OFFも可能です）
    </div>

    <div class="bb-feature-card">
      <strong>・TV/ナビコントローラーON時も自車位置がほぼ追従し、ルート案内も可能</strong>
      <span style="font-size: 13px; color: #777;">＊Apple CarPlay / Android Auto の地図アプリ上の自車位置は追従しません。アプリの位置情報は不正確となります。</span>
    </div>

    <div class="bb-feature-card">
      <strong>・ステアリングスイッチ操作（LTAスイッチのダブルクリック）</strong>
      操作ON/OFF時にBEEP音が車両スピーカーから出力されます。<br>
      テレビ全画面視聴中に地図を確認したいときにLTAスイッチをダブルクリック → もう一度ダブルクリックでテレビ全画面に戻りますので、ナビ画面をタッチする必要がありません。
    </div>

    <!-- レビュー動画 -->
    <div style="margin-top: 20px;">
      <p style="font-size: 14.5px; margin-bottom: 10px;">
        レクサス車のさまざまな情報を発信されている <strong>CSK REVIEW CHANNEL 様</strong> で新型レクサスRX用 TV/ナビコントローラー SNTC-M26（本製品SNTC-M29の前身モデル）をご紹介いただいております。
      </p>
      <div style="position: relative; width: 100%; max-width: 560px; margin: 0 auto; aspect-ratio: 16 / 9;">
        <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 4px;" src="https://www.youtube.com/embed/hxSL01bMaCo" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />
      </div>
    </div>
  </div>

  <!-- 同時購入おすすめ（関連製品：ABHC / DMSC） -->
  <div class="bb-section" style="border: 2px solid #0056b3;">
    <h2 class="bb-section-heading" style="color: #0056b3; border-bottom-color: #0056b3;">&#128279; 同時装着 おすすめの製品</h2>
    <p>SNTC-M29と同時装着なら、取付けも簡単。すべてカプラーオンで接続可能です。</p>

    <!-- ABHC -->
    <div style="font-weight: bold; font-size: 16px; margin-top: 15px; margin-bottom: 4px;">
      ブレーキホールド機能が使いやすくなる<br>
      ・アクティブブレーキホールド ABHC-11 / ABHC-12 / ABHC-21
    </div>
    <div style="font-size: 15px; color: #d9534f; font-weight: bold; margin-bottom: 8px;">
      各 14,800円（税込 16,280円）
    </div>

    <!-- DMSC-02 -->
    <div style="font-weight: bold; font-size: 16px; margin-top: 15px; margin-bottom: 4px;">
      ドライブモード SPORT / SPORT+ / CUSTOM を記憶する<br>
      ・ドライブモードセレクトコントローラー DMSC-02（NX専用）
    </div>
    <div style="font-size: 15px; color: #d9534f; font-weight: bold; margin-bottom: 12px;">
      14,800円（税込 16,280円）
    </div>

    <!-- オプション 適合車種一覧 -->
    <div class="bb-fit-box" style="margin-bottom: 12px; background: #ffffff;">
      <div style="font-weight: bold; font-size: 14px; margin-bottom: 6px; color: #1a2a3a;">【オプション 適合車種】</div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-11：NX250 / NX350 / RX350</span>
        <span class="bb-fit-sub">※アイドリングストップキャンセラー機能も内蔵</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-12：NX350h / NX450h+ / RX350h / RX450h+ / RX500h</span>
        <span class="bb-fit-sub bb-text-danger" style="font-weight: bold; margin-top: 4px;">※2026.9.1発表 新型NX、および 2026.9.30発売 一部改良RX には ABHC-12 適合しません。</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・ABHC-21：RZ600e / RZ550e / RZ500e / RZ350e / RZ450e</span>
        <span class="bb-fit-sub">※ヨーク型ステアリング（ステアバイワイヤシステム）車 含む</span>
      </div>
      <div class="bb-fit-item">
        <span class="bb-fit-models">・DMSC-02：NX250 / NX350 / NX350h / NX450h+ 共通（※14インチ車）</span>
        <span class="bb-fit-sub">※RX・RZにはドライブモードセレクトスイッチがないため適合しません。RXはSNTC-M32DRM、RZはSNTC-M33DRMをご利用ください。</span>
      </div>
    </div>

    <!-- 同時装着マトリクス表 -->
    <div class="bb-mode-table-wrap" style="margin: 15px 0;">
      <table class="bb-mode-table">
        <thead>
          <tr>
            <th class="bb-th-mode">装着状態</th>
            <th class="bb-th-normal">ABHC-11<br>+<br>DMSC-02</th>
            <th class="bb-th-normal">ABHC-12<br>+<br>DMSC-02</th>
            <th class="bb-th-normal">ABHC-11</th>
            <th class="bb-th-normal">ABHC-12</th>
            <th class="bb-th-normal">ABHC-21</th>
            <th class="bb-th-normal">DMSC-02</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="bb-td-mode">SNTC-M29 装着あり</td>
            <td class="bb-td-active">&#9675;</td>
            <td class="bb-td-active">&#9675;</td>
            <td class="bb-td-active">&#9675;</td>
            <td class="bb-td-active">&#9675;</td>
            <td class="bb-td-active">&#9675;</td>
            <td class="bb-td-active">&#9675;</td>
          </tr>
          <tr>
            <td class="bb-td-mode">SNTC-M29 装着なし</td>
            <td class="bb-td-stock" style="color: #c92a2a; font-weight: bold;">&#10005;</td>
            <td class="bb-td-stock" style="color: #c92a2a; font-weight: bold;">&#10005;</td>
            <td class="bb-td-stock" style="color: #c92a2a; font-weight: bold;">&#10005;</td>
            <td class="bb-td-stock" style="color: #c92a2a; font-weight: bold;">&#10005;</td>
            <td class="bb-td-stock" style="color: #c92a2a; font-weight: bold;">&#10005;</td>
            <td class="bb-td-stock" style="color: #c92a2a; font-weight: bold;">&#10005;</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div style="background: #fff3cd; border: 1px solid #ffeeba; padding: 12px 16px; border-radius: 6px; font-size: 13px; color: #856404;">
      &#9888;&#65039; <strong>ご注意：</strong><br>
      アクティブブレーキホールド ABHC-11、ABHC-12、ABHC-21、ドライブモードセレクトコントローラー DMSC-02 は <strong>単品装着出来ません。必ず SNTC-M29 とセットでお使いください。</strong><br>
      （※SNTC-M29 のみの単品装着は可能です）<br>
      ※現行NX 9.8インチディスプレイ車には SNTC-M29、ABHC-11、ABHC-12、DMSC-02 すべて適合しません。
    </div>
  </div>

  <!-- 注意事項 -->
  <div class="bb-caution-box">
    <div style="font-weight: bold; color: #856404; font-size: 16px; margin-bottom: 8px;">&#9888;&#65039; ご購入・お取付け前の注意事項</div>
    <ul>
      <li>自車位置マークは基本的に追従しますが、OFF時（純正時）と比べ 動き方や精度に違いが生じます。</li>
      <li>音声ルート案内は、ナビ上に表示される距離と異なることがあります。</li>
      <li>高速道の下に一般道が並行している場合などに、高速道走行中に一般道を走行しているとナビが認識する場合があります。（その逆もあり） この状態では、SNTC-M29 機能OFFにしても、正しく認識しなおすのに時間が掛かる場合があります。</li>
      <li>SNTC-M29 機能ON時、トンネル内などGPS受信できない状況で、自車位置が停止する場合があります。</li>
      <li>ASL（車速に応じて音量を調整）ON設定の場合、純正時より 音が大きく調整されます。</li>
      <li>純正ドライブレコーダーに記録される位置情報が、純正時と比べ 精度に違いが生じます。</li>
      <li>Apple CarPlay / Android Auto での地図アプリの自車位置情報は、不正確となります。（純正ナビの自車位置表示とは異なります）</li>
      <li>アドバンストドライブ（渋滞時支援機能）は、SNTC-M29 をOFFにしてお使いください。</li>
      <li>SNTC-M29 ON時は、レーンチェンジアシスト機能を使用できません。</li>
      <li>SNTC-M29 および オプション製品（ABHC-11, ABHC-12, ABHC-21, DMSC-02など）を車両に装着される際は、バッテリー（ハイブリッド/PHV/EV車は 補機バッテリー）のマイナス端子を外してください。また、取扱説明書の最終ページ 「故障とお考えになる前に」 も ご一読ください。（取付説明書/取扱説明書は製品に付属しております）</li>
      <li>TV/ナビコントローラーの取付け説明書は製品に付属しますが、車両パネルの脱着資料はご用意しておりません。シンクデザインさん の分解手順書（NX用・RX用）をご覧ください。（※シンクデザインさんへ 脱着方法の問合せはしない様、お願いします。シンクデザイン様で直接 ご注文、お取付けしていただけます。要ご予約）</li>
    </ul>

    <div style="border-top: 1px solid #e0d0b0; padding-top: 10px; margin-top: 10px; font-size: 13px;">
      <p class="bb-text-danger" style="margin: 0 0 6px 0;">
        ※車両メーカーの仕様変更等でナビ/車両プログラムのアップデート等があった場合、本製品が正常に動作しなくなる場合があります。車両メーカーの仕様変更によるものは、製品保証の対象外とさせていただきます。あらかじめご了承ください。
      </p>
      <p class="bb-text-danger" style="margin: 0;">
        ※製品の取付け工賃や取付けに関わるお客様の旅費等につきましては、初期不良時も含め、補償できかねます。
      </p>
    </div>
  </div>

  <!-- 取付け店様ご案内 -->
  <div class="bb-section">
    <h2 class="bb-section-heading">&#128736; 取付け店様 ご案内</h2>
    <p style="font-size: 14px; margin-bottom: 12px; line-height: 1.7;">
      ご覧のお店で取付けいただいています。ここに掲載のショップ様以外のご案内はしておりません。<br>
      ディーラー様と提携されている電装品取付店、カーオーディオ店、カーセキュリティー店、カーコーティング店様でお取付けいただける場合がございます。<br>
      ご自身で取付されない方は、ご購入前に取り付けていただけるお店にご確認の上、ご注文ください。<br>
      （ご注文後のキャンセルは受け付けておりません）<br>
      <br>
      <strong class="bb-text-danger">※取付け依頼される方は、bluebanana99 ネットshopで注文されずに、直接お店へご注文、ご予約下さい。（持ち込みでの取付け依頼はご遠慮ください）</strong>
    </p>

    <div class="bb-shop-grid">
      <!-- 1行目：シンクデザイン 様 ／ 球屋 様 -->
      <a href="http://www.think-design.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        シンクデザイン 様
        <small>神奈川県伊勢原市</small>
      </a>
      <a href="https://www.e-onestop.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        球屋 様
        <small>京都府八幡市</small>
      </a>

      <!-- 2行目以降：指定順 -->
      <a href="https://www.soundtec.co.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        SoundTec 様
        <small>栃木県小山市</small>
      </a>
      <a href="http://www.luxim.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        LUXIM（ラクシム） 様
        <small>岐阜県岐阜市</small>
      </a>
      <a href="http://www.waltz-sound.com/web1/Top.html" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクラフト ワルツ 様
        <small>愛知県岡崎市</small>
      </a>
      <a href="https://kidsgarage.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        キッズガレージ 様
        <small>愛知県春日井市</small>
      </a>
      <a href="http://soundcreate-k.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        サウンドクリエイト金沢 様
        <small>石川県野々市市</small>
      </a>
      <a href="https://www.marino-sound.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        マリノサウンド 様
        <small>福井県敦賀市</small>
      </a>
      <a href="https://itodenkiservice.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        井藤電機サービス 様
        <small>大阪市東住吉区</small>
      </a>
      <a href="https://www.xcelaudio.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        エクセルオーディオ 様
        <small>兵庫県神戸市</small>
      </a>
      <a href="https://craftsman-jp.com/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトマン 様
        <small>岡山県岡山市</small>
      </a>
      <a href="https://kw-fukuoka.jp/" target="_blank" rel="noopener" class="bb-shop-btn">
        クラフトワーク 様
        <small>福岡県福岡市</small>
      </a>
    </div>
  </div>

</div>

<!-- ▼ オプション未選択時のポップアップモーダル ▼ -->
<div id="bbOptionAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#128073; ご注文時の選択について</div>
    <div class="bb-modal-body">
      <strong>【同時購入オプション、車種】 を選択してください。</strong><br><br>
      「SNTC-M29 単体」または オプション製品「ABHC-11」「ABHC-12」「ABHC-21」「DMSC-02」との同時購入セットをお選びいただけます。
    </div>
    <button type="button" class="bb-btn-close-modal" id="bbCloseAlertBtn" style="background: #0056b3; color: #fff; border: none; padding: 13px 24px; border-radius: 6px; font-size: 15px; font-weight: bold; cursor: pointer; width: 100%;">
      選択画面に戻る
    </button>
  </div>
</div>

<!-- ▼ ABHC-12 適合確認チェックボックス付きポップアップモーダル ▼ -->
<div id="bbFitAlertModal" class="bb-modal-overlay">
  <div class="bb-modal-content">
    <div class="bb-modal-title">&#9888;&#65039; 適合に関する重要なお知らせ</div>
    <div class="bb-modal-body" id="bbFitModalMsg">
      <!-- 選択肢に応じた注意文が動的に表示されます -->
    </div>
    <label class="bb-modal-check-wrap">
      <input type="checkbox" id="bbFitModalCheckbox">
      <span>上記モデルではない（ABHC-12が適合する車両である）ことを確認しました</span>
    </label>
    <div class="bb-modal-footer">
      <button type="button" class="bb-btn-modal-cancel" id="bbFitModalCancel">キャンセル</button>
      <button type="button" class="bb-btn-modal-confirm" id="bbFitModalOk" disabled>確認して進む</button>
    </div>
  </div>
</div>

<!-- ▼ 物理シールド＆適合確認スクリプト ▼ -->
<script>
(function() {
  var alertMessageText = "&#128073; ご注文時の選択について\n【同時購入オプション、車種】 を選択してください。\n\n「SNTC-M29 単体」または オプション製品「ABHC-11」「ABHC-12」「ABHC-21」「DMSC-02」との同時購入セットをお選びいただけます。";

  // モーダルをbody直下に配置
  function ensureModalsInBody() {
    var m1 = document.getElementById('bbOptionAlertModal');
    var m2 = document.getElementById('bbFitAlertModal');
    if (m1 && document.body && m1.parentElement !== document.body) document.body.appendChild(m1);
    if (m2 && document.body && m2.parentElement !== document.body) document.body.appendChild(m2);
  }

  // 1. 未選択警告モーダルの開閉
  function openOptionModal() {
    ensureModalsInBody();
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.add('bb-active');
      modal.style.setProperty('display', 'flex', 'important');
    } else {
      alert(alertMessageText);
    }
  }

  function closeOptionModal() {
    var modal = document.getElementById('bbOptionAlertModal');
    if (modal) {
      modal.classList.remove('bb-active');
      modal.style.setProperty('display', 'none', 'important');
    }
    var sel = getTargetSelect();
    if (sel) {
      var box = sel.closest('tr') || sel.closest('div') || sel;
      box.scrollIntoView({ behavior: 'smooth', block: 'center' });
      sel.focus();
      sel.style.transition = 'box-shadow 0.3s, border-color 0.3s';
      sel.style.borderColor = '#d9534f';
      sel.style.boxShadow = '0 0 12px rgba(217, 83, 79, 0.7)';
      setTimeout(function() {
        sel.style.borderColor = '';
        sel.style.boxShadow = '';
      }, 2000);
    }
  }

  document.addEventListener('click', function(e) {
    if (e.target && (e.target.id === 'bbCloseAlertBtn' || e.target.id === 'bbOptionAlertModal')) {
      e.preventDefault();
      closeOptionModal();
    }
  });

  // 2. ABHC-12 適合確認モーダル
  var fitModal = document.getElementById('bbFitAlertModal');
  var fitModalMsg = document.getElementById('bbFitModalMsg');
  var fitCheckbox = document.getElementById('bbFitModalCheckbox');
  var fitOkBtn = document.getElementById('bbFitModalOk');
  var fitCancelBtn = document.getElementById('bbFitModalCancel');

  // 表記ゆれ（スペースや全角半角）を許容する正規表現
  var rxPattern = /RX\s*(500h|450h\+|350h).*ABHC\s*[-ー]?\s*12/i;
  var nxPattern = /NX\s*(450h\+|350h).*ABHC\s*[-ー]?\s*12/i;

  var currentWarningType = null;
  var rxConfirmed = false;
  var nxConfirmed = false;
  var lastTargetSelect = null;
  var prevSelectedIndex = 0;

  function openFitModal(msg, type) {
    ensureModalsInBody();
    currentWarningType = type;
    fitModalMsg.innerHTML = "<strong>" + msg + "</strong>";
    fitCheckbox.checked = false;
    fitOkBtn.disabled = true;
    fitModal.classList.add('bb-active');
    fitModal.style.setProperty('display', 'flex', 'important');
  }

  function closeFitModal() {
    fitModal.classList.remove('bb-active');
    fitModal.style.setProperty('display', 'none', 'important');
  }

  if (fitCheckbox) {
    fitCheckbox.addEventListener('change', function() {
      fitOkBtn.disabled = !this.checked;
    });
  }

  if (fitOkBtn) {
    fitOkBtn.addEventListener('click', function() {
      if (fitCheckbox.checked) {
        if (currentWarningType === 'rx') rxConfirmed = true;
        if (currentWarningType === 'nx') nxConfirmed = true;
        closeFitModal();

        // 確認完了時に即座にシールドを外してUI更新
        updateUI();

        // シールド解除後、そのままカートボタンをクリック実行
        setTimeout(function() {
          var btn = findActionButton();
          if (btn) btn.click();
        }, 80);
      }
    });
  }

  if (fitCancelBtn) {
    fitCancelBtn.addEventListener('click', function() {
      closeFitModal();
      if (lastTargetSelect) {
        lastTargetSelect.selectedIndex = prevSelectedIndex || 0;
      }
      if (currentWarningType === 'rx') rxConfirmed = false;
      if (currentWarningType === 'nx') nxConfirmed = false;
      updateUI();
    });
  }

  // 対象のプルダウン取得
  function getTargetSelect() {
    var selects = document.querySelectorAll('select');
    for (var i = 0; i < selects.length; i++) {
      var txt = selects[i].innerHTML;
      if (txt.indexOf('同時購入') !== -1 || txt.indexOf('有/無') !== -1 || txt.indexOf('SNTC') !== -1) {
        return selects[i];
      }
    }
    return document.querySelector('select[name^="opt"], select[name*="option"]');
  }

  // 未選択かどうか判定
  function isUnselected() {
    var sel = getTargetSelect();
    if (!sel) return false;
    if (sel.selectedIndex <= 0) return true;
    var opt = sel.options[sel.selectedIndex];
    if (!opt) return true;
    var val = opt.value;
    var text = opt.text;
    if (val === '' || text.indexOf('選択') !== -1 || text.indexOf('有/無') !== -1) {
      return true;
    }
    return false;
  }

  // カート／SOLD OUTボタンを探索
  function findActionButton() {
    var elements = document.querySelectorAll('input[type="submit"], input[type="button"], button, .cart_btn, .soldout_btn, .btn-cart, .btn_soldout');
    for (var i = 0; i < elements.length; i++) {
      var el = elements[i];
      var cls = (el.className || '').toString();
      var val = (el.value || el.textContent || '').trim();
      if (cls.indexOf('cart') !== -1 || cls.indexOf('soldout') !== -1 ||
          val.indexOf('カート') !== -1 || val.indexOf('SOLD') !== -1 || val.indexOf('品切れ') !== -1) {
        return el;
      }
    }
    return null;
  }

  // ★ ボタンの上に被せる透明シールド（未選択／未確認を確実にブロック）
  var shield = null;
  function getShield() {
    if (!shield) {
      shield = document.createElement('div');
      shield.id = 'bbActionShield';
      shield.style.position = 'absolute';
      shield.style.zIndex = '999999';
      shield.style.cursor = 'pointer';
      shield.style.background = 'rgba(255, 255, 255, 0.001)';
      shield.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        if (isUnselected()) {
          openOptionModal();
          return;
        }

        // 適合確認チェック
        var sel = getTargetSelect();
        var optText = (sel && sel.options[sel.selectedIndex]) ? sel.options[sel.selectedIndex].text : '';
        if (rxPattern.test(optText) && !rxConfirmed) {
          lastTargetSelect = sel;
          openFitModal("※2026.9.30発売 一部改良モデル には ABHC-12 は適合しません。", 'rx');
          return;
        }
        if (nxPattern.test(optText) && !nxConfirmed) {
          lastTargetSelect = sel;
          openFitModal("※2026.9.1発表 新型モデル には ABHC-12 は適合しません。", 'nx');
          return;
        }
      });
      document.body.appendChild(shield);
    }
    return shield;
  }

  // 状態反映
  function updateUI() {
    ensureModalsInBody();
    var unselected = isUnselected();
    var b = document.body;
    if (!b) return;

    var s = getShield();
    var btn = findActionButton();
    var sel = getTargetSelect();
    var optText = (sel && sel.options[sel.selectedIndex]) ? sel.options[sel.selectedIndex].text : '';

    var needsFitConfirm = (rxPattern.test(optText) && !rxConfirmed) || (nxPattern.test(optText) && !nxConfirmed);

    if (unselected || needsFitConfirm) {
      if (unselected) {
        b.classList.add('bb-hide-restock');
      } else {
        b.classList.remove('bb-hide-restock');
      }

      if (btn) {
        var rect = btn.getBoundingClientRect();
        s.style.top = (rect.top + window.scrollY) + 'px';
        s.style.left = (rect.left + window.scrollX) + 'px';
        s.style.width = Math.max(rect.width, 100) + 'px';
        s.style.height = Math.max(rect.height, 35) + 'px';
        s.style.display = 'block';

        if (unselected) {
          if (btn.tagName === 'INPUT') {
            if (btn.value.indexOf('SOLD') !== -1 || btn.value.indexOf('品切れ') !== -1) btn.value = 'カートに入れる';
          } else if (btn.childNodes.length <= 1) {
            if (btn.textContent.indexOf('SOLD') !== -1 || btn.textContent.indexOf('品切れ') !== -1) btn.textContent = 'カートに入れる';
          }
        }
      }
    } else {
      b.classList.remove('bb-hide-restock');
      s.style.display = 'none';
    }
  }

  // プルダウン監視
  document.addEventListener('focusin', function(e) {
    if (e.target && e.target.tagName === 'SELECT') {
      prevSelectedIndex = e.target.selectedIndex;
    }
  });

  document.addEventListener('change', function(e) {
    if (e.target && e.target.tagName === 'SELECT') {
      var optText = e.target.options[e.target.selectedIndex] ? e.target.options[e.target.selectedIndex].text : '';
      lastTargetSelect = e.target;

      if (rxPattern.test(optText)) {
        rxConfirmed = false;
        openFitModal("※2026.9.30発売 一部改良モデル には ABHC-12 は適合しません。", 'rx');
      } else if (nxPattern.test(optText)) {
        nxConfirmed = false;
        openFitModal("※2026.9.1発表 新型モデル には ABHC-12 は適合しません。", 'nx');
      }

      setTimeout(updateUI, 50);
      setTimeout(updateUI, 200);
    }
  });

  window.addEventListener('resize', updateUI);
  window.addEventListener('scroll', updateUI);

  // 初回起動
  updateUI();
  setTimeout(updateUI, 200);
  setTimeout(updateUI, 600);
  setTimeout(updateUI, 1200);
})();
</script>
<!-- ▲ SNTC-M29 ここまで ▲ -->]]></content></entry></feed>