/* 夜tax 本体トップ 2026-10-25：LP（/lp/）の部品をトップで使うための CSS
   LP の lp-refresh.css（v=20261025b）から、トップで使う部品（漫画動画・料金の相談欄・ボタンの動き）の規則だけを写したもの。
   LP 全体にかかる規則（ヘッダー・相談フォーム・画像全体の縦横比など）は写さない＝トップの他の欄は変えない。
   部品ごとの CSS（お客様の声・料金の画像・副業・固定ボタン・漫画リーダー）は /lp/ の公開ファイルをそのまま読む。 */

/* 新しい欄の中だけ、width/height 属性の高さで画像が縦に伸びないようにする（:where で詳しさ0） */
:where(.sc-video,.sc-price,.new-sc,.sc-feedback) img[height]{height:auto}

/* ---------- 共通の部品 ---------- */
/* テーマは *{color:#47679f} で全要素を紺にしている＝色が子に引き継がれない。新しい部品の中だけ引き継ぐ */
:is(.nt-eyebrow,.nt-flow,.nt-video-title,.nt-manga-link,.nt-price) *{color:inherit}
.nt-eyebrow{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;color:#bd708e;line-height:1.5}
.nt-flow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;margin:14px 0 0;padding:0;list-style:none;font-size:12px;font-weight:700;color:#596f91;line-height:1.4}
.nt-flow li{display:flex;align-items:center;gap:4px}
.nt-flow li span{background:#f4f1fa;border-radius:8px;padding:8px 10px}
.nt-flow li+li::before{content:"›";color:#ec7aa0;font-size:15px;font-weight:700}

/* ---------- 漫画動画（.sc-video） ---------- */
.sc-video .sc-video-inner.nt-video{padding:36px 0 32px;text-align:center}
.nt-video-title{margin:0 0 18px;color:#ed548b;font-size:26px;font-weight:900;line-height:1.45;letter-spacing:.04em}
.nt-video-title span{display:block}
.sc-video .nt-video .group-video{margin-bottom:0}
.sc-video .nt-video .group-video>div{max-width:760px;border:0;border-radius:0;overflow:visible}
.sc-video .nt-video .group-video>div>img{display:block;width:100%;height:auto;box-sizing:border-box;border:4px solid #f6aec3;border-radius:20px;background:#fff}
.sc-video .nt-video a.btn-play{max-width:440px;min-height:46px;margin-top:14px;border-width:1.5px;box-sizing:border-box}
.sc-video .nt-video a.btn-play:focus-visible,.nt-manga-link:focus-visible{outline:3px solid #2f3e58;outline-offset:3px}
.sc-video .sc-video-inner a.nt-manga-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;min-height:44px;margin:6px auto 0;padding:6px 14px;color:#c2507e;font-size:15px;font-weight:700;text-decoration:none;letter-spacing:.04em}
.nt-manga-link .nt-arrow{font-size:16px}
.nt-manga-link:hover{text-decoration:underline}
@media (min-width:641px){
  .sc-video .sc-video-inner.nt-video{padding:56px 0 48px}
  .nt-video-title{font-size:clamp(28px,3.6vw,40px);margin-bottom:24px}
  .nt-video-title span{display:inline-block}
  .nt-video-title::before{content:"＼";margin-right:.4em}
  .nt-video-title::after{content:"／";margin-left:.4em}
}

/* ---------- 料金（.sc-price）：画像の下の「まずは料金・必要書類からご相談ください」 ---------- */
.sc-price{background:linear-gradient(#fff5f9,#f8f9ff)}
.sc-price .sc-price-inner.nt-price{max-width:640px;margin:0 auto;padding:36px 0 40px;text-align:left;color:#405d88}
.nt-price-contact{margin-top:20px;text-align:center}
.nt-price-contact>p{margin:0 0 12px;font-size:14px;font-weight:800;color:#405d88;line-height:1.6}
@media (min-width:641px){
  .sc-price .sc-price-inner.nt-price{padding:64px 0 72px}
}

/* ---------- ボタン：LINE と電話のボタンが一定の間隔で弾み、光が走る（LP と同じ）。動きを減らす設定の端末では止める ---------- */
a.nt-line-img{display:block;max-width:360px;margin:0 auto;line-height:0}
a.nt-line-img img{display:block;width:100%;height:auto}
@keyframes nt-purun{0%,64%,100%{transform:scale(1,1)}70%{transform:scale(1.07,.93)}76%{transform:scale(.95,1.05)}82%{transform:scale(1.03,.97)}88%{transform:scale(.99,1.01)}94%{transform:scale(1,1)}}
@keyframes nt-shine{0%,40%{left:-70%}62%,100%{left:130%}}
footer .wrap-contact .group-btn a,.sc-advise .group-btn a,a.nt-line-img{position:relative;overflow:hidden;border-radius:999px;transform-origin:50% 60%;animation:nt-purun 3.2s ease-in-out infinite;will-change:transform}
footer .wrap-contact .group-btn a::after,.sc-advise .group-btn a::after,a.nt-line-img::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:nt-shine 3.2s ease-in-out infinite;pointer-events:none}
footer .wrap-contact .group-btn a.btn-phone,.sc-advise .group-btn a.btn-phone,footer .wrap-contact .group-btn a.btn-phone::after,.sc-advise .group-btn a.btn-phone::after{animation-delay:.25s}
@media (prefers-reduced-motion:reduce){footer .wrap-contact .group-btn a,.sc-advise .group-btn a,a.nt-line-img,footer .wrap-contact .group-btn a::after,.sc-advise .group-btn a::after,a.nt-line-img::after{animation:none}}
/* スマホの固定ボタン：iPhone の下端（ホームバー）にかからないように */
@media (max-width:640px){
  footer .wrap-contact.nt-cta-bar{padding-bottom:env(safe-area-inset-bottom)}
}
/* 2026-10-25 23時台：固定ボタン右の見出し「LINE通話もOK」を LP と同じ濃いピンクに（LP は lp-refresh d版で #B8305F・読みやすさのため。component.css は #C7336D のまま） */
html body footer .wrap-contact[data-nt-fixed-cta] .nt-fixed-cta__info p.nt-fixed-cta__headline{color:#B8305F}