@charset "UTF-8";
/* T's Dance Room 体験レッスン申込画面
   文字の大きさは「大・中・小」の3段階だけ（社長ルール）。
   本文18px・注記15px は老眼の最低ラインとして守る。 */

.tdr-taiken{
  --fs-l: 26px;   /* 大：見出し */
  --fs-m: 18px;   /* 中：本文・入力欄 */
  --fs-s: 15px;   /* 小：注記・ふりがな */

  --ink:      #1d1d1f;
  --ink-weak: #5b5b60;
  --line:     #dcdce0;
  --bg:       #f6f5f3;
  --card:     #ffffff;
  /* ★サイト全体のブランド色（common.css の .regular_action a 等と同じ値）に合わせる。
     旧: 金 #c9a227 / #a9861a はこの画面だけの色で、ホームページ側と合っていなかった
     （2026-08-05・社長指摘＝申込画面に来ると「よそのサイトに来た」感じがする）。 */
  /* 2026-08-09 社長ご指摘：マゼンタ（ピンク）で文字やリンクを書くのをやめる。
     文字・リンク・押しボタンは黒系にそろえ、色は「今どのスタジオか」を示すためだけに使う。 */
  --accent:      #2b2b2f;
  --accent-d:    #1d1d1f;
  --accent-tint: #f1f1f3;
  --accent-head: #d8d8de;
  --err:      #b3261e;
  --radius:   12px;

  /* ★校舎・スタジオごとの色（2026-08-06・8/5の単色統一を差し戻し）。
     /schedule/ の時間割カレンダー（tdr-timetable.php の COLS 定数）と同じ4色。
     鹿島田Ast=A（緑）／鹿島田Bst=B（ピンク＝サイト共通アクセントと同色）／
     平間Ast=Y（黄）／平間Bst=C（水色）。文字は全部 --ink（黒）で統一する
     （白文字だと黄色地・水色地で読みにくくなるため）。
     8/5のコメントには「色は項目ごとに設定せず統一する」とあったが、
     社長の真意は逆＝校舎・スタジオごとに色を使い分けて、今どこを見ているか
     一目で分かるようにすること（2026-08-06 本人確認）。 */
  --room-a:      #78dd36;   /* 鹿島田Ast 緑 */
  --room-a-tint: #eaf8dd;
  --room-a-line: #a8e37e;
  --room-b:      #ef2184;   /* 鹿島田Bst ピンク（サイト共通アクセントと同じ） */
  --room-b-tint: #fde5f0;
  --room-b-line: #f3a9c9;
  --room-y:      #fcf024;   /* 平間Ast 黄 */
  --room-y-tint: #fdf9c4;
  --room-y-line: #eee27a;
  --room-c:      #48b2f6;   /* 平間Bst 水色 */
  --room-c-tint: #dcf0fe;
  --room-c-line: #9bd3f9;
}

.tdr-taiken *, .tdr-taiken *::before, .tdr-taiken *::after{ box-sizing:border-box; }
.tdr-taiken{ -webkit-text-size-adjust:100%; }
.tdr-taiken{
  margin:0; background:#fff; color:var(--ink);
  font-family:"Lucida Grande","游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:var(--fs-m); line-height:1.8;
  /* 語の途中で改行させない。auto-phrase を読めない機械では従来どおりの折り返しになる */
  word-break:auto-phrase; line-break:strict; overflow-wrap:anywhere;
}
/* ★個別クラスの申込画面（第3段階）だけ、大きい背景をそのクラスの部屋の色にする（2026-08-06）。
   「今、鹿島田Aスタなのか鹿島田Bスタなのか、平間Aスタなのか平間Bスタなのか」が
   ページ全体の色でひと目でわかるようにする、という社長のご指示。
   index.php が body に rm--A/B/Y/C を付ける。カード自体は白のまま（文字が読みにくくならないように）。 */
/* 既定（校舎選択・クラス一覧）は色を持たない。個別クラスの画面だけスタジオの色を帯びる。 */
.tdr-taiken{ --acc:#2b2b2f; --acc-tint:#f1f1f3; --acc-line:#c9c9cf; }
.tdr-taiken.rm--A{ --acc:var(--room-a); --acc-tint:var(--room-a-tint); --acc-line:var(--room-a-line); }
.tdr-taiken.rm--B{ --acc:var(--room-b); --acc-tint:var(--room-b-tint); --acc-line:var(--room-b-line); }
.tdr-taiken.rm--Y{ --acc:var(--room-y); --acc-tint:var(--room-y-tint); --acc-line:var(--room-y-line); }
.tdr-taiken.rm--C{ --acc:var(--room-c); --acc-tint:var(--room-c-tint); --acc-line:var(--room-c-line); }
/* ★2026-08-10 社長ご指摘：他のページは白基調なのに、この画面だけ地色を敷いて
   明暗が逆になっていた。サイトに合わせて白のままにし、スタジオの色は線でだけ示す。 */
/* クラスの案内の箱だけ、上辺にそのスタジオの色を細く入れる */
.tdr-taiken .stage3__info > .card{ border-top:4px solid var(--acc); }
.tdr-taiken.rm--A .hd{ border-bottom-color:var(--room-a-line); }
.tdr-taiken.rm--B .hd{ border-bottom-color:var(--room-b-line); }
.tdr-taiken.rm--Y .hd{ border-bottom-color:var(--room-y-line); }
.tdr-taiken.rm--C .hd{ border-bottom-color:var(--room-c-line); }
/* ★サイト共通CSSの a{color:ピンク} と強さが並ぶと、あとに読まれた方が勝ってしまう。
   :any-link を足して1段強くし、この画面の中では必ず黒＋下線になるようにする（2026-08-09）。 */
/* ★2026-08-10 検証：サイトは全ページでリンクに下線を使っていない。色は #ef2184 か #333。
   この画面だけ下線を引いていたのをやめ、サイトに合わせる。 */
.tdr-taiken a:any-link{ color:#ef2184; text-decoration:none; }
.tdr-taiken a:any-link:hover{ color:#ef2184; text-decoration:underline; }
.tdr-taiken .btn:any-link, .tdr-taiken .chip:any-link, .tdr-taiken .pick__a:any-link,
.tdr-taiken .clist__i a:any-link, .tdr-taiken .dow a:any-link{ text-decoration:none; }
.tdr-taiken .chip.is-on:any-link{ color:#fff; }
.tdr-taiken .btn--go:any-link{ color:#fff; }
/* ここで折り返してほしくない語に付ける。
   ★「K-POP」が「K-」「POP」に割れる件は、word-break:keep-all では直らないことを
     2026-08-04 に Chrome で実測して確かめた。index.php の nobreakWords() が
     英数字＋ハイフンの短い語（K-POP・ts-dance.jp・044-573-3501 など）をこの印で包む。 */
.tdr-taiken .nb{ white-space:nowrap; }
/* 入力部品も本文と同じ大きさにそろえる（既定の13pxを残さない） */
.tdr-taiken input, .tdr-taiken textarea, .tdr-taiken select, .tdr-taiken button{ font-size:var(--fs-m); font-family:inherit; }

/* ---- 見出し帯 ---- */
.tdr-taiken .hd{ background:#fff; border-bottom:1px solid var(--line); padding:14px 20px; }
.tdr-taiken .hd__home{ display:inline-block; font-size:var(--fs-s); text-decoration:none; color:var(--ink-weak); letter-spacing:.08em; }
.tdr-taiken .hd__ttl{ margin:4px 0 0; font-size:var(--fs-l); line-height:1.4; font-weight:700; }
.tdr-taiken .hd__sub{ margin:6px 0 0; font-size:var(--fs-s); }

.tdr-taiken .wrap{ max-width:980px; margin:0 auto; padding:10px 16px 56px; }
.tdr-taiken .lead{ margin:0 0 20px; }

/* ---- ひとまとまり ----
   ★2026-08-10：他のページはカードで囲まず、白地に区切り線で仕切っている。
   同じ作りにする（角丸の白い箱が浮いていると「別のサイト」に見えるため）。 */
.tdr-taiken .card{
  background:transparent; border:0; border-radius:0;
  padding:0; margin:0 0 34px;
}
/* ★見出しはサイトと同じ＝中央ぞろえ・24px・下に黒い短い線（style.css の section .inner_wrap>h3 と同じ形） */
.tdr-taiken .card h2, .tdr-taiken .sec-h{
  margin:1rem auto; padding:1rem 0; font-size:24px; line-height:42px;
  text-align:center; font-weight:700; color:#000; position:relative;
}
.tdr-taiken .card h2::before, .tdr-taiken .sec-h::before{
  content:''; display:inline-block; width:120px; height:5px;
  position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  background-color:#000; border-radius:2px;
}
.tdr-taiken .card--err{ border:1px solid var(--err); background:#fdf3f2; border-radius:8px; padding:16px 18px; }
.tdr-taiken .card--err ul{ margin:0; padding-left:1.3em; color:var(--err); }
.tdr-taiken .card--done h2{ color:var(--ink); }

/* ---- 内容の一覧 ---- */
.tdr-taiken .sum{ margin:0; display:grid; grid-template-columns:9.5em 1fr; gap:2px 12px; }
.tdr-taiken .sum dt{ color:var(--ink-weak); font-size:var(--fs-s); padding:9px 0; }
.tdr-taiken .sum dd{ margin:0; padding:9px 0; border-bottom:1px solid var(--line); }
.tdr-taiken .sum dt{ border-bottom:1px solid var(--line); }
.tdr-taiken .sum--tight dt, .tdr-taiken .sum--tight dd{ padding:6px 0; }
.tdr-taiken .note, .tdr-taiken .hint{ font-size:var(--fs-s); color:var(--ink-weak); }
.tdr-taiken .note{ margin:14px 0 0; }
.tdr-taiken .hint{ margin:6px 0 0; }

/* ---- クラスの紹介文（kaiin.sqlite の st_desc） ---- */
.tdr-taiken .cdesc{ margin:22px 0 0; padding:18px 0 0; background:transparent; border:0; border-top:1px solid var(--line); }
.tdr-taiken .cdesc__h{ margin:0 0 8px; font-size:var(--fs-m); font-weight:700; }
.tdr-taiken .cdesc__b{ margin:0; font-size:var(--fs-m); line-height:1.9; }

/* ---- 今どこにいるか（パンくず） ---- */
.tdr-taiken .crumb{ margin:0 0 18px; font-size:var(--fs-s); color:var(--ink-weak); line-height:1.9; }
.tdr-taiken .crumb a{ color:var(--ink-weak); }
.tdr-taiken .crumb span{ color:var(--ink); font-weight:700; }

/* ---- 第1段階：校舎を選ぶ ---- */
.tdr-taiken .pick{ list-style:none; margin:0 0 8px; padding:0; }
.tdr-taiken .pick__i{ margin:0 0 18px; }
.tdr-taiken .pick__a{
  display:block; background:var(--card); border:2px solid var(--line);
  border-radius:var(--radius); padding:24px 22px; text-decoration:none; color:var(--ink);
}
.tdr-taiken .pick__a:hover{ border-color:var(--acc-line); background:var(--acc-tint); }
.tdr-taiken .pick__n{ display:block; font-size:var(--fs-l); font-weight:700; line-height:1.4; }
.tdr-taiken .pick__c{ display:block; margin-top:6px; font-size:var(--fs-m); font-weight:700; color:var(--ink); }
.tdr-taiken .pick__m{ display:block; margin-top:10px; font-size:var(--fs-s); color:var(--ink-weak); line-height:1.8; }
.tdr-taiken .pick__go{ display:block; margin-top:18px; font-size:var(--fs-m); font-weight:700; color:var(--ink); }

/* ---- 第2段階：校舎の案内 ---- */
.tdr-taiken .sch__m{ margin:0 0 12px; font-size:var(--fs-s); color:var(--ink-weak); line-height:1.9; }
.tdr-taiken .det{ margin:6px 0 0; border-top:1px solid var(--line); }
.tdr-taiken .det > summary{ cursor:pointer; padding:12px 0 4px; font-size:var(--fs-s); color:var(--ink); }
.tdr-taiken .det > summary:hover{ text-decoration:underline; }
.tdr-taiken .det .sch__m{ margin:12px 0 0; }
.tdr-taiken .relink{ margin:14px 0 0; }
.tdr-taiken .relink a{ display:inline-block; padding:8px 0; font-size:var(--fs-m); font-weight:700; }

/* ---- 絞り込みの札 ---- */
.tdr-taiken .filter{ margin:0 0 26px; }
.tdr-taiken .filter__h{ margin:20px 0 10px; font-size:var(--fs-s); font-weight:700; color:var(--ink-weak); }
.tdr-taiken .filter__h:first-child{ margin-top:0; }
.tdr-taiken .chips{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
.tdr-taiken .chip{
  display:inline-block; text-decoration:none; background:#fff; border:1px solid var(--line); border-radius:999px;
  padding:10px 16px; font-size:var(--fs-s); line-height:1.5;
  text-decoration:none; color:var(--ink); white-space:nowrap;
}
.tdr-taiken .chip:hover{ border-color:var(--acc); background:var(--acc-tint); }
.tdr-taiken .chip.is-on{ background:var(--accent); border-color:var(--accent); color:#fff; font-weight:700; text-decoration:none; }

/* ---- 曜日へ移動 ---- */
.tdr-taiken .dow{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 26px;
  padding:0 0 16px; background:transparent; border:0; border-bottom:1px solid var(--line);
}
.tdr-taiken .dow__h{ font-size:var(--fs-s); color:var(--ink-weak); }
.tdr-taiken .dow a{
  display:inline-block; min-width:46px; text-align:center; padding:10px 8px;
  border:1px solid var(--line); border-radius:8px; font-size:var(--fs-s);
  text-decoration:none; color:var(--ink); line-height:1.4;
}
.tdr-taiken .dow a:hover{ border-color:var(--acc); background:var(--acc-tint); }

.tdr-taiken .count{ margin:0 0 16px; font-size:var(--fs-s); color:var(--ink-weak); }
.tdr-taiken .backlink{ margin:28px 0 0; font-size:var(--fs-m); }

/* ---- クラス一覧 ---- */
.tdr-taiken .clist{ list-style:none; margin:0; padding:0; }
.tdr-taiken .clist__g{ margin:26px 0 10px; font-size:var(--fs-s); font-weight:700; color:var(--ink-weak);
           letter-spacing:.06em; border-bottom:1px solid var(--line); padding-bottom:6px;
           scroll-margin-top:14px; }
.tdr-taiken .clist__g:first-child{ margin-top:0; }
.tdr-taiken .clist__d{ display:block; margin-top:8px; font-size:var(--fs-m); color:var(--ink); line-height:1.8; }
.tdr-taiken .clist__i{ margin:0 0 12px; }
.tdr-taiken .clist__i a{
  display:block; background:#fff; border:1px solid var(--line);
  border-radius:10px; padding:18px 20px; text-decoration:none; color:var(--ink);
}
.tdr-taiken .clist__i a:hover{ border-color:var(--acc-line); background:var(--acc-tint); }
.tdr-taiken .clist__n{ display:block; font-size:var(--fs-m); font-weight:700; }
.tdr-taiken .clist__m{ display:block; font-size:var(--fs-m); color:var(--ink); line-height:1.8; }

/* ---- 日を選ぶ ---- */
.tdr-taiken .days{ list-style:none; margin:0 0 26px; padding:0; }
.tdr-taiken .days li{ margin:0 0 10px; }
.tdr-taiken .day{
  display:flex; align-items:center; gap:14px;
  border:2px solid var(--line); border-radius:8px;
  padding:14px 16px; cursor:pointer;
}
.tdr-taiken .day:hover{ border-color:var(--acc); }
.tdr-taiken .day:has(input:checked){ border-color:var(--acc); background:var(--acc-tint); }
.tdr-taiken .day input{ width:22px; height:22px; accent-color:var(--accent); flex:none; }
.tdr-taiken .day__b{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 14px; flex:1; }
.tdr-taiken .day__d{ font-weight:700; white-space:nowrap; }
.tdr-taiken .day__t{ color:var(--ink-weak); white-space:nowrap; font-size:var(--fs-s); }
.tdr-taiken .day__r{ margin-left:auto; font-size:var(--fs-s); color:var(--ink); font-weight:700; white-space:nowrap; }
.tdr-taiken .day--full{ opacity:.55; cursor:not-allowed; }
.tdr-taiken .day--full .day__r{ color:var(--ink-weak); }

/* ---- 入力欄 ---- */
.tdr-taiken .f{ margin:0 0 22px; }
.tdr-taiken .f label, .tdr-taiken .f .lbl{ display:block; margin:0 0 6px; font-weight:700; }
/* ★お問い合わせフォームと同じ形（#f92931・18px・太字・角丸20px）にそろえる */
.tdr-taiken .req{
  display:inline-block; margin-left:8px; padding:3px 12px; border-radius:20px;
  background:#f92931; color:#fff; font-size:18px; font-weight:700; line-height:1.4; vertical-align:2px;
}
.tdr-taiken .opt{
  display:inline-block; margin-left:8px; padding:3px 12px; border-radius:20px;
  background:#424242; color:#fff; font-size:18px; font-weight:700; line-height:1.4; vertical-align:2px;
}
/* ★お問い合わせフォームと同じ作り（角丸なし・枠 #a5a5a5・必須の欄は薄い黄色） */
.tdr-taiken .f input[type=text], .tdr-taiken .f input[type=tel], .tdr-taiken .f input[type=email], .tdr-taiken .f input[type=date], .tdr-taiken .f textarea{
  width:100%; font-size:var(--fs-m); font-family:inherit; line-height:1.6;
  padding:12px 14px; border:1px solid #a5a5a5; border-radius:0; background:#fff; color:var(--ink); margin:0;
}
.tdr-taiken .f input[required], .tdr-taiken .f textarea[required], .tdr-taiken .f select[required]{
  background:rgba(255,255,142,.46);
}
.tdr-taiken .f input:focus, .tdr-taiken .f textarea:focus, .tdr-taiken .f select:focus{ outline:3px solid var(--acc-line); border-color:var(--accent); }
.tdr-taiken .f textarea{ resize:vertical; }
/* 選ぶ欄（ダンス・ボーカル歴など。2026-08-09 追加） */
.tdr-taiken .f select{
  width:100%; font-size:var(--fs-m); font-family:inherit; line-height:1.6;
  padding:12px 14px; border:1px solid #a5a5a5; border-radius:0; background:#fff; color:var(--ink);
}
/* 生年月日の下に出す学年の目安（2026-08-09 追加） */
.tdr-taiken .gaku{ margin:6px 0 0; font-size:var(--fs-s); color:var(--ink); font-weight:700; min-height:1.2em; }
.tdr-taiken .radios{ display:flex; gap:10px; flex-wrap:wrap; }
.tdr-taiken .rd{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line);
     border-radius:8px; padding:10px 16px; cursor:pointer; font-weight:400; margin:0; }
.tdr-taiken .rd input{ width:20px; height:20px; accent-color:var(--accent); }
.tdr-taiken .rd:has(input:checked){ border-color:var(--acc); background:var(--acc-tint); }

/* 人には見せない欄（自動投稿よけ） */
/* 人には見せない欄（自動投稿よけ）。
   ★左に9999px飛ばす昔のやり方は、スマホで画面が2px横に伸びる（2026-08-10 実測）。
     大きさゼロ＋切り取りで、画面の幅に影響しない形にする。 */
.tdr-taiken .hp{ position:absolute; width:1px; height:1px; padding:0; margin:-1px;
                 overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }

/* ---- ボタン ---- */
.tdr-taiken .acts{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:8px; }
.tdr-taiken .btn{
  display:inline-block; font-size:var(--fs-m); font-family:inherit; font-weight:700;
  padding:16px 28px; border-radius:10px; border:2px solid transparent;
  text-decoration:none; cursor:pointer; line-height:1.4;
}
.tdr-taiken .btn--go{ background:var(--accent); color:#fff; text-decoration:none; }
.tdr-taiken .btn--go:hover{ background:#000; }
.tdr-taiken .btn--ghost{ background:#fff; color:var(--ink); border-color:var(--line); text-decoration:none; }

/* ---- 満員の印（クラス一覧）2026-08-04 ---- */
.tdr-taiken .tag{ display:inline-block; margin-left:8px; padding:2px 10px; border-radius:999px;
      font-size:var(--fs-s); font-weight:700; line-height:1.5; vertical-align:2px; white-space:nowrap; }
.tdr-taiken .tag--full{ background:#efeff2; color:var(--ink-weak); border:1px solid var(--line); }
.tdr-taiken .tag--soon{ background:var(--acc-tint); color:var(--ink); border:1px solid var(--acc-line); }

/* ---- どの校舎・どの部屋か（バッジ）----
 * 鹿島田Ast=A（緑）／鹿島田Bst=B（ピンク）／平間Ast=Y（黄）／平間Bst=C（水色）。
 * 2026-08-06：8/5に「色は項目ごとに設定せず統一する」として1色化したのを差し戻した。
 * 社長の本来のご指示は、校舎・スタジオごとに色を使い分けて一目で分かるようにすること。
 * 文字は黒（--ink）で統一＝黄色地・水色地でも読める配色にする。 */
.tdr-taiken .tdr-rbd{
  display:inline-flex; align-items:center; justify-content:center; min-width:2.4em;
  padding:2px 8px; border-radius:6px; font-size:var(--fs-s); font-weight:700;
  line-height:1.5; margin-right:6px; vertical-align:1px; white-space:nowrap;
  background:var(--accent-tint); color:var(--accent-d);
}
.tdr-taiken .tdr-rbd--A{ background:var(--room-a-tint); color:var(--ink); }
.tdr-taiken .tdr-rbd--B{ background:var(--room-b-tint); color:var(--ink); }
.tdr-taiken .tdr-rbd--Y{ background:var(--room-y-tint); color:var(--ink); }
.tdr-taiken .tdr-rbd--C{ background:var(--room-c-tint); color:var(--ink); }

.tdr-taiken .clist__i a{ border-left:6px solid var(--line); }
.tdr-taiken .clist__i--A a{ border-left-color:var(--room-a); }
.tdr-taiken .clist__i--B a{ border-left-color:var(--room-b); }
.tdr-taiken .clist__i--Y a{ border-left-color:var(--room-y); }
.tdr-taiken .clist__i--C a{ border-left-color:var(--room-c); }

/* ---- 戻り道のボタン（上と下）2026-08-04 ---- */
.tdr-taiken .reback{ margin:18px 0 0; text-align:center; }
.tdr-taiken .reback--full{ margin:16px 0 0; }

/* ---- 足まわり ---- */
.tdr-taiken .ft{ border-top:1px solid var(--line); background:#fff; padding:20px 16px 34px; text-align:center; }
.tdr-taiken .ft p{ margin:2px 0; font-size:var(--fs-s); color:var(--ink-weak); }

/* ==========================================================================
 * 指で押すものは高さ44px以上にする（2026-08-04）
 * ★このまとまりは、上の見た目の指定より後に置くこと。
 *   先に書くと .hd__home の display:inline-block などに負けて効かない。
 * ※文章の途中にある小さなリンクは、44pxにすると文がガタガタになるので対象外。
 *   （入力欄の見出し <label> も、押す場所は下の入力欄そのものなので対象外）
 * ========================================================================== */
.tdr-taiken .hd__home, .tdr-taiken .hd__sub a, .tdr-taiken .crumb a, .tdr-taiken .backlink a, .tdr-taiken .ft p a, .tdr-taiken .sch__m a, .tdr-taiken .count a, .tdr-taiken .note a{
  display:inline-flex; align-items:center; min-height:44px;
}
.tdr-taiken .crumb{ display:flex; flex-wrap:wrap; align-items:center; gap:0 4px; }
.tdr-taiken .dow a{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; }
.tdr-taiken .det > summary{ padding:14px 0 8px; }
.tdr-taiken .relink a{ display:inline-flex; align-items:center; min-height:44px; padding:0; }

@media (max-width:480px){
  /* ★変数は .tdr-taiken に置いてあるので、ここも :root ではなく .tdr-taiken に書く。
     :root のままだと、近い方（.tdr-taiken の26px）が勝って、この指定が効かない（2026-08-09）。 */
  .tdr-taiken{ --fs-l:23px; }
  .tdr-taiken .sum{ grid-template-columns:1fr; gap:0; }
  .tdr-taiken .sum dt{ border-bottom:none; padding:10px 0 0; }
  .tdr-taiken .sum dd{ padding:0 0 10px; }
  .tdr-taiken .day__r{ margin-left:0; width:100%; }
  .tdr-taiken .btn{ width:100%; text-align:center; }
  .tdr-taiken .ft p{ line-height:1.7; }
  .tdr-taiken .pick__a{ padding:20px 16px; }
  .tdr-taiken .dow{ padding:12px 12px; gap:6px; }
  .tdr-taiken .dow__h{ width:100%; }
  .tdr-taiken .dow a{ min-width:40px; padding:10px 6px; }
  .tdr-taiken .chip{ padding:10px 14px; }
}


/* ==========================================================================
 * パソコンで見たときの横幅（2026-08-09 社長ご指摘）
 * 1列に積み上げると画面が縦に長くなりすぎるため、横幅のある画面では2列に並べる。
 * ★入力欄そのものは1列のまま（入力の途中で目が左右に飛ぶと書き間違いが増えるため）。
 *   並べるのは「クラスの案内」と「申込フォーム」、一覧のカード同士。
 * ========================================================================== */
@media (min-width:900px){
  .tdr-taiken .clist{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
  .tdr-taiken .clist__g{ grid-column:1 / -1; }
  .tdr-taiken .clist__i{ margin:0; }
  .tdr-taiken .clist__i a{ height:100%; }
  .tdr-taiken .days{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .tdr-taiken .days li{ margin:0; }
}
@media (min-width:1000px){
  .tdr-taiken .stage3{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:28px; align-items:start; }
  .tdr-taiken .stage3__info{ position:sticky; top:16px; }
  .tdr-taiken .stage3 .card{ margin-bottom:16px; }
  .tdr-taiken .stage3 .days{ grid-template-columns:1fr; }
}

/* ==========================================================================
 * 入口（校舎を選ぶ画面）の案内（2026-08-09 社長ご指摘で旧ページから復元）
 * 色は増やさない。黒系の文字＋うすいグレーの地色だけで組む。
 * ========================================================================== */
.tdr-taiken .perks{ margin:0 0 26px; }
.tdr-taiken .perks__h{ margin:1rem auto; padding:1rem 0; font-size:24px; text-align:center; font-weight:700; color:#000; position:relative; }
.tdr-taiken .perks__h::before{ content:''; display:inline-block; width:120px; height:5px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:#000; border-radius:2px; }
.tdr-taiken .perks__l{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.tdr-taiken .perk{ background:#fff; border:1px solid var(--line); border-left:4px solid #ef2184;
                   border-radius:8px; padding:16px 18px; }
.tdr-taiken .perk__t{ display:block; font-size:var(--fs-m); font-weight:700; line-height:1.6; }
.tdr-taiken .perk__b{ display:block; margin-top:6px; font-size:var(--fs-s); color:var(--ink-weak); line-height:1.8; }

.tdr-taiken .notes{ margin-top:26px; border-top:1px solid var(--line); padding-top:10px; }
.tdr-taiken .notes__h{ margin:1rem auto; padding:1rem 0; font-size:24px; text-align:center; font-weight:700; color:#000; position:relative; }
.tdr-taiken .notes__h::before{ content:''; display:inline-block; width:120px; height:5px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:#000; border-radius:2px; }
.tdr-taiken .notes__h2{ margin:1.5em auto .6em; font-size:18px; text-align:center; color:#ef2184; font-weight:700; }
/* ★2026-08-11 社長ご指示：ただの文章の並びに見えるので、1項目ずつ四角の印を付ける。 */
.tdr-taiken .notes__l{ list-style:none; margin:0; padding-left:0; font-size:var(--fs-s); color:var(--ink); line-height:1.9; }
.tdr-taiken .notes__l li{ position:relative; margin:0 0 10px; padding-left:1.6em; }
.tdr-taiken .notes__l li::before{ content:""; position:absolute; left:0; top:.62em; width:10px; height:10px; background:#ef2184; }
.tdr-taiken .notes__tel li{ position:relative; padding-left:1.6em; }
.tdr-taiken .notes__tel li::before{ content:""; position:absolute; left:0; top:.62em; width:10px; height:10px; background:#c9c9cf; }
.tdr-taiken .notes__p{ margin:6px 0 0; font-size:var(--fs-s); color:var(--ink-weak); line-height:1.8; }
.tdr-taiken .notes__tel{ list-style:none; margin:10px 0 0; padding:0; font-size:var(--fs-s); line-height:1.9; }
.tdr-taiken .notes__tel li{ margin:0 0 4px; }

@media (min-width:900px){
  .tdr-taiken .perks__l{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* インストラクターの顔写真（2026-08-09 社長ご指示＝スケジュール表の詳細窓と見た目をそろえる） */
.tdr-taiken .face{ width:40px; height:40px; border-radius:50%; object-fit:cover;
                   border:2px solid var(--line); flex:0 0 auto; background:#fff; }
.tdr-taiken .face--s{ width:28px; height:28px; border-width:1px; }
.tdr-taiken .inst{ display:flex; align-items:center; gap:8px; }
.tdr-taiken .clist__m--n{ color:var(--ink); font-weight:700; }

/* ==========================================================================
 * 校舎を選ぶボタン（2026-08-10 社長ご指摘）
 * 旧「体験レッスンお申込み」ページと同じ顔にする。ボタンの色・形・矢印・影は
 * ホームページ側の既存CSS（.trialform_btn / .btn_kashimada / .btn_hirama）を
 * そのまま使い、ここでは置き場所（幅・並び）だけを整える。
 * ★色の値をここに書き写さないこと。ホームページ側で色を変えたら一緒に変わるのが正しい。
 * ========================================================================== */
/* ★2026-08-11 社長ご指示：パソコンでは2カラムにして、校舎ごとに枠で囲む。
   1枠まるごとが「その校舎の申し込み口」に見えるようにする。スマホは1カラムで縦に積む。 */
.tdr-taiken .pick{ display:grid; grid-template-columns:1fr; gap:20px; }
.tdr-taiken .pick__i{ margin:0; text-align:center; border:2px solid var(--line);
  border-radius:var(--radius); padding:20px 18px; background:var(--card);
  display:flex; flex-direction:column; }
@media (min-width:768px){
  .tdr-taiken .pick{ grid-template-columns:1fr 1fr; gap:24px; }
}
/* ★2026-08-10 検証：斜め2色＋硬い影＋文字影は、サイト全体でこのボタンだけ。
   1画面進むと影が消えて別サイトに見える。平間校は黄色地に白文字で読めない問題もある。
   サイトの主要ボタン（ピンク・角丸10px・影なし）に合わせ、校舎の色は左端の帯で示す。 */
/* ★2026-08-11 社長ご指示で差し戻し：ベタのピンクは「ドギツすぎる」「どちらのスタジオか
   分からない」。ホームページ側の斜め2色（.btn_kashimada / .btn_hirama）に戻す。
   ただし8/10に指摘された「平間校は黄色地に白文字で読めない」は本当なので、
   文字は白ではなく黒に近い墨色にし、硬い影と文字影は付けない。
   ★背景色はここに書かない＝ホームページ側のCSSがそのまま出る。 */
.tdr-taiken .pick .trialform_btn{
  position:relative; display:inline-block; width:100%; max-width:600px; box-sizing:border-box;
  padding:18px 52px 18px 18px; line-height:1.5; text-align:center;
  max-width:none; border-radius:10px; text-wrap:balance;
  box-shadow:none; text-shadow:none; font-size:20px; font-weight:700; color:#1f1f1f;
  border-left:0;
}
.tdr-taiken .pick .trialform_btn:after{
  border-color:transparent transparent transparent #1f1f1f;
}
/* ★どの校舎かは、ボタンの下に置く小さな色の印（スケジュール表と同じ4色）で示す。
   ボタン自体の色はサイト共通のピンクのままにして、動線の中で浮かせない。 */

.tdr-taiken .pick__rooms{
  max-width:none; margin:10px auto 0; display:flex; gap:14px; justify-content:center;
  flex-wrap:wrap; font-size:15px; color:#5b5b60;
}
.tdr-taiken .pick__room{ display:inline-flex; align-items:center; gap:6px; }
.tdr-taiken .pick__sw{ width:14px; height:14px; border-radius:3px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.12); }
.tdr-taiken .pick__sw--A{ background:#78dd36; }
.tdr-taiken .pick__sw--B{ background:#ef2184; }
.tdr-taiken .pick__sw--Y{ background:#fcf024; }
.tdr-taiken .pick__sw--C{ background:#48b2f6; }
.tdr-taiken .pick .trialform_btn:hover{ opacity:.8; transform:none; }
.tdr-taiken .pick__info{
  max-width:none; margin:14px auto 0; text-align:left;
  background:transparent; border:0; border-top:1px solid var(--line);
  padding:14px 2px 0; flex:1;
}
.tdr-taiken .pick__info .pick__c{ display:block; font-size:var(--fs-m); font-weight:700; color:var(--ink); }
.tdr-taiken .pick__info .pick__m{ display:block; margin-top:8px; font-size:var(--fs-s); color:var(--ink-weak); line-height:1.8; }

/* ★2026-08-11 社長ご指示：校舎ボタンは斜め2色に戻した。白文字だと平間校の黄色地で
   読めないので、この画面のボタンの文字は黒に近い墨色にする（下線は付けない）。 */
.tdr-taiken .pick .trialform_btn:any-link,
.tdr-taiken .pick .trialform_btn:any-link:hover{ color:#1f1f1f; text-decoration:none; }
.tdr-taiken .trialform_btn:any-link,
.tdr-taiken .trialform_btn:any-link:hover{ text-decoration:none; }

/* ==========================================================================
 * 申し込みボタン・クラス一覧も、旧ページの世界観（色を面で使う・立体感）に寄せる
 * （2026-08-10 社長ご指摘「トーンアンドマナーを近づけるのが仕事」）
 * ・押しボタンは、その画面のスタジオの色。白文字＋文字影で、黄色地でも読めるようにする
 *   （旧ボタン .trialform_btn と同じ考え方＝text-shadow で可読性を確保）。
 * ・影と角丸も旧ボタンに合わせる。
 * ========================================================================== */
/* ★2026-08-10 社長ご指摘：文字影が二重にぶれて読みにくい。
   サイトの主要ボタン（.regular_action a）は「ピンク地・白文字・角丸10px・影なし・文字影なし」。
   申し込みボタンもそれに合わせる。色はスタジオごとに変えず、サイトの主要ボタンと同じピンクにする
   （押す場所が画面ごとに違う色に変わるのは、かえって整合しない）。 */
.tdr-taiken .btn--go,
.tdr-taiken .btn--go:any-link{
  background:#ef2184; color:#fff; text-shadow:none; box-shadow:none;
  border-radius:10px; border:0; padding:18px 40px; font-size:24px;
}
.tdr-taiken .btn--go:hover{ background:#ef2184; opacity:.8; transform:none; }

/* クラス一覧：どのスタジオかが遠目でも分かるよう、色の帯を太くする */
.tdr-taiken .clist__i a{ border-left-width:4px; }

/* 2列に並べたとき、左のクラス案内の項目名と中身が窮屈で折り返していた（2026-08-10 実測）。
   幅の狭い列では、項目名を上に置いて1行ずつ読ませる。 */
@media (min-width:1000px){
  .tdr-taiken .stage3__info .sum{ grid-template-columns:1fr; gap:0; }
  .tdr-taiken .stage3__info .sum dt{ border-bottom:0; padding:10px 0 0; }
  .tdr-taiken .stage3__info .sum dd{ padding:2px 0 10px; }
}


/* ==========================================================================
 * 2026-08-10 第三者による検証（別エージェント）の指摘を反映
 * ========================================================================== */

/* 1) スマホの見出し＝サイトと同じ（下線180×3px・文字20px・行間32px） */
@media screen and (max-width:979px){
  .tdr-taiken .card h2, .tdr-taiken .sec-h,
  .tdr-taiken .perks__h, .tdr-taiken .notes__h{ font-size:20px; line-height:32px; }
  .tdr-taiken .card h2::before, .tdr-taiken .sec-h::before,
  .tdr-taiken .perks__h::before, .tdr-taiken .notes__h::before{ width:180px; height:3px; }
}

/* 6) 生年月日の欄だけ右に18pxずれていた（日付欄の既定の余白）。他の欄とそろえる */
.tdr-taiken .f input[type=date]{ margin:0; -webkit-appearance:none; appearance:none; }

/* 7) パソコンでの本文の左端を、他ページ（150px）とそろえる */
@media screen and (min-width:980px){
  .tdr-taiken .wrap{ max-width:1012px; }
}

/* 11) スマホの左右の余白を他ページ（20px）にそろえる */
@media screen and (max-width:979px){
  .tdr-taiken .wrap{ padding-left:20px; padding-right:20px; }
}

/* 細部：小見出しはサイトの型（18px・ピンク・中央）にそろえる */
.tdr-taiken .cdesc__h{ margin:1.5em auto .6em; font-size:18px; text-align:center; color:#ef2184; font-weight:700; }

/* 細部：一覧の余白が空きすぎていたので詰める */
.tdr-taiken .filter{ margin:0 0 16px; }
.tdr-taiken .relink{ margin:10px 0 0; }
.tdr-taiken .backlink{ margin:18px 0 0; }

/* 見出しの行間を、他ページと同じ42pxにそろえる（入口の見出しだけ43.2pxだった） */
.tdr-taiken .perks__h, .tdr-taiken .notes__h{ line-height:42px; }

/* ==========================================================================
 * ★重大な不具合の修正（2026-08-10 第三者の再検証で発覚）
 * サイト共通CSS（common.css）の `input, select, textarea { height:35px }` が効いて、
 * この画面の入力欄が高さ35pxに潰れ、選ぶ欄と自由記入欄で文字が切れていた。
 * 内側の余白（12px）と枠で26px使うため、文字の場所が9pxしか残らないのが原因。
 * 高さの決め打ちを外し、余白で高さを作る。自由記入欄は行数どおりの高さに戻す。
 * ========================================================================== */
.tdr-taiken .f input[type=text], .tdr-taiken .f input[type=tel],
.tdr-taiken .f input[type=email], .tdr-taiken .f input[type=date],
.tdr-taiken .f input[type=number], .tdr-taiken .f select{
  height:auto; min-height:56px; width:100%; margin:0;
}
.tdr-taiken .f textarea{
  height:auto; min-height:140px; width:100%; margin:0;
}
/* 生年月日の欄の右側にだけ余白が残り、右端が18px手前で終わっていた */
.tdr-taiken .f input[type=date]{ margin:0 !important; }

/* 角丸を10pxにそろえる（日にちの選択・ラジオ・チェックだけ8pxだった） */
.tdr-taiken .day{ border-radius:10px; }
.tdr-taiken .rd{ border-radius:10px; }


/* ==========================================================================
 * 2026-08-11 社長ご指示のまとめ直し
 *  ・3つの特典に絵の印（アイコン）を付ける ・校舎の枠を薄い色で敷いてバッジらしく
 *  ・押しボタンに影と、マウスを乗せたときの明るさ ・絞り込みと曜日は「色を敷く→乗せると色が付く」
 *  ・各コマの枠はスタジオの色を薄く敷く ・マウスを乗せたときの下線は出さない
 * ★色はすべて既存の変数（--room-* / #ef2184）を使う。新しい色は作らない。
 * ========================================================================== */

/* --- 特典3つのアイコン（画像ファイルではなく線画を直接埋め込む） --- */
.tdr-taiken .perks__l .perk__t{ padding-left:40px; position:relative; min-height:30px; }
.tdr-taiken .perks__l .perk__t::before{
  content:""; position:absolute; left:0; top:-1px; width:30px; height:30px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
}
.tdr-taiken .perks__l .perk:nth-child(1) .perk__t::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef2184' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.6-6.3'/%3E%3Cpath d='M21 3v4h-4'/%3E%3Cpath d='M9.2 9l2.8 3 2.8-3'/%3E%3Cpath d='M12 12v5'/%3E%3Cpath d='M9.6 13.4h4.8'/%3E%3Cpath d='M9.6 15.4h4.8'/%3E%3C/svg%3E"); }
.tdr-taiken .perks__l .perk:nth-child(2) .perk__t::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef2184' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='1.5'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M16 3v4'/%3E%3Cpath d='M9 15.5l2 2 4-4'/%3E%3C/svg%3E"); }
.tdr-taiken .perks__l .perk:nth-child(3) .perk__t::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef2184' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v9H4v-9'/%3E%3Crect x='2.5' y='7' width='19' height='5' rx='1'/%3E%3Cpath d='M12 21V7'/%3E%3Cpath d='M12 7c-1.4-4-3.8-4-3.8-4a2 2 0 0 0 0 4H12z'/%3E%3Cpath d='M12 7c1.4-4 3.8-4 3.8-4a2 2 0 0 1 0 4H12z'/%3E%3C/svg%3E"); }

/* --- 校舎を選ぶ枠：薄いクリーム色を敷いてバッジらしく --- */
.tdr-taiken .pick__i{ background:#faf8f4; }
.tdr-taiken .pick__i:hover{ background:#fff; border-color:#c9c9d0; }

/* --- 校舎ボタン：影を付け、マウスを乗せると明るくする --- */
.tdr-taiken .pick .trialform_btn{ box-shadow:0 3px 0 rgba(0,0,0,.20); transition:filter .12s, transform .12s, box-shadow .12s; }
.tdr-taiken .pick .trialform_btn:hover{ opacity:1; filter:brightness(1.14) saturate(1.06); transform:translateY(1px); box-shadow:0 2px 0 rgba(0,0,0,.20); }
.tdr-taiken .pick .trialform_btn:active{ transform:translateY(3px); box-shadow:none; }

/* --- 絞り込みの札：ふだんから薄いピンクを敷く。乗せる／選ぶとピンクが付く --- */
.tdr-taiken .chip{ background:var(--room-b-tint); border-color:#f5b9d6; color:var(--ink); transition:background-color .12s, color .12s, border-color .12s; }
.tdr-taiken .chip:hover{ background:#f5459b; border-color:#f5459b; color:#fff; text-decoration:none; }
.tdr-taiken .chip.is-on{ background:#ef2184; border-color:#ef2184; color:#fff; }
.tdr-taiken .chip.is-on:hover{ background:#f5459b; border-color:#f5459b; }

/* --- 曜日へ移動：同じ考え方で薄く敷く --- */
.tdr-taiken .dow a{ background:var(--room-b-tint); border-color:#f5b9d6; color:var(--ink); transition:background-color .12s, color .12s, border-color .12s; }
.tdr-taiken .dow a:hover{ background:#f5459b; border-color:#f5459b; color:#fff; text-decoration:none; }

/* --- 各コマの枠：そのスタジオの色を薄く敷く。乗せると少し濃くなる --- */
.tdr-taiken .clist__i--A a{ background:var(--room-a-tint); }
.tdr-taiken .clist__i--B a{ background:var(--room-b-tint); }
.tdr-taiken .clist__i--Y a{ background:var(--room-y-tint); }
.tdr-taiken .clist__i--C a{ background:var(--room-c-tint); }
.tdr-taiken .clist__i a{ transition:box-shadow .12s, border-color .12s, filter .12s; }
.tdr-taiken .clist__i--A a:hover{ background:var(--room-a-tint); border-color:var(--room-a); box-shadow:0 0 0 2px var(--room-a) inset; filter:saturate(1.35); }
.tdr-taiken .clist__i--B a:hover{ background:var(--room-b-tint); border-color:var(--room-b); box-shadow:0 0 0 2px var(--room-b) inset; filter:saturate(1.35); }
.tdr-taiken .clist__i--Y a:hover{ background:var(--room-y-tint); border-color:var(--room-y); box-shadow:0 0 0 2px var(--room-y) inset; filter:saturate(1.35); }
.tdr-taiken .clist__i--C a:hover{ background:var(--room-c-tint); border-color:var(--room-c); box-shadow:0 0 0 2px var(--room-c) inset; filter:saturate(1.35); }

/* --- 押す場所に、マウスを乗せたときの下線は出さない --- */
.tdr-taiken .chip:hover, .tdr-taiken .dow a:hover,
.tdr-taiken .clist__i a:hover, .tdr-taiken .pick a:hover,
.tdr-taiken .backlink a:hover, .tdr-taiken .relink a:hover{ text-decoration:none; }

/* ==========================================================================
 * 2026-08-11 検証の結果を受けた是正（社長ご指摘）
 *  ① 押せない枠がマウスで変わるのをやめる（押せると誤解させない）
 *  ② マウスを乗せたときの下線を本当に消す（:any-link を足さないと効かなかった）
 *  ③ 敷く色をぐっと薄く（7%程度）。乗せたとき・選んでいるときとの差を大きくする
 *  ④ 押せるのに反応がなかったリンクに反応を付ける
 *  ⑤ クラス数はバッジ（小さな白い札）にして読み取りやすくする
 * ========================================================================== */

/* ① 校舎カードは「入れ物」。押せるのは中のボタンだけなので、カードは動かさない */
.tdr-taiken .pick__i:hover{ background:#faf8f4; border-color:var(--line); }

/* ③ ふだん敷く色は、うっすら（白との差が7%程度）。乗せる・選ぶと一気に色が付く */
.tdr-taiken .chip{ background:#fdeff6; border-color:#f8d3e5; }
.tdr-taiken .dow a{ background:#fdeff6; border-color:#f8d3e5; }
.tdr-taiken .clist__i--A a{ background:#f6fdf1; }
.tdr-taiken .clist__i--B a{ background:#fdeff6; }
.tdr-taiken .clist__i--Y a{ background:#fffef0; }
.tdr-taiken .clist__i--C a{ background:#f2fafe; }

/* 乗せたときに、はっきり色が変わるようにする */
.tdr-taiken .clist__i--A a:hover{ background:#e7f9db; }
.tdr-taiken .clist__i--B a:hover{ background:#fcd7e9; }
.tdr-taiken .clist__i--Y a:hover{ background:#fffcd8; }
.tdr-taiken .clist__i--C a:hover{ background:#def1fd; }
.tdr-taiken .clist__i a:hover{ filter:none; }

/* ② 下線を本当に消す（:any-link を足して優先度を上げる） */
.tdr-taiken .chip:any-link:hover,
.tdr-taiken .dow a:any-link:hover,
.tdr-taiken .clist__i a:any-link:hover,
.tdr-taiken .pick a:any-link:hover,
.tdr-taiken .relink a:any-link:hover,
.tdr-taiken .backlink a:any-link:hover,
.tdr-taiken .det summary:hover,
.tdr-taiken .det summary a:any-link:hover{ text-decoration:none; }

/* ④ 押せるのに反応がなかったリンクに、色の反応を付ける */
.tdr-taiken .relink a, .tdr-taiken .backlink a{
  display:inline-block; padding:8px 16px; border:1px solid #f8d3e5; background:#fdeff6;
  border-radius:999px; color:var(--ink); transition:background-color .12s, color .12s, border-color .12s;
}
.tdr-taiken .relink a:hover, .tdr-taiken .backlink a:hover{
  background:#f5459b; border-color:#f5459b; color:#fff;
}

/* ⑤ クラス数のバッジ */
.tdr-taiken .chip__n{
  display:inline-block; margin-left:8px; padding:1px 9px; border-radius:999px;
  background:#fff; color:#c4106b; border:1px solid #f8d3e5;
  font-size:13px; font-weight:700; line-height:1.7; vertical-align:1px;
}
.tdr-taiken .chip:hover .chip__n,
.tdr-taiken .chip.is-on .chip__n{ background:#fff; color:#c4106b; border-color:#fff; }

/* 本文中のリンクも、マウスを乗せたときは下線ではなく色の濃さで示す（2026-08-11 社長ご指示） */
.tdr-taiken .notes__p a:any-link:hover,
.tdr-taiken .perk__b a:any-link:hover,
.tdr-taiken .sch__m a:any-link:hover{ text-decoration:none; color:#c4106b; }

/* ==========================================================================
 * 2026-08-11 UI/UXレビューの指摘を反映
 * ========================================================================== */

/* ★致命的：札にマウスを乗せるとピンクの上にピンク文字で読めなくなっていた。
   （:any-link を足さないと、テーマ側のリンク色に負けて白にならない） */
.tdr-taiken .chip:any-link:hover,
.tdr-taiken .chip.is-on:any-link,
.tdr-taiken .chip.is-on:any-link:hover{ color:#fff; }
.tdr-taiken .chip:any-link{ color:var(--ink); }

/* 札と曜日で形が違っていた。曜日も丸い形にそろえ、指で押せる幅（44px以上）にする */
.tdr-taiken .dow a{ border-radius:999px; min-width:46px; }

/* 「絞り込みを外す」だけ別の様式だったので、ほかの押しボタンと同じ丸い形にそろえる */
.tdr-taiken .btn--ghost{
  border-radius:999px; background:#fdeff6; border:1px solid #f8d3e5; color:var(--ink);
}
.tdr-taiken .btn--ghost:any-link:hover{ background:#f5459b; border-color:#f5459b; color:#fff; text-decoration:none; }

/* 「住所・お電話を見る」だけ、押せるのに何も起きなかった */
.tdr-taiken .det summary{ display:inline-block; padding:6px 10px; border-radius:999px; transition:background-color .12s; }
.tdr-taiken .det summary:hover{ background:#fdeff6; }

/* 満員のクラスは、押す前に分かるように色を落としてマウスの反応も消す */
.tdr-taiken .clist__i:has(.tag--full) a{ background:#f4f4f5; border-left-color:#c9c9d0; color:#7a7a80; }
.tdr-taiken .clist__i:has(.tag--full) a:hover{ background:#f4f4f5; border-color:var(--line); border-left-color:#c9c9d0; box-shadow:none; color:#7a7a80; }
.tdr-taiken .clist__i:has(.tag--full) .clist__n{ color:#7a7a80; }

/* スマホで、行き先の違う2つのボタンがすき間ゼロで接していた */
.tdr-taiken .relink{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.tdr-taiken .relink a{ margin:0; }

/* キーボードで選んでいる場所を、はっきり見せる（枠の太さだけ指定されていて出ていなかった） */
.tdr-taiken a:focus-visible, .tdr-taiken button:focus-visible, .tdr-taiken summary:focus-visible{
  outline:3px solid #1d1d1f; outline-offset:2px;
}

/* マウスを乗せたときのピンクは #f5459b だと白文字が 3.38:1 で読みにくい。
   #d81b7a なら 4.82:1 で基準（4.5:1）を満たす。見た目は変わらず明るいピンクのまま。 */
.tdr-taiken .chip:any-link:hover,
.tdr-taiken .chip.is-on:any-link:hover,
.tdr-taiken .dow a:any-link:hover,
.tdr-taiken .relink a:any-link:hover,
.tdr-taiken .backlink a:any-link:hover,
.tdr-taiken .btn--ghost:any-link:hover{ background:#d81b7a; border-color:#d81b7a; color:#fff; }