/* 絵を使わない教材・第2弾（2026-10-17）＝生活の表を読む・書く の紙面。
   白黒で刷る前提＝色で区別しない。灰色は表の見出しと「見本」だけ。 */

/* ---------- 共通 ---------- */
.a2bl{display:inline-block; border-bottom:1px solid #777; height:1.2em; vertical-align:bottom; margin:0 1mm;}
.a2qs{margin-top:4mm;}
.a2q{font-size:11.5pt; line-height:1.7; padding:1.2mm 0; break-inside:avoid;}
.a2qn{color:#888; font-size:9.5pt; margin-right:2mm;}
.a2wl{border-bottom:1px solid #999; height:8mm; margin:0 0 0 6mm;}
.a2ansl{font-size:11.5pt; line-height:1.7; margin-top:4mm;}
.a2ansl > div{padding:0.8mm 0; border-bottom:1px dotted #ccc;}
.a2th{font-size:11pt; font-weight:700; margin:0 0 1.5mm;}
.a2sub{font-size:11pt; margin:4mm 0 1.5mm;}
/* 1枚に並べる組（2026-10-17）：組の間は細い罫線1本 */
.a2blk{break-inside:avoid;}
.a2blk + .a2blk{margin-top:4mm; padding-top:4mm; border-top:1px solid #bbb;}
.a2bn{font-size:11pt; font-weight:700; margin:0 0 1.5mm;}
.a2tab{border-collapse:collapse; font-size:11pt; width:100%;}
.a2tab th, .a2tab td{border:1px solid #000; padding:1.2mm 2mm; text-align:center; vertical-align:middle; line-height:1.35;}
.a2tab th{background:#eee; font-weight:700;}
.a2tab .l{text-align:left;}
.a2tab .r{text-align:right;}
.a2card{border:1.5px solid #000; padding:2.5mm 4mm; font-size:11.5pt; line-height:1.7; margin-bottom:4mm;}
.a2card .a2ch{font-weight:700; font-size:10.5pt; border-bottom:1px solid #999; margin:0 0 1.5mm;}
.a2card .a2ch ~ .a2ch{margin-top:2.5mm;}
.a2card span{display:inline-block; width:28mm; color:#555; font-size:10pt;}
.a2card.prose p{margin:0; font-size:12pt; line-height:1.9;}
.a2fh{font-size:14pt; font-weight:700; text-align:center; letter-spacing:0.3em; margin:0 0 2mm;}

/* ---------- 生活の表：薬袋 ---------- */
.a2fukus{display:flex; flex-wrap:wrap; gap:3mm;}
.a2fuku{flex:1 1 40mm; border:1.5px solid #000; padding:2mm 3mm; font-size:11pt; line-height:1.55;}
.a2fk{font-size:10pt; text-align:center; border:1px solid #000; margin:0 0 1mm; letter-spacing:0.3em;}
.a2fn{font-weight:700; font-size:12pt;}
.a2ktab th.l{width:42mm;}
.a2ktab td{height:9mm;}

/* 服薬カレンダー（予定表に足した種類） */
.a2kcal{table-layout:fixed; margin-top:3mm;}
.a2kcal th:first-child{width:16mm;}
.a2kcal td{height:12mm; font-size:13pt; font-weight:700; letter-spacing:0.1em;}

/* 時刻表・番組表・催し・内線・領収書 */
.a2jtab td{text-align:left; letter-spacing:0.05em; font-size:12pt;}
.a2jtab th:first-child{width:12mm;}
.a2btab{table-layout:fixed;}
.a2btab th.tm{width:22mm; font-size:9.5pt; background:#fff; border-left:0; vertical-align:top;}
.a2btab td{font-size:10.5pt; vertical-align:top; text-align:left; height:7.5mm;}
.a2btab td small{display:block; font-size:8.5pt; color:#555;}
.a2mtab{font-size:9.5pt;}
.a2mtab th, .a2mtab td{padding:1mm 1.2mm;}
.a2ntab{width:auto; min-width:80mm;}
.a2ntab tr.g th{background:#fff; text-align:left; font-size:9.5pt; border-left:0; border-right:0;}
.a2ntab td{padding:0.8mm 4mm;}
.a2ntab td:last-child{width:18mm;}
.a2ncols{display:flex; gap:6mm; align-items:flex-start;}
.a2ncols .a2ntab{min-width:0; flex:1;}
.a2ryos{display:flex; flex-wrap:wrap; gap:3mm;}
.a2ryo{flex:1 1 55mm; border:1px solid #000; padding:2mm 3mm; font-size:10.5pt;}
.a2rh{text-align:center; font-weight:700; letter-spacing:0.4em; border-bottom:1px double #000; margin-bottom:1mm;}
.a2rs{font-weight:700;}
.a2rs span{float:right; font-weight:400; font-size:9.5pt;}
.a2ryo table{width:100%; border-collapse:collapse; line-height:1.5;}
.a2ryo td.r{text-align:right; white-space:nowrap;}
.a2ryo tr.t td{border-top:1px solid #000; font-weight:700;}

/* ---------- 書類に書き込む ---------- */
.a2form{border:2px solid #000; padding:3mm 4mm;}
.a2form table{width:100%; border-collapse:collapse;}
.a2form th{width:44mm; text-align:left; font-size:10.5pt; font-weight:400; background:#eee; border:1px solid #000; padding:1mm 2mm; line-height:1.3;}
.a2form td{border:1px solid #000; height:12mm; padding:0 3mm; font-size:12.5pt;}
.a2form td.ch{font-size:11.5pt; letter-spacing:0.05em;}
.a2maru{font-weight:400; border:1.5px solid #000; border-radius:50%; padding:0 1mm;}
.a2hwrap{display:flex; gap:6mm; align-items:flex-start;}
.a2hwrap .a2card{flex:1 1 auto;}
.a2hagaki{flex:0 0 100mm; width:100mm; height:148mm; border:1.5px solid #000; position:relative; box-sizing:border-box;}
.a2zip{position:absolute; top:12mm; right:8mm; display:flex; gap:1.2mm;}
.a2zip span{width:5.7mm; height:8mm; border:1px solid #000; display:flex; align-items:center; justify-content:center; font-size:12pt;}
.a2zip i{width:1.5mm; border-top:1px solid #000; align-self:center;}
.a2zip.s{position:static; gap:0.8mm; margin-top:2mm;}
.a2zip.s span{width:4mm; height:5.5mm; font-size:9pt;}
.a2haddr{position:absolute; top:26mm; right:10mm; writing-mode:vertical-rl; font-size:13pt; line-height:1.6; height:110mm; letter-spacing:0.05em;}
.a2hname{position:absolute; top:34mm; left:50%; transform:translateX(-50%); writing-mode:vertical-rl; font-size:20pt; letter-spacing:0.25em; height:100mm;}
.a2hfrom{position:absolute; bottom:5mm; left:6mm; display:flex; flex-direction:column; align-items:flex-start;}
.a2hfa{writing-mode:vertical-rl; font-size:8.5pt; height:52mm; line-height:1.4;}
.a2hfn{writing-mode:vertical-rl; font-size:10.5pt; height:28mm; position:absolute; left:8mm; bottom:14mm; letter-spacing:0.15em;}
/* 空のはがきは、書く場所の目安に薄い点線を引く */
.a2sh:not(.ans) .a2haddr, .a2sh:not(.ans) .a2hname{border-left:1px dotted #bbb; border-right:1px dotted #bbb; width:11mm;}
.a2sh:not(.ans) .a2hname{width:14mm;}

/* ---------- 伝言メモ ---------- */
.a2memos{display:flex; flex-direction:column; gap:4mm;}
.a2memo{border:1.5px solid #000; padding:2.5mm 4mm; font-size:11.5pt; line-height:1.8; break-inside:avoid;}
.a2mh{font-weight:700; text-align:center; letter-spacing:0.4em; border-bottom:1px solid #999; margin-bottom:1mm;}
.a2ml{font-size:10pt; color:#555;}
.a2line{border-bottom:1px solid #999; height:8mm;}
.a2cb{font-size:10.5pt; margin:1.5mm 0;}
.a2scr{display:flex; flex-direction:column; gap:3mm;}
.a2sc{border:1px solid #000; padding:2mm 3mm; font-size:11pt; line-height:1.75;}
.a2sch{font-weight:700; font-size:10pt; border-bottom:1px solid #999; margin-bottom:1mm;}
.a2sc p{margin:0.5mm 0;}
.a2sca{margin-top:1.5mm; font-size:10.5pt;}
.a2sca b{font-weight:700;}
.a2bango{display:flex; flex-direction:column; gap:5mm; margin-top:4mm; font-size:12.5pt;}
.a2br.col{display:flex; flex-direction:column; gap:3mm;}
.a2bri{margin-left:7mm;}

/* ---------- 外出の計画 ---------- */
.a2gtabs{display:flex; gap:4mm; align-items:flex-start;}
.a2gtabs > div{flex:1 1 0;}
.a2ginfo{font-size:11pt; margin:3mm 0; line-height:1.6;}
.a2cond{border:1.5px solid #000; padding:2mm 4mm; font-size:11.5pt; line-height:1.7;}
.a2cond .a2ch{font-weight:700; font-size:10.5pt;}

/* ---------- 1か月のやりくり ---------- */
.a2ktab2 td{height:8.5mm; font-size:11.5pt;}
.a2ktab2 td.b{width:30mm;}
.a2ktab2 td:first-child{width:14mm;}
.a2kk.ans .a2ktab2 td.b{font-weight:700;}
.a2dk{font-size:10.5pt; margin-top:3mm; text-align:right;}

/* ---------- 表の合計 ---------- */
.a2htab td, .a2htab th{height:11mm; font-size:13pt;}
.a2htab .sum{border-width:2px;}
.a2htab tr.sum th{background:#eee;}
.a2htab td.h{background:repeating-linear-gradient(45deg, #fff 0 2mm, #f2f2f2 2mm 4mm);}
.a2hk.ans .a2htab td.h{background:none; font-weight:700;}
.a2bill .a2tab td{height:9mm; font-size:11.5pt;}
.a2billto{font-size:11pt; border-bottom:1px solid #000; margin:0 0 3mm; padding-bottom:1mm;}
.a2billto span{float:right;}
.a2hk.ans .a2tab td.b{font-weight:700;}

/* ---------- 書き写しの照合 ---------- */
.a2sgs{display:flex; gap:5mm; align-items:flex-start;}
.a2sg{flex:1 1 0;}
.a2stab td, .a2stab th{font-size:11.5pt; padding:1mm 1.5mm;}
.a2stab th:first-child{width:7mm; font-size:9pt;}
.a2stab td.ng{border:2.5px solid #000; font-weight:700;}
.a2stab td small{display:block; font-size:9pt; font-weight:400;}
.a2sgs.one .a2stab td small{display:inline; margin-left:2mm; font-size:10pt;}

@media print {
  .a2tab th, .a2form th, .a2htab tr.sum th{-webkit-print-color-adjust:exact; print-color-adjust:exact;}
  .a2htab td.h{-webkit-print-color-adjust:exact; print-color-adjust:exact;}
}

/* ---------- 既存の（無料の）教材に足した条件の見た目（2026-10-17 x_add1.css から移した） ----------
   x_add1.css は有料の教材と一緒にしか配らない＝ここに置かないと販売前の無料の紙から消える */
/* 抹消：左はしの赤い線と行番号（目印から読む） */
.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;}

@media print {
  .mancbox, .kgs, .rc-who, .rc-what, .rc-when, .rc-where, .rc-with, .rc-verb{-webkit-print-color-adjust:exact; print-color-adjust:exact;}
}

/* 元は public 側に足していた＝build の写しで消えたので元（paid_src）へ戻した（2026-10-17）
   ---------- 抹消の型・ストループの位置と矢印・最小対語の聞き分け（2026-10-17・無料の教材に足した種類） ---------- */
.mex .mhd{display:flex; align-items:center; justify-content:flex-end; gap:1mm; padding-right:1.5mm;}
.mex .mhd i{font-style:normal; font-size:8.5pt; color:#777;}
.mex .mhd b{display:inline-block; border:1.5px solid #000; padding:0 .2em; font-size:.85em; line-height:1.2;}
.mex .mbx{font-style:normal; display:inline-block; border:1.5px solid #000; padding:0 .12em; line-height:1.15;}
.mex .mhit{outline:2px solid #c00; outline-offset:-1px; border-radius:50%;}
/*PAID>*/ /* ストループの位置と矢印（有料用・2026-10-18）＝販売前は build が抜く */
.sx .sxb{position:relative; display:block; height:13mm; border:1.5px solid #000;}
.sx .sxb b{position:absolute; font-size:13pt; font-weight:700; line-height:1;}
.sx .sxb .sxL{left:1.2mm; top:50%; transform:translateY(-50%);}
.sx .sxb .sxR{right:1.2mm; top:50%; transform:translateY(-50%);}
.sx .sxb .sxU{top:1mm; left:50%; transform:translateX(-50%);}
.sx .sxb .sxD{bottom:1mm; left:50%; transform:translateX(-50%);}
.sx .sxb.q{height:20mm;} .sx .sxb.q.s{height:16mm;}
.sx .sxa{display:block; height:17mm;}
.sx .sxa.h1{height:30mm;} .sx .sxa.h2{height:22mm;}
.sx .sxa svg{width:100%; height:100%; display:block;}
.sxans{display:grid; grid-template-columns:repeat(5,1fr); gap:1.5mm 4mm; font-size:11pt;}
.sxans span{border-bottom:1px dotted #ccc;}
.sxans i{font-style:normal; display:inline-block; width:7mm; color:#888; font-size:9pt;}
.sxans em{font-style:normal; font-size:8.5pt; color:#666;}
/*<PAID*/
.mkfill .mkrow{display:flex; align-items:baseline; gap:0 6mm;}
.mkrow .mkw{display:inline-flex; align-items:baseline; gap:2mm; width:62mm; font-size:16pt; font-weight:700;}
.mkrow .mkw i{display:inline-block; width:7mm; height:7mm; border:1.5px solid #000; border-radius:50%; align-self:center;}
.mkrow .mkw small{font-size:9.5pt; font-weight:400; color:#666;}
.mkansl{display:grid; grid-template-columns:1fr 1fr; grid-auto-flow:column; gap:2mm 8mm; font-size:11.5pt;}
.mkans{display:flex; align-items:baseline; gap:2mm; border-bottom:1px dotted #ccc; padding-bottom:1mm;}
.mkans b{font-size:14pt;}
.mkans em{font-style:normal; font-size:9pt; color:#666; margin-left:auto;}
@media print {
  .mex .mhit{-webkit-print-color-adjust:exact; print-color-adjust:exact;}
}
