/* 追加教材・第7弾（2026-10-18）＝呼称・喚語 の紙面。白黒で刷る前提・影や色の面は使わない。 */

/* 共通 */
.a7no{display:inline-block; min-width:7mm; font-size:13pt; font-weight:700; text-align:center; flex:0 0 auto;}
.a7ans{display:grid; gap:1.5mm 6mm; font-size:10.5pt; line-height:1.5;}
.a7ans b{display:inline-block; min-width:6mm;}
.a7ans small{font-size:9pt; color:#444;}
.a7anote{font-size:10pt; margin:0 0 2mm;}
.a7list{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; min-height:0;}
.a7row{display:flex; align-items:center; gap:2mm; border-bottom:1px dotted #bbb; padding:1.5mm 0; font-size:13pt;}
.a7row:last-child{border-bottom:0;}
.a7w{min-width:30mm; font-size:15pt;}
.a7ch{display:flex; flex-wrap:wrap; gap:1mm 3mm; font-size:13pt;}
.a7bl{flex:1 1 auto; min-width:40mm; border-bottom:1px solid #000; height:9mm;}
.a7blank{border:1.2px solid #000 !important; background:#fff;}

/* 1. 関係の深いことば */
.a7mblks{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; gap:4mm; min-height:0;}
.a7mblk{border:1px solid #999; padding:2mm 4mm; break-inside:avoid;}
.a7mh{font-size:11pt; margin-bottom:1mm;}
.a7mrow{display:flex; align-items:center; font-size:14pt; padding:1.6mm 0;}
.a7ml{flex:0 0 42mm; text-align:right;}
.a7mr{flex:0 0 42mm;}
.a7dot{flex:0 0 auto; font-size:9pt; padding:0 2mm;}
.a7gap{flex:1 1 auto;}
.a7ex{font-size:13pt; white-space:nowrap;}
.a7eq{font-size:12pt; margin:0 1mm;}
.a7an .a7ex:first-of-type{min-width:44mm;}

/* 2. ことばの木と連想図 */
.a7bank{display:flex; flex-wrap:wrap; gap:1.5mm 5mm; border:1px solid #000; padding:2mm 3mm; font-size:13pt; margin-bottom:3mm;}
.a7bh{font-size:10pt; border:1px solid #777; padding:0 1.5mm; align-self:center;}
.a7trees{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; gap:3mm; min-height:0;}
.a7tree{display:flex; align-items:center; gap:3mm; border-bottom:1px solid #bbb; padding:2mm 0; break-inside:avoid;}
.a7tree:last-child{border-bottom:0;}
.a7tno{flex:0 0 6mm; font-size:13pt; font-weight:700;}
.a7root{flex:0 0 28mm; border:1.6px solid #000; text-align:center; font-size:16pt; padding:5mm 0;}
.a7brs{flex:1 1 auto; display:flex; flex-direction:column; gap:6mm; border-left:1px solid #000; padding-left:3mm;}
.a7br{display:flex; align-items:center; gap:3mm;}
.a7node{flex:0 0 38mm; height:15mm; border:1px solid #000; display:flex; align-items:center; justify-content:center; font-size:14pt;}
.a7leaves{flex:1 1 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:2mm; border-left:1px dotted #555; padding-left:2mm;}
.a7leaf{height:15mm; border:1px solid #999; display:flex; align-items:center; justify-content:center; font-size:15pt;}
.a7maps{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; align-items:center; min-height:0;}
.a7map svg{width:150mm; height:auto; display:block;}
.a7maps.one .a7map svg{width:182mm; height:149mm;}
.a7chain{display:flex; align-items:center; gap:1mm; border-bottom:1px dotted #bbb; padding:2mm 0;}
.a7chain:last-child{border-bottom:0;}
.a7cw{flex:0 0 20mm; font-size:14pt; text-align:center; border:1.4px solid #000; padding:1.5mm 0;}
.a7cb{flex:1 1 0; height:10mm; border-bottom:1px solid #000;}
.a7ar{flex:0 0 auto; font-size:12pt;}

/* 3. 手がかりから名前を出す */
.a7q{flex:1 1 auto; font-size:13pt; line-height:1.5;}
.a7tg .a7ch{flex:0 0 auto; max-width:92mm;}
.a7tg .a7bl{flex:0 0 52mm; min-width:0;}
.a7tg5{flex-wrap:wrap;}
.a7dish{flex:0 0 40mm; font-size:15pt;}
.a7cells{flex:1 1 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:0 5mm;}
.a7cells span{height:10mm; border-bottom:1px solid #000;}

/* 4. 続きのことば */
.a7tz .a7seq{flex:1 1 auto; display:flex; align-items:center; flex-wrap:nowrap;}
.a7sq{display:inline-flex; align-items:center; justify-content:center; min-width:17mm; height:10mm; padding:0 1mm; font-size:13pt; border:1px solid transparent;}
.a7sp{font-size:12pt; color:#555;}
.a7kn{flex:0 0 auto; font-size:9pt; color:#555; border:1px solid #999; padding:0 1.5mm;}

@media print{
  .a7row, .a7tree, .a7mblk, .a7chain{break-inside:avoid;}
}
/* スマホの画面（流し直したプレビュー）：木は図なので崩さず、最小幅を持たせて Rehab.fit に紙ごと縮めさせる（2026-10-18） */
@media screen and (max-width:760px){ .a7tree{min-width:180mm;} }
/* スマホの画面：手がかりの文を1行目、選択肢と答えの線を2行目へ回す（2026-10-18） */
@media screen and (max-width:760px){ .a7tg{flex-wrap:wrap;} .a7tg .a7q{flex:1 1 calc(100% - 12mm);} .a7tg .a7bl{flex:1 1 52mm;} .a7tg .a7ch{max-width:100%;} }