/* 総合ページ（パロディの案）の見た目。「動きの案」の土台と章の上に重ねて使う
   黒と白をはっきり使い分け、差し色は黄色（工事の注意テープの色）。侵略者だけ黄緑 */

.paro { --kin: #FFD60A; --midori: #7CFF6B; --shiro: #F4F4EF; --sumi: #0B0B0D; }
.paro a:hover { color: var(--kin); }
.paro .nuri-kin  { --ji: #0B0B0D; --ji-shita: #FFD60A; --fuchi: #FFD60A; --nuri: #FFFFFF; --ji-ato: #0B0B0D; --fuchi-ato: #FFFFFF; }
.paro .sen-shiro { --fuchi: #FFFFFF; --nuri: #FFD60A; --fuchi-ato: #FFD60A; }
.paro .sen-kin   { --ji: #FFD60A; --fuchi: #FFD60A; --nuri: #FFD60A; --fuchi-ato: #FFD60A; }
.paro .zk { font-weight: 900; }
.paro .atama-sha, .paro .ashi-sha, .paro .daihyo .zk { font-weight: 500; }

/* ── ピカッと光る演出（1回だけ・ゆっくり消える。点滅はさせない） ── */
.pika { display: none; }
.ugoku .pika { display: block; position: fixed; inset: 0; z-index: 90; background: #FFFFFF; pointer-events: none;
  animation: pika 1.3s ease-out .1s both; }
@keyframes pika { 0% { opacity: 1; } 100% { opacity: 0; visibility: hidden; } }
.pika-chu { position: absolute; right: 32px; bottom: 44px; z-index: 3; font-size: 12px; color: #B4B4BC; letter-spacing: .04em; }
.ugoku .hero .pika-chu { transition-delay: 1.6s; }

/* ── 一番上：写真を明るく見せ、英語の大見出しを足す ── */
.paro .hero-e { filter: brightness(1.55) contrast(1.04) saturate(.9); }
.paro .hero-kage { background: linear-gradient(90deg, rgba(5,5,7,.86) 0%, rgba(5,5,7,.55) 36%, rgba(5,5,7,.06) 72%, rgba(5,5,7,0) 100%),
  linear-gradient(180deg, rgba(5,5,7,.4) 0%, rgba(5,5,7,0) 22%, rgba(5,5,7,0) 78%, rgba(5,5,7,.45) 100%); }
.paro .shime .fill { filter: brightness(1.45); }
.paro .yaku .fill, .paro .hito .fill, .paro .fuda .fill { filter: brightness(1.12); }
.paro .hero-naka { padding-bottom: 64px; }
.eigo-dai { font-size: clamp(84px, 15.5vh, 168px); line-height: .98; letter-spacing: .01em; margin-top: 18px; text-transform: uppercase; }
.eigo-dai em { font-style: normal; color: var(--kin); }
.paro .hero-dai { font-size: clamp(30px, 4.2vh, 44px); line-height: 1.4; margin-top: 18px; letter-spacing: .02em; }
.paro .hero-bun { margin-top: 14px; font-size: 15px; color: #E2E2E6; font-weight: 400; }
.gag { margin-top: 10px; font-size: 13px; color: var(--kin); font-weight: 500; letter-spacing: .02em; }
.paro .hero .botan-narabi { margin-top: 26px; }

/* ── 注意テープ（黄色と黒。横へ流れる） ── */
.tape { margin: 0; padding: 0; background: var(--kin); color: var(--sumi); border-top: 3px solid var(--sumi); border-bottom: 3px solid var(--sumi);
  position: relative; z-index: 4; transform: rotate(-1.2deg) scale(1.02); }
.tape-gyaku { transform: rotate(1.2deg) scale(1.02); margin-top: 90px; }
.tape .nagare-obi { align-items: center; gap: 56px; padding: 12px 0 12px 56px; font-size: 26px; letter-spacing: .08em; line-height: 1.3; white-space: nowrap; }
.tape .nagare-obi span { display: flex; align-items: center; gap: 56px; }
.tape .nagare-obi span::after { content: ""; width: 58px; height: 22px; flex: none;
  background: repeating-linear-gradient(115deg, var(--sumi) 0 9px, transparent 9px 18px); }
.tape .zk { font-size: 21px; letter-spacing: .12em; }

/* ── 数字：黄色の帯 ── */
.paro .kiiro { background: var(--kin); color: var(--sumi); border-bottom: 0; margin-top: -14px; height: 340px; }
.paro .kiiro::after { content: none; }
.paro .kiiro .nen-dai { color: rgba(11,11,13,.09); font-size: 460px; bottom: -120px; letter-spacing: .01em; }
.paro .kiiro .suji-koma { border-left-color: rgba(11,11,13,.35); }
.paro .kiiro .suji-ji { font-size: 86px; line-height: .95; letter-spacing: .01em; color: var(--sumi); white-space: nowrap; }
.paro .kiiro .suji-ji span { color: var(--sumi); font-weight: 900; font-size: 20px; margin-left: 6px; letter-spacing: 0; }
.suji-en { font-size: 15px; letter-spacing: .2em; font-weight: 700; margin-top: 14px; }
.paro .kiiro .suji-na { color: rgba(11,11,13,.78); margin-top: 2px; font-weight: 500; }

/* ── 見出し（黒い章の日本語は太いゴシックへ戻す） ── */
.paro .shinjo-dai { font-size: 50px; letter-spacing: .01em; }
.paro .yaku-dai, .paro .fuda-na, .paro .hito-na { font-weight: 900; }
.paro .sho-dai { font-size: 26px; line-height: 1.3; letter-spacing: .06em; }
.paro .sho-dai .anton { display: block; font-size: 64px; line-height: 1.05; letter-spacing: .02em; color: var(--kin); font-weight: 400; }
.paro .kiroku-dai { font-size: 76px; }
.paro .sumai-dai { font-size: 40px; }
.paro .koe-dai { font-size: 32px; }
.paro .hasshin-dai { font-size: 36px; }
.paro .shime-dai { font-size: 54px; margin-top: 14px; }
.paro .sumai { border-color: var(--kin); }
.paro .sumai-kage { background: linear-gradient(90deg, rgba(5,5,7,.05) 0%, rgba(5,5,7,.55) 44%, rgba(5,5,7,.92) 100%); }
.paro .shime-kage { background: rgba(5,5,7,.62); }
.paro .koma .fill { filter: none; }

/* ── 白い章（指名手配・装備・人・会社概要） ── */
.shiro { background: var(--shiro); color: var(--sumi); }
.men { padding: 110px 0 120px; }
.men-tsuzuki { padding-top: 0; }
.men-ue { margin-top: 120px; }
.men-atama { display: flex; align-items: flex-end; gap: 48px; border-bottom: 4px solid var(--sumi); padding-bottom: 22px; }
.eigo-sho { font-size: 132px; line-height: 1; letter-spacing: .01em; font-weight: 400; }
.men-bun { margin-left: auto; max-width: 46ch; font-size: 14.5px; line-height: 1.8; color: #3A3A42; padding-bottom: 12px; }
.men-bun b { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-size: 21px; color: var(--sumi); }

.fuda5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.tehai { background: #FFFFFF; border: 3px solid var(--sumi); padding: 0 18px 20px; position: relative;
  transition: transform .5s var(--yawaraka), box-shadow .5s var(--yawaraka); }
.tehai:hover { transform: translate(-4px, -4px) rotate(-1deg); box-shadow: 8px 8px 0 var(--kin); }
.tehai img { display: block; width: 100%; aspect-ratio: 1 / 1; border-bottom: 3px solid var(--sumi); margin: 0 -18px; width: calc(100% + 36px);
  background: repeating-linear-gradient(0deg, #FFFFFF 0 27px, #E6E6E0 27px 28px); }
.tehai-no { font-size: 12.5px; letter-spacing: .14em; font-weight: 700; margin-top: 14px; color: #5A5A62; }
.tehai-en { font-size: 40px; line-height: 1.1; margin-top: 4px; }
.tehai-na { font-size: 17px; margin-top: 2px; }
.tehai p { font-size: 13px; line-height: 1.75; color: #3A3A42; margin-top: 10px; min-height: 5.25em; }
.jakuten { margin-top: 12px; padding-top: 10px; border-top: 1px dashed #8A8A92; font-size: 12.5px; line-height: 1.6; font-weight: 500; }
.jakuten b { display: inline-block; background: var(--sumi); color: var(--kin); font-size: 11px; letter-spacing: .1em; padding: 1px 8px; margin-right: 8px; }

.fuda6 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.sobi { display: grid; grid-template-columns: 132px 1fr; gap: 20px; align-items: center; background: var(--sumi); color: #FFFFFF; padding: 22px 24px;
  transition: transform .5s var(--yawaraka), box-shadow .5s var(--yawaraka); }
.sobi:hover { transform: translate(-4px, -4px); box-shadow: 8px 8px 0 var(--kin); }
.sobi img { display: block; width: 132px; height: 132px; background: var(--kin); }
.sobi-en { font-size: 30px; line-height: 1.1; color: var(--kin); letter-spacing: .02em; }
.sobi-na { font-size: 15px; margin-top: 4px; }
.sobi p { font-size: 13px; line-height: 1.75; color: #C4C4CC; margin-top: 8px; }

.shiro .hito { color: #FFFFFF; }
.shiro .hito-ami { background: var(--sumi); border: 3px solid var(--sumi); gap: 3px; margin-top: 40px; }
.shiro .gaiyo-ami { margin-top: 28px; }
.shiro .gaiyo-gyo { border-bottom-color: #C8C8C0; font-weight: 500; }
.shiro .gaiyo-ko { color: #5A5A62; }

/* ── フッター ── */
.paro .ashi-dai { letter-spacing: .02em; font-size: min(24vw, 400px); line-height: 1.05; }
.paro .ashi-dai span span { background: linear-gradient(180deg, #FFFFFF 0 58%, var(--kin) 58% 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ── 7つの看板：見出しが大きい分、札の高さを詰める ── */
.tomeru .paro .kanban-ami { grid-auto-rows: calc((100vh - 362px) / 2); }