/* 絵を使わない教材・第5弾（2026-10-17）＝図形・推理・読み取り・話の型 の紙面。
   表は第3弾（x_add3.css の a3tab）を使う。白黒で刷る前提・影や色の面は使わない。 */

/* 共通 */
.a5no{display:inline-block; min-width:7mm; font-size:13pt; font-weight:700; text-align:center; flex:0 0 auto;}
.a5bx{display:inline-block; width:10mm; height:8mm; border:1.2px solid #000; vertical-align:middle; margin:0 0.6mm;}
.a5bl{display:inline-block; width:12mm; border-bottom:1px solid #000; height:6mm; margin-left:1mm; vertical-align:bottom;}
.a5ln{border-bottom:1px solid #999; height:8mm; margin-bottom:1.5mm;}
.a5ans{display:grid; gap:1.5mm 6mm; font-size:10.5pt; line-height:1.5;}
.a5ans b{display:inline-block; min-width:6mm;}
.a5why{display:block; font-size:9pt; color:#444; padding-left:7mm;}
.a5ansh{font-size:10.5pt; font-weight:700; margin:2mm 0 1.5mm;}
.a5arw{font-size:18pt; flex:0 0 auto; padding:0 1mm;}
.a5ytl{display:inline-block; flex:1 1 auto; min-width:30mm; border-bottom:1px solid #000; height:7mm;}
.a5ytl.w{display:block; width:100%; height:9mm;}

/* 1. 折って切った紙を開く */
.a5ogs{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; min-height:0;}
.a5ogrow{display:flex; align-items:center; gap:2mm; border-bottom:1px solid #bbb; padding:1.5mm 0;}
.a5ogrow:last-child{border-bottom:0;}
.a5ogq{flex:0 0 34mm; display:flex; flex-direction:column; align-items:center; font-size:9pt;}
.a5ogq svg{width:32mm; height:32mm;}
.a5ogo{flex:1 1 0; display:flex; flex-direction:column; align-items:center; font-size:11pt;}
.a5ogo b{font-size:11pt;}
.a5ogo svg{width:28mm; height:28mm;}

/* 2. 重なった形を見分ける */
.a5kns{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; min-height:0;}
.a5knrow{display:flex; align-items:center; gap:3mm; border-bottom:1px solid #bbb; padding:2mm 0;}
.a5knrow:last-child{border-bottom:0;}
.a5knpic{flex:0 0 62mm;}
.a5knpic svg{width:62mm; height:62mm; display:block;}
.a5knopts{flex:1 1 auto; display:grid; gap:2mm;}
.a5kno{display:flex; align-items:center; gap:1mm; border:1px solid #999; padding:1mm;}
.a5kno b{font-size:11pt; width:5mm;}
.a5kno svg{width:20mm; height:20mm;}

/* 3. 文章から抜き出す */
.a5yts{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; gap:3mm; min-height:0;}
.a5ytp{display:flex; gap:2mm; font-size:12.5pt; line-height:1.8; margin-bottom:1.5mm;}
.a5yt.s .a5ytp{font-size:14pt;}
.a5ytq{display:flex; flex-wrap:wrap; gap:2mm 6mm; padding-left:9mm; font-size:12pt;}
.a5ytq > span{display:flex; align-items:flex-end; gap:1mm; flex:1 1 60mm;}
.a5ytt th{font-size:10.5pt; font-weight:700; background:#fff; text-align:center;}
.a5ytt td{height:9mm;}

/* 4. 漢字を唱えて覚える */
.a5tns{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between; min-height:0;}
.a5tn{display:flex; align-items:center; gap:2mm; border-bottom:1px solid #bbb; padding:1.5mm 0;}
.a5tn:last-child{border-bottom:0;}
.a5tnc{flex:1 1 auto; font-size:12pt; line-height:1.6; min-width:0;}
.a5tnc b{font-size:13pt;}
.a5tny{display:inline-block; border-bottom:1px solid #000; padding:0 1mm; font-weight:700;}
.a5tnm{flex:0 0 16mm; font-size:28pt; text-align:center; font-weight:700;}
.a5tnm.q{color:#999; font-weight:400;}
.a5tnp{flex:0 0 30mm; font-size:13pt; text-align:center;}
.a5tnp em{font-style:normal; color:#555; padding:0 0.5mm;}
.a5tnown{font-size:12pt;}
.a5tnbs{flex:0 0 auto; display:flex; gap:1.5mm;}
.a5tnb{display:inline-flex; align-items:center; justify-content:center; width:18mm; height:18mm; border:1.2px solid #000;
  background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc); background-size:100% 0.5px,0.5px 100%; background-position:center; background-repeat:no-repeat;}
.a5tnb i{font-style:normal; font-size:30pt; color:#bbb;}

/* 5. 話の型で組み立てる */
.a5sw{flex:1 1 auto; display:flex; flex-direction:column; gap:3mm; min-height:0;}
.a5swp{border:1px solid #000; padding:2mm 3mm; font-size:12.5pt; line-height:1.75;}
.a5sws{display:block;}
.a5sws b{display:inline-block; width:7mm; font-weight:700;}
.a5swo{font-size:11.5pt;}
.a5swt{font-size:15pt; font-weight:700; border-bottom:1.5px solid #000; padding-bottom:1mm;}
.a5swf{flex:1 1 auto;}
.a5swf th{font-size:11pt;}
.a5swf tbody th{background:#fff; text-align:left; font-weight:700;}
.a5swf td{height:13mm; font-size:11pt;}
.a5swc{display:flex; align-items:center; gap:1.5mm; padding:0.6mm 0;}
.a5swc i{display:inline-block; flex:0 0 auto; width:5mm; height:5mm; border:1px solid #000; border-radius:50%;}
.a5swg{color:#333;}
.a5swr{font-size:11pt; text-align:right;}

/* 6. 決まりどおりに進める */
.a5tj{flex:1 1 auto; display:flex; flex-direction:column; gap:2.5mm; min-height:0;}
.a5tjr{border:1.5px solid #000; padding:1.5mm 3mm; font-size:11pt; line-height:1.5;}
.a5tjrh{font-weight:400;}
.a5tjr ol{margin:1mm 0 1mm 6mm; padding:0;}
.a5tjo{font-size:10.5pt;}
.a5tjo .a5bx{width:8mm; height:7mm;}
.a5tjg{flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:2mm; min-height:0;}
.a5tjb{border:1px solid #000; padding:1.5mm 2mm; display:flex; flex-direction:column; gap:1mm; min-height:0; overflow:hidden;}
.a5tjh{font-size:10pt; display:flex; gap:2mm; align-items:baseline; border-bottom:1px solid #999; padding-bottom:0.5mm;}
.a5tjh b{font-size:11.5pt;}
.a5tjh em{font-style:normal; margin-left:auto; font-size:9.5pt;}
.a5tjk{display:grid; grid-template-columns:1fr 1fr; gap:1mm 3mm; font-size:11.5pt;}
.a5tjm{font-size:12pt; letter-spacing:0.5mm; line-height:1.6;}
.a5tjn{font-size:10.5pt;}
.a5tjn .a5bx{width:9mm; height:7mm;}
.a5tju{font-size:11.5pt;}
.a5tju .a5ln{height:6.5mm; margin-bottom:0.8mm;}
.a5tjs{font-size:11.5pt;}
.a5tjsb{margin:0.5mm 0 1mm;}
.a5tjsb .a5bx{width:9mm; height:7mm; margin:0 0.4mm;}
.a5tjc td{height:9mm;}

/* 7. 並びの決まりを見つける */
.a5kr{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; min-height:0;}
.a5krz{display:grid; grid-template-columns:8mm 1fr; gap:1mm 2mm; align-items:center; border-bottom:1px solid #bbb; padding:2mm 0;}
.a5krs{display:flex; gap:1.5mm; align-items:center;}
.a5krc{flex:0 0 22mm; height:22mm; border:1px solid #999; display:flex; align-items:center; justify-content:center;}
.a5krc svg{width:19mm; height:19mm;}
.a5krc.q{font-size:22pt; border:1.5px solid #000;}
.a5krol{grid-column:2; display:flex; gap:3mm; align-items:center; font-size:10.5pt;}
.a5kro{display:flex; align-items:center; gap:1mm;}
.a5kro b{font-size:11pt;}
.a5kro svg{width:17mm; height:17mm;}
.a5krk{display:flex; align-items:center; gap:2mm; border-bottom:1px solid #bbb; padding:2.5mm 0;}
.a5krk:last-child, .a5krz:last-child{border-bottom:0;}
.a5krnl{font-size:17pt; display:flex; align-items:center; flex-wrap:wrap;}
.a5krnl i{font-style:normal; padding:0 0.5mm;}
.a5krn{display:inline-block; min-width:10mm; text-align:center;}
.a5krb{display:inline-block; width:16mm; height:11mm; border:1.5px solid #000;}

/* 8. 天秤で重さ比べ */
.a5tb{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; min-height:0;}
.a5tbr{border-bottom:1px solid #bbb; padding:2mm 0;}
.a5tbr:last-child{border-bottom:0;}
.a5tbh{display:flex; align-items:center; gap:4mm;}
.a5tbl{display:inline-flex; align-items:center; gap:0.5mm; font-size:12pt;}
.a5tbl svg{width:8mm; height:8mm;}
.a5tbs{display:flex; flex-wrap:wrap; gap:1mm 3mm; padding-left:9mm;}
.a5tbsc svg{width:52mm; height:28mm; display:block;}
.a5tbq{padding-left:9mm; font-size:12pt; margin-top:1mm;}

/* 9. 拍を記号で表して読む */
.a5kg{flex:1 1 auto; display:flex; flex-direction:column; gap:3mm; min-height:0;}
.a5kgk{display:flex; flex-wrap:wrap; gap:1mm 6mm; border:1.5px solid #000; padding:1.5mm 3mm; font-size:11pt; align-items:baseline;}
.a5kgk b{font-size:15pt; margin-right:1.5mm;}
.a5kgk em{font-style:normal; flex:1 1 100%; font-size:10pt;}
.a5kgas{flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; gap:0 8mm; align-content:space-around;}
.a5kga{display:flex; align-items:flex-end; gap:2mm; padding:2mm 0;}
.a5kgw{font-size:17pt; white-space:nowrap;}
.a5kgw small{font-size:9.5pt; color:#444;}
.a5kgl{flex:1 1 auto; border-bottom:1px solid #000; height:9mm; min-width:25mm;}
.a5kgbs{display:flex; flex-direction:column; gap:2mm; border-top:1.5px solid #000; padding-top:2mm;}
.a5kgb{display:flex; align-items:center; gap:3mm;}
.a5kgc{flex:0 0 36mm; font-size:19pt; letter-spacing:1mm;}
.a5kgo{display:flex; gap:6mm; flex-wrap:wrap;}
.a5kgo > span{display:inline-flex; align-items:baseline; gap:1mm;}
.a5kgo b{font-size:11pt;}

@media print{
  .a5ogrow, .a5knrow, .a5yt, .a5tn, .a5krz, .a5krk, .a5tbr, .a5kga, .a5kgb, .a5tjb{break-inside:avoid;}
  .a5tnb i{color:#c8c8c8;}
}
/* スマホの画面：唱える文を1行目、字とますを2行目へ回す（2026-10-18） */
@media screen and (max-width:760px){ .a5tn{flex-wrap:wrap;} .a5tnc{flex:1 1 calc(100% - 12mm);} }