@charset "UTF-8";
/* apj-decoration-components-v001.css : 共通装飾class＋既存共通フッターclassへのテーマ変数適用。 */
/* important指定は不使用。装飾(色・背景・枠色)のみ。レイアウト・サイズ・挙動は各ページの既存CSSに残す。 */
/* ヘッダー装飾は apj-header-v100-pc283-theme-test-v001.css 側で変数化(二重管理しない)。 */
/* ローカルテスト専用(サーバー未反映)。 */

/* B. フッター(既存共通class) */
.apj-site-footer {
  background: var(--apj-theme-footer-bg, #fff);
  border-top-color: var(--apj-theme-footer-border, #d8e5d2);
}
.apj-site-footer-inner {
  color: var(--apj-theme-footer-text, #566);
}
.apj-site-footer a {
  color: var(--apj-theme-footer-link, #0645ad);
}

/* C. 商品タイトル帯(products) */
.apj-product-band.apj-theme-product-title {
  background: var(--apj-theme-product-title-bg, linear-gradient(90deg,#4f7f2f,#7fae3f));
  color: var(--apj-theme-product-title-color, #fff);
}

/* D. 青ボタン共通装飾
   第1段階では既存のimportant指定(var()化済み)が優先されるため表示への影響なし。
   第2段階(important-zero-pilot)でこのclass主体へ移行する。
   注: productsのロット小ボタンは影が 0 4px 0(既存側で管理)。 */
a.apj-theme-button--blue,
.apj-theme-button--blue {
  background: var(--apj-theme-button-blue-bg, #6699FF);
  border-color: var(--apj-theme-button-blue-border, #4E82EA);
  box-shadow: 0 5px 0 var(--apj-theme-button-blue-shadow, #2E5EB8);
  color: var(--apj-theme-button-blue-color, #fff);
  text-decoration: none;
}
a.apj-theme-button--blue:hover,
.apj-theme-button--blue:hover {
  background: var(--apj-theme-button-blue-hover-bg, #3C6ED6);
  border-color: var(--apj-theme-button-blue-hover-border, #2E5EB8);
  box-shadow: 0 5px 0 var(--apj-theme-button-blue-hover-shadow, #244E9E);
  color: var(--apj-theme-button-blue-color, #fff);
}

/* E. ページ内リンク(anchor-nav)
   dealerの既存 .apj-dealer-page-wp .anchor-nav a (0,2,1) に負けないよう特異度を揃える。
   box-shadowは共通化しない(faqに既存の box-shadow:none important指定があるため)。 */
.apj-anchor-nav a.apj-theme-page-link,
.anchor-nav a.apj-theme-page-link,
.apj-dealer-page-wp .anchor-nav a.apj-theme-page-link {
  background: var(--apj-theme-page-link-bg, #fff);
  border-color: var(--apj-theme-page-link-border, #dfccb6);
  color: var(--apj-theme-page-link-color, #172a45);
}
.apj-anchor-nav a.apj-theme-page-link:hover,
.anchor-nav a.apj-theme-page-link:hover,
.apj-dealer-page-wp .anchor-nav a.apj-theme-page-link:hover {
  background: var(--apj-theme-page-link-hover-bg, #fff8f8);
  border-color: var(--apj-theme-page-link-hover-border, #7a2734);
  color: var(--apj-theme-page-link-hover-color, #7a2734);
}

/* F. 主要な項目大枠(products .apj-product-row / faq .faq-section / dealer .section-card)
   dealerの既存 .apj-dealer-page-wp .section-card (0,2,0) に負けないよう特異度を揃える。
   border-radius / box-shadow / padding / margin は共通化しない(既存CSSに残す)。 */
.apj-theme-section-frame,
.apj-dealer-page-wp .section-card.apj-theme-section-frame {
  background: var(--apj-theme-frame-bg, #fff);
  border-color: var(--apj-theme-frame-border, #e5d7c4);
}