/* 総合ページ（パロディの案・版2）のスマホ用の並び（2026-09-30 社長指示・先生 決定1〜12）
   同じ1枚の中で、幅767以下の時だけ並びを切り替える（決定1）。768以上はパソコン用のまま、1か所も変えない。
   いちばん最後に読み込む。中身（文章・数字・写真）は変えず、並び・大きさ・開き方・動きだけを変える。
   基準（迷ったらこの順で当てる）：
     決定4 数　… 本文の文字は16以上・押せる所は縦横52以上・横へはみ出さない
     決定5 並び… 読む物は縦一列、眺める物（写真のコマ）は指で横へ送る
     決定6 開き方… 乗せると開く中身は、4枚以下なら最初から開く。5枚以上なら押したら開く（1枚目は開いておく）
     決定10 動き… 残すのはテープの流れ・年号・現れる動き（少し下から上がるだけ）。透明や隠した所から始めない
   パソコンの幅でだけ「指で触る機械」に効いていた決まり（hover: none）と、乗せた時の決まり（:hover）は、
   スマホでは指を離しても残るので、ここで全部打ち消している（!important が多いのはそのため） */

/* スマホの時だけ出す物・パソコンの時だけ出す物（パソコンの見た目は変えない） */
.sp-dake, .sp-kaigyo, .atama-sen { display: none; }
/* 手配書6枚の囲い（パソコンでは囲いが無いのと同じ扱い） */
.tehai-narabi { display: contents; }

@media (max-width: 767px) {
  .pc-dake { display: none !important; }
  .sp-dake { display: revert !important; }
  .sp-kaigyo { display: inline !important; }

  /* ── 土台 ── */
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body.paro { min-width: 0; font-size: 16px; line-height: 1.8; }
  .paro main, .paro .ashi { overflow-x: hidden; overflow-x: clip; }
  .paro .waku { padding: 0 20px; }
  .paro #teki, .paro #kanban, .paro #kiroku, .paro #hito, .paro #gaiyo, .paro #toiawase { scroll-margin-top: 60px; }

  /* 現れる動き：少し下から上がるだけ。透明・隠した所から始めない（決定10） */
  .ugoku .deru { opacity: 1 !important; transform: translateY(14px); }
  .ugoku .gyo { overflow: visible; }
  .ugoku .gyo > span { transform: translateY(14px); }
  .ugoku .maku { clip-path: none !important; }
  .ugoku .mieta .deru, .ugoku .mieta.deru, .ugoku .mieta .gyo > span, .ugoku .mieta.gyo > span { transform: none; }
  /* 止める動き：白く光る幕・写真が別の速さで動く・乗せた所から色が広がる */
  /* 白く光る幕と「いま光ったのは演出です。記憶は消えていません。」は、スマホでも出す（2026-10-01 社長指示で先生の決定10を変更） */
  .paro .pika-chu { position: static; display: block; margin: 0; padding: 0 20px 18px; font-size: 14px; line-height: 1.7; color: #9A9AA2; }
  .paro [data-shisa] { transform: none !important; }
  .paro .fill[data-shisa] { top: 0 !important; height: 100% !important; }
  .paro .botan::before { display: none; }
  .paro .botan:hover { color: var(--ji); border-color: var(--fuchi); }

  /* ── 上の帯：ロゴと YouTube と三本線。メニュー4つは三本線の中（決定11） ── */
  .paro .atama { background: rgba(5,5,7,.96); border-bottom-color: var(--sen); }
  .paro .atama-naka { height: 60px; gap: 8px; padding: 0 8px 0 16px; }
  .paro .atama-na { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; min-height: 52px; line-height: 1.15; }
  .paro .atama-rogo { font-size: 22px; }
  .paro .atama-sha { font-size: 10px; letter-spacing: .06em; }
  .paro .atama-botan { margin-left: auto; display: flex; align-items: center; min-height: 52px; padding: 0 16px; font-size: 14px; }
  .atama-sen { display: flex !important; flex: none; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
    width: 52px; height: 52px; padding: 0; margin: 0; background: transparent; border: 0; color: #FFFFFF; cursor: pointer; }
  .atama-sen i { display: block; width: 24px; height: 2px; background: currentColor; transition: transform .25s ease, opacity .2s ease; }
  .atama.hiraita .atama-sen i:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .atama.hiraita .atama-sen i:nth-child(2) { opacity: 0; }
  .atama.hiraita .atama-sen i:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .paro .atama-michi { display: none; position: absolute; left: 0; right: 0; top: 60px; margin: 0; gap: 0; flex-direction: column;
    background: rgba(5,5,7,.98); border-bottom: 2px solid var(--kin); font-size: 17px; }
  .paro .atama.hiraita .atama-michi { display: flex; }
  .paro .atama-michi a { display: flex; align-items: center; min-height: 56px; padding: 0 20px; color: #FFFFFF; font-weight: 700;
    border-top: 1px solid #26262C; }
  .paro .atama-michi a::after { display: none; }

  /* ── 一番上：写真を上、文字を下（決定11）。写真は全員が入る形のまま出す ── */
  /* 写真は、8人が並ぶ所（元の写真の 横650〜1490・縦280〜790 の範囲＝頭の上の少しの空から膝のあたり）だけを横いっぱいに切り出す
     （2026-10-01 社長指示「人間が小さい。膝上ぐらいから並んで、表情が分かるように」）。
     画面の幅を W として、元の1点＝W/840。切り出す枠の高さは 510/840＝60.71% of W。元の写真は変えない */
  .paro .hero { height: auto; min-height: 0; max-height: none; padding-top: calc(60px + 60.71vw); background: var(--kuro); }
  .paro .hero .hero-e[data-shisa] { position: absolute !important; display: block; left: -77.38vw; top: calc(60px - 33.33vw) !important;
    width: 182.86vw; max-width: none; height: auto !important; aspect-ratio: 3 / 2; scale: 1 !important;
    clip-path: inset(33.33vw 5.48vw 27.86vw 77.38vw); }
  .paro .hero::after { top: 68px; bottom: auto; }
  .paro .hero-kage, .paro .hero .tsubu { display: none; }
  .paro .hero-on { position: relative; inset: auto; display: block; }
  .paro .hero-naka { padding: 22px 20px 30px; }
  .paro .teikyo { font-size: 12px; letter-spacing: .3em; margin-bottom: 10px; }
  .paro .kata-ji { font-size: 12px; letter-spacing: .18em; }
  .paro .sen { width: 32px; }
  .paro .eigo-dai { font-size: min(19.5vw, 96px); line-height: 1; margin-top: 14px; }
  .paro .hero-dai { font-size: min(7.4vw, 34px); line-height: 1.4; margin-top: 14px; }
  .paro .hero-bun { font-size: 16px; line-height: 1.85; max-width: none; margin-top: 14px; }
  .paro .gag { font-size: 16px; line-height: 1.7; margin-top: 10px; }
  .paro .botan-narabi { flex-direction: column; gap: 12px; }
  .paro .hero .botan-narabi { margin-top: 22px; }
  .paro .botan { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding: 8px 20px; font-size: 16px; text-align: center; }
  .paro .atama .botan { width: auto; min-height: 52px; padding: 0 16px; font-size: 14px; }
  .paro .kurejitto { position: relative; flex-wrap: wrap; justify-content: flex-start; height: auto; gap: 6px 10px; padding: 14px 20px;
    font-size: 11px; letter-spacing: .14em; white-space: normal; line-height: 1.6; }
  .paro .kurejitto b { font-size: 14px; }
  .paro .kurejitto .zk { font-size: 11px; }

  /* ── 注意テープ（流れは残す） ── */
  .paro .tape .nagare-obi { gap: 28px; padding: 8px 0 8px 24px; font-size: 18px; }
  .paro .tape .nagare-obi span { gap: 28px; }
  .paro .tape .nagare-obi span::after { width: 40px; height: 16px; }
  .paro .tape .zk { font-size: 15px; }
  .paro .tape-gyaku { margin-top: 56px; }

  /* ── 数字：2列2段。数字ははじめから最後の値（数え上げに頼らない） ── */
  .paro .kiiro { height: auto; margin-top: -8px; padding: 84px 0 56px; }
  .paro .kiiro .suji-on { position: relative; inset: auto; display: block; padding-top: 0; }
  .paro .suji-ami { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 0; }
  .paro .kiiro .suji-koma { padding: 0 0 0 18px; border-left: 1px solid rgba(11,11,13,.35); }
  .paro .kiiro .suji-koma:nth-child(odd) { padding-left: 0; border-left: 0; }
  .paro .kiiro .suji-ji { font-size: min(12vw, 56px); }
  .paro .kiiro .suji-ji span { font-size: 15px; margin-left: 4px; }
  .paro .suji-en { font-size: 12px; letter-spacing: .14em; margin-top: 10px; }
  .paro .kiiro .suji-na { font-size: 13px; }
  .paro .kiiro .nen-dai { font-size: 190px; right: -6px; bottom: -44px; }
  .paro .now { font-size: 15px; gap: 8px; padding: 4px 14px 5px; letter-spacing: .12em; }
  .paro .now .zk { font-size: 12px; letter-spacing: .06em; }

  /* ── 白い章の見出し ── */
  .paro .men { padding: 64px 0 72px; }
  .paro .men-ue { margin-top: 64px; }
  .paro .men-atama { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: 16px; }
  .paro .eigo-sho { font-size: min(17vw, 120px); }
  .paro #teki .eigo-sho { font-size: min(27vw, 190px); }
  .paro #gaiyo .eigo-sho { font-size: min(14.4vw, 104px); }
  .paro .men-bun { margin-left: 0; max-width: none; padding-bottom: 0; font-size: 16px; line-height: 1.8; }
  .paro .men-bun b { font-size: 18px; }
  .paro .kachinko { font-size: 13px; letter-spacing: .18em; }
  .paro .kachinko i, .paro .bango::before { width: 52px; height: 14px; }
  .paro .bango { font-size: 13px; letter-spacing: .18em; }

  /* ── 指名手配：星人6人の手配書は、絵を大きく載せた1枚ずつを指で横へ送る。親玉と黒い札は縦に続ける
       （2026-10-01 社長指示「イラストが小さすぎる／テキストボックスが大きすぎる。もう少しスマートに並べて」） ── */
  .paro .fuda-v { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 22px; }
  .paro .tehai, .paro .tehai:hover, .paro .tsuho, .paro .tsuho:hover { transform: none !important; box-shadow: none !important; }
  .paro .okuri-shirushi.okuri-tehai { margin: 0; color: var(--sumi); }
  .paro .okuri-tehai b { color: var(--sumi); }
  .paro .tehai-narabi { display: flex; gap: 14px; margin: -4px -20px 0; padding: 4px 20px 14px; overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 20px; }
  .paro .tehai-narabi .tehai { flex: none; width: min(74vw, 300px); display: flex; flex-direction: column; scroll-snap-align: start;
    transition: transform .4s var(--yawaraka), box-shadow .4s var(--yawaraka) !important; }
  .paro .tehai-narabi .tehai.ima { transform: translate(-4px, -4px) !important; box-shadow: 8px 8px 0 var(--kin) !important; }
  .paro .tehai-e img, .paro .tehai:hover .tehai-e img { scale: 1 !important; }
  .paro .tehai-narabi .tehai-e .tehai-en { left: -6px; bottom: 14px; padding: 2px 16px 4px 18px; font-size: 32px; border-width: 3px; }
  .paro .tehai-narabi .tehai-e .tehai-no { right: 10px; top: 10px; padding: 2px 9px; font-size: 12px; letter-spacing: .14em; }
  .paro .tehai-narabi .tehai-shita { flex: 1 1 auto; display: flex; flex-direction: column; padding: 14px 16px 16px; }
  .paro .tehai-narabi .tehai-na { flex-wrap: wrap; align-items: baseline; gap: 2px 10px; font-size: 22px; line-height: 1.35; }
  .paro .tehai-na .bc { font-size: 13px; }
  .paro .tehai p { font-size: 16px; line-height: 1.75; min-height: 0; margin-top: 0; }
  .paro .tehai-narabi p { margin-top: 8px; }
  .paro .tehai-narabi .jakuten { margin-top: auto; padding-top: 10px; font-size: 16px; }
  .paro .tehai-narabi p + .jakuten { margin-top: 12px; }
  .paro .jakuten b { font-size: 12px; }
  /* 「効く看板」の札は、スマホでは読む札にする（小さくて押しにくいので押せる物にしない。行き先は下の黒い札が受け持つ） */
  .paro .kiku-fuda { pointer-events: none; font-size: 16px; }
  .paro .tsuho-hiro { display: flex; flex-direction: column; align-items: flex-start; padding: 26px 22px 24px; }
  .paro .tsuho-ue { font-size: 12px; letter-spacing: .2em; }
  .paro .tsuho-hiro .tsuho-dai { font-size: min(11.4vw, 84px); margin-top: 8px; }
  .paro .tsuho-hiro .tsuho-na { font-size: 20px; line-height: 1.5; margin-top: 8px; }
  .paro .tsuho-hiro p { font-size: 16px; line-height: 1.75; margin-top: 10px; }
  .paro .tsuho-hiro .tsuho-saki { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; margin-top: 16px;
    font-size: 16px; color: var(--sumi); background: var(--kin); }
  .paro .oyadama { display: block; }
  .paro .oyadama .tehai-e { border-right: 0; border-bottom: 4px solid var(--kin); }
  .paro .oyadama .tehai-e .tehai-en { font-size: 40px; bottom: 14px; }
  .paro .oyadama .tehai-shita { padding: 22px 20px 24px; }
  .paro .oyadama-ue { font-size: 12px; letter-spacing: .16em; }
  .paro .oyadama .tehai-na { font-size: 34px; gap: 4px 12px; }
  .paro .oyadama .tehai-na .bc { font-size: 15px; }
  .paro .oyadama p { font-size: 16px; line-height: 1.8; margin-top: 12px; }
  .paro .oyadama .jakuten { font-size: 16px; }
  .paro .oyadama-chu { font-size: 16px; line-height: 1.7; margin-top: 14px; }

  /* ── 8つの看板：準備中でない4枚は最初から全部見せる。準備中の4枚は名前と状態だけの小さい札を2列（決定7） ── */
  .paro .jigyo { padding: 64px 0 24px; }
  .paro .jigyo-atama { flex-direction: column; align-items: flex-start; gap: 12px; }
  .paro .sho-dai { font-size: 22px; }
  .paro .sho-dai .anton { font-size: min(15.4vw, 110px); }
  .paro .jigyo-bun { margin-left: 0; max-width: none; font-size: 16px; line-height: 1.8; color: #B4B4BC; font-weight: 400; }
  .paro .ami-oki { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
  .paro .ami-oki .kb { grid-column: auto; }
  .paro .ami-oki .kb-oki, .paro .ami-oki .kb-naka, .paro .ami-oki .kb-mada-obi { grid-column: 1 / -1; }
  /* 札の動きは全部止める（集まって広がる・傾く・乗せると大きくなる・ほかの札が暗くなる） */
  .paro .jigyo .kb, .paro .jigyo .kb:hover, .paro .jigyo .kb:focus-visible { opacity: 1 !important; translate: none !important; rotate: none !important;
    scale: 1 !important; transform: none !important; filter: none !important; box-shadow: 0 0 0 1px rgba(255,255,255,.12) !important; }
  .paro .jigyo .kb .kb-e, .paro .jigyo .kb:hover .kb-e { scale: 1 !important; filter: brightness(1.06) !important; }
  .paro .jigyo .kb-mada { box-shadow: none !important; }
  /* 画面の真ん中に来た札だけ、パソコンで乗せた時の黄色い輪・金の角・金色の番号を出す（スマホ.js が .ima を付ける・2026-10-01 社長指示） */
  .paro .jigyo .kb.ima { box-shadow: 0 0 0 2px rgba(255,214,10,.95), 0 0 34px rgba(255,214,10,.28) !important; }
  .paro .jigyo .kb.ima .kb-waku { display: block !important; }
  .paro .jigyo .kb.ima .kb-waku::before, .paro .jigyo .kb.ima .kb-waku::after { width: 40px; height: 40px; opacity: 1; }
  .paro .jigyo .kb.ima .kb-ban { color: var(--kin) !important; -webkit-text-stroke-color: var(--kin) !important; text-shadow: 0 0 24px rgba(255,214,10,.5) !important; }
  .paro .jigyo .kb { transition: box-shadow .45s ease, scale .6s var(--yawaraka) !important; }
  .paro .jigyo .kb .kb-ban { transition: color .45s ease, -webkit-text-stroke-color .45s ease, text-shadow .45s ease, scale .7s var(--yawaraka); }
  /* パソコンで乗せた時の未来的な動きを、真ん中に来た時に自動で（2026-10-01 社長指示「パソコンと同じように光る感じを自動で」）：
     札が少し浮く・写真が寄る・上から下へ光の線が走る・ACCESS GRANTED の札が点く・番号と名前が少し大きくなる */
  .paro .jigyo .kb.ima { scale: 1.02 !important; }
  .paro .jigyo .kb .kb-e { transition: scale 1.4s var(--yawaraka), filter .8s ease; }
  .paro .jigyo .kb.ima .kb-e { scale: 1.12 !important; filter: brightness(1.1) saturate(1.1) !important; }
  .paro .jigyo .kb.ima .kb-ban { scale: 1.18 !important; }
  .paro .jigyo .kb .kb-na { transition: scale .6s var(--yawaraka); transform-origin: 0 100%; }
  .paro .jigyo .kb.ima .kb-na { scale: 1.05 !important; }
  .paro .jigyo .kb.ima .kb-kira { display: block !important; opacity: 1; }
  .ugoku .paro .jigyo .kb.ima .kb-kira::after { animation: kb-hiraku .5s steps(1) .15s both; }
  /* 光の線は、写真の枠の中ではなく札全体を、文字の所まで一番下まで走らせる（2026-10-01 社長指示「下のテキストの所まで黄色い横線が行くように」） */
  .paro .jigyo .kb.ima { overflow: hidden; }
  .ugoku .paro .jigyo .kb.ima::after { content: ""; position: absolute; left: 0; right: 0; top: -90px; height: 90px; z-index: 6; pointer-events: none;
    background: linear-gradient(180deg, rgba(255,214,10,0) 0%, rgba(255,214,10,.16) 80%, rgba(255,214,10,.85) 100%);
    animation: kb-hashiru-sp 1.8s cubic-bezier(.4, 0, .2, 1) both; }
  .paro .jigyo .kb.ima .kb-kira::after { opacity: 1; }
  @keyframes kb-hashiru-sp { 0% { opacity: 1; top: -90px; } 88% { opacity: 1; } 100% { opacity: 0; top: 100%; } }
  .paro .kb-kira, .paro .kb-sen, .paro .kb-waku { display: none !important; }
  .paro .kb .kb-na, .paro .kb:hover .kb-na { scale: 1 !important; }
  .paro .kb .kb-ban, .paro .kb:hover .kb-ban { scale: 1 !important; color: transparent !important; -webkit-text-stroke-color: rgba(255,255,255,.7) !important; text-shadow: none !important; }
  /* 準備中でない4枚：写真を上、中身を下に全部 */
  .paro .ami-oki .kb-oki, .paro .ami-oki .kb-naka { display: block !important; height: auto !important; min-height: 0 !important; background: #0E0E12; }
  .paro .ami-oki .kb-oki .kb-hako, .paro .ami-oki .kb-naka .kb-hako { position: relative; inset: auto; aspect-ratio: 16 / 10; border-radius: 6px 6px 0 0; }
  .paro .ami-oki .kb-oki .kb-kage, .paro .ami-oki .kb-naka .kb-kage { background: linear-gradient(180deg, rgba(5,5,7,.28) 0%, rgba(5,5,7,0) 34%, rgba(5,5,7,0) 70%, rgba(5,5,7,.5) 100%); }
  .paro .kb .kb-kage::after { opacity: 0 !important; }
  .paro .ami-oki .kb-oki .kb-ji, .paro .ami-oki .kb-naka .kb-ji { position: relative !important; display: block; padding: 16px 18px 20px !important; }
  .paro .ami-oki .kb .kb-ban { font-size: 60px; right: 12px; top: 6px; }
  .paro .ami-oki .kb-dare { font-size: 12px; }
  .paro .ami-oki .kb-oki .kb-na, .paro .ami-oki .kb-naka .kb-na { font-size: 28px; line-height: 1.35; }
  .paro .ami-oki .kb-oki .kb-hitokoto, .paro .ami-oki .kb-naka .kb-hitokoto { font-size: 18px; line-height: 1.6; max-height: none !important; opacity: 1 !important; margin-top: 6px !important; }
  .paro .ami-oki .kb-pointo li { font-size: 14px; padding: 8px 10px 8px 22px; }
  .paro .kb:not(.kb-mada) .kb-ura { grid-template-rows: 1fr !important; }
  .paro .kb .kb-ura-naka > * { opacity: 1 !important; translate: none !important; }
  .paro .ami-oki .kb-setsumei { font-size: 16px; line-height: 1.8; margin-top: 14px; padding-top: 14px; }
  .paro .ami-oki .kb-suji { gap: 16px; margin-top: 14px; }
  .paro .ami-oki .kb-suji > div { flex: 1 1 0; min-width: 0; }
  .paro .ami-oki .kb-suji b { font-size: 32px; }
  .paro .ami-oki .kb-suji small { font-size: 12px; }
  .paro .ami-oki .kb-suji > div > span { font-size: 13px; line-height: 1.5; }
  .paro .ami-oki .kb-saki { font-size: 14px; margin-top: 16px; }
  /* 本当に行き先がある札だけ、行き先を横幅いっぱいの押せる形にする。行き先がまだ無い札（ホームページ道場）には、
     押せる形を出さない（押せない物に押せる形を付けない・決定6）。住所が入れば自動で出る */
  .paro .ami-oki .kb[href^="http"] .kb-saki { display: flex; justify-content: center; min-height: 52px; padding: 0 16px; font-size: 16px; }
  .paro .ami-oki .kb-oki .kb-hikaku { margin: 18px -10px 0; font-size: 14px; }
  .paro .ami-oki .kb-hikaku th, .paro .ami-oki .kb-hikaku td { white-space: normal; padding: 9px 6px; font-size: 16px; line-height: 1.45; }
  .paro .ami-oki .kb-hikaku th:first-child { padding-left: 8px; padding-right: 2px; }
  .paro .ami-oki .kb-hikaku thead th { font-size: 12px; }
  .paro .ami-oki .kb-hikaku tbody th { font-size: 13px; white-space: nowrap; }
  .paro .ami-oki .kb-hikaku .mukashi { white-space: nowrap; }
  /* 準備中の4枚：名前と状態だけ。押しても何も起きない */
  .paro .ami-oki .kb-junbi { display: block !important; height: 116px !important; min-height: 0 !important; pointer-events: none; }
  .paro .ami-oki .kb-junbi .kb-e { filter: brightness(.5) saturate(.4) !important; }
  .paro .ami-oki .kb-junbi .kb-ji { position: absolute !important; left: 0; right: 0; bottom: 0; padding: 10px 12px 12px !important; }
  .paro .ami-oki .kb-junbi .kb-na { font-size: 16px !important; line-height: 1.35; margin-top: 0; }
  .paro .ami-oki .kb-junbi .kb-dare, .paro .ami-oki .kb-junbi .kb-hitokoto, .paro .ami-oki .kb-junbi .kb-pointo,
  .paro .ami-oki .kb-junbi .kb-ura, .paro .ami-oki .kb-junbi .kb-tape-waku, .paro .ami-oki .kb-junbi .kb-ban { display: none !important; }
  .paro .ami-oki .kb-junbi .kb-jotai { margin-bottom: 6px; padding: 5px 9px 5px 21px; font-size: 11px; }
  .paro .ami-oki .kb-junbi .kb-jotai::before { left: 8px; }
  .paro .ami-oki .kb-junbi .kb-hako::after { display: none; }
  /* 次の看板（細い帯） */
  .paro .ami-oki .kb-mada-obi { height: auto !important; }
  .paro .ami-oki .kb-mada-obi .kb-mada-naka { padding: 18px; }
  .paro .ami-oki .kb-mada-obi .kb-mada-ban { font-size: 52px; margin-bottom: 8px; }
  .paro .ami-oki .kb-mada-obi .kb-na { font-size: 22px; }
  .paro .ami-oki .kb.kb-mada .kb-hitokoto { font-size: 16px !important; line-height: 1.7; max-height: none; font-weight: 400; color: #A8A8B0; }

  /* ── 戦いの記録：星人は顔と名前と一言、写真の帯は指で横へ送る（決定8） ── */
  .paro .kiroku { margin-top: 64px; }
  .paro .sento-dai { font-size: min(8.4vw, 60px); line-height: 1.35; }
  .paro .sento-gyo { flex-direction: column; align-items: flex-start; gap: 6px; }
  .paro .sento-bun { font-size: 16px; line-height: 1.85; max-width: none; margin-top: 14px; }
  .paro .sento-gyo .kiroku-saki { display: inline-flex; align-items: center; min-height: 52px; margin: 0; font-size: 16px; white-space: normal; }
  .paro .teki8-waku { margin-top: 30px; }
  .paro .teki8-atama { flex-direction: column; align-items: flex-start; gap: 4px; }
  .paro .teki8-dai { font-size: 22px; line-height: 1.5; }
  /* 8人を4列にすると一言が読めない大きさになるので、2列にして一言を読める大きさにする（決定4を先に当てる） */
  .paro .teki8-narabi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; margin-top: 18px; }
  .paro .teki8-e { width: min(34vw, 136px); margin: 0 auto; }
  .paro .teki8:hover .teki8-e { scale: 1; border-color: #2E2E36; }
  .paro .teki8-na { font-size: 17px; margin-top: 8px; }
  .paro .teki8-en { font-size: 11px; }
  .paro .teki8-bun { font-size: 16px; line-height: 1.6; margin-top: 4px; }
  .paro .okuri-shirushi { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 34px 20px 0; padding: 0;
    font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-size: 15px; color: var(--kin); letter-spacing: .04em; }
  .paro .okuri-shirushi b { flex: none; font-family: "Anton", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: .1em; }
  /* 写真の帯は、スマホでは縦に流れるフィルムにする。1コマずつ横幅いっぱい・元の形のまま大きく出す
     （2026-10-01 社長指示「横が短くて見づらい。1枚1枚がせっかく面白い絵なので、はっきり分かるように大きく」）。
     自動で流さない。同じ並びの写し（切れ目なく回すための2組目）は出さない。フィルムの穴は左右の縁に縦に並べる */
  .paro .kiroku .nagare { overflow: visible !important; margin-top: 30px; padding: 18px 26px;
    background-color: #000;
    background-image: repeating-linear-gradient(180deg, transparent 0 14px, #E9E9E2 14px 32px, transparent 32px 46px),
      repeating-linear-gradient(180deg, transparent 0 14px, #E9E9E2 14px 32px, transparent 32px 46px);
    background-repeat: no-repeat; background-size: 12px 100%, 12px 100%; background-position: 7px 0, calc(100% - 7px) 0; }
  .paro .kiroku .nagare::before, .paro .kiroku .nagare::after { display: none !important; }
  .paro .kiroku .nagare .nagare-obi { transform: none !important; width: auto; flex-direction: column; gap: 14px; padding: 0; align-items: stretch; }
  .paro .kiroku .nagare-obi > [aria-hidden="true"] { display: none !important; }
  .paro .sento .koma, .paro .sento .koma-sento, .paro .sento .koma-sento-tate, .paro .sento .koma-sento-kaku { width: 100%; height: auto; }
  .paro .sento .koma-sento { display: flex; flex-direction: column; background: #121216; overflow: hidden; }
  .paro .sento .koma-sento .fill { position: relative; width: 100%; height: auto; flex: none; filter: none !important; scale: 1 !important; }
  .paro .sento .koma.ph::after { top: 8px; bottom: auto; }
  .paro .sento-fuda { position: relative; left: auto; right: auto; bottom: auto; padding: 12px 14px 16px; background: none; }
  .paro .sento-case { font-size: 12px; }
  .paro .sento-midashi, .paro .koma-sento-tate .sento-midashi, .paro .koma-sento-kaku .sento-midashi { font-size: 19px; line-height: 1.45; margin-top: 4px; }
  .paro .sento-meta { flex-direction: column; gap: 2px; margin-top: 8px; font-size: 16px; line-height: 1.6; }

  /* ── 社員8人：押したら読み取り装置が出る。1人目（代表）ははじめから開いておく（決定9） ── */
  .paro .shiro .hito-ami { grid-template-columns: minmax(0, 1fr); gap: 3px; margin-top: 26px; }
  .paro .shiro .ag-ami .ag { height: auto !important; min-height: 128px; display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: stretch;
    cursor: pointer; scale: 1 !important; filter: none !important; box-shadow: none !important; -webkit-tap-highlight-color: rgba(124,255,107,.2); }
  .paro .ag .ag-e[data-shisa] { position: relative !important; top: 0 !important; width: 104px; height: 100% !important; min-height: 128px; object-position: 50% 14%;
    scale: 1 !important; filter: brightness(1.12) !important; }
  .paro .ag > .up { display: none; }
  .paro .ag::after { top: 8px; bottom: auto; }
  .paro .ag .ag-scope { display: none; }
  .paro .ag > .on { position: relative; inset: auto; display: block; min-width: 0; }
  .paro .ag .hito-ji { padding: 14px 16px 12px; }
  .paro .ag .yaku-ban { font-size: 12px; }
  .paro .ag .hito-na { font-size: 20px; line-height: 1.45; }
  .paro .ag .hito-yaku { font-size: 14px; line-height: 1.6; color: #C4C4CC; }
  /* 押せる印（閉じている時は「＋ 読み取る」、開いている時は「－ 閉じる」） */
  .paro .ag .ag-ji::after { content: "＋ 読み取る"; display: inline-block; margin-top: 10px; padding: 3px 12px; font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 900; font-size: 14px; line-height: 1.7; color: #0B0B0D; background: #7CFF6B; }
  .paro .ag.hiraita .ag-ji::after { content: "－ 閉じる"; color: #7CFF6B; background: transparent; box-shadow: inset 0 0 0 1.5px #7CFF6B; }
  /* 閉じている時は、指を離した後に「乗せた時」の決まりが残っても開かない */
  .paro .ag:not(.hiraita) .ag-ura { grid-template-rows: 0fr !important; }
  .paro .ag:not(.hiraita) .ag-ura-naka > * { opacity: 0 !important; }
  /* 開いている時：写真を上に大きく、読み取りの線と照準を重ね、下に中身を全部 */
  .paro .shiro .ag-ami .ag.hiraita { grid-template-columns: minmax(0, 1fr); }
  .paro .ag.hiraita .ag-e[data-shisa] { width: 100%; height: 300px !important; min-height: 0; object-position: 50% 12%; filter: brightness(1.05) contrast(1.08) saturate(.75) !important; }
  .paro .ag.hiraita .ag-scope { display: block; opacity: 1; inset: 0 0 auto 0; height: 300px; }
  .paro .ag.hiraita .ag-shosen { left: 50%; top: 35%; width: 110px; height: 110px; margin: -55px 0 0 -55px; scale: 1; opacity: 1; }
  .paro .ag.hiraita .ag-lock { left: calc(50% + 50px); top: calc(35% - 66px); opacity: 1; }
  .paro .ag.hiraita .ag-scan-1 { opacity: 0; }
  .paro .ag.hiraita .ag-scan-2 { opacity: 1; }
  .paro .ag.hiraita .ag-ura { grid-template-rows: 1fr !important; }
  .paro .ag.hiraita .ag-ura-naka > * { opacity: 1 !important; translate: none !important; }
  .paro .ag.hiraita .ag-bou i { width: var(--v) !important; }
  .paro .ag .ag-code { font-size: 13px; margin-top: 12px; padding-top: 12px; }
  .paro .ag .ag-pro { font-size: 16px; line-height: 1.65; gap: 6px 10px; margin-top: 8px; }
  .paro .ag .ag-pro dt { font-size: 12px; padding: 1px 7px; margin-top: 3px; }
  .paro .ag .ag-score { gap: 8px; margin-top: 12px; }
  .paro .ag .ag-score li { grid-template-columns: 6.6em minmax(0, 1fr) 2.4em; font-size: 14px; }
  .paro .ag .ag-bou { height: 8px; }
  .paro .ag .ag-score b { font-size: 16px; }
  .paro .ag .ag-pw { margin-top: 12px; padding-top: 10px; }
  .paro .ag .ag-pw span { font-size: 12px; }
  .paro .ag .ag-pw-su { font-size: 32px; }
  .paro .ag .ag-funou { font-size: 24px; }

  /* ── 発信：3枠を縦一列 ── */
  .paro .sho { margin-top: 64px; }
  .paro .hasshin { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 36px 0; }
  .paro .hasshin-dai { font-size: min(7.4vw, 54px); margin-top: 12px; }
  .paro .hasshin-ami { grid-template-columns: minmax(0, 1fr); }
  .paro .hasshin-koma { flex-direction: row; align-items: center; gap: 14px; min-height: 76px; padding: 12px 18px; }
  .paro .hasshin-koma svg { flex: none; }
  .paro .hasshin-na { font-size: 19px; }
  .paro .hasshin-mi { margin: 0 0 0 auto; font-size: 13px; text-align: right; white-space: nowrap; }

  /* ── 会社概要：写真を上、表を下 ── */
  .paro .gaiyo-ami { display: flex; flex-direction: column-reverse; gap: 22px; margin-top: 24px; }
  .paro .gaiyo-e { min-height: 0; aspect-ratio: 3 / 2; }
  .paro .gaiyo-e .fill { object-position: 50% 50%; }
  .paro .gaiyo-gyo { padding: 14px 0; font-size: 16px; line-height: 1.7; }
  .paro .gaiyo-ko { width: 6.4em; font-size: 14px; }

  /* ── 締め：YouTube の宣伝 ── */
  .paro .shime { height: auto; margin-top: 44px; padding: 56px 0 64px; }
  .paro .shime-on { position: relative; inset: auto; display: block; }
  .paro .shime-naka { padding: 0 20px; }
  .paro .ken { max-width: 100%; margin-bottom: 26px; }
  .paro .ken-hidari { padding: 12px 14px; }
  .paro .ken-migi { padding: 12px 28px 12px 16px; }
  .paro .ken .bc { font-size: 10.5px; letter-spacing: .12em; }
  .paro .ken .anton { font-size: 34px; }
  .paro .ken-dai { font-size: 21px; }
  .paro .ken-sho { font-size: 12px; }
  .paro .shime-dai { font-size: min(8vw, 58px); margin-top: 10px; }
  .paro .shime-hon { font-size: 16px; line-height: 1.85; margin-top: 14px; }
  .paro .shime .botan-narabi { margin-top: 24px; }

  /* ── 足もと ── */
  .paro .ashi { padding-top: 40px; }
  .paro .ashi-ue { flex-direction: column; gap: 26px; }
  .paro .ashi-sha { font-size: 14px; }
  .paro .ashi-michi { margin-left: 0; width: 100%; grid-template-columns: minmax(0, 1fr); gap: 24px; font-size: 16px; }
  .paro .ashi-michi > div { gap: 0; }
  .paro .ashi-ko { margin-bottom: 4px; font-size: 14px; color: var(--kin); letter-spacing: .08em; }
  .paro .ashi-michi a { display: flex; align-items: center; min-height: 52px; color: #E4E4EA; border-bottom: 1px solid #26262C; }
  /* 準備中の一覧は、つながない（読むだけ） */
  .paro .ashi-michi a[href="#"] { pointer-events: none; min-height: 40px; color: #8A8A92; border-bottom-color: #1C1C20; }
  .paro .ashi-michi > div:last-child a[href="#"] { pointer-events: auto; min-height: 52px; color: #E4E4EA; border-bottom-color: #26262C; }
  .paro .owari { margin-top: 48px; padding: 0 20px; }
  .paro .owari-dai { font-size: 46px; }
  .paro .owari-gag { font-size: 15px; }
  .paro .owari-yaku { display: block; width: auto; max-width: none; margin-top: 24px; font-size: 12px; letter-spacing: .18em; }
  .paro .owari-yaku span { display: block; text-align: center !important; }
  .paro .owari-yaku span:nth-child(odd) { margin-top: 16px; }
  .paro .owari-yaku .zk { font-size: 14px; line-height: 1.8; letter-spacing: .04em; word-break: keep-all; overflow-wrap: anywhere; }
  .paro .ashi-dai { margin-top: 20px; }
  .paro .ashi-shita { font-size: 12px; line-height: 1.8; padding-bottom: 32px; }
}