/* 見本 版19（ラボ動画ページ見本_版19_2026-10-17.html）の <style> のうち、見本で足した mk-* の規則と、最後の <style id="mk-tone">（トンマナ 10/17）を、
   順番そのままに写したもの（v19_layout=v19 の回だけ読む。labo-v4.css のあと）。2026-10-23。
   外した物：見本の赤い注記（.mk-note）・背景の切り替え（.mk-bgsw）・見本の古いロゴ（.mk-logo）・body の背景。
   変えた物：舞台と帯の背景写真（見本の img/bg_hero.jpg・img/bg_band.jpg は手元に無い）→ その回のサムネイル（--v19-bg）をぼかして敷く */

/* hero */
.labo-v19 .labo-v4-stage__lock{top:auto!important;left:12px!important;right:auto!important;bottom:12px!important;transform:none!important;font-size:12px!important;padding:4px 10px!important;z-index:4}
.mk-who{font-family:"Shippori Mincho",serif!important;font-size:18px!important;color:#ffffff!important;font-weight:700!important;letter-spacing:.04em;margin:18px 0 10px!important;line-height:1.6!important}
.mk-scene p{font-size:15.5px!important;line-height:1.95!important;color:#e5e5e5!important}
.labo-v19 .labo-v4-stage__thumb{position:relative;overflow:hidden}
.labo-v19 .labo-v4-stage__thumb img{transition:transform .5s ease}
/* hero preview button: whole thumbnail is the button */
.mk-hplay,.mk-hplay:hover,.mk-hplay:focus,.mk-hplay:active{all:unset;box-sizing:border-box;position:absolute;inset:0;z-index:3;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(10,8,7,.48)!important;transition:background .3s ease}
.mk-hplay:hover{background:rgba(10,8,7,.34)!important}
.mk-hplay:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.mk-hplay__btn{width:92px;height:92px;border-radius:50%;background:#b3261e;box-shadow:0 0 0 10px rgba(200,38,43,.22),0 10px 30px rgba(0,0,0,.45);position:relative;transition:transform .25s ease,box-shadow .25s ease}
.mk-hplay__btn:after{content:"";position:absolute;left:37px;top:29px;border-left:26px solid #fff;border-top:17px solid transparent;border-bottom:17px solid transparent}
.mk-hplay:hover .mk-hplay__btn{transform:scale(1.07);box-shadow:0 0 0 16px rgba(200,38,43,.25),0 12px 34px rgba(0,0,0,.5)}
.labo-v19 .labo-v4-stage__thumb:hover img{transform:scale(1.03)}
.mk-hplay__txt{color:#fff;font:700 17px/1.4 "Noto Sans JP",sans-serif;letter-spacing:.14em;text-shadow:0 2px 10px rgba(0,0,0,.6)}
@media (prefers-reduced-motion:no-preference){.mk-hplay__btn{animation:mkpulse 2.4s ease-out infinite}}
@keyframes mkpulse{0%{box-shadow:0 0 0 0 rgba(200,38,43,.55),0 10px 30px rgba(0,0,0,.45)}70%{box-shadow:0 0 0 22px rgba(200,38,43,0),0 10px 30px rgba(0,0,0,.45)}100%{box-shadow:0 0 0 0 rgba(200,38,43,0),0 10px 30px rgba(0,0,0,.45)}}
/* words: compact quote with small portrait on the left */
.labo-v19 .labo-v4-words{padding-top:64px!important;padding-bottom:64px!important}
@media (min-width:761px){.labo-v19 .labo-v4-words__grid{align-items:center!important}}
.mk-q{padding:34px 34px 32px!important;justify-content:center!important}
.mk-q:before{display:none!important}
.mk-qrow{display:flex;gap:26px;align-items:flex-start}
.mk-face{flex:none;width:118px;height:148px;border-radius:6px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.18)}
body.labo .mk-face img{width:100%;height:100%;object-fit:cover;object-position:24% 18%;display:block}
.mk-qin{min-width:0}
.mk-mark{font-family:"Shippori Mincho",serif;font-size:48px;color:#b3261e;line-height:.5;display:block;height:20px}
.mk-q blockquote{margin:8px 0 0!important;padding:0!important;border:0!important}
.mk-q blockquote p{font-size:22px!important;line-height:1.7!important;margin:0!important}
.mk-by{margin:14px 0 0!important;font-size:13px;color:#6b6b6b;letter-spacing:.12em}
.mk-by b{color:#444444;letter-spacing:.2em}
.mk-reason{margin:8px 0 0!important;font-size:14px;color:#b3261e;font-weight:700}
/* questions band */
.mk-toi{background:linear-gradient(180deg,#141414,#0a0a0a);color:#ffffff;text-align:center;padding:76px 0 72px}
.mk-k{font-size:13.5px;letter-spacing:.26em;color:#b3261e;margin:0 0 30px!important}
.mk-t{font-family:"Shippori Mincho",serif;font-size:22px;line-height:2.15;letter-spacing:.05em;margin:0!important;color:#f4f4f4}
.mk-t span{display:block;margin:0!important}
.mk-e{margin:30px 0 34px!important;font-family:"Shippori Mincho",serif;font-size:18px;letter-spacing:.14em;color:#e5e5e5}
.mk-e em{font-style:normal;color:#ef5a60;font-weight:700}
.mk-btn{min-width:320px;justify-content:center}
.mk-btn svg{width:15px;height:15px;margin-right:6px;vertical-align:-2px}
.mk-terms{color:#8a8a8a!important;margin-top:14px!important}
/* recommendations on white */
.mk-more{background:#fff!important;color:#141414!important;padding-top:72px!important;padding-bottom:80px!important}
.mk-more .labo-v4-more__head{color:#141414!important;margin-bottom:6px!important}
.mk-more__sub{margin:0 0 28px 20px;color:#6b6b6b;font-size:14px;letter-spacing:.06em}
.mk-more .labo-v4-card__title{color:#141414!important}
.mk-more .labo-v4-card__note{color:#6b6b6b!important}
.mk-more .labo-v4-card__thumb{box-shadow:0 4px 14px rgba(0,0,0,.12)}
.mk-more .labo-v4-card:hover .labo-v4-card__title{color:#b3261e!important}
/* modal */
.mk-modal{position:fixed;inset:0;z-index:1000;background:rgba(8,6,5,.88);display:flex;align-items:center;justify-content:center;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.mk-modal[hidden]{display:none!important}
.mk-modal__box{width:min(960px,100%);position:relative}
.mk-modal video{width:100%;display:block;border-radius:6px;background:#000;aspect-ratio:16/9}
.mk-modal__close,.mk-modal__close:hover{all:unset;position:absolute;right:0;top:-46px;border:1px solid rgba(255,255,255,.45);color:#fff;font:600 14px "Noto Sans JP",sans-serif;padding:7px 14px;border-radius:999px;cursor:pointer;letter-spacing:.08em}
.mk-modal__close:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* mobile */
@media (max-width:760px){
 .labo-v19 .labo-v4-words__grid{display:flex!important;flex-direction:column-reverse;gap:30px}
 .labo-v19 .labo-v4-words{padding-top:40px!important;padding-bottom:44px!important}
 .mk-who{font-size:16.5px!important}
 .mk-hplay__btn{width:70px;height:70px}.mk-hplay__btn:after{left:28px;top:22px;border-left-width:20px;border-top-width:13px;border-bottom-width:13px}
 .mk-hplay__txt{font-size:14px}
 .mk-q{padding:22px 18px 22px!important}.mk-qrow{gap:16px}.mk-face{width:84px;height:106px}
 .mk-q blockquote p{font-size:18px!important}
 .mk-toi{padding:54px 0 52px}.mk-t{font-size:17.5px;line-height:1.95}.mk-t span{margin:0 0 14px!important}
 .mk-btn{min-width:0;width:100%}
 .mk-more{padding-top:48px!important;padding-bottom:56px!important}.mk-more__sub{margin-left:18px}
}
/* 見どころ */
.mk-mido{background:#fff;color:#141414;padding:72px 0 70px;border-top:1px solid #f4f4f4}
.mk-h2{font-family:"Shippori Mincho",serif;font-weight:700;font-size:24px;letter-spacing:.12em;margin:0 0 18px!important;padding-left:20px;border-left:4px solid #b3261e;line-height:1.5;color:#141414}
.mk-lead{font-family:"Shippori Mincho",serif;font-weight:500;font-size:19px;line-height:1.9;letter-spacing:.04em;margin:0 0 22px!important;color:#141414}
.mk-cap{font-size:13px;color:#6b6b6b;letter-spacing:.1em;margin:0 0 10px!important}
.mk-ml{list-style:none;margin:0!important;padding:0!important;border-top:1px solid #e5e5e5}
.mk-ml li{display:flex;gap:24px;align-items:baseline;padding:17px 4px;border-bottom:1px solid #e5e5e5;margin:0!important}
.mk-mt{flex:none;width:58px;font:700 15px/1 "Noto Sans JP",sans-serif;color:#b3261e;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.mk-mq{font-family:"Shippori Mincho",serif;font-size:17.5px;line-height:1.8;letter-spacing:.03em;color:#141414}
.mk-tag{display:inline-block;margin-left:12px;font:700 11.5px/1 "Noto Sans JP",sans-serif;font-style:normal;color:#fff;background:#b3261e;padding:5px 9px;border-radius:3px;letter-spacing:.08em;vertical-align:2px}
/* 声 */
.mk-voice{background:#f4f4f4;color:#141414;padding:70px 0 64px}
.mk-vg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.mk-vc{margin:0!important;background:#fff;border-radius:8px;padding:26px 24px 24px;box-shadow:0 4px 16px rgba(0,0,0,.07);position:relative}
.mk-vm{font-family:"Shippori Mincho",serif;font-size:44px;color:#b3261e;line-height:.6;display:block;height:18px}
.mk-vc p{margin:8px 0 0!important;font-size:15px;line-height:1.95;color:#333333}
.mk-vn{margin:20px 0 0!important;font-size:13px;color:#6b6b6b;letter-spacing:.05em}
.mk-vn a{color:#b3261e!important;margin-left:10px;font-weight:700;text-decoration:none}
/* もっと見る */
.mk-more:not(.is-open) .mk-hide{display:none!important}
.mk-mbw{text-align:center;margin-top:34px}
.mk-mbtn,.mk-mbtn:hover{all:unset;box-sizing:border-box;cursor:pointer;display:inline-block;border:1.5px solid #141414;color:#141414;font:700 15px "Noto Sans JP",sans-serif;letter-spacing:.12em;padding:13px 44px;border-radius:999px;background:#fff}
.mk-mbtn:hover{background:#141414!important;color:#fff!important}
.mk-mbtn:focus-visible{outline:2px solid #b3261e;outline-offset:3px}
.mk-more.is-open .mk-mbw{display:none}
@media (max-width:760px){
 .mk-mido{padding:46px 0 44px}.mk-h2{font-size:20px}.mk-lead{font-size:16.5px}.mk-pc{display:none}
 .mk-ml li{gap:14px;padding:14px 2px}.mk-mt{width:48px;font-size:13.5px}.mk-mq{font-size:15.5px}
 .mk-tag{margin:6px 0 0;display:table}
 .mk-voice{padding:46px 0 44px}.mk-vg{grid-template-columns:1fr;gap:14px}
 .mk-mbtn{width:100%;text-align:center}
}
.mk-more .mk-more__sub{margin:0 0 30px 24px!important}
@media (max-width:760px){.mk-vn a{display:block;margin:8px 0 0}.mk-more .mk-more__sub{margin:0 0 22px 20px!important}}
/* 題の改行は言葉の切れ目で */
.mk-h1 span{display:inline-block}
/* 全編の長さを目立たせる */
.mk-dur{display:inline-flex;align-items:center;gap:10px;font:700 20px/1 "Noto Sans JP",sans-serif;color:#ffffff;letter-spacing:.06em;margin-top:4px}
.mk-dur__k{font-size:12.5px;font-weight:700;letter-spacing:.14em;color:#141414;background:#ffd60a;padding:5px 8px;border-radius:3px}
/* 見どころの位置バー */
.mk-cap b{color:#141414;font-weight:700}
.mk-mt{width:108px!important;display:flex;flex-direction:column;gap:8px}
.mk-bar{display:block;position:relative;width:96px;height:4px;background:#e5e5e5;border-radius:2px}
.mk-bar i{position:absolute;top:-3px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#b3261e}
.mk-bar--rest i{top:0;height:4px;margin-left:0;border-radius:2px;background:repeating-linear-gradient(90deg,#b3261e 0 6px,transparent 6px 10px)}
.mk-rest .mk-mq{color:#b3261e;font-weight:700}
@media (max-width:760px){.mk-mt{width:76px!important}.mk-bar{width:68px}.mk-dur{font-size:17px}}
/* チャッピー意見の反映 */
.labo-v19 .labo-v4-stage__thumb img{filter:saturate(.78) brightness(.92)}
.mk-dur{font-size:16px;font-weight:500;color:#bdbdbd}
.mk-dur__k{font-size:11.5px;padding:4px 7px}
.mk-917{font-weight:700;color:#ffffff;font-size:14.5px;letter-spacing:.04em}
.mk-q blockquote p{font-size:25px!important}
@media (max-width:760px){.mk-dur{font-size:15px}.mk-q blockquote p{font-size:20px!important}}
/* ヘッダー・フッターの幅を本文と揃える（見本のとおり。この回のページだけ） */
.labo-v19-page .labo-head__in,.labo-v19-page .labo-foot__in{max-width:1240px!important;padding-left:20px!important;padding-right:20px!important}
@media (min-width:1001px){.labo-v19-page .labo-logo{margin-right:26px}}
/* 空気感：実写をぼかした背景・温かい白（背景写真はその回のサムネイル） */
.labo-v19 .labo-v4-stage{position:relative;isolation:isolate;background:#0a0a0a!important}
.labo-v19 .labo-v4-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.66) 52%,rgba(10,10,10,.42) 100%),var(--v19-bg,none) center 30%/cover no-repeat;filter:blur(14px);transform:scale(1.06)}
.labo-v19 .labo-v4-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;background:linear-gradient(180deg,transparent,#0a0a0a)}
.labo-v19 .labo-v4-words,.mk-more{background:#ffffff!important}
.mk-mido{background:#ffffff!important}
.mk-voice{background:#f4f4f4!important}
.labo-v19 .labo-v4-banner{position:relative;isolation:isolate;background:#0a0a0a!important;padding:96px 0!important}
.labo-v19 .labo-v4-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.78),rgba(10,10,10,.5) 50%,rgba(10,10,10,.82)),var(--v19-bg,none) center/cover no-repeat;filter:blur(18px);transform:scale(1.08)}
@media (max-width:760px){.labo-v19 .labo-v4-banner{padding:64px 0!important}}
/* v10：見どころを一言の続きに・問いは一つ */
.mk-mido{background:#ffffff!important;border-top:0!important;padding:0 0 64px!important}
.mk-mido .labo-v4__in{max-width:1140px!important}
.mk-h3{font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:14px;letter-spacing:.14em;color:#8a8a8a;margin:0 0 10px!important}
.mk-mido .mk-lead{font-size:17px;margin:0 0 14px!important}
.mk-mido .mk-cap{display:none}
.labo-v19 .labo-v4-words{padding-bottom:36px!important}
.mk-t1{font-size:26px!important;line-height:1.8!important}
.mk-sp{display:none}
@media (max-width:760px){.mk-mido{padding:0 0 40px!important}.mk-mido .mk-lead{font-size:15.5px}.mk-t1{font-size:20px!important}.mk-sp{display:inline}}
.mk-tag,.mk-tag:hover{all:unset;box-sizing:border-box;cursor:pointer;display:inline-block;margin-left:12px;font:700 12px/1 "Noto Sans JP",sans-serif;color:#fff;background:#b3261e;padding:6px 10px;border-radius:999px;letter-spacing:.06em;vertical-align:2px}
.mk-tag:hover{background:#8f1e17!important}
.mk-tag:focus-visible{outline:2px solid #b3261e;outline-offset:2px}
@media (max-width:760px){.mk-tag{margin:8px 0 0;display:table}}
/* 緩急：大事な一句にマーカーが左から右へ */
.mk-mido .mk-lead{font-size:19px!important;line-height:2!important}
.mk-mk{font-weight:700;color:#141414;background-image:linear-gradient(transparent 58%,#ffd60a 58%,#ffd60a 92%,transparent 92%);background-repeat:no-repeat;background-size:0% 100%;transition:background-size 1.1s cubic-bezier(.22,.7,.2,1) .15s;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mk-mk.is-on{background-size:100% 100%}
@media (prefers-reduced-motion:reduce){.mk-mk{transition:none;background-size:100% 100%}}
@media (max-width:760px){.mk-mido .mk-lead{font-size:16.5px!important}}
/* 決め手：1か月だけでも */
.mk-safe{margin:18px auto 0;max-width:620px}
.mk-safe1{margin:0!important;font-family:"Shippori Mincho",serif;font-weight:700;font-size:19px;color:#ffffff;letter-spacing:.08em}
.mk-safe2{margin:8px 0 0!important;font-size:14.5px;line-height:1.8;color:#e5e5e5}
.mk-safe3{margin:8px 0 0!important;font-size:12.5px;color:#8a8a8a;letter-spacing:.04em}
.mk-stats{list-style:none;display:flex;justify-content:center;gap:0;margin:40px auto 0!important;padding:26px 0 0!important;max-width:720px;border-top:1px solid rgba(255,255,255,.12)}
.mk-stats li{flex:1;margin:0!important;text-align:center;border-left:1px solid rgba(255,255,255,.1)}
.mk-stats li:first-child{border-left:0}
.mk-stats b{display:block;font-family:"Shippori Mincho",serif;font-weight:700;font-size:40px;line-height:1.1;color:#ffd60a;letter-spacing:.02em}
.mk-stats span{display:block;margin-top:6px;font-size:13px;color:#bdbdbd;letter-spacing:.08em}
.mk-ph{color:#ffd60a;opacity:.55}
.mk-who2{margin:22px 0 0!important;font-size:14px;color:#bdbdbd;letter-spacing:.06em}
@media (max-width:760px){.mk-safe1{font-size:17px}.mk-safe2{font-size:13.5px}.mk-stats b{font-size:30px}.mk-stats span{font-size:11.5px}.mk-who2{font-size:13px;line-height:1.8}}

/* ===== <style id="mk-tone">：トンマナ 2026-10-17：白＝地／黒＝締め／赤＝ずっと出る印／黄＝その瞬間 ===== */
.labo-v19 .labo-v4-stage__thumb img{filter:none!important}
.mk-y{color:#ffd60a}
/* 二つの段を分ける：上（心当たり・一言）は白、下（この回で言っていること）は薄い灰の帯 */
.labo-v19 .labo-v4-words{padding-bottom:56px!important}
.labo-v19 .labo-v4-words .labo-v4-words__quote{background:#fff!important;border:1px solid #e5e5e5;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.mk-mido{background:#f4f4f4!important;padding:56px 0 64px!important}
.mk-mido .mk-ml{border-top-color:#dcdcdc!important}
.mk-mido .mk-ml li{border-bottom-color:#dcdcdc!important}
.mk-mido .mk-bar{background:#dcdcdc!important}
.mk-h3{font-family:"Shippori Mincho",serif!important;font-weight:700!important;font-size:19px!important;letter-spacing:.12em!important;color:#141414!important;padding-left:14px;border-left:4px solid #b3261e;line-height:1.4!important;margin:0 0 18px!important}
.labo-v19 .labo-v4-scenes__no{background:#f4f4f4!important;color:#6b6b6b!important}
/* 問いに緩急：前半は静かに、後半の一行を大きく */
.mk-t{font-size:24px!important;line-height:1.9!important}
.mk-t .mk-y{display:block;font-size:1.5em;font-weight:700;line-height:1.5;letter-spacing:.06em;margin-top:6px}
@media (max-width:760px){.mk-t{font-size:18px!important}.mk-t .mk-y{font-size:1.4em}}
.mk-k{color:rgba(255,255,255,.72)!important}
/* 回の札：うすい白の地に白い字（主張しすぎない。赤は再生と入会のボタンに取っておく） */
.labo-v19 .labo-v4-stage__cat{border:0!important;background:rgba(255,255,255,.14)!important;color:rgba(255,255,255,.88)!important;padding:3px 10px!important;font-weight:500;letter-spacing:.14em!important;border-radius:2px}
/* 全編：札をやめ、長さそのものを主役に */
.mk-dur{color:#fff!important;font-weight:700!important;gap:12px!important;font-variant-numeric:tabular-nums}
.mk-dur__k{background:transparent!important;color:rgba(255,255,255,.6)!important;padding:0 12px 0 0!important;font-weight:500!important;letter-spacing:.24em!important;border-right:1px solid rgba(255,255,255,.3);border-radius:0!important}
/* 問いの帯：色は三つだけ（白・黄の一行・赤のボタン） */
.mk-e em{color:#fff!important}
/* 数字は帯の下の「ラボの紹介」へ移し、白で落ち着かせる */
.mk-stats b{color:#fff!important}
.mk-ph{color:#fff!important;opacity:.35!important}
.mk-stats--band{margin:30px auto 36px!important;padding:24px 0!important;border-bottom:1px solid rgba(255,255,255,.12)}
.mk-one{font-size:15px!important;color:#fff!important;letter-spacing:.04em}
.mk-sep{color:rgba(255,255,255,.35);margin:0 .5em}
@media (max-width:760px){.mk-one{font-size:13.5px!important;line-height:2!important}}
@media (prefers-reduced-motion:reduce){.mk-mk{transition:none!important}}

/* ===== 2026-10-23 マサ確認の直し（/same-problem/ 版19） =====
   1. 舞台の文字は全部白（題・札・全編の長さ・誰へ・場面・小さな文字・リンク）
   2. 舞台の背景：ぼかした写真はうっすら見える程度（黒が主）
   3. 舞台の下の端のにじむ帯（:after のグラデーション）をやめ、黒から次の白い段へ切り替える。ぼかしが外にはみ出さないよう overflow:hidden */
.labo-v19 .labo-v4-stage{overflow:hidden;background:#0a0a0a!important}
.labo-v19 .labo-v4-stage:before{background:var(--v19-bg,none) center 30%/cover no-repeat;opacity:.16;filter:blur(16px);transform:scale(1.08)}
.labo-v19 .labo-v4-stage:after{content:none!important;display:none!important}
.labo-v19 .labo-v4-stage__title,.labo-v19 .labo-v4-stage__cat,.labo-v19 .mk-dur,.labo-v19 .mk-dur__k,.labo-v19 .mk-who,.labo-v19 .mk-scene p,
.labo-v19 .labo-v4-stage__date,.labo-v19 .labo-v4-stage__sub,.labo-v19 .labo-v4-stage__sub a,.labo-v19 .mk-917,.labo-v19 .mk-free a,.labo-v19 .labo-v4-stage__lock,.labo-v19 .mk-hplay__txt{color:#fff!important}
.labo-v19 .labo-v4-stage__sep{color:rgba(255,255,255,.55)}
.labo-v19 .mk-dur__k{border-right-color:rgba(255,255,255,.5)}
.labo-v19 .labo-v4-stage__cat{background:rgba(255,255,255,.14)!important}

/* 一番下の帯（「同じ見方が、○本あります。」）も同じ直し（2026-10-23 マサ確認）：
   上の端のにじみ（ぼかしのはみ出し）をやめ overflow:hidden、背景は黒が主で写真は不透明度 0.16、グラデーションは敷かない。白い段との境目は直線 */
.labo-v19 .labo-v4-banner{overflow:hidden;background:#0a0a0a!important;border-top:0!important}
.labo-v19 .labo-v4-banner:before{background:var(--v19-bg,none) center/cover no-repeat;opacity:.16;filter:blur(16px);transform:scale(1.08)}
/* 問いの帯（黒）：中の縦のグラデーション（#141414→#0a0a0a）も外して一色に。白い段との境目は直線 */
.labo-v19 .mk-toi{background:#0f0f0f}
/* 2026-10-24 16:10 総リーダー指示：問いの帯に青い光の背景（素材_問いの帯_背景_青い光の波.png → uploads/labo-v19/mk-toi.jpg 幅1600）。
   帯いっぱいに cover。PC は上下の 42% の所（文字の後ろ＝まん中の暗い所、左右に波の上の方、右上の光の筋は外）。
   まん中だけごく薄く暗い幕（黒 25%）。上下の境目は直線のまま（ぼかし無し）。スマホは中央（左右の波が少し見える） */
.labo-v19 .mk-toi{position:relative;overflow:hidden;background:#0a1020 url(../../uploads/labo-v19/mk-toi.jpg) center 42%/cover no-repeat}
.labo-v19 .mk-toi:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 80% at 50% 50%,rgba(0,0,0,.28),rgba(0,0,0,0) 100%)}
.labo-v19 .mk-toi .labo-v4__in{position:relative;z-index:1}
@media (max-width:760px){.labo-v19 .mk-toi{background-position:center center}}

/* 核心の一言の白い枠の、うすい神経の網（2026-10-23 マサ確認。labo-v19.php の labo_v19_net_svg）。枠の右上に寄せ、文字と写真は上に乗せる */
.labo-v19 .mk-q{position:relative;overflow:hidden}
.labo-v19 .mk-q__net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.labo-v19 .mk-q .mk-qrow{position:relative;z-index:1}
/* A案（2026-10-23 マサ確認）：光の粒の静止画（青一色・明るさ＝透明度の PNG）を枠の右に敷き、右から左へ白に溶かす。言葉の真後ろは薄く、写真と文字は上の層 */
/* 2026-10-23 総リーダー指示「一言の枠の粒を読みやすく」：画像（A案の粒・C案の神経）は言葉の後ろに出さない。
   言葉の列（.mk-qin）は中身の幅、その右隣の .mk-q__side が残りの幅（＝言葉の右端より右）を取り、そこにだけ画像を置く（白のグラデーションはやめた）。
   .mk-q__side は枠の余白（上34・右28・下32）まで広げ、左の gap 20px は打ち消す。不透明度 .55。
   言葉の右に余白が無い幅（side が 60px 以下）では、コンテナクエリで枠の右上の角 64px だけに。
   スマホ（760px 以下）は side を出さず、.mk-q__corner（枠の右上の角・幅3割・高さ 56px・不透明度 .4）だけ */
.labo-v19 .mk-qin{position:relative;z-index:1;flex:0 1 auto}
.labo-v19 .mk-q__side{flex:1 1 0;min-width:0;align-self:stretch;position:relative;pointer-events:none;margin:-34px -28px -32px -20px;container-type:inline-size}
.labo-v19 .mk-q__side .mk-q__bg{position:absolute;inset:0;opacity:.55;background-repeat:no-repeat;background-position:right top;background-size:auto 100%}
/* 言葉の右に余白が無い幅（side が 60px 以下＝枠の右の余白だけ）：枠の右上の角 140×64px だけに（言葉の1行目より上の空き。枠の外は .mk-q の overflow:hidden で切れる） */
@container (max-width:60px){.labo-v19 .mk-q__side .mk-q__bg{bottom:auto;left:auto;right:0;width:140px;height:56px;background-size:auto 260%}}
.labo-v19 .mk-q__corner{display:none;position:absolute;top:-22px;right:-18px;width:30%;height:48px;z-index:0;pointer-events:none;opacity:.4;background-repeat:no-repeat;background-position:right top;background-size:auto 260%}
@media (max-width:760px){.labo-v19 .mk-q__side{display:none}.labo-v19 .mk-q__corner{display:block}}

/* ===== E案（2026-10-23 17:12 マサ指示 → 17:32 追記2：チャッピーの画像・見本_一言の枠_チャッピー.png の形） =====
   画像＝--mk-brain（uploads/labo-v19/mk-chappy.jpg。左上に脳の網、右下に網の球、まん中は暗い紺）。枠いっぱいに cover・中央。
   写真は左に細い青く光る縁、一言は写真の右・画像のまん中の暗い所に白の明朝、「“」は白、名前は白の7割、▶ だけ赤。
   紺の幕は基本かけない（まん中が十分暗い。文字との差 7:1 に足りない時だけ .is-veil で薄く）。枠の角の丸み・大きさは今のまま、縁線は無し */
.labo-v19 .labo-v4-words .labo-v4-words__quote.mk-q--e{background:#07142b var(--mk-brain) left bottom/115% auto no-repeat!important;border-color:transparent;box-shadow:0 10px 28px rgba(7,20,43,.28)}
/* 言葉の後ろだけの薄い幕（JS で測ると、上の波の光る点が一言の1行目の右端「に」にかかり 7:1 に足りなかったので）：
   画像を 115% に少し大きくして左下寄せ（光る点が言葉の右端より右・1行目より上へ外れる。脳は左に全部、球の右端が少し切れる）、
   言葉の列の後ろに紺 .55 のやわらかい幕（縁はぼかす）。まん中の暗い所では見た目はほぼ変わらない */
.labo-v19 .mk-q--e .mk-qin:before{content:"";position:absolute;inset:-16px -20px -12px -18px;z-index:-1;pointer-events:none;background:rgba(7,20,43,.55);border-radius:22px;filter:blur(12px)}
.labo-v19 .mk-q--e .mk-qrow{position:relative;z-index:1}
.labo-v19 .mk-q--e blockquote p{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.4),0 0 14px rgba(7,20,43,.6)}
.labo-v19 .mk-q--e .mk-mark{color:#fff}
.labo-v19 .mk-q--e .mk-by,.labo-v19 .mk-q--e .mk-by b{color:rgba(255,255,255,.7)!important}
.labo-v19 .mk-q--e .mk-reason{color:#fff!important}
.labo-v19 .mk-q--e .mk-reason__tri{color:#e0493c}
/* 写真：細い青く光る縁（見本どおり） */
.labo-v19 .mk-q--e .mk-face{box-shadow:0 0 0 1px rgba(150,200,255,.85),0 0 14px rgba(80,150,255,.55),0 6px 18px rgba(0,0,0,.4);border-radius:4px}
.labo-v19 .mk-q--e .mk-face:after,.labo-v19 .mk-q--e .mk-face:before{content:none!important}
/* スマホ 375（2026-10-24 16:05 総リーダー指示）：写真を小さく（76px）左に、言葉を写真の右に。字は 17px。
   「— ジュンコ」と「▶ この言葉の理由は」は言葉の下（右の列）のまま。背景は中央寄せ＝言葉の後ろがまん中の暗い所、写真の後ろに脳の網の端 */
@media (max-width:760px){
  .labo-v19 .labo-v4-words .labo-v4-words__quote.mk-q--e{background-position:50% center!important;background-size:cover!important}
  .labo-v19 .mk-q--e .mk-qrow{flex-direction:row;gap:20px;align-items:flex-start}
  .labo-v19 .mk-q--e .mk-face{width:76px;height:96px}
  .labo-v19 .mk-q--e .mk-qin{width:auto;min-width:0;flex:1 1 auto}
  .labo-v19 .mk-q--e blockquote p{font-size:17px!important;line-height:1.75!important}
  .labo-v19 .mk-q--e .mk-by{font-size:12px;margin-top:10px!important}
  .labo-v19 .mk-q--e .mk-reason{font-size:13px}
}
/* 引用の記号（2026-10-23 17:55 マサの見本で決定・追記5。追記3・4の置き方は置き換え）：言葉を左上と右下から挟む形。
   「“」＝1行目の左上の外。言葉の列（.mk-qin）の左にぶら下げ（position:absolute、流れから外すので言葉の左端はそのまま）、
   上端を1行目の字の上端にそろえる。字との間は字の高さの4分の1ほど（PC 5px・スマホ 4px）。
   「”」＝最後の字の右下。下端を字の下端より字の高さの2割ほど下（PC 4px・スマホ 3px）。inline・line-height 0 で行の高さは変えない。
   大きさはどちらも 48px、色は案ごと（E案は白）。「”」の前の U+2060 で「”」だけが次の行に落ちない */
/* 2026-10-24 16:05 総リーダー指示：「“」の右端と1行目の最初の字の間、「”」と最後の字の間を、字の幅の3分の1ほど（PC 8px・スマホ 6px）に */
.labo-v19 .mk-q .mk-mark{position:absolute;left:-22px;top:7px;height:48px;line-height:1;overflow:visible}
.labo-v19 .mk-q blockquote{margin-top:0!important}
/* 2026-10-24 19:45 総リーダー指示：「”」は最後の字のすぐ右・字の上の方（始めの「“」と同じ高さの関係）。最後の字に重ねない。
   あわせて一言のかたまり（“・本文・”・名前・理由）をまとめて右へ（写真の右端から「“」の左端まで PC 約32px・スマホ 約18px） */
.labo-v19 .mk-q .mk-mark--end{position:relative;display:inline;left:0;height:auto;line-height:0;top:26px;margin-left:2px;font-size:48px;white-space:nowrap}
.labo-v19 .mk-q .mk-qin{margin-left:33px}
/* スマホ：記号は 36px（写真の列に入らないよう少し小さく）。言葉は 17px。
   「”」は left:0 を明示（「“」の left:-19px を受け継いで最後の字に重なっていた） */
@media (max-width:760px){.labo-v19 .mk-q .mk-mark{font-size:36px;height:36px;left:-19px;top:5px}.labo-v19 .mk-q .mk-mark--end{left:0;font-size:36px;top:18px;margin-left:3px}.labo-v19 .mk-q .mk-qin{margin-left:16px}}
/* 一言の改行は言葉の切れ目で（2026-10-23 マサ指示）。v19_cap の「|」＝<wbr> の所だけで折り返す。無い回は auto-phrase（Chrome だけ効く） */
.labo-v19 .mk-q blockquote p{word-break:auto-phrase}
.labo-v19 .mk-q blockquote p.mk-cap--wbr{word-break:keep-all;overflow-wrap:normal}
/* 2026-10-24 19:35：「|」の塊は途中で折り返さない（塊の間の <wbr> だけで折る） */
.labo-v19 .mk-q blockquote p.mk-cap--wbr .mk-cc{white-space:nowrap}
/* 後編へのつなぎ（再生画面の下） */
.labo-v19 .mk-next{margin:12px 0 0;font-size:14px;color:rgba(255,255,255,.85)}
.labo-v19 .mk-next a{color:#fff;text-decoration:underline;text-underline-offset:4px}
/* PC（幅が足りる時）は一言を2行に（2026-10-23 マサ指示）。<wbr> は「折り返してよい所」の印で、幅が足りる時はそこで折らない。
   そのために枠の文字の幅を少し広げる：一言の枠の列を 1.1fr→1.25fr、枠の左右の余白 34→28px、写真との間 26→20px。
   幅1024 で文字の幅 262→317px（12字×25.5px＝306px が入る）。幅が足りないスマホは切れ目で3〜4行 */
/* 2026-10-24 21:15 総リーダー指示：2列は 961px 以上だけ（761〜960 は labo-v4.css が1列にするのに、ここで2列の幅を当てていて、枠が左半分になっていた） */
@media (min-width:961px){.labo-v19 .labo-v4-words__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important}}
@media (min-width:761px){
  .labo-v19 .mk-q{padding:34px 28px 32px!important}
  .labo-v19 .mk-qrow{gap:20px}
}

/* ===== 2026-10-24 総リーダー指示「型の直し」：押したら何が起きるかが分かる形に ===== */
.labo-v19 .mk-service{margin:16px 0 0;font-size:13px;line-height:1.8;color:rgba(255,255,255,.72);letter-spacing:.02em}
.labo-v19 .labo-v4-banner .mk-service{margin:0 auto 18px;max-width:640px;font-size:14px;text-align:center}
/* 無料の回（A）：舞台から移した「月額11,000円｜会員の方はログイン」（2026-10-24 20:00） */
.labo-v19 .labo-v4-banner .mk-banner__login{color:rgba(255,255,255,.82)}
.labo-v19 .labo-v4-banner .mk-banner__login a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.labo-v19 .labo-v4-banner .mk-banner__login + .labo-v4-banner__terms{margin-top:6px}
.labo-v19 .labo-v4-banner .labo-v4-stage__sep{margin:0 8px;opacity:.5}
/* 「無料公開中」の札は型では出さないが、念のため版19では隠す（2026-10-24 19:55） */
.labo-v19 .labo-v4-stage__player .labo-free{display:none!important}
.labo-v19 .mk-dur__lock{display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:14px;color:rgba(255,255,255,.85)}
.labo-v19 .mk-dur__lock svg{width:14px;height:14px}
.labo-v19 .mk-note .mk-dur__k{color:#ffd60a!important;border-right-color:rgba(255,214,10,.5)}
.labo-v19 .mk-hplay__txt{font-size:13px}
.labo-v19 .labo-v4-banner__title{font-size:26px}
.labo-v19 .mk-banner__num{font-size:14px;color:#bdbdbd}
@media (max-width:760px){.labo-v19 .labo-v4-banner__title{font-size:21px}.labo-v19 .mk-banner__num{font-size:13px}}

/* 再生画面の最初の絵（2026-10-24 総リーダー指示）：アイキャッチ＋赤い再生の丸。押すと Vimeo に替わる */
.labo-v19 .mk-poster{display:block;width:100%;padding:0;border:0;margin:0;background:#000;cursor:pointer;position:relative;aspect-ratio:16/9;border-radius:4px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.07)}
.labo-v19 .mk-poster img,body.labo .labo-v19 .mk-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.labo-v19 .mk-poster:hover img{transform:scale(1.03)}
.labo-v19 .mk-poster__btn{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#b3261e;box-shadow:0 6px 24px rgba(0,0,0,.45)}
.labo-v19 .mk-poster__btn:after{content:"";position:absolute;left:50%;top:50%;margin:-13px 0 0 -9px;border-style:solid;border-width:13px 0 13px 24px;border-color:transparent transparent transparent #fff}
.labo-v19 .mk-poster:focus-visible{outline:3px solid #ffd60a;outline-offset:3px}
@media (max-width:760px){.labo-v19 .mk-poster__btn{width:60px;height:60px;margin:-30px 0 0 -30px}.labo-v19 .mk-poster__btn:after{margin:-10px 0 0 -7px;border-width:10px 0 10px 19px}}

/* ===== 10/17 より後の決定（2026-10-23 指示）：会員でない人のボタンの下の、もう一つの出口（文字リンク） ===== */
.labo-v19 .mk-free{margin:14px 0 0;font-size:14px;letter-spacing:.04em}
.labo-v19 .mk-free a{color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:4px}
.labo-v19 .mk-free a:hover{color:#fff}
.labo-v19 .mk-free--band{margin-top:20px}
/* 会員向け：舞台の再生画面（labo-v4-member と同じ幅） */
.labo-v19--member .labo-v4-stage__player{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.07)}
.labo-v19--member .labo-v4-stage__fav{margin-top:26px}

/* ===== 2026-10-24 21:15 総リーダー指示「中くらいの幅で一言の枠がくずれる」 =====
   枠の中が狭い時は、761px 以上でもスマホの並び（小さな写真が左・一言が右・字は小さめ）。
   切り替えは footer の script が決める（.mk-q--sp）：字を下限 18px にしても一言の塊が写真の右に収まらない時、または枠が 480px 未満の時。
   PC の並びは、塊が収まる幅がある時だけ。中身は 760px 以下の規定と同じ値 */
.labo-v19 .mk-q.mk-q--sp{padding:22px 18px 22px!important}
.labo-v19 .mk-q--sp .mk-qrow{gap:16px}
.labo-v19 .mk-q--sp .mk-face{width:84px;height:106px}
.labo-v19 .mk-q--sp blockquote p{font-size:18px!important}
.labo-v19 .mk-q--sp .mk-q__side{display:none}
.labo-v19 .mk-q--sp .mk-q__corner{display:block}
.labo-v19 .labo-v4-words .labo-v4-words__quote.mk-q--e.mk-q--sp{background-position:50% center!important;background-size:cover!important}
.labo-v19 .mk-q--e.mk-q--sp .mk-qrow{flex-direction:row;gap:20px;align-items:flex-start}
.labo-v19 .mk-q--e.mk-q--sp .mk-face{width:76px;height:96px}
.labo-v19 .mk-q--e.mk-q--sp .mk-qin{width:auto;min-width:0;flex:1 1 auto}
.labo-v19 .mk-q--e.mk-q--sp blockquote p{font-size:17px!important;line-height:1.75!important}
.labo-v19 .mk-q--e.mk-q--sp .mk-by{font-size:12px;margin-top:10px!important}
.labo-v19 .mk-q--e.mk-q--sp .mk-reason{font-size:13px}
.labo-v19 .mk-q--sp .mk-mark{font-size:36px;height:36px;left:-19px;top:5px}
.labo-v19 .mk-q--sp .mk-mark--end{left:0;font-size:36px;top:18px;margin-left:3px}
.labo-v19 .mk-q--sp .mk-qin{margin-left:16px}
/* 塊が1行に収まらない時だけ、その塊の中で折り返す（script が .is-wrap を付ける）。はみ出しは出さない */
.labo-v19 .mk-q blockquote p.mk-cap--wbr .mk-cc.is-wrap{white-space:normal;word-break:normal;overflow-wrap:anywhere}
/* 「この回 ◯:◯◯」・「▶ この言葉の理由は、」「動画の中で」は途中で折らない */
.labo-v19 .mk-nw{white-space:nowrap}