/* ===== アリゼティ HP改善 2026-10 ===== */
:root{--cta:#06C755;--cta-dark:#05A847;--accent:#B4441F}

/* --- LINEボタンを緑で統一 --- */
.hero .button.line-button,
.button.light,
.header-cta,
.mobile-nav .mobile-nav-line{
  background:var(--cta)!important;color:#fff!important;border:none!important;
  box-shadow:0 4px 0 var(--cta-dark);font-weight:700;
}
.hero .button.line-button .line-button-mark{background:#fff!important;color:var(--cta)!important}
.hero .button.line-button:active,.button.light:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cta-dark)}
/* 文字リンクだったLINE導線もボタン化 */
a.inline-link[href*="line.me"]{
  display:block;text-align:center;background:var(--cta);color:#fff!important;border:none;
  border-radius:50px;padding:14px 20px;font-weight:700;box-shadow:0 4px 0 var(--cta-dark);margin-top:18px;max-width:420px
}
.cta-sub{display:block;font-size:11px;font-weight:500;opacity:.95;margin-top:2px}

/* --- ファーストビュー --- */
.hero-note{display:none!important}
.hero-badges{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.hero-badges span{font-size:12px;border:1px solid rgba(255,255,255,.65);border-radius:4px;padding:2px 9px;color:#fff}
.hero-price{display:inline-flex;align-items:center;gap:14px;background:#fff;color:#262e21;border-radius:12px;padding:12px 18px;margin-top:18px}
.hero-price .tag{background:#E3D2A7;color:#273324;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;white-space:nowrap}
.hero-price .old{font-size:13px;color:#6b7264;text-decoration:line-through;line-height:1.3}
.hero-price .new{font-size:30px;font-weight:700;color:var(--accent);line-height:1.15}
.hero-price .new small{font-size:13px;color:#262e21;font-weight:500}
.hero .hero-actions{margin-top:18px}
.hero .button.line-button{flex-wrap:wrap}
.hero .button.line-button .cta-sub{flex-basis:100%;text-align:center}

/* --- 料金表：初回を先頭＋新規限定ラベル --- */
.price-row.highlight{background:#FFF7E3!important}
.price-row.highlight strong{color:var(--accent);font-weight:700}
.new-badge{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:3px;margin-right:6px;vertical-align:2px}

/* --- スマホ固定バー：電話30% / LINE70% --- */
.mbar{display:none}
@media(max-width:720px){
  .hero-actions .button.line-button{width:100%;min-width:0;justify-content:center;text-align:center;gap:8px}
  .hero-price{display:flex}
  .scroll-cue{display:none!important}
  .mobile-booking{display:none!important}
  body{padding-bottom:78px!important}
  .mbar{display:grid;grid-template-columns:3fr 7fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:100;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #d6d9cd;box-shadow:0 -4px 18px #0002}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:54px;border-radius:10px;font-weight:700;line-height:1.25;text-decoration:none}
  .mbar .tel{background:#fff;color:#273324;border:2px solid #273324;font-size:14px}
  .mbar .tel small{font-size:10px;font-weight:500}
  .mbar .line{background:var(--cta);color:#fff;font-size:15px}
  .mbar .line small{font-size:11px;font-weight:500}
}
