@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500&family=Dela+Gothic+One&family=DotGothic16&family=Yusei+Magic&family=Rampart+One&family=Zen+Maru+Gothic:wght@700&family=Kaisei+Decol:wght@700&family=Reggae+One&family=Zen+Old+Mincho:wght@900&text=%E4%BB%AE%E8%AA%AC&display=block");
/* 案 1+2（10/22 15:23 三科さん「案1と案2の組み合わせ」）。土台は案 1（ty1.css を先に読む）。案 2 から「別の声」を持ち込む:
   最初の画面の「仮説」の 2 字は明朝（10/22 22:55 に題が「世界という、仮説。」になり、「別の解答」の 4 字から移した）、章の見出しとショーリールの題は最後の 1 語だけセリフ体の斜体。
   声が替わる瞬間を動きにする（js/ty5.js）。「別の解答」の横に線を引く動きは外した（同じ指示）。
   上の @import は「仮説」の 2 字だけに絞った和文の書体 9 つ（着地の明朝と、切り替えの間に出す 8 つ） */

/* ---------- 最初の画面の「仮説」: 1 字ずつの箱に固定して、書体が替わっても列が伸び縮みしないようにする ---------- */
html[data-ty="5"] .ty-alt{font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500}
html[data-ty="5"] .ty-ch{display:inline-block;inline-size:1em;block-size:1em;line-height:1;text-align:center;font-feature-settings:normal}

/* ---------- 章の見出しとショーリールの題の最後の 1 語: セリフ体の斜体 ---------- */
html[data-ty="5"] .ty-last{display:inline-block;font-family:"Instrument Serif","Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:0;text-transform:none;white-space:nowrap}
/* 章の見出しの入れ替わり（text.js の scramble）は、見出しの字を透明にして上に別の層で描く。最後の 1 語は自分で動くので透明にしない */
html.tx[data-ty="5"] .opener__title.tx-ghost .ty-last{-webkit-text-fill-color:currentColor}
/* 切り替えの間は着地した幅の箱に止める。幅の広い書体が出ても左右ではみ出さない（上下は切らない） */
html[data-ty="5"] .ty-last.is-sw{text-align:left;clip-path:inset(-.4em 0 -.4em 0)}