/* theme-light.css
   White-first theme for Tri.H studio Ohyama.
   Put this AFTER ohyama.css so it can override darker defaults.
*/

:root{
  --bg: #ffffff;
  --panel: #ffffff;
  --text: #111111;
  --muted: #444444;
  --border: #e6e6e6;

  --brand: #2fb34a;      /* Ohyama green */
  --brand-dark: #1f8f35;
  --brand-soft: #eaf7ee;
}

/* Global */
body{
  background-color: var(--bg);
  color: var(--text);
}

/* Container */
#container.gym{
  background: transparent;
}

/* Typography */
p{ color: var(--muted); }
h1,h2,h3,h4{ color: var(--text); }
a{ color: var(--brand); }
a:hover{ opacity: .85; }

/* Boxes */
.lineBox100,
.lineBox50{
  background-color: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
}

.lineBox100 li,
.lineBox50 li{
  color: var(--text);
}

/* Title label */
.titlebg1{
  background: var(--brand-soft);
  color: var(--text);
  border-left: 6px solid var(--brand);
}

/* Hero */
.hero-header{
  background-color: #ffffff;
  border-bottom: 1px solid var(--border);
}
.hero-lead{ color: var(--muted); }
.hero-locations{ color: var(--brand-dark); }

/* CTA row (your HTML uses .cta-row > a) */
.cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.cta-row a{
  display:inline-block;
  background: var(--brand);
  color:#ffffff;
  font-weight:700;
  padding:.85em 1.2em;
  border-radius:10px;
  text-align:center;
}
.cta-row a.sub{
  background: #ffffff;
  color: var(--brand-dark);
  border: 1px solid var(--border);
}

/* Feature grid helper */
.feature-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media(min-width:768px){
  .feature-grid{ grid-template-columns: repeat(3,1fr); }
}
.feature h3{ color: var(--brand-dark); margin:0 0 .4rem 0; }
.feature p{ margin:0; }

/* Quotes */
.quote{
  margin-top: 1rem;
  padding: 1rem;
  border-left: 4px solid var(--brand);
  background: var(--brand-soft);
  color: var(--text);
  border-radius: 10px;
}

/* Nav (sticky) keep clean */
.main-nav,
.side nav.pushy,
.side nav.pushy a{
  background: #ffffff;
  color: var(--text);
}
.side nav.pushy{
  border-right: 1px solid var(--border);
}
.side nav.pushy a{
  border: 1px solid var(--border);
  background: #ffffff;
}
.side nav.pushy a:hover{
  background: var(--brand-soft);
  color: var(--brand-dark);
}

/* Bottom bar */
.sidebsh{
  background: rgba(255,255,255,.92);
  border-top: 1px solid var(--border);
}
.sidebsh a{ color: var(--text); }
.sidebsh i{ color: var(--brand-dark); }

/* Map frame */
.ggmap{
  background:#ffffff;
  border: 1px solid var(--border);
}

/* Footer */
footer{
  background: #ffffff;
  border-top: 1px solid var(--border);
  color: var(--muted);
}
.footerNav a{ color: var(--muted); }
.footerNav a:hover{ color: var(--brand-dark); }

/* Back to top */
#backtotop a{
  background: var(--brand);
  color: #ffffff;
}

/* 他店舗リンク（2026-08-24 追加） */
.footerNav__title { color: var(--muted); }