/*
KPKS — ACCESS (2a STYLISH)
style.css を先に読み込む前提の、アクセスページ固有スタイル。
*/

/* ── Map ── */
.access-map {
  margin: 16px 0 0;
  border: 1px solid var(--hair2);
  overflow: hidden;
}
.access-map iframe {
  display: block;
  width: 100%;
  height: 220px;
  border: 0;
}

/* ── Store info list ── */
.info-list { margin: 20px 0 0; display: flex; flex-direction: column; gap: 12px; }
.info-row { display: flex; gap: 12px; }
.info-row__label {
  font: 700 10px/1.7 var(--num);
  letter-spacing: .08em;
  color: var(--muted3);
  width: 74px; flex: none;
}
.info-row__value { font: 500 12.5px/1.6 var(--sans); color: var(--ink); }
.info-row__value.num { font: 700 13px/1.6 var(--num); }
.info-row__value a { color: var(--emerald); }

/* ── Contact block ── */
.contact-block { padding: 28px 24px 0; }
.contact-block__actions { display: flex; flex-direction: column; gap: 10px; margin: 14px 0 0; }
.contact-cta {
  text-align: center;
  border-radius: 4px;
  display: block;
}
.contact-cta--line { font: 800 14px/1 var(--sans); color: var(--emerald-ink); background: var(--lime); padding: 16px 0; }
.contact-cta--tel  { font: 800 14px/1 var(--num);  color: #fff; background: var(--emerald); padding: 16px 0; }
.contact-cta--mail { font: 700 13px/1 var(--num);  color: var(--emerald); background: #fff; border: 1px solid var(--emerald); padding: 15px 0; }