/* 画面の枠・A4 の紙は漢字プリントと同じ物を使う。ここには都道府県だけの所を書く */
@import url("../kanji/app.css");

.tmap { display: block; margin: 2mm auto 0; font-family: var(--kyokasho); }
.tmap .tile { stroke: #555; stroke-width: .3; }
.tmap text { text-anchor: middle; }
.tmap .tn { font-size: 4.2px; font-weight: 700; fill: #111; font-family: "Yu Gothic UI", sans-serif; }
.tmap .tt { font-size: 3.4px; fill: #999; }
.tmap .tt.s3 { font-size: 2.7px; }
.tmap .tt.a { fill: var(--red); }
.tmap .tt.rn { font-size: 4.2px; font-weight: 700; paint-order: stroke; stroke: #fff; stroke-width: 1.2px; }
.tmap .rg { fill: #fff; stroke: #111; stroke-width: .35; }
.tmap .rl { font-size: 4.2px; font-weight: 700; fill: #111; font-family: "Yu Gothic UI", sans-serif; }
.mapnote { font-size: 3mm; color: #666; margin: 1mm 0 0; text-align: right; }
.wlist { list-style: none; margin: 2mm 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 4mm; font-size: 4.6mm; }
.wlist.r8 { grid-template-columns: repeat(4, 1fr); gap: 3mm 4mm; font-size: 6mm; margin-top: 6mm; }
.wlist li { display: flex; align-items: flex-end; gap: 1.5mm; height: 8.6mm; }
.wlist.r8 li { height: 12mm; }
.wlist .no { font-size: 3.4mm; width: 6mm; text-align: right; color: #555; font-family: "Yu Gothic UI", sans-serif; }
.wlist .ln, .clist .ln { flex: 1; border-bottom: .3mm solid #333; min-height: 6mm; }
.todo b { color: var(--red); font-weight: 400; }
.clist { list-style: none; margin: 4mm 0 0; padding: 0; flex: 1; display: grid; grid-template-rows: repeat(16, 1fr); font-size: 6.5mm; }
.clist.c2 { grid-template-columns: 1fr 1fr; grid-auto-flow: column; grid-template-rows: repeat(24, 1fr); column-gap: 8mm; font-size: 5.2mm; }
.clist li { display: flex; align-items: center; gap: 2mm; border-bottom: .2mm dashed #ccc; }
.clist .no { font-size: 3.6mm; width: 9mm; color: #555; font-family: "Yu Gothic UI", sans-serif; }
.clist .q { min-width: 24mm; }
.clist .ar { color: #888; }
.clist .ln { border-bottom: .3mm solid #333; max-width: 50mm; height: 7mm; display: flex; align-items: flex-end; }
#regions { display: grid; grid-template-columns: repeat(4, 1fr); }
/* 本当の形の地図 */
.tmap.real .pf { stroke: #444; stroke-width: .18; stroke-linejoin: round; }
.tmap.real .okibox { fill: none; stroke: #777; stroke-width: .25; }
.tmap.real .nb { fill: #fff; stroke: #111; stroke-width: .25; }
.tmap.real .tn2 { font-size: 2.6px; font-weight: 700; text-anchor: middle; font-family: "Yu Gothic UI", sans-serif; }
.tmap.real .tt.sm { font-size: 2.6px; paint-order: stroke; stroke: #fff; stroke-width: .8px; }
/* 地図記号 */
.kigo { width: 15mm; height: 15mm; flex: none; }
.kigo * { fill: none; stroke: #111; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.kigo .f { fill: #111; stroke: none; }
.kigo.a * { stroke: var(--red); } .kigo.a .f { fill: var(--red); stroke: none; }
.kgrid2 { list-style: none; margin: 4mm 0 0; padding: 0; flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3mm 5mm; align-content: start; }
.kgrid2 li { display: flex; align-items: center; gap: 2.5mm; border-bottom: .2mm dashed #ccc; min-height: 24mm; }
.kgrid2 .no { font-size: 3.4mm; color: #555; width: 7mm; font-family: "Yu Gothic UI", sans-serif; }
.kgrid2 .ln { flex: 1; border-bottom: .3mm solid #333; min-height: 8mm; font-size: 4.4mm; display: flex; align-items: flex-end; }
.kgrid2 .kn { font-size: 4.6mm; flex: 1; }
.kgrid2 .dbox { width: 20mm; height: 20mm; border: .35mm solid #333; border-radius: 1.5mm; display: grid; place-items: center; }
.kgrid2.list { gap: 1mm 4mm; }
.kgrid2.list li { min-height: 17mm; flex-wrap: wrap; align-content: center; }
.kgrid2.list .kigo { width: 12mm; height: 12mm; }
.kgrid2.list .kn { font-size: 4.2mm; color: #111; font-weight: 700; }
.kgrid2.list small { flex-basis: 100%; font-size: 2.9mm; color: #444; margin-left: 14.5mm; margin-top: -2mm; }
.kml { list-style: none; margin: 3mm 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1mm 6mm; }
.kml li { display: flex; align-items: center; gap: 2mm; min-height: 17mm; border-bottom: .2mm dashed #ccc; }
.kml .kigo { width: 13mm; height: 13mm; }
.kml .kn { flex: 1; font-size: 4.4mm; }
.kml .pa { font-size: 5mm; white-space: pre; }
.kigo-s .mr { list-style: none; margin: 4mm 0 0; padding: 3mm 4mm; border: .4mm solid #333; border-radius: 2mm; display: flex; flex-direction: column; gap: 1.6mm; font-size: 4.2mm; }
.kigo-s .mr .lt { display: inline-block; width: 7mm; font-weight: 700; }
.kigo-s.answer .pa b { color: var(--red); font-weight: 400; }