/* 追加教材・第8弾（2026-10-18）＝意味・言い回し・常識 の紙面。白黒で刷る前提・影や色の面は使わない。 */

/* 共通 */
.a8no{display:inline-block; min-width:7mm; font-size:13pt; font-weight:700; text-align:center; flex:0 0 auto;}
.a8ans{display:grid; gap:1.5mm 6mm; font-size:10.5pt; line-height:1.5;}
.a8ans b{display:inline-block; min-width:6mm;}
.a8ans small{font-size:9pt; color:#444;}
.a8anote{font-size:10pt; margin:0 0 2mm;}
.a8list{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; min-height:0;}
.a8row{display:flex; align-items:center; gap:2mm; border-bottom:1px dotted #bbb; padding:1.6mm 0; font-size:13pt; line-height:1.45; break-inside:avoid;}
.a8row:last-child, .a8blk:last-child{border-bottom:0;}
.a8qt{flex:1 1 auto;}
.a8ch{display:flex; flex-wrap:wrap; gap:1mm 3mm; font-size:13pt; flex:0 0 auto; max-width:100mm;}
.a8blk{border-bottom:1px dotted #bbb; padding:1.6mm 0; break-inside:avoid;}
.a8q{display:flex; align-items:baseline; gap:2mm; font-size:13.5pt; line-height:1.5;}
.a8chv{display:flex; flex-direction:row; flex-wrap:wrap; gap:0.6mm 7mm; margin:0.8mm 0 0 9mm; font-size:12.5pt; line-height:1.45;}
.a8chv.col{flex-direction:column;}
.a8chv.g2{display:grid; grid-template-columns:1fr 1fr;}
.a8ch.wide{max-width:none; flex-wrap:nowrap; gap:1mm 2.5mm;}
.a8chv b{display:inline-block; min-width:7mm; font-weight:700;}
.a8big{font-size:17pt;}
.a8big2{font-size:14.5pt;}
.a8sm{font-size:11.5pt;}
.a8wl{display:flex; align-items:flex-end; gap:2mm; margin:1.5mm 0 0 9mm;}
.a8tag{flex:0 0 auto; font-size:10.5pt; border:1px solid #777; padding:0 1.5mm; margin-bottom:1mm;}
.a8line{flex:1 1 auto; height:9mm; border-bottom:1px solid #000;}
.a8bl{flex:0 0 52mm; height:9mm; border-bottom:1px solid #000;}
.a8bl.wide{flex:0 0 100mm;}
.a8box{display:inline-block; width:10mm; height:10mm; border:1.2px solid #000; vertical-align:middle; margin:0 0.5mm;}
.a8ox{display:flex; gap:4mm; font-size:14pt; flex:0 0 auto;}
.a8ox span{display:inline-block; width:9mm; text-align:center;}
.a8bank{display:flex; flex-wrap:wrap; gap:1mm 6mm; justify-content:center; border:1px solid #000; padding:2mm; font-size:16pt; margin-bottom:2mm;}

/* 1. 多義語 */
.a8sent{font-size:14pt;}
.a8u{text-decoration:underline; text-underline-offset:1.2mm; text-decoration-thickness:1.4px; font-weight:700;}
.a8blw{display:inline-block; width:22mm; height:8mm; border-bottom:1px solid #000; vertical-align:bottom; margin:0 1mm;}
.a8ex{flex:0 0 auto; font-size:10pt; border:1px solid #000; padding:0 1.5mm;}
.a8ans1{display:inline-block; width:50mm; height:9mm; border-bottom:1.4px solid #000;}

/* 3. よい点・困る点 */
.a8pc{display:flex; align-items:center; gap:3mm;}
.a8pcb{flex:0 0 auto; font-size:11pt; border:1px solid #000; padding:0 2mm;}

/* 5. お・ご */
.a8cells{flex:1 1 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:0 8mm; align-content:space-around;}
.a8cell{display:flex; align-items:center; gap:3mm; border-bottom:1px dotted #bbb; padding:2.5mm 0; font-size:13pt;}
.a8og{font-size:13pt;}

/* 8. 百人一首 */
.a8waka{font-size:14pt; letter-spacing:0.05em;}
.a8waka2{flex:0 0 auto; font-size:14pt; margin-bottom:1mm;}
.a8shimo .a8line{height:10mm;}

/* 10. 四字熟語 */
.a8yj{flex:0 0 auto; font-size:20pt; letter-spacing:0.15em; min-width:56mm;}
.a8yj .a8box{width:11mm; height:11mm;}

/* 11. 相談 */
.a8soudan{border:1px solid #000; padding:1.5mm 3mm;}

@media print{
  .a8row, .a8blk, .a8cell{break-inside:avoid;}
}
/* スマホの画面：選択肢の箱は縮まない（flex:0 0 auto）ので、問いの欄が1字幅に潰れる＝入らないときは選択肢を次の行へ（2026-10-18） */
@media screen and (max-width:760px){ .a8row{flex-wrap:wrap;} .a8qt{flex:1 1 55%;} .a8ch{max-width:100%;} }
