/* ══ 金継ぎ 修理デモ（タカオカ商事 トップ・2026-10-27）══
   写しにだけ当てる追補CSS。本番は無改変。naoshi の自動下書きから、役割を壊すものを外して手で整えた。
   外した自動処方: 本文全体を15pxへ縮める／LINEボタンの公式緑を濃くする／LINEアイコン内の文字に合わせてボタン文字を12pxへ
                   ／生成りのカード地を白へ潰す／スマホ下メニューのLINEを灰色にする */

/* ── 破れ: 白文字×明るいオレンジ（比2.3）→ テーマのオレンジは残し、文字を濃い茶に ── */
.global-nav-list > li > ul.sub-menu a,
.global-nav-list > li.tk-nav-order > a, .global-nav-list > li.tk-nav-order > a *,
.has-vk-color-primary-background-color, .has-vk-color-primary-background-color *,
.tk-order-banner a.tk-ob-btn,
.mobile-fix-nav-menu li a.tk-fix-order, .mobile-fix-nav-menu li a.tk-fix-order *,
#menu-item-order .global-nav-name, #menu-item-order .global-nav-name i { color: #333333 !important; }
/* 注文まわりのオレンジは、テーマのオレンジ1色に */
.tk-nav-order > a, .tk-order-banner a.tk-ob-btn { background: #ED9523; }
.tk-fix-order { background: #ED9523 !important; box-shadow: 0 0 0 5px #ED9523 !important; }

/* ── 破れ: お知らせの分類札（黄緑地×白文字・記事側の style 直書き）→ 同じ緑を深く ── */
.postListText_singleTermLabel_inner { background-color: #4F6E2F !important; }

/* ── 破れ: おトク札（赤地×白・比3.95）→ 今日の案内と同じ赤へ ── */
.tk-order-banner .tk-ob-otoku { background-color: #C8241E; border-radius: 2px; }

/* ── 破れ: 足元の黄緑地の上の文字 ── */
.site-footer, .site-footer span.vk_inline-font-size { color: #333333; }
.site-footer span.vk_inline-font-size, .site-footer span.vk_inline-font-size font { font-size: 16px !important; }
.site-footer font[color="red"] { color: #9E1418 !important; }

/* ── 破れ: スマホ下メニューのLINEの字（緑×白地 比2.26）→ 緑のまま深く ── */
.mobile-fix-nav-menu li a.tk-fix-line { color: #037A35 !important; }
.mobile-fix-nav .mobile-fix-nav-menu, #vk-mobile-nav-menu-btn { z-index: 100 !important; }
/* ── 破れ: 下メニュー・MENUボタンの10px → 12px ── */
.mobile-fix-nav-menu li a, #vk-mobile-nav-menu-btn { font-size: 12px !important; }

/* ── 乱れ: 文字の段（本文16／補足14／見出しは役割ごと）── */
.tk-hero__tag, .tk-hero__lead, .tk-hero__name, .tk-hero__price, .line-cta__txt, .tk-order-banner .tk-ob-points { font-size: 16px; }
.tk-hero__note, .tk-order-banner .tk-ob-sub, .header-top, .header-top ul > li > a, .header-top ul > li > span,
.global-nav-list li, .postListText_singleTermLabel_inner, .site-footer, .site-footer-copyright p { font-size: 14px; }
.tk-hero__price strong { font-size: 21px; }
.tk-hero__ttl { font-size: 42px; }
@media (max-width: 767px) { .tk-hero__ttl { font-size: 28px; } }
/* ボタンは16に1本化 */
.tk-hero__btns a, .line-btn, .line-qr-btn .line-btn, .tk-order-banner a.tk-ob-btn,
.vk_button .vk_button_link.btn { font-size: 16px; }

/* ── 乱れ: 角丸（小2・面16・丸999の3種）── */
.btn-lg, .vk_button_link, .tk-hero__price .deal { border-radius: 2px; }
.tk-hero__pics .pkg, .tk-hero__pics .big, .top-info, .tk-hero__main, .line-cta__qr img, .line-cta { border-radius: 16px; }
.mobile-fix-nav-menu li a.tk-fix-order { border-radius: 2px !important; }

/* ── 乱れ: 似て非なる色（生成りは1色に・墨は1色に）── */
.tk-order-banner { background-color: #FFF8EC; }
.tk-hero, .tk-hero__ttl, .tk-hero__lead, .line-cta__ttl, :root .has-vk-color-dark-color { color: #333333; }
.tk-hero__others ul a, .tk-hero__all { color: #333333 !important; font-size: 14px; }
.tk-hero__others ul a { border-color: #EAD7AE; }
.header-top { background-color: #FCF7D7; }

/* ── 乱れ: 場当たりの重なり順 ── */
.site-header { z-index: 100; }
.page_top_btn { z-index: 100; }

/* ── 2巡目: スマホの段と緑の揃え ── */
.tk-hero__ttl b { color: #037A35; }            /* ねぎみその緑を、LINEの字の緑と同じ1色に */
@media (max-width: 767px) {
  .tk-hero__pts li { font-size: 16px; }
  .line-cta__ttl { font-size: 21px; }
  .tk-hero__ttl { font-size: 25px; }            /* お知らせの見出し(25)と同じ段に */
}