/* ラボの調査レポート（single-lab_report.php）の配置（2026-10-10〜・2026-10-15 に整理）。acm-lab-doc.css の後に読む。
   ■ 本文の部品（文章・見出し・リスト・表・FAQ・要点の囲み・グラフの間隔）の見た目は acm-lab-doc.css が正。ここでは上書きしない
   ■ ここに書くのは報告書だけのもの：見出しの帯／右のデータシート／調査目的・調査概要・調査結果サマリー・目次／図の番号とグラフの操作／印刷のレイアウト
   ■ 筆記体・風景画像・左の色帯は使わない（ラボ共通のきまり） */

/* ===== 全体の配置：PCは本文＋右のデータシート（320px・追従）、1000px未満は1列でデータシートは本文の下 ===== */
.acmlt-main.acmlr{display:block;padding-top:24px;padding-bottom:40px} /* .acmlt-main は一覧用のグリッドなので外す */
.acmlr-grid{display:grid;gap:28px}
.acmlr-sheet{order:2}
.acmlr-body{max-width:780px;counter-reset:acmlr-fig}
@media (min-width:1000px){
	.acmlr-grid{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"body sheet";gap:48px;align-items:start}
	/* 高さの上限：ページ全体の zoom（acm-lab-top.css の --acmlt-zoom。1320px以上 1.05／1380px以上 1.1）の中では 100vh が zoom 倍に伸びるので、同じ値で割る（割らないと高いデータシートの下が画面の外で切れる）。変数が無ければ等倍 */
	.acmlr-sheet{grid-area:sheet;position:sticky;top:calc(var(--acmlt-top) + 16px);max-height:calc(100vh / var(--acmlt-zoom, 1) - var(--acmlt-top) - 32px);overflow:auto}
	.acmlr-body{grid-area:body}
}
@media (max-width:600px){.acmlt-main.acmlr{padding-top:16px}}

/* ===== 見出しの帯：PCは左にタイトル・公開日・要点、右に画像（画像の列は既定50%。2026-10-16〜 acm-lab-report.js が左の列と高さがそろう幅を --acmlr-imgw に入れる）。SPはタイトル→画像→公開日 ===== */
.acmlt-portal__head{display:grid;grid-template-columns:minmax(0,1fr) var(--acmlr-imgw,minmax(0,50%));column-gap:32px;align-items:start}
.acmlt-portal__titles h1{margin:0}
.acmlr-band-img{margin:0}
.acmlr-band-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px;border:1px solid var(--acmlt-line)}
.acmlt-portal__subline{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0;margin:10px 0 0;font-size:14px;font-weight:700;color:var(--acmlt-sub)}
.acmlt-portal__subline time{white-space:nowrap}
.acmlt-portal__subline .acmlr-serlink a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--acmlt-line2)}
.acmlt-portal__subline .acmlr-serlink a:hover{text-decoration-color:currentColor}
@media print{.acmlt-portal__subline .acmlr-serlink{display:none !important}}
.acmlt-portal__subline span::before{content:"｜";margin:0 .3em;font-weight:400;color:var(--acmlt-line2)}
.acmlr-band-facts{display:none} /* データシートの要点（PCだけ） */
@media (min-width:601px){
	.acmlt-portal__head{margin-top:28px}
	.acmlr-band-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:20px 0 0;padding:14px 0 0;border-top:1px solid var(--acmlt-line);font-size:13.5px;line-height:1.5}
	.acmlr-band-facts>div{display:contents}
	.acmlr-band-facts dt{font-size:12.5px;font-weight:700;color:var(--acmlt-sub);white-space:nowrap}
	.acmlr-band-facts dd{margin:0;color:var(--acmlt-navy)}
}
/* 帯の下の操作：引用文のコピー・集計CSV・印刷（2026-10-16 ユーザー指示。データシートのボタンと同じ動き。印刷では .acmlt-act ごと出さない） */
.acmlr-band-act{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.acmlt-portal .acmlr-band-act .acmlt-act{justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--acmlt-blue);border-radius:6px;background:#fff;font-size:13px;line-height:1.35}
.acmlt-portal .acmlr-band-act .acmlt-act:hover{text-decoration:none;background:var(--acmlt-soft)}
.acmlt-portal .acmlr-band-act .acmlr-band-act__cite{background:var(--acmlt-blue);color:#fff}
.acmlt-portal .acmlr-band-act .acmlr-band-act__cite:hover{background:var(--acmlt-blue);opacity:.88}
@media (max-width:600px){
	.acmlt-portal__head{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "i" "s" "a";row-gap:14px}
	.acmlr-band-act{grid-area:a;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1.35fr);gap:6px;margin:0} /* 「印刷・PDFで保存」が2行に折れないよう3つ目を広く */
	.acmlt-portal .acmlr-band-act .acmlt-act{gap:4px;padding:8px 4px;font-size:12px;text-align:center}
	.acmlt-portal .acmlr-band-act .acmlt-i{flex:none}
	.acmlt-portal__titles{display:contents}
	.acmlt-portal__head h1{grid-area:t}
	.acmlr-band-img{grid-area:i}
	.acmlt-portal__head .acmlt-portal__subline{grid-area:s;display:block;margin:0;font-size:13px;line-height:1.7}
	.acmlt-portal__head .acmlt-portal__subline time{display:inline}
	.acmlt-portal__head .acmlt-portal__subline span{display:block;margin-top:2px}
	.acmlt-portal__head .acmlt-portal__subline span::before{content:none}
}

/* ===== 右のデータシート ===== */
.acmlr-sheet{padding:18px 18px 14px;background:#fff;border:1px solid var(--acmlt-line);border-radius:9px;box-shadow:0 1px 2px rgba(11,42,74,.04)}
.acmlr .acmlr-sheet__h{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--acmlt-line);font-size:15px;font-weight:800}
.acmlr-sheet__dl{display:grid;gap:0;margin:0}
.acmlr-sheet__dl>div{display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px dashed var(--acmlt-line)}
.acmlr-sheet__dl dt{margin:0;font-size:12.5px;font-weight:700;color:var(--acmlt-sub)}
.acmlr-sheet__dl dd{margin:0;font-size:13.5px;line-height:1.6}
.acmlr-sheet__note{margin:10px 0 0;font-size:12.5px;line-height:1.65;color:var(--acmlt-sub)}
.acmlr-sheet__act{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:8px}
.acmlr .acmlr-sheet__cite{width:100%;justify-content:center;margin:6px 0 2px;border:1px solid var(--acmlt-blue);border-radius:6px}
.acmlr-sheet__press{margin:8px 0 0;padding-top:10px;border-top:1px solid var(--acmlt-line);font-size:12.5px;color:var(--acmlt-sub)}

/* ===== 本文の冒頭：最初の段落 → 調査目的 → 調査概要 → 調査結果サマリー → 目次（見出しの見た目は acm-lab-doc.css の H2） ===== */
.acmlr-sec{margin:0 0 28px}
/* 調査概要：項目の表 */
.acmlr-ov__dl{margin:0;border:1px solid var(--acmlt-line2);border-radius:9px;overflow:hidden;background:#fff}
.acmlr-ov__dl>div{display:grid;grid-template-columns:7.5em minmax(0,1fr)}
.acmlr-ov__dl>div+div{border-top:1px solid var(--acmlt-line)}
.acmlr-ov__dl dt{margin:0;padding:10px 16px;background:var(--acmlt-soft);border-right:1px solid var(--acmlt-line2);font-size:13px;font-weight:700;color:var(--acmlt-navy)}
.acmlr-ov__dl dd{margin:0;padding:10px 16px;font-size:14px;line-height:1.65}
.acmlt-doc .acmlr-ov__items ol{margin:0;padding-left:1.6em;font-size:13.5px;line-height:1.7} /* 調査項目：番号つき、PCは2列 */
.acmlt-doc .acmlr-ov__items li{margin:0 0 2px;break-inside:avoid}
.acmlt-doc .acmlr-ov__items li::marker{color:var(--acmlt-sub);font-size:12px}
.acmlr-ov__quest{margin:8px 0 0;font-size:13px}
@media (min-width:760px){.acmlt-doc .acmlr-ov__items ol{columns:2;column-gap:28px}}
/* 調査概要の注記：数字の定義なので読み飛ばされないように */
.acmlt-doc p.acmlr-ov__note{margin:10px 0 0;font-size:13.5px;line-height:1.7;color:var(--acmlt-navy)}
.acmlt-doc p.acmlr-ov__note::before{content:"注記";display:inline-block;margin-right:8px;padding:1px 8px;border-radius:4px;background:var(--acmlt-soft);font-size:12px;font-weight:800;color:var(--acmlt-blue)}
@media (max-width:600px){
	.acmlr-ov__dl>div{grid-template-columns:6em minmax(0,1fr)}
	.acmlr-ov__dl dt,.acmlr-ov__dl dd{padding:9px 12px}
}
/* 調査結果サマリー：本文の最初の要点の囲みを、囲みなしの「見出し＋リスト」にする（見出しの形は acm-lab-doc.css） */
.acmlt-doc .acmlr-lead .cap_box{margin:0;border:0;border-radius:0;background:none;overflow:visible}
.acmlt-doc .acmlr-lead .cap_box_content{padding:0}
.acmlt-doc .acmlr-lead>:last-child,.acmlt-doc .acmlr-lead .cap_box_content>:last-child,.acmlt-doc .acmlr-lead ul:last-child{margin-bottom:0}
/* 目次：薄い灰色の面の中に番号つきの行（点線区切り・→） */
.acmlt-doc .acmlr-toc{margin:36px 0 28px;padding:18px 22px 10px;background:#f4f6f8;border:0;border-radius:10px;counter-reset:acmlr-toc}
.acmlt-doc .acmlr-toc>h2{margin:0 0 6px;padding:0;background:none;font-size:15px;letter-spacing:.08em}
.acmlt-doc .acmlr-toc ol{margin:0;padding:0;list-style:none}
.acmlt-doc .acmlr-toc li{counter-increment:acmlr-toc;margin:0;border-top:1px dashed #dde3e8}
.acmlt-doc .acmlr-toc li:first-child{border-top:0}
.acmlt-doc .acmlr-toc li a{display:flex;align-items:baseline;gap:14px;margin:0 -8px;padding:11px 8px;border-radius:6px;font-size:15px;font-weight:700;line-height:1.5;color:var(--acmlt-navy);text-decoration:none;transition:background .15s}
.acmlt-doc .acmlr-toc li a::before{content:counter(acmlr-toc,decimal-leading-zero);flex:none;min-width:1.8em;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--acmlt-blue);font-variant-numeric:tabular-nums}
.acmlt-doc .acmlr-toc li a::after{content:"→";flex:none;margin-left:auto;padding-left:12px;font-weight:400;color:var(--acmlt-line2);transition:color .15s,transform .15s}
.acmlt-doc .acmlr-toc li a:hover{background:#e9eef2}
.acmlt-doc .acmlr-toc li a:hover::after{color:var(--acmlt-blue);transform:translateX(3px)}
.acmlt-doc .acmlr-toc li a:focus-visible{outline:2px solid var(--acmlt-blue);outline-offset:1px}
.acmlr-body [id^="acmlr-s"]{scroll-margin-top:calc(var(--acmlt-top,76px) + 12px)}
@media (max-width:600px){
	.acmlt-doc .acmlr-toc{padding:14px 14px 6px}
	.acmlt-doc .acmlr-toc>h2{margin:0 0 4px;font-size:14px}
	.acmlt-doc .acmlr-toc li a{gap:10px;margin:0 -6px;padding:10px 6px;font-size:14px}
}
/* 訂正・更新の記録（本文の最後。記録があるときだけ出る・2026-10-15 1-18）：調査概要と同じ枠の表の形。左に日付、右に内容。SPは日付を上に */
.acmlr-body .acmlr-changes{scroll-margin-top:calc(var(--acmlt-top,76px) + 12px)}
.acmlt-doc .acmlr-changes>p.acmlr-changes__lead{margin:0 0 10px;font-size:13.5px;line-height:1.7;color:var(--acmlt-sub)}
.acmlt-doc .acmlr-changes__list{margin:0;padding:0;list-style:none;border:1px solid var(--acmlt-line2);border-radius:9px;overflow:hidden;background:#fff}
.acmlt-doc .acmlr-changes__list>li{display:grid;grid-template-columns:9.5em minmax(0,1fr);margin:0;padding:0}
.acmlt-doc .acmlr-changes__list>li+li{border-top:1px solid var(--acmlt-line)}
.acmlt-doc .acmlr-changes__list time{padding:10px 16px;background:var(--acmlt-soft);border-right:1px solid var(--acmlt-line2);font-size:13px;font-weight:700;line-height:1.65;color:var(--acmlt-navy);white-space:nowrap;font-variant-numeric:tabular-nums}
.acmlt-doc .acmlr-changes__list p{margin:0;padding:10px 16px;font-size:14px;line-height:1.65}
@media (max-width:600px){
	.acmlt-doc .acmlr-changes__list>li{grid-template-columns:minmax(0,1fr)}
	.acmlt-doc .acmlr-changes__list time{padding:7px 12px;border-right:0;border-bottom:1px solid var(--acmlt-line)}
	.acmlt-doc .acmlr-changes__list p{padding:9px 12px}
}
@media print{
	.acmlt-doc .acmlr-changes__list>li{break-inside:avoid}
	.acmlt-doc .acmlr-changes__list time{padding:5px 10px;font-size:8.5pt}
	.acmlt-doc .acmlr-changes__list p{padding:5px 10px;font-size:9pt}
	.acmlt-doc .acmlr-changes>p.acmlr-changes__lead{font-size:8.5pt}
}
/* 関連する調査（本文の最後・「訂正・更新の記録」の前。2026-10-15 1-19）：行の形は TOP の新着（種類・公開日／題名／実施・人数）＋一覧のカードと同じカテゴリの札。画像は使わない。1列。印刷には出さない
   リストはクラス名に __ を含むので acm-lab-doc.css の本文のリストの指定は当たらない（印・字下げなし） */
.acmlt-doc .acmlr-rel__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--acmlt-line)}
.acmlt-doc .acmlr-rel__list>li{margin:0;padding:0;border-bottom:1px solid var(--acmlt-line)}
.acmlt-doc .acmlr-rel__a{display:grid;gap:5px;padding:14px 2px;color:var(--acmlt-ink);text-decoration:none}
.acmlr-rel__m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;line-height:1.5;color:var(--acmlt-sub)}
.acmlr-rel__m time{white-space:nowrap}
.acmlr-rel__ser{font-size:12px;font-weight:700;color:var(--acmlt-blue)}
.acmlr-rel__t{font-size:15.5px;font-weight:700;line-height:1.55;color:var(--acmlt-navy)}
.acmlt-doc .acmlr-rel__a:hover .acmlr-rel__t{color:var(--acmlt-blue);text-decoration:underline;text-underline-offset:2px}
.acmlr-rel__s{display:flex;flex-wrap:wrap;gap:0 14px;font-size:12.5px;line-height:1.6;color:var(--acmlt-sub)}
.acmlt .acmlr-rel__th{margin-top:2px}
@media (max-width:600px){.acmlr-rel__t{font-size:15px}}
@media print{.acmlr-rel{display:none !important}}
/* 本文末の「引用・転載自由」の囲みは、データシートと同じ内容なので出さない（本文はそのまま） */
.acmlr-body .acm-cite-box{display:none}

/* ===== グラフ：図の番号（上の行の右端）・SURVEY DATA は出さない・設問名と n・図を同じ行に ===== */
.acmlr-body .acm-chart{counter-increment:acmlr-fig}
.acmlr-body .acm-chart__eyebrow{display:none}
.acmlr-body .acm-chart__topline{float:right;justify-content:flex-start;margin:3px 0 6px 16px}
.acmlr-body .acm-chart__base{margin-left:auto}
.acmlr-body .acm-chart__topline::after{content:"図" counter(acmlr-fig);flex:none;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--acmlt-navy);white-space:nowrap}
.acmlr-body .acm-chart__q+*{clear:both}
/* グラフの操作：保存・共有のアイコンだけを、出典の文の最終行の右に（acm-lab-report.js が組み直す） */
.acmlr-body .acm-chart__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 10px}
.acmlr-body .acmlr-actions{display:inline-flex;flex:none;align-items:center;align-self:flex-end;gap:2px;margin-left:auto}
.acmlr-body .acmlr-ico{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--acmlt-sub);cursor:pointer;box-shadow:none}
.acmlr-body .acmlr-ico:hover,.acmlr-body .acmlr-share.is-open .acmlr-ico{background:var(--acmlt-soft);color:var(--acmlt-navy)}
.acmlr-body .acmlr-ico:focus-visible{outline:2px solid var(--acmlt-blue);outline-offset:1px}
.acmlr-body .acmlr-share{position:relative;display:inline-flex}
.acmlr-body .acmlr-share__menu{display:none;position:absolute;right:0;bottom:calc(100% + 4px);z-index:5;flex-direction:column;min-width:172px;padding:4px;background:#fff;border:1px solid var(--acmlt-line2);border-radius:8px;box-shadow:0 6px 18px rgba(11,42,74,.12)}
.acmlr-body .acmlr-share.is-open .acmlr-share__menu{display:flex}
.acmlr-body .acmlr-share__menu .acm-btn{display:block;width:100%;padding:8px 10px;border:0;border-radius:5px;background:transparent;box-shadow:none;font-size:13px;font-weight:600;color:var(--acmlt-navy);text-align:left;white-space:nowrap}
.acmlr-body .acmlr-share__menu .acm-btn:hover{background:var(--acmlt-soft)}

/* ===== 印刷・PDF化：画面用の部品は出さず、データシートをタイトルの直後に。末尾に出典の書き方（.acmlr-print-cite）
   本文の部品の印刷（改ページ・文字の大きさ）は acm-lab-doc.css ===== */
.acmlr-print-cite{display:none}
@media print{
	@page{size:A4;margin:14mm 13mm 16mm}
	*{-webkit-print-color-adjust:exact;print-color-adjust:exact}
	html,body{background:#fff !important}
	body{font-size:10pt}
	.acmlt-skip,.acmlt-header,.acmlt-bc,.acmlt-footer,.l-footer,#footer,#wpadminbar,
	.acmlr-actions,.acmlr-share__menu,.acm-embed-panel,.acm-chart__actions,.acmlr-sheet__act,.acmlt-act{display:none !important}
	.acmlt-portal{margin-top:0 !important;padding-top:0 !important;padding-bottom:10px !important;background:#fff !important;border-bottom:0 !important} /* 下の線はデータシートの枠と二重になるので出さない */
	.acmlt-portal::before{content:"オールコネクトマガジンラボ｜調査レポート";display:block;margin:0 0 6px;padding-bottom:5px;border-bottom:1px solid #c9d6e2;font-size:8.5pt;font-weight:700;letter-spacing:.06em;color:#0b2a4a} /* ヘッダーは出さず、文字で出どころを示す */
	.acmlt-portal h1{font-size:17pt !important;line-height:1.4}
	.acmlt-wrap{max-width:none !important;padding-left:0 !important;padding-right:0 !important}
	.acmlt-main.acmlr{padding-top:6px;padding-bottom:0}
	.acmlr-grid{display:flex !important;flex-direction:column;gap:14px}
	.acmlr-sheet{order:0 !important;position:static !important;max-height:none !important;overflow:visible !important;padding:10px 14px;box-shadow:none;break-inside:avoid}
	.acmlr-body{order:1 !important;max-width:none}
	.acmlr-sheet__dl{grid-template-columns:1fr 1fr;column-gap:20px}
	.acmlr-sheet__dl>div{padding:4px 0}
	.acmlr-sheet__dl dt{font-size:8.5pt}
	.acmlr-sheet__dl dd{font-size:9pt}
	.acmlr-sheet__note,.acmlr-sheet__press{font-size:8.5pt}
	.acmlt-portal__head{grid-template-columns:minmax(0,1fr) 40% !important;column-gap:8mm !important;align-items:center !important;margin-top:4mm !important} /* 紙では帯の要点を出さないので、タイトルとアイキャッチを上下中央でそろえ、アイキャッチは右の欄いっぱいに */
	.acmlr-band-img{max-width:none !important;width:100% !important;justify-self:end}
	.acmlr-band-img img{display:block;width:100% !important;height:auto !important}
	.acmlr-toc,.acmlr-ov{break-inside:avoid}
	.acmlr-ov__dl dt,.acmlr-ov__dl dd{padding:5px 10px;font-size:9pt}
	/* 本文のリンクは紙でも辿れるよう、後ろにURLを書く（グラフの出典は末尾の「この報告書」に1回だけ） */
	.acmlr-body a[href^="http"]:not(.acm-chart__src a):not(.acmlr-a-url)::after{content:"（" attr(href) "）";font-size:7.5pt;font-weight:400;color:#5b6b7b;word-break:break-all;text-decoration:none}
	.acmlr-band-facts,.acmlr-sheet__press{display:none !important} /* 紙では要点はデータシートに一本化（帯の要点と重ねない）。お問い合わせの案内はURLが無く紙では使えない */
	.acmlr-sheet a{color:inherit;text-decoration:none}
	.acmlr-print-cite{display:block;margin-top:22px;padding:10px 14px;border:1px solid #c9d6e2;border-radius:6px;font-size:8.5pt;line-height:1.7;break-inside:avoid}
	.acmlr-print-cite p{margin:0 0 3px;word-break:break-all}
	.acmlr-print-cite b{display:inline-block;min-width:7em;margin-right:8px;color:#0b2a4a}
}