/* 2026-10-20 時刻訴求への改修分（home-bundle.css の後に読む） */

/* 和文中の数字を「時」「年」の字面に揃える（Zen Kaku Gothic New 実測値） */
.hn{font-size:1.333em;letter-spacing:-.02em;margin-left:-.02em;line-height:0;position:relative;top:.0586em}
.nb{display:inline-block}

/* FV h1：「23時でも打てる」を1行で組む */
body.home-page .home-hero h1.hero-title--hours{white-space:nowrap}
body.home-page .home-hero h1.hero-title--hours span{display:inline!important}
/* 欧文数字（Space Grotesk 700）は「時」の字面の約92%。同じ高さだと数字だけ重く見えるため。中心は「時」の字面の中心に合わせる */
.hn-en{font-family:var(--num);font-weight:700;font-size:1.18em;letter-spacing:-.03em;margin-right:.04em;line-height:0;position:relative;top:.035em}
@media(max-width:900px){
  body.home-page .home-hero h1.hero-title--hours{font-size:min(clamp(43px,13.3vw,72px),calc((100vw - 44px)/7.6))!important}
}

/* 勤務のあとの、打てる時間 */
body.home-page #about.hours-guide .about-inner{display:block;max-width:1160px}
.hours-guide__list{list-style:none;margin:40px 0 0;padding:0;border-bottom:1px solid #cfd5c8}
.hours-guide__row{display:grid;grid-template-columns:minmax(0,1fr) 260px 230px;align-items:center;gap:0 32px;padding:22px 4px;border-top:1px solid #cfd5c8;text-align:left}
.hours-guide__row p{margin:0}
.hours-guide__shift{font-size:18px;font-weight:500;line-height:1.6;color:#20251f}
.hours-guide__time{display:flex;align-items:baseline;gap:6px;white-space:nowrap;font-size:16px;font-weight:500;color:#394035}
.hours-guide__time strong{font:700 40px/1.1 var(--num);letter-spacing:-.03em;color:#171d19}
.hours-guide__plans{display:flex;gap:6px;justify-content:flex-end}
.hours-guide__plans span{display:inline-block;padding:3px 10px;white-space:nowrap;border:1px solid #8a9480;font-size:13px;font-weight:500;line-height:1.5;text-align:center;color:#394035}
.hours-guide__note{margin:18px 0 0;font-size:14px;line-height:1.8;color:#5f685d;text-align:left}
.hours-guide__link{margin:0}
.hours-guide__link .page-link{margin-top:22px}

@media(max-width:768px){
  .hours-guide__list{margin-top:32px}
  .hours-guide__row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:18px 0}
  .hours-guide__shift{grid-column:1/-1;font-size:16px}
  .hours-guide__time strong{font-size:34px}
  .hours-guide__time{font-size:15px}
  .hours-guide__plans span{padding:2px 7px;font-size:12px}
  .hours-guide__note{font-size:13px}
}

/* 平日プランの1回あたりの金額 */
.per-visit{margin:28px 0 0;padding:24px 0 0;border-top:1px solid #d7d7d7}
.per-visit__label{margin:0 0 14px;font-size:17px;font-weight:700;line-height:1.6;color:#20281d}
.per-visit__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;gap:12px;margin:0;padding:0;list-style:none}
.per-visit__list li{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1px solid #d7d7d7;background:#fff}
.per-visit__list span{font-size:14px;line-height:1.6;color:#4b5548}
.per-visit__list strong{font:700 32px/1.2 var(--num);letter-spacing:-.02em;color:#161616}
.per-visit__list small{margin:0 2px;font:500 15px/1 var(--body);letter-spacing:0}
.per-visit__note{margin:12px 0 0;font-size:13px;line-height:1.7;color:#5f685d}
@media(max-width:768px){
  .per-visit__list{grid-template-columns:minmax(0,1fr)}
  .per-visit__list li{flex-direction:row;align-items:baseline;justify-content:space-between;padding:12px 16px}
  .per-visit__list strong{font-size:26px}
}

/* アクセス見出し「店舗前に駐車場2台」をSPで1行に収める */
@media(max-width:768px){
  body.home-page #access .access-heading h2{font-size:min(44px,calc((100vw - 44px)/10))!important}
}

/* 入会ボタン直下の一言（押したあとに何が起きるか） */
body.home-page .cta-note{margin:10px 0 0!important;white-space:nowrap;font-size:14px!important;font-weight:500;line-height:1.7!important;color:inherit;opacity:.85;text-align:left}
body.home-page .home-hero-actions .cta-note{color:#f4f4f4}
@media(max-width:768px){body.home-page .cta-note{font-size:13px!important}}
/* プラン欄：ボタン（2列目・2段目）の真下に置く。この欄の段落指定（18px）より優先させる */
body.home-page #plans .c-pricing__reason>p.cta-note:not(.pricing-join-wrap){grid-column:2;grid-row:3;margin:-14px 0 0!important;font-size:14px!important;line-height:1.7!important;color:#333}
/* 入会セクション：ボタンが中央寄せなので一言も中央に */
body.home-page #join .join-gateway__heading>.cta-note{text-align:center;color:#e5e5e5}
/* 予約欄：ボタンと同じ段落の中に置き、真下に出す */
body.home-page #reservation .pricing-join-wrap .cta-note{display:block}
@media(max-width:768px){
  body.home-page #plans .c-pricing__reason>p.cta-note:not(.pricing-join-wrap){grid-column:1;grid-row:auto;font-size:13px!important}
}