/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 03 2026 | 14:35:57 */
:root{
  --order-text:#1c1c1c;
  --order-muted:#666;
  --order-line:#e8e8e8;
  --order-bg-:#ffffff;
  --order-bg-F3F0F0:#f3f0f0;
  --order-bg-F6ECD8:#f6ecd8;
  --order-soft:#f7f7f7;
  --order-accent:#1f5f52; /* 深い緑（盤戸感の想定） */
  --order-radius:18px;
  --order-shadow: 0 12px 30px rgba(0,0,0,.08);
  --order-max: 1040px;
}

.top-common-btns{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
  justify-content: center;
}
.top-common-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  padding: 12px 14px;
  border-radius: 999px;
  border:1px solid var(--order-line);
  background:#fff;
  color:var(--order-text);
  text-decoration:none;
  font-weight:700;
  letter-spacing:.02em;
  transition: transform .08s ease, box-shadow .08s ease;
}
.top-common-btn:hover{
  background-color: var(--order-soft);
  border-color: var(--order-muted);
  transform: translateY(-2px);
}
.top-common--primary{
  background-color: #2a7a6a;
  border-color: var(--order-accent);
  color: #ffffff;
}
.top-common--ghost{
  background-color: rgba(31, 95, 82, 0.05);
}