/* NINJA DIGITAL BAR — ネオンデザイン（2026-11-05） */
@import url("https://fonts.googleapis.com/css2?family=Monoton&display=swap");
:root{--bg:#06030d;--card:#0d0818;--line:#2b1f45;--tx:#fbf6ff;--mu:#b9add6;
  --pk:#ff2bd6;--cy:#00f0ff;--ye:#fff35c;--lm:#7dff6a;--fire:#ff3d8b;--fire2:#ff9a3d;--ice:#00f0ff;--bolt:#fff35c;--vio:#b46bff}
body{background:
  radial-gradient(ellipse at 15% -10%,#ff2bd626,transparent 55%),
  radial-gradient(ellipse at 90% 30%,#00f0ff1c,transparent 50%),
  radial-gradient(ellipse at 20% 80%,#b46bff1f,transparent 55%),
  linear-gradient(#ffffff05 1px,transparent 1px) 0 0/100% 34px,
  linear-gradient(90deg,#ffffff04 1px,transparent 1px) 0 0/68px 34px,
  var(--bg);background-attachment:fixed}
/* ネオン管の光り方 */
@keyframes nflick{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.35}}
@keyframes npulse{50%{filter:brightness(1.25)}}

/* ヘッダー */
header{background:linear-gradient(#06030df2,#06030d00)}
.logo{color:#fff;text-shadow:0 0 6px #00f0ffaa}
.logo b{color:#ffd6f6!important;text-shadow:0 0 6px var(--pk),0 0 12px #ff2bd688;animation:nflick 6s infinite}
.lang{border-color:var(--cy);box-shadow:0 0 8px #00f0ff88,inset 0 0 8px #00f0ff44}
.hbtn{background:transparent;border:2px solid var(--pk);color:#fff;text-shadow:0 0 8px var(--pk);box-shadow:0 0 10px var(--pk),inset 0 0 10px #ff2bd677}

/* トップ画像：ネオンの額縁 */
.tw{border-radius:10px;box-shadow:0 0 0 2px var(--pk),0 0 18px var(--pk),0 0 50px #ff2bd666,0 0 0 6px #06030d,0 0 0 8px var(--cy),0 0 30px 6px #00f0ff55}
.thint{color:var(--cy);text-shadow:0 0 8px var(--cy)}

/* 動画 */
.phone{border:2px solid var(--cy);box-shadow:0 0 12px var(--cy),0 0 40px #00f0ff77,0 0 90px #ff2bd644}
.mvt .kicker{color:var(--lm);text-shadow:0 0 8px var(--lm)}
.mvt h2{color:#fff;text-shadow:0 0 4px #fff,0 0 12px var(--pk),0 0 30px var(--pk)}
.acc{background:transparent;color:var(--ye);border:2px solid var(--ye);box-shadow:0 0 10px var(--ye),inset 0 0 8px #fff35c66;text-shadow:0 0 8px var(--ye)}

/* 大きいタイトル */
.hero{border-color:#ff2bd655;box-shadow:inset 0 1px 0 #ff2bd6aa,inset 0 -1px 0 #00f0ffaa}
.kicker{color:var(--ye);text-shadow:0 0 8px var(--ye),0 0 18px #fff35c88}
h1{font-family:"Monoton","Dela Gothic One",sans-serif;font-weight:400;letter-spacing:.06em;color:#fff;
  text-shadow:0 0 4px #fff,0 0 12px var(--pk),0 0 28px var(--pk),0 0 60px var(--pk),0 0 100px #ff2bd688;animation:nflick 7s infinite}
h1 span{font-family:"Dela Gothic One",sans-serif;letter-spacing:.18em;color:#bff9ff;text-shadow:0 0 2px #000,0 0 6px #00f0ffcc,0 0 14px #00f0ff66;animation:none;margin-top:16px}
.lead{text-shadow:0 0 12px #000}
.hint i{background:var(--lm);box-shadow:0 0 10px var(--lm),0 0 20px var(--lm)}
.btn{border-radius:999px;letter-spacing:.04em}
.btn.f{background:transparent;color:#fff;border:2px solid var(--pk);text-shadow:0 0 8px var(--pk);box-shadow:0 0 12px var(--pk),0 0 34px #ff2bd677,inset 0 0 14px #ff2bd688;animation:npulse 2.4s infinite}
.btn.o{background:transparent;border:2px solid var(--cy);text-shadow:0 0 8px var(--cy);box-shadow:0 0 12px var(--cy),inset 0 0 12px #00f0ff66}

/* 見出し */
.sh{color:var(--cy);text-shadow:0 0 6px var(--cy),0 0 16px var(--cy)}
h2{color:#fff;text-shadow:0 0 3px #fff,0 0 10px var(--pk),0 0 24px var(--pk),0 0 48px #ff2bd677}
section:nth-of-type(even) h2{text-shadow:0 0 3px #fff,0 0 10px var(--cy),0 0 24px var(--cy),0 0 48px #00f0ff77}
.sub{color:var(--mu)}

/* カード：ネオン管のふち */
.card{background:linear-gradient(160deg,#140a26e6,#0a0614f2);border:1.5px solid #ff2bd6aa;border-radius:16px;
  box-shadow:0 0 10px #ff2bd666,0 0 30px #ff2bd622,inset 0 0 18px #ff2bd622}
.grid .card:nth-child(2n){border-color:#00f0ffaa;box-shadow:0 0 10px #00f0ff66,0 0 30px #00f0ff22,inset 0 0 18px #00f0ff22}
.jutsu h3{color:#fff;text-shadow:0 0 10px currentColor}
.j1{border-color:#ff3d8b!important;box-shadow:0 0 12px #ff3d8b88,inset 0 0 18px #ff3d8b33!important}
.j2{border-color:var(--ye)!important;box-shadow:0 0 12px #fff35c88,inset 0 0 18px #fff35c33!important}
.j3{border-color:var(--cy)!important;box-shadow:0 0 12px #00f0ff88,inset 0 0 18px #00f0ff33!important}
.j4{border-color:var(--vio)!important;box-shadow:0 0 12px #b46bff88,inset 0 0 18px #b46bff33!important}
.j1 .ic{background:none;border:2px solid #ff3d8b;box-shadow:0 0 14px #ff3d8b,inset 0 0 14px #ff3d8b}
.j2 .ic{background:none;border:2px solid var(--ye);box-shadow:0 0 14px var(--ye),inset 0 0 14px var(--ye)}
.j3 .ic{background:none;border:2px solid var(--cy);box-shadow:0 0 14px var(--cy),inset 0 0 14px var(--cy)}
.j4 .ic{background:none;border:2px solid var(--vio);box-shadow:0 0 14px var(--vio),inset 0 0 14px var(--vio)}
.step:before{border-color:var(--lm);color:#fff;text-shadow:0 0 8px var(--lm);box-shadow:0 0 10px var(--lm),inset 0 0 8px var(--lm)}
.step h3{color:#fff}

/* 料金の巻物：ネオンで縁取り */
.card.plan{border:0!important;border-radius:2px;box-shadow:0 0 0 2px #06030d,0 0 0 4px var(--pk),0 0 26px var(--pk),0 0 70px #ff2bd677,0 22px 44px #000b,inset 0 0 34px #9c773f55!important}
.plan .tag{background:#ff2bd6;color:#fff;border-color:#fff;box-shadow:0 0 0 2px var(--pk),0 0 16px var(--pk)}

/* メニュー：ネオンサインの看板 */
.menu h3{font-family:"Monoton",Oswald,sans-serif;font-weight:400;font-size:20px;letter-spacing:.08em;color:#fff;text-shadow:0 0 4px #fff,0 0 10px var(--ye),0 0 22px var(--ye);animation:nflick 9s infinite}
.mi{border-bottom:1px dashed #ff2bd644}
.mi span{color:var(--cy);text-shadow:0 0 8px var(--cy)}

/* 店舗情報・よくある質問 */
.info dt{color:var(--cy);text-shadow:0 0 6px #00f0ff88}
.faq details{border-bottom:1px solid #ff2bd644}
.faq summary:after{color:var(--pk);text-shadow:0 0 8px var(--pk)}

/* 予約 */
.book{background:radial-gradient(circle at 50% 0,#ff2bd633,transparent 60%),radial-gradient(circle at 50% 100%,#00f0ff22,transparent 60%),#0a0614;
  border:2px solid var(--pk);box-shadow:0 0 16px var(--pk),0 0 50px #ff2bd655,inset 0 0 26px #ff2bd644}

/* フッター */
footer{border-top:1px solid #ff2bd666;box-shadow:0 -1px 14px #ff2bd644}
.vg div{border-color:#00f0ff66;box-shadow:0 0 8px #00f0ff33}
.vg b{text-shadow:0 0 10px var(--cy)}
footer .logo b{text-shadow:0 0 6px var(--pk),0 0 12px #ff2bd688}

@media (prefers-reduced-motion:reduce){.logo b,h1,.menu h3,.btn.f{animation:none}}
