/* ネギタン 各レベルページ共通CSS（根岸英語塾） */
body{margin:0;background:#fff;color:#333;font-size:16px;line-height:1.8;
 font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;}
.ngt-page{max-width:760px;margin:0 auto;padding:15px 15px 30px;box-sizing:border-box;}
a{color:#0000ee;text-decoration:none;}
a:hover{text-decoration:underline;}
.ngt-crumb{font-size:14px;margin-bottom:18px;color:#ff0033;}
.ngt-crumb a{color:#0000ee;}
.ngt-crumb span{color:#555;}
.ngt-head{border:3px solid #846fc5;border-radius:10px;padding:16px;background:#fbfaff;}
.ngt-brand{margin:0;font-size:14px;color:#ff0099;}
.ngt-head h1{margin:2px 0 8px;font-size:26px;line-height:1.35;color:#4b3a8c;}
.ngt-lead{margin:0;font-size:15px;color:#444;}
.ngt-play{text-align:center;margin:22px 0 26px;}
.ngt-start{display:inline-block;padding:14px 34px;border-radius:8px;background:#846fc5;color:#fff;
 font-size:18px;font-weight:bold;}
.ngt-start:hover,.ngt-start:focus{background:#4b3a8c;text-decoration:none;}
.ngt-text h2,.ngt-related h2,.ngt-all h2{font-size:19px;line-height:1.45;color:#993300;
 border-bottom:2px dotted #9999ff;padding-bottom:4px;margin:28px 0 10px;}
.ngt-text p{margin:0 0 1em;}
.ngt-group{font-size:15px;margin:14px 0 6px;color:#555;border-left:5px solid #846fc5;padding-left:8px;}
.ngt-group.ngt-g2{border-left-color:#2e9a6a;}
.ngt-group.ngt-g3{border-left-color:#e07a00;}
.ngt-btns{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;}
.ngt-btns li{margin:0;}
.ngt-btns a,.ngt-btns span{display:block;padding:9px 6px;border:2px solid #846fc5;border-radius:6px;background:#fff;
 color:#4b3a8c;text-align:center;font-weight:bold;font-size:15px;line-height:1.35;}
.ngt-btns small{display:block;font-weight:normal;font-size:12px;}
.ngt-btns a:hover,.ngt-btns a:focus{background:#846fc5;color:#fff;text-decoration:none;}
.ngt-btns.ngt-g2 a,.ngt-btns.ngt-g2 span{border-color:#2e9a6a;color:#1f6b49;}
.ngt-btns.ngt-g2 a:hover,.ngt-btns.ngt-g2 a:focus{background:#2e9a6a;color:#fff;}
.ngt-btns.ngt-g3 a,.ngt-btns.ngt-g3 span{border-color:#e07a00;color:#8a4a00;}
.ngt-btns.ngt-g3 a:hover,.ngt-btns.ngt-g3 a:focus{background:#e07a00;color:#fff;}
.ngt-btns span.is-current{background:#eee;border-style:dashed;}
.ngt-back{text-align:center;margin:30px 0 10px;font-weight:bold;font-size:17px;}
.ngt-back span{font-weight:normal;font-size:14px;color:#666;}
.ngt-foot{margin-top:26px;border-top:1px dotted #9999ff;padding-top:12px;font-size:13px;color:#666;}
.ngt-foot p{margin:0 0 6px;}
a:focus-visible{outline:3px solid #ff0099;outline-offset:2px;}
.ngt-rel li.ngt-g2 a{border-color:#2e9a6a;color:#1f6b49;}
.ngt-rel li.ngt-g2 a:hover,.ngt-rel li.ngt-g2 a:focus{background:#2e9a6a;color:#fff;}
.ngt-rel li.ngt-g3 a{border-color:#e07a00;color:#8a4a00;}
.ngt-rel li.ngt-g3 a:hover,.ngt-rel li.ngt-g3 a:focus{background:#e07a00;color:#fff;}
/* ネギタン画像 */
.ngt-head{display:flex;align-items:center;gap:16px;}
.ngt-pic{flex:0 0 120px;width:120px;height:120px;}
.ngt-pic a{display:block;width:100%;height:100%;}
.ngt-pic img{display:block;width:100%;height:100%;object-fit:contain;}
.ngt-herotext{flex:1 1 auto;min-width:0;}
@media (max-width:480px){.ngt-head{flex-direction:column;align-items:center;gap:8px;}.ngt-pic{flex-basis:auto;width:100px;height:100px;}.ngt-herotext{width:100%;}.ngt-head h1{font-size:22px;}}
/* 一覧ページ（index.html） */
.ngt-idx-intro{margin:20px 0 6px;}
.ngt-idx-group h2.ngt-group{font-size:17px;margin:24px 0 8px;}
.ngt-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;}
.ngt-cards li{margin:0;}
.ngt-cards a{display:block;height:100%;box-sizing:border-box;padding:10px 12px;border:2px solid #846fc5;border-radius:8px;background:#fff;color:#333;}
.ngt-cards a strong{display:block;font-size:16px;color:#4b3a8c;margin-bottom:2px;}
.ngt-cards a span{display:block;font-size:13px;line-height:1.6;color:#555;}
.ngt-cards a:hover,.ngt-cards a:focus{background:#f3f0fc;text-decoration:none;}
.ngt-cards.ngt-g2 a{border-color:#2e9a6a;}
.ngt-cards.ngt-g2 a strong{color:#1f6b49;}
.ngt-cards.ngt-g2 a:hover,.ngt-cards.ngt-g2 a:focus{background:#eef8f3;}
.ngt-cards.ngt-g3 a{border-color:#e07a00;}
.ngt-cards.ngt-g3 a strong{color:#8a4a00;}
.ngt-cards.ngt-g3 a:hover,.ngt-cards.ngt-g3 a:focus{background:#fdf3e8;}
/* レベルのページ：クイズ一覧（negitan-nav.js が表示） */
.ngt-play-title{font-size:19px;line-height:1.45;color:#4b3a8c;margin:0 0 12px;}
.ngt-quizlist{list-style:none;margin:0;padding:0;display:grid;gap:10px;text-align:left;}
.ngt-quizlist li{margin:0;}
.ngt-quizlist a{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;padding:14px 16px;border-radius:8px;
 background:#846fc5;color:#fff;}
.ngt-quizlist a strong{flex:1 1 auto;font-size:17px;line-height:1.4;}
.ngt-quizlist a span{order:3;flex:1 0 100%;font-size:13px;opacity:.9;}
.ngt-quizlist .ngt-go{flex:0 0 auto;font-size:15px;white-space:nowrap;}
.ngt-quizlist a:hover,.ngt-quizlist a:focus{background:#4b3a8c;text-decoration:none;}
.ngt-soon{margin:0;padding:14px;border:2px dashed #c9bfe8;border-radius:8px;color:#555;}
/* index.html：クイズ本数のバッジ */
.ngt-count{float:right;font-style:normal;font-weight:normal;font-size:12px;line-height:1.5;margin-left:6px;
 padding:1px 8px;border-radius:999px;background:#f3f0fc;color:#4b3a8c;}
.ngt-count.is-soon{background:#f1f1f1;color:#888;}