/* d1 案「部屋の入場券」 — 主役は、1枚で部屋の全員が入れる紙の入場券。
 * 券の紙は2種類だけ。お試し券＝朱を淡く刷った紙に朱刷り。会員の券＝藍を淡く刷った紙に藍刷り、半券はからしのベタ。
 * どちらも hub の :root の色と、hub がすでに使っている淡い面（.hcta の #f6dfd8 / #dfe6ef）だけで作る。新しい色は足さない。 */
:root{
  --tr-stock:#f6dfd8;   /* お試し券の紙（朱の淡い刷り。hub の .hcta[data-n=1] と同じ） */
  --tr-ink:#c03a20;     /* お試し券の朱刷り（hub の .sec-head .en と同じ朱） */
  --mb-stock:#dfe6ef;   /* 会員の券の紙（藍の淡い刷り。hub の .hcta[data-n=2] と同じ） */
  --mb-ink:#2f4a8c;     /* 会員の券の藍刷り（--indigo） */
  --stamp:#2f4a8c;      /* 日付印のインク */
  --jp:"Outfit",-apple-system,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
}

/* ===================== 入場券 ===================== */
.tk{
  --stock:var(--tr-stock);--pr:var(--tr-ink);--hole:var(--paper);--stubw:78px;
  position:relative;display:grid;grid-template-columns:var(--stubw) 1fr;
  background:var(--stock);color:var(--pr);border:2px solid var(--ink);border-radius:6px;
  font-family:var(--jp);text-align:left;
}
.tk.mb{--stock:var(--mb-stock);--pr:var(--mb-ink)}
/* 半券。本体とは切り取り線（点線）で分かれる。切り取り線の上下に、刻みの半円 */
.tk-stub{position:relative;border-right:2px dotted var(--ink);padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.tk-stub::before,.tk-stub::after{content:"";position:absolute;right:-10px;width:18px;height:18px;border-radius:50%;background:var(--hole);border:2px solid var(--ink);box-sizing:border-box;z-index:2}
.tk-stub::before{top:-10px;clip-path:inset(50% 0 0 0)}
.tk-stub::after{bottom:-10px;clip-path:inset(0 0 50% 0)}
.tk.mb .tk-stub{background:var(--mustard);color:var(--ink);border-radius:4px 0 0 4px}
.tk-body{padding:10px 12px 11px 14px;min-width:0;display:flex;flex-direction:column;gap:3px}
.tk-kind{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;letter-spacing:.04em}
.tk-kind .pl{font-family:"Archivo Black",sans-serif;font-size:12px;letter-spacing:0;position:relative;color:var(--ink)}
/* 会員の券だけ、ロゴを hub と同じ版ズレで刷る（朱を右下、藍を左上） */
.tk.mb .tk-kind .pl{text-shadow:1.5px 1.5px 0 var(--vermilion),-1px -1px 0 var(--indigo)}
.tk-main{font-size:18px;font-weight:700;line-height:1.35;color:var(--ink)}
.tk-main em{font-style:normal;color:var(--pr)}
.tk-f{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:500;line-height:1.45;color:var(--ink)}
.tk-f dt,.tk-f .k{flex:none;font-size:12px;font-weight:700;color:var(--pr);border:1.5px solid currentColor;border-radius:3px;padding:0 5px;line-height:1.5}
.tk-f + .tk-f{margin-top:2px}
.tk-sep{border-top:1.5px dashed currentColor;opacity:.55;margin:4px 0 3px}

/* 通し番号（ナンバリングの朱）。部屋の券では合言葉がそのまま番号になる */
.tk-no{font-family:"Space Mono",monospace;font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--vermilion);line-height:1.2}
.tk-no b{display:block;font-size:17px;letter-spacing:.08em}
.tk.mb .tk-stub .tk-no{color:var(--ink)}
.tk-stub .s1{font-size:12px;font-weight:700;line-height:1.3}
.tk-stub .s2{font-family:"Archivo Black",sans-serif;font-size:19px;line-height:1.05;letter-spacing:-.01em}
.tk-stub .s3{font-size:12px;font-weight:700;line-height:1.25}

/* 日付印（駅の日付スタンプの形）。丸い枠の中に、年、罫ではさんだ月日、ことば。藍のインクを少し傾けて押す */
.dater{width:60px;height:60px;border-radius:50%;border:2px solid var(--stamp);color:var(--stamp);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  transform:rotate(-9deg);mix-blend-mode:multiply;flex:none;line-height:1}
.dater i{font-style:normal;font-family:"Space Mono",monospace;font-size:9px;font-weight:700}
.dater b{align-self:stretch;margin:0 5px;text-align:center;border-top:1.5px solid var(--stamp);border-bottom:1.5px solid var(--stamp);padding:2px 0 1px;
  font-family:"Space Mono",monospace;font-size:14px;font-weight:700;letter-spacing:-.03em}
.dater u{text-decoration:none;font-size:9px;font-weight:700}
.dater.sm{width:52px;height:52px}
.dater.sm i{font-size:8px}
.dater.sm b{font-size:12px;margin:0 4px}
.dater.sm u{font-size:8.5px}

/* 改札の入鋏（パンチ穴）。部屋に1人入るごとに1つ穴が開く */
.punch{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}
.punch .h{width:12px;height:12px;border-radius:50%;border:1.5px dashed var(--pr);opacity:.7;flex:none}
.punch .h.on{border:2px solid var(--ink);background:var(--hole);opacity:1}
.punch .lb{font-size:12px;font-weight:700;color:var(--pr);margin-left:2px}

/* 「見本」の角印。案内に置く券が、あなたの券ではなく見本だと分かるように */
.mihon{position:absolute;right:10px;bottom:10px;border:2px solid var(--vermilion);color:var(--vermilion);font-weight:700;font-size:13px;letter-spacing:.3em;
  padding:1px 3px 1px 7px;border-radius:3px;transform:rotate(-7deg);mix-blend-mode:multiply;background:transparent}

/* 切り取ったあと：半券だけが残り、本体は「あしたの券」の刷る前の空枠になる */
.tk.torn{grid-template-columns:var(--stubw) 1fr;border:0;background:none}
.tk.torn .tk-stub{background:var(--stock);border:2px solid var(--ink);border-radius:6px 0 0 6px;border-right:0;}
.tk.torn .tk-stub::before,.tk.torn .tk-stub::after{display:none}
/* ちぎれた縁（ぎざぎざ）。右の辺だけ、刷り線のない紙の切り口にする */
.tk.torn .tk-stub{clip-path:polygon(0 0,calc(100% - 7px) 0,100% 8.33%,calc(100% - 7px) 16.67%,100% 25.00%,calc(100% - 7px) 33.33%,100% 41.67%,calc(100% - 7px) 50.00%,100% 58.33%,calc(100% - 7px) 66.67%,100% 75.00%,calc(100% - 7px) 83.33%,100% 91.67%,calc(100% - 7px) 100.00%,0 100%);padding-right:12px}
.tk.torn .next{margin-left:12px;border:2px dashed var(--ink-soft);border-radius:6px;padding:10px 12px;color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:2px;background:transparent}
.tk.torn .next .k{font-size:12px;font-weight:700;color:var(--ink-soft)}
.tk.torn .next b{font-size:16px;font-weight:700;line-height:1.4}
.used{display:inline-block;border:2px solid var(--vermilion);color:var(--vermilion);font-size:12px;font-weight:700;padding:0 4px;border-radius:3px;transform:rotate(-6deg);margin-top:2px;mix-blend-mode:multiply}

/* 卓のカードの中の「今日のお試し券」：細い券を1枚 */
.tk.strip{--stubw:62px;margin:0 3px 16px}
.tk.strip .tk-body{padding:8px 10px 9px 12px;justify-content:center}
.tk.strip .tk-main{font-size:15px}

/* 卓の番号の行に置く、券の形の小さい札「プレミアムのゲーム」 */
.pt-tag{display:inline-flex;align-items:stretch;border:1.5px solid var(--ink);border-radius:3px;background:var(--mb-stock);color:var(--mb-ink);
  font-family:var(--jp);font-size:12px;font-weight:700;letter-spacing:0;line-height:1;overflow:hidden}
.pt-tag i{width:8px;background:var(--mustard);border-right:1.5px dotted var(--ink)}
.pt-tag span{padding:4px 6px 3px}

/* ===================== ヘッダーの会員の入口 ===================== */
nav.top a.mem .pc{display:none}
@media(min-width:720px){nav.top a.mem .pc{display:inline}nav.top a.mem .sp{display:none}}

/* ===================== TOP の会員の案内（1段） ===================== */
.mem-sec{padding:64px 0 30px;scroll-margin-top:20px}
.mem-sec .sec-head{margin-bottom:22px;align-items:center}
.mem-sec .sec-head .jp{font-family:var(--jp);font-weight:700;font-size:clamp(22px,3vw,30px);line-height:1.35}
.mem-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
@media(max-width:820px){.mem-grid{grid-template-columns:1fr;gap:22px}}
.mem-sec .tk{--hole:var(--paper)}
.mem-sec .tk-main{font-size:20px}
.mem-text p{font-size:15px;font-weight:500;line-height:1.8;color:var(--ink)}
.mem-text p + p{margin-top:12px}
.mem-text p.free{border-top:3px double var(--ink);border-bottom:3px double var(--ink);padding:12px 0;font-weight:700}
.mem-text .mrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.pushbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:2px solid var(--ink);border-radius:6px;
  background:var(--paper-2);color:var(--ink);font-family:var(--jp);font-weight:700;font-size:15px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap;cursor:pointer}
.pushbtn.ink-v{background:#d0442b;color:#fff}
.pushbtn.ink-y{background:#FFD23C;color:#22306E}
.pushbtn.mbc{background:var(--mb-stock);color:var(--mb-ink)}
.pushbtn svg{width:14px;height:14px}
.textlink{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:var(--ink)}
.textlink span{border-bottom:1.5px solid var(--ink-soft);padding-bottom:1px}
.mem-sec .note{font-size:13.5px;color:var(--ink);font-weight:500;margin-top:14px}
.soon{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:2px dashed var(--ink-soft);border-radius:6px;color:var(--ink-soft);font-weight:700;font-size:14px}

/* ===================== ポップアップ（ハブの紙で出す。どの卓の上でも PLAYROOM の部品だと分かる） ===================== */
.scrim{position:fixed;inset:0;background:rgba(43,38,34,.26);z-index:900}
.pop{position:fixed;left:12px;right:12px;bottom:12px;z-index:901;max-width:440px;margin:0 auto;
  background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);
  padding:12px 14px 14px;font-family:var(--jp)}
.pop .tk{--hole:var(--paper)}
.pop-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}
.pop-head .t{min-width:0}
.pop-head .gn{font-family:"Archivo Black",sans-serif;font-size:21px;line-height:1.1;display:block}
.pop-head .gs{font-size:12.5px;font-weight:500;color:var(--ink-soft);display:flex;align-items:center;gap:8px;margin-top:2px}
.pop-head .src{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.pop-head .src .dot{width:20px;height:20px;border-radius:5px;background:var(--vermilion);border:2px solid var(--ink);display:grid;place-items:center;box-shadow:1.5px 1.5px 0 var(--ink);flex:none}
.pop-head .src .dot svg{width:9px;height:9px;fill:var(--paper)}
.x{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 14px 0 11px;border:2px solid var(--ink);border-radius:22px;background:var(--paper-2);
  font-family:var(--jp);font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}
.x svg{width:13px;height:13px}
.pop .lead{font-size:14.5px;font-weight:700;line-height:1.6;margin:10px 2px 0}
.pop .body{font-size:13.5px;font-weight:500;line-height:1.7;margin:0 2px}
.pop .price{font-weight:700;white-space:nowrap}
.pop .bigbtn{display:flex;width:100%;align-items:center;justify-content:center;min-height:50px;margin-top:12px;border:2px solid var(--ink);border-radius:8px;
  font-family:var(--jp);font-weight:700;font-size:16px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.pop .bigbtn.y{background:#FFD23C;color:#22306E}
.pop .bigbtn.v{background:#d0442b;color:#fff}
.pop .bigbtn.p{background:var(--paper-2);color:var(--ink)}
.pop .rule{border-top:2px dashed var(--ink);margin:14px 0 10px;opacity:.5}
.pop .sublink{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-top:4px;padding:0 2px;font-size:14.5px;font-weight:700;color:var(--ink)}
.pop .sublink span{border-bottom:1.5px solid var(--ink);padding-bottom:1px}
.pop .sublink svg{width:15px;height:15px;flex:none}
.pop .why{font-size:12.5px;font-weight:500;color:var(--ink-soft);line-height:1.6;margin:2px 2px 0}
.pop .only{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);background:var(--paper-2);border:1.5px dashed var(--ink-soft);border-radius:6px;padding:6px 10px;margin-top:6px}
.pop .only svg{width:16px;height:16px;flex:none}
.pop .btnrow{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.pop .btnrow .bigbtn{margin-top:0}

/* 画面の縦が短い（SE）ときは、券を細くしてポップアップを縮める */
@media(max-height:700px){
  .pop{padding:8px 12px 12px}
  .pop .tk-main{font-size:16px}
  .pop .tk-body{padding:7px 10px 8px 12px}
  .pop .lead{margin-top:6px}
  .pop .rule{margin:10px 0 6px}
  .pop .bigbtn{min-height:46px;margin-top:10px}
  .pop .dater{width:52px;height:52px}
  .pop .dater b{font-size:12.5px}
}

/* 375 幅でも、既存の「遊び方」「のぞく」「遊ぶ」を消さずに会員の入口を足す（ロゴを1px、余白を少し詰める） */
nav.top a{white-space:nowrap}
@media(max-width:420px){
  header .inner{gap:4px;padding:8px 14px}
  .brand{font-size:16px;gap:7px}
  nav.top{gap:4px}
  nav.top a{padding:0 6px;letter-spacing:0}
  }

/* モック：アンカーへ一気に飛ぶ（滑らかに動くと撮影の途中で止まる） */
html{scroll-behavior:auto!important}
#decks{scroll-margin-top:74px}#terms,#end,#acts,#line{scroll-margin-top:76px}
.mem-text p,.pop p,.pg p,.terms dd,.tk-f dd,.tk-main{text-wrap:pretty;word-break:auto-phrase}
@media(max-width:420px){
  .brand{font-size:15px}
  nav.top{gap:2px}
  nav.top a{padding:0 5px}
}
/* 使ったお試し券：日付印の上に「使用済み」の印を重ねて押す */
.tk.torn{--stubw:88px}
.stk{position:relative;display:grid;place-items:center}
.stk .used{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-14deg);white-space:nowrap;background:rgba(246,223,216,.55);margin:0;font-size:13px}
.tk.torn .next{padding:8px 12px}
.stk{padding-bottom:12px}
.stk .used{top:auto;bottom:-4px;transform:translateX(-50%) rotate(-10deg);background:var(--tr-stock)}
.pop .rule{margin:12px 0 8px}
.pop .sublink{margin-top:0}
/* 日付印：12px 未満の字を作らない。年は刷らず、月日とことばだけ */
.dater{width:64px;height:64px;gap:2px}
.dater b{font-size:15px;margin:0 6px;padding:3px 0 2px}
.dater u{font-size:12px}
.dater.sm{width:58px;height:58px}
.dater.sm b{font-size:13px;margin:0 5px}
.dater.sm u{font-size:12px}
.tk.strip{--stubw:72px}
@media(max-height:700px){.pop .dater{width:58px;height:58px}.pop .dater b{font-size:13px}}
.stk{padding-bottom:16px}.tk.torn .tk-stub{gap:6px}
.tk.mb.torn .tk-stub{background:var(--mustard);color:var(--ink)}.tk.mb.torn .tk-stub .tk-no{color:var(--ink)}
.blankno{display:block;width:56px;height:24px;border:1.5px dashed var(--ink);border-radius:3px;background:var(--paper)}
.pg h1{text-wrap:balance;word-break:auto-phrase}

/* =====================================================================
 * v2 の変更（批評を受けて）
 * ===================================================================== */
/* ヘッダーの入口：「遊ぶ」の右に、影なしの小さな券。押せる範囲は 44px のまま、見た目は 32px */
nav.top a.mem{padding:0 0 0 2px!important;border:0;background:none;box-shadow:none;font-family:var(--jp);letter-spacing:0}
nav.top a.mem:hover{background:none;border-color:transparent}
nav.top a.mem .tkt{display:inline-flex;align-items:stretch;height:32px;border:1.5px solid var(--ink);border-radius:4px;background:var(--paper-2);overflow:hidden;font-weight:700;font-size:12px;color:var(--ink)}
nav.top a.mem .tkt i{width:6px;flex:none;background:var(--mustard);border-right:1.5px dotted var(--ink)}
nav.top a.mem .tkt > span{display:inline-flex;align-items:center;gap:4px;padding:0 7px}
nav.top a.mem.in .tkt{background:var(--mb-stock);color:var(--mb-ink)}
nav.top a.mem.in svg.me{width:13px;height:13px;flex:none}
@media(min-width:720px){nav.top a.mem .tkt{font-size:13px}nav.top a.mem .tkt > span{padding:0 10px}}

/* 料金は、本物の券と同じく本体の右上の隅に小さく刷る（半券には刷らない） */
.tk-kind{align-items:baseline}
.fare{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:0}
.fare small{font-size:12px}

/* 欄：枠で囲まず、罫で区切る。欄名は小さく刷って縦の罫で値と分ける */
.tk-rows{margin-top:6px}
.tk-f{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0;padding:5px 0 4px;border-top:1.5px dotted var(--pr);font-size:13px;line-height:1.45}
.tk-f + .tk-f{margin-top:0}
.tk-f .k{border:0;border-radius:0;padding:0 8px 0 0;margin-right:8px;border-right:1.5px solid var(--pr);font-size:12px;font-weight:700;color:var(--pr);line-height:1.45;white-space:nowrap}
.tk-f .v{color:var(--ink);font-weight:500;min-width:0}

/* まだ押していない日付印（見本と、支払い前の券） */
.dater.blank{transform:none;border:2px dashed rgba(43,38,34,.55);color:var(--ink);width:70px;height:70px;mix-blend-mode:normal}
.dater.blank u{font-size:12px;line-height:1.3;text-align:center;font-weight:700}
.mihon.st{position:static;margin-top:8px;font-size:13px;padding:1px 2px 1px 6px}
/* 縦に押す「見本」（ポップアップ3の細い半券） */
.mihon.v{position:static;writing-mode:vertical-rl;letter-spacing:.3em;padding:7px 1px 3px;transform:rotate(-5deg);font-size:13px}

/* ポップアップ3の小さい券 */
.tk.sm{--stubw:40px}
.tk.sm .tk-stub{padding:6px 2px}
.tk.sm .tk-body{padding:7px 10px 6px 12px}
.tk.sm .tk-main{font-size:16px;line-height:1.35}
.tk.sm .tk-rows{margin-top:4px}

/* TOP（会員）の準備中は、ボタンの列から外して文で言う */
.soonline{font-size:14px!important;color:var(--ink-soft)!important;margin-top:10px!important}

/* ===== ポップアップ3：結果の操作の帯の上に出す（「つぎの周へ」をふさがない） ===== */
.pop.s3{padding:10px 12px 12px}
.pop.s3.above-dock{bottom:76px}
.s3-head{display:flex;align-items:center;gap:10px}
.s3-head .dot{width:26px;height:26px;border-radius:6px;background:var(--vermilion);border:2px solid var(--ink);display:grid;place-items:center;box-shadow:1.5px 1.5px 0 var(--ink);flex:none}
.s3-head .dot svg{width:11px;height:11px;fill:var(--paper)}
.s3-ttl{min-width:0}
.s3-ttl .src{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);line-height:1.4}
.s3-ttl .only{display:flex;align-items:center;gap:5px;background:none;border:0;padding:0;margin:0;font-size:15px;font-weight:700;line-height:1.35}
.s3-ttl .only svg{width:15px;height:15px}
.pop.s3 .tk{margin-top:8px}
.s3-act{display:flex;gap:8px;margin-top:10px}
.s3-act .go{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 12px 0 14px;border:2px solid var(--ink);border-radius:8px;
  background:var(--mb-stock);color:var(--mb-ink);font-weight:700;font-size:15px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.s3-act .go svg{width:15px;height:15px;flex:none}
.s3-act .x{min-height:48px;border-radius:24px}

/* ===== 参加者の画面（PLAYROOM 共通の部品。卓の文字色と白い面を継ぐ） ===== */
.code-wrap .code{border-radius:18px 18px 0 0}
.rstub{--stamp:currentColor;position:relative;display:flex;align-items:center;gap:12px;background:var(--w,#fff);border-radius:0 0 18px 18px;padding:9px 16px 11px 14px;
  border-top:2px dashed color-mix(in srgb,currentColor 40%,transparent)}
.rstub::before,.rstub::after{content:"";position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;background:var(--yel,var(--paper))}
.rstub::before{left:-8px}.rstub::after{right:-8px}
.rstub .dater{mix-blend-mode:normal}
.rstub p{display:flex;flex-direction:column;gap:1px;font-size:13.5px;line-height:1.45;font-weight:700;text-wrap:pretty}
.rstub p b{font-size:15.5px;font-weight:900}

.keep{--stamp:currentColor;display:flex;align-items:center;gap:12px}
.keep .kstub{flex:none;width:80px;background:var(--w,#fff);border-radius:10px 0 0 10px;padding:8px 10px 10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 8.33%,calc(100% - 7px) 16.67%,100% 25%,calc(100% - 7px) 33.33%,100% 41.67%,calc(100% - 7px) 50%,100% 58.33%,calc(100% - 7px) 66.67%,100% 75%,calc(100% - 7px) 83.33%,100% 91.67%,calc(100% - 7px) 100%,0 100%)}
.keep .kstub .s3{font-size:12px;font-weight:900}
.keep .kstub > b{font-family:"Space Mono",monospace;font-size:16px;letter-spacing:.06em;line-height:1.2}
.keep .kstub .dater{mix-blend-mode:normal;margin-top:2px}
.keep .ktext{display:flex;flex-direction:column;gap:0;min-width:0}
.keep .ktext b{font-size:14px;line-height:1.55;font-weight:900}
.keep .textlink{color:inherit;font-size:13px}
.keep .textlink span{border-bottom-color:currentColor}

/* 最終確認：31日の補足も本文と同じ大きさ */
.terms .sub{font-size:inherit}
/* ポップアップ3の券は3行だけ：券の名前と料金、増えること、全員が遊べること */
.tk.sm{--stubw:34px}
.tk.sm .tk-stub{padding:4px 1px}
.tk.sm .mihon.v{font-size:12px;padding:6px 1px 2px;letter-spacing:.25em}
.tk.sm .tk-body{padding:6px 10px 7px 12px;gap:1px}
.tk.sm .tk-main{font-size:15.5px;line-height:1.35}
.tk-line{font-size:13px;font-weight:700;line-height:1.45;color:var(--ink);margin-top:3px;padding-top:4px;border-top:1.5px dotted var(--pr)}
@media(max-height:700px){
  /* 縦が短い画面：見出しの小さい1行（PLAYROOM からのお知らせ）は左の印に任せ、札を低くする */
  .pop.s3{padding:8px 10px 10px}
  .s3-ttl .src{display:none}
  .s3-head .dot{width:22px;height:22px}
  .pop.s3 .tk{margin-top:6px}
  .tk.sm .tk-main{font-size:15px}
  .s3-act{margin-top:8px}
  .s3-act .go,.s3-act .x{min-height:44px}
}
@media(max-height:700px){
  .tk.sm .tk-main{font-size:14.5px;letter-spacing:-.01em}
  .tk.sm .tk-kind{font-size:12px}
  .pop.s3.above-dock{bottom:72px}
}
@media(max-height:700px){.pop.s3{padding:7px 10px 9px}}
.scrim.s3scrim{background:transparent}
.scrim.s3scrim.above-dock{bottom:72px}
/* 押していない日付印は、文字が丸の中に収まる大きさに */
.tk:has(.dater.blank){--stubw:90px}
.dater.blank{width:78px;height:78px}
.dater.blank u{font-size:12px;letter-spacing:-.02em}
/* SE：ポップアップ1と2の上の端が、卓の札の行（No.16）の途中にかからない高さまで詰める */
@media(max-height:700px){
  .pop .rule{margin:8px 0 5px}
  .pop .body{line-height:1.6}
  .pop .bigbtn{margin-top:8px}
  .pop .btnrow{margin-top:8px}
}
/* 参加者の半券：日付印が切り口にかからない幅に */
.keep .kstub{width:84px;padding:8px 12px 10px 6px}