/* 十番勝負 入口ページ。日本教育工学研究所サイト（考究道場）の配色・書体に合わせる。 */
:root{
  --bg:#EEF3FB;--card:#FFFFFF;--ink:#15294B;--ink-soft:#5B6E8C;--line:#CBD9EE;
  --navy:#1A4A8F;--navy-deep:#0E2E62;--navy-soft:#E4ECF8;
  --gold:#CBA02E;--gold-deep:#A97D18;--gold-soft:#F6EDD4;--red:#E1352A;
  --shadow:0 8px 22px rgba(14,46,98,.18);--shadow-sm:0 3px 10px rgba(14,46,98,.12);--r:18px;
}
*{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Yu Gothic",system-ui,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.9;-webkit-font-smoothing:antialiased;}
.wrap{max-width:640px;margin:0 auto;padding:16px 14px 56px;}
header{background:linear-gradient(135deg,#16407E,#0C2551);border-radius:var(--r);padding:26px 22px 28px;
  box-shadow:var(--shadow);margin-bottom:16px;text-align:center;}
header h1{font-size:clamp(21px,5.8vw,29px);font-weight:800;margin:0 0 10px;color:#fff;letter-spacing:.5px;line-height:1.5;}
header .sub{font-size:clamp(12.5px,3.5vw,14.5px);font-weight:700;color:#DCE7FA;margin:0;line-height:1.85;}
.lead{background:var(--gold-soft);border:1px solid #E7D49B;border-radius:14px;padding:13px 16px;margin:0 2px 22px;
  color:#5b4708;font-size:13px;font-weight:700;line-height:1.85;text-align:center;}
.askhead{text-align:center;font-size:15px;font-weight:800;color:var(--navy-deep);margin:0 0 14px;}
.askhead::before,.askhead::after{content:"";display:inline-block;width:22px;height:2px;background:var(--gold);
  vertical-align:middle;margin:0 10px;border-radius:2px;}
.menu{display:flex;flex-direction:column;gap:13px;}
.mbtn{display:block;text-decoration:none;cursor:pointer;background:var(--card);border:1px solid var(--line);
  border-left:9px solid var(--navy);border-radius:16px;padding:16px 17px;box-shadow:var(--shadow-sm);
  transition:.15s;font:inherit;color:inherit;text-align:left;width:100%;}
.mbtn:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-left-color:var(--gold);}
.mbtn.pending{cursor:default;opacity:.9;border-left-color:#9AA9C0;background:#F7F9FD;}
.mbtn.pending:hover{transform:none;box-shadow:var(--shadow-sm);border-left-color:#9AA9C0;}
.mbtn .top{display:flex;align-items:center;gap:12px;}
.mbtn .ic{font-size:27px;line-height:1;flex:none;width:34px;text-align:center;}
.mbtn .nm{flex:1;font-size:17px;font-weight:800;color:var(--navy-deep);line-height:1.35;}
.mbtn .go{flex:none;font-size:18px;font-weight:800;color:var(--navy);}
.mbtn .catch{font-size:12.5px;font-weight:800;color:var(--gold-deep);margin:9px 0 0;line-height:1.6;}
.mbtn .desc{font-size:12px;font-weight:700;color:var(--ink-soft);margin:5px 0 0;line-height:1.7;}
.mbtn .foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;
  border-top:1px dashed var(--line);flex-wrap:wrap;}
.mbtn .enter{font-size:12.5px;font-weight:800;color:var(--navy);}
.chip{font-size:10.5px;font-weight:800;letter-spacing:.3px;border-radius:999px;padding:2px 10px;}
.chip-qa{color:#9A5E0A;background:#F6E7CC;}
.chip-draft{color:#5B6E8C;background:#E7ECF4;}
.empty{background:var(--card);border:1px dashed var(--line);border-radius:16px;padding:22px 16px;text-align:center;
  font-size:13px;font-weight:700;color:var(--ink-soft);}
.notice{background:#FBE1DF;border:1px solid #F0B7B2;border-radius:14px;padding:14px 16px;margin:16px 2px 0;
  color:#8C1F18;font-size:13px;font-weight:800;line-height:1.8;}
.qaflag{background:var(--navy-soft);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 2px 16px;
  font-size:12px;font-weight:800;color:var(--navy-deep);text-align:center;}
.backlink{display:inline-block;margin:20px 2px 0;font-size:13px;font-weight:800;color:var(--navy);text-decoration:none;}
.backlink:hover{text-decoration:underline;}
footer{margin-top:28px;text-align:center;font-size:11.5px;font-weight:700;color:var(--ink-soft);line-height:1.9;}