/* 絵を使わない教材・第1弾（2026-10-17）の紙面と、既存の教材に足した条件の見た目。
   白黒で刷る前提＝色は手がかりの足し（赤い目印・役割の色）にだけ使い、色が無くても読める形にする。 */

/* ---------- 既存の教材に足した条件 ---------- */
/* 抹消：左はしの赤い線と行番号（目印から読む） */
.mancbox{border-left:1.2mm solid #c00; padding-left:1.5mm;}
.manc{font-size:8.5pt; color:#777; text-align:right; padding-right:1.5mm; align-self:center;}
/* 文の音読：区切りの／ */
.kgs{color:#c00; margin:0 0.8mm; font-weight:400;}
/* 音読：3回分の記録欄 */
.tokrec{border-collapse:collapse; margin:4mm 0 0; font-size:10.5pt; width:100%;}
.tokrec td{border:1px solid #888; padding:1.6mm 2.5mm;}
.tokrec td:first-child{width:16mm; text-align:center;}
/* 文の組み立て：役割の名前と色（白黒でも名前で分かる） */
.l4card .rl{position:static; display:block; font-size:8pt; color:#555; padding:0; background:none; line-height:1.2;}
.l4card.first .rl{margin-top:1mm;}
.rc-who{border-color:#2f6db5 !important;} .rc-who .rl{color:#2f6db5;}
.rc-what{border-color:#2f8f4e !important;} .rc-what .rl{color:#2f8f4e;}
.rc-when{border-color:#b07a12 !important;} .rc-when .rl{color:#b07a12;}
.rc-where{border-color:#7a4fa3 !important;} .rc-where .rl{color:#7a4fa3;}
.rc-with{border-color:#6b7a82 !important;} .rc-with .rl{color:#6b7a82;}
.rc-verb{border-color:#c0392b !important;} .rc-verb .rl{color:#c0392b;}
.l4frame span.rc{border-style:solid; border-width:1.5px;}

/* ---------- 共通 ---------- */
.a1no{display:inline-block; font-size:9.5pt; color:#888; width:7mm; flex:0 0 auto;}
.a1ans{display:grid; gap:2.2mm 8mm; font-size:11.5pt; line-height:1.55;}
.a1ans > div{border-bottom:1px dotted #ccc; padding-bottom:1mm;}
.a1why{display:block; font-size:9.5pt; color:#444; margin-left:7mm;}
.a1anote{font-size:10pt; color:#444; margin:0 0 2mm;}
.a1line{border-bottom:1px solid #888; height:8.5mm;}
.a1bl{display:inline-block; min-width:22mm; border-bottom:1px solid #555; height:1.2em; vertical-align:bottom; margin:0 1mm;}
.a1bl.s{min-width:14mm;}
.a1bl.w{min-width:40mm;}
.a1bl.ww{min-width:110mm;}
.a1ch{display:flex; flex-wrap:wrap; gap:1mm 6mm; margin:1.2mm 0 0 7mm; font-size:12.5pt; line-height:1.5;}
.a1ch b{font-weight:400; display:inline-block; width:6mm; color:#333;}
.a1ch.inl{margin:0 0 0 3mm; display:inline-flex;}

/* ---------- 文を並べて文章にする ---------- */
.a1narabe{display:flex; flex-direction:column; justify-content:space-between; flex:1 1 auto; gap:4mm;}
.a1nh{font-size:12pt; color:#333; border-bottom:1px solid #bbb; padding-bottom:0.8mm; margin-bottom:1.5mm;}
.a1sent{list-style:none; margin:0 0 0 7mm; padding:0;}
.a1sent li{display:flex; align-items:baseline; font-size:13.5pt; line-height:1.6;}
.a1sent li b{font-weight:400; width:7mm; flex:0 0 auto;}
.a1ord{display:flex; align-items:center; gap:0 1.5mm; margin:2mm 0 0 7mm; font-size:12pt;}
.a1ord span{display:inline-block; width:10mm; height:9mm; border:1px solid #555;}
.a1ord b{font-weight:400; color:#555;}
.a1sub{font-size:11pt; margin:4mm 0 1mm 7mm;}

/* ---------- 文の書き換え ---------- */
.a1kaki{display:flex; flex-direction:column; justify-content:space-between; flex:1 1 auto; gap:2.5mm;}
.a1kq{display:flex; flex-wrap:wrap; align-items:baseline; gap:0 3mm; font-size:13.5pt; line-height:1.55;}
.a1src{font-weight:400;}
.a1ask{font-size:10.5pt; color:#444;}
.a1fill{margin:1.5mm 0 0 7mm; font-size:13.5pt;}
.a1fill .a1bl{min-width:34mm;}
.a1fill .a1bl.s{min-width:16mm;}
.a1write{margin:1mm 0 0 7mm; border-bottom:1px solid #888; height:10mm; display:flex; align-items:flex-end; font-size:13.5pt;}
.a1kaki.l5 .a1write{height:11mm;}
.a1cue{color:#555;}

/* ---------- 動詞から文を作る ---------- */
.a1doushi{display:flex; flex-direction:column; justify-content:space-between; flex:1 1 auto; gap:3mm;}
.a1d{display:flex; align-items:baseline; flex-wrap:wrap; font-size:13.5pt; line-height:1.6;}
.a1d.col{flex-direction:column; align-items:stretch;}
.a1d small{font-size:9.5pt; color:#555;}
.a1verb{display:inline-block; border:1.5px solid #333; padding:0 3mm; font-size:15pt;}
.a1dq{margin-right:2mm;}
.a1dr{display:flex; align-items:baseline; margin:1mm 0 0 7mm;}
.a1dl{font-size:10.5pt; color:#444; min-width:16mm;}
.a1sline{margin:1.5mm 0 0 7mm;}
.a1base{font-size:14pt;}
.a1words{display:flex; flex-wrap:wrap; gap:1.5mm 4mm; margin:1.5mm 0 0 7mm;}
.a1words span{border:1px solid #bbb; border-radius:1.5mm; padding:0.5mm 3mm; font-size:13pt;}

/* ---------- 音を足す・抜く・替える ---------- */
.a1onso{display:flex; flex-direction:column; justify-content:space-between; flex:1 1 auto;}
.a1o{display:flex; align-items:center; gap:0 3mm; border-bottom:1px dotted #bbb; padding:1.6mm 0;}
.a1oq{flex:1 1 auto; font-size:13.5pt; line-height:1.5;}
.a1masu{display:flex; flex:0 0 auto;}
.a1masu span{width:10mm; height:10mm; border:1px solid #555; margin-left:-1px;}
.a1masu span:first-child{margin-left:0;}

/* ---------- ことばの階段 ---------- */
.a1kaidan{display:grid; gap:6mm 6mm; flex:1 1 auto; align-content:space-evenly;}
.a1kh{font-size:12pt; margin-bottom:1.5mm;}
.a1cat{display:inline-block; border:1px solid #777; border-radius:1mm; padding:0 2mm; margin-right:2mm; font-size:10.5pt;}
.a1step{display:flex; margin-top:-1px;}
.a1step span{width:10.5mm; height:10.5mm; border:1px solid #444; margin-left:-1px; display:flex; align-items:center; justify-content:center; font-size:15pt;}
.a1step span:first-child{margin-left:0;}
.a1step span.lk{background:#f0f0f0;}

/* ---------- 指示どおりに書き込む ---------- */
.a1shiji{display:flex; flex-direction:column; justify-content:space-between; flex:1 1 auto;}
.a1s{padding:1mm 0 1.5mm; border-bottom:1px dotted #bbb;}
.a1st{font-size:13pt; line-height:1.5;}
.a1figs{display:flex; gap:0 3mm; margin:1mm 0 0 7mm;}
.a1fig{width:15mm; height:15mm; flex:0 0 auto; overflow:visible;}
.a1shiji.ans .a1fig{width:11mm; height:11mm;}
.a1shiji.ans .a1st{font-size:10.5pt;}

/* ---------- 決まりを見つける箱 ---------- */
.a1kisoku{display:grid; gap:6mm 6mm; flex:1 1 auto; align-content:space-evenly;}
.a1box{border:1px solid #555; border-radius:1.5mm; padding:2mm 3mm;}
.a1bh{font-size:10.5pt; color:#444; margin-bottom:1mm;}
.a1bt{border-collapse:collapse; margin:0 auto; font-size:15pt;}
.a1bt td{padding:1mm 2mm; text-align:center; min-width:13mm;}
.a1bt td.ar{color:#666; min-width:6mm;}
.a1bt tr.qq td{padding-top:2mm;}
.a1bx{display:inline-block; width:13mm; height:10mm; border:1px solid #333; vertical-align:middle;}
.a1rule{font-size:11pt; border-bottom:1px solid #888; height:9mm; margin-top:2mm; display:flex; align-items:flex-end;}

@media print{
  .a1step span.lk{background:#eee; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
  .mancbox, .kgs, .rc-who, .rc-what, .rc-when, .rc-where, .rc-with, .rc-verb, .a1fig{-webkit-print-color-adjust:exact; print-color-adjust:exact;}
}