/*
 * ラビットNAVI 固定ページ専用CSS
 * WordPress管理画面：外観 → カスタマイズ → 追加CSS に貼り付け
 * #rabbit-navi-lp 内だけに適用されるため、Cocoonの他ページには影響しません。
 */


#rabbit-navi-lp{--bg:#07090d;--panel:#121720;--panel2:#191f29;--text:#f7f8fa;--muted:#aeb6c2;--gold:#d7b15b;--gold2:#f1d687;--blue:#24b8ef;--line:#2b3340;--max:1180px}
#rabbit-navi-lp *{box-sizing:border-box}#rabbit-navi-lp{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.75}#rabbit-navi-lp a{color:inherit;text-decoration:none}#rabbit-navi-lp{overflow:hidden}#rabbit-navi-lp .site-header{height:76px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,9,13,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}#rabbit-navi-lp .brand{font-weight:900;letter-spacing:.08em}#rabbit-navi-lp .brand span,#rabbit-navi-lp .eyebrow{color:var(--gold)}#rabbit-navi-lp .site-header nav{margin-left:auto;display:flex;gap:30px;font-size:13px;color:#cbd1da}#rabbit-navi-lp .site-header nav a:hover{color:var(--gold2)}#rabbit-navi-lp .header-cta{padding:10px 18px;border:1px solid var(--gold);border-radius:999px;color:var(--gold2);font-size:13px;font-weight:700}
#rabbit-navi-lp .hero{max-width:var(--max);min-height:690px;margin:auto;padding:110px 30px 90px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:80px;position:relative}#rabbit-navi-lp .hero-copy,#rabbit-navi-lp .hero-card{position:relative;z-index:2}#rabbit-navi-lp .eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;margin:0 0 18px}#rabbit-navi-lp .hero h1{font-size:clamp(48px,6vw,78px);line-height:1.14;letter-spacing:-.04em;margin:0 0 30px}#rabbit-navi-lp .hero-lead{font-size:20px;color:#d5dae1;margin-bottom:36px}#rabbit-navi-lp .hero-actions{display:flex;gap:14px;flex-wrap:wrap}#rabbit-navi-lp .button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 26px;border-radius:12px;font-size:15px;font-weight:800;transition:.2s}#rabbit-navi-lp .button:hover{transform:translateY(-2px)}#rabbit-navi-lp .primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0b0d10}#rabbit-navi-lp .secondary{border:1px solid #3a4350;background:#11151b;color:#fff}#rabbit-navi-lp .hero-points{display:flex;gap:22px;padding:0;margin:30px 0 0;list-style:none;color:#9fa8b5;font-size:13px}#rabbit-navi-lp .hero-points li:before{content:"✓";color:var(--gold);margin-right:7px}#rabbit-navi-lp .hero-card{background:linear-gradient(145deg,#fff,#edf1f5);color:#151922;border-radius:28px;padding:34px;box-shadow:0 36px 80px rgba(0,0,0,.45)}#rabbit-navi-lp .hero-card img{display:block;width:100%;height:150px;object-fit:contain}#rabbit-navi-lp .hero-card>p{color:#667080;font-size:14px;margin:24px 0 0}#rabbit-navi-lp .match-visual{margin-top:24px;padding:20px;border-radius:18px;background:#0b1017;color:#fff;display:grid;grid-template-columns:1fr 50px 1fr;gap:5px;text-align:center;align-items:center}#rabbit-navi-lp .match-visual span{font-size:13px;color:#b4bdca}#rabbit-navi-lp .match-visual b{color:var(--gold2)}#rabbit-navi-lp .match-visual i{grid-row:1/3;grid-column:2;font-style:normal;font-size:24px;color:var(--blue)}#rabbit-navi-lp .match-visual span:last-of-type{grid-column:3}#rabbit-navi-lp .match-visual b:last-child{grid-column:3}#rabbit-navi-lp .hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}#rabbit-navi-lp .orb-one{width:430px;height:430px;background:#0b2c57;right:-250px;top:-170px}#rabbit-navi-lp .orb-two{width:260px;height:260px;background:#086079;right:-220px;top:110px}#rabbit-navi-lp .trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:auto}#rabbit-navi-lp .trust-strip span{text-align:center;padding:22px 12px;color:#d1d6de;font-size:13px;font-weight:700;border-right:1px solid var(--line)}#rabbit-navi-lp .trust-strip span:last-child{border:0}
#rabbit-navi-lp .section{max-width:var(--max);margin:auto;padding:120px 30px}#rabbit-navi-lp .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:60px}#rabbit-navi-lp .section-heading .eyebrow{grid-column:1/3;margin-bottom:-35px}#rabbit-navi-lp .section-heading h2,#rabbit-navi-lp .service h2,#rabbit-navi-lp .price-section h2,#rabbit-navi-lp .comparison h2,#rabbit-navi-lp .final-cta h2{font-size:clamp(34px,4vw,54px);line-height:1.25;letter-spacing:-.035em;margin:0}#rabbit-navi-lp .section-heading>p:last-child,#rabbit-navi-lp .service-copy>p,#rabbit-navi-lp .price-section>div>p{color:var(--muted)}#rabbit-navi-lp .issue-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}#rabbit-navi-lp .issue-card{grid-column:span 2;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:27px;min-height:190px}#rabbit-navi-lp .issue-card:nth-child(4){grid-column:2/span 2}#rabbit-navi-lp .issue-card span{color:var(--gold);font-size:13px;font-weight:800}#rabbit-navi-lp .issue-card h3{font-size:20px;margin:14px 0 8px}#rabbit-navi-lp .issue-card p,#rabbit-navi-lp .feature-grid p{color:var(--muted);font-size:14px;margin:0}
#rabbit-navi-lp .service{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;background:linear-gradient(135deg,#0d1219,#101720);max-width:none;padding-left:max(30px,calc((100vw - var(--max))/2));padding-right:max(30px,calc((100vw - var(--max))/2))}#rabbit-navi-lp .service-copy p{max-width:500px}#rabbit-navi-lp .flow-list{list-style:none;margin:0;padding:0}#rabbit-navi-lp .flow-list li{display:flex;gap:24px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}#rabbit-navi-lp .flow-list b{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#090b0f}#rabbit-navi-lp .flow-list h3,#rabbit-navi-lp .flow-list p{margin:0}#rabbit-navi-lp .flow-list h3{font-size:18px}#rabbit-navi-lp .flow-list p{color:var(--muted);font-size:14px}#rabbit-navi-lp .narrow{display:block;text-align:center}#rabbit-navi-lp .narrow .eyebrow{margin-bottom:18px}#rabbit-navi-lp .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#rabbit-navi-lp .feature-grid article{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;min-height:205px}#rabbit-navi-lp .feature-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--gold);color:#0a0c0f;border-radius:50%;font-weight:900}#rabbit-navi-lp .feature-grid h3{margin:22px 0 8px}#rabbit-navi-lp .split-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px}#rabbit-navi-lp .split-benefits article{background:#151a22;border:1px solid var(--line);padding:50px;border-radius:26px}#rabbit-navi-lp .split-benefits article:last-child{background:#10202a;border-color:#17465c}#rabbit-navi-lp .split-benefits h2{font-size:34px;margin:0 0 26px}#rabbit-navi-lp .split-benefits ul{list-style:none;margin:0;padding:0}#rabbit-navi-lp .split-benefits li{border-top:1px solid rgba(255,255,255,.1);padding:15px 0}#rabbit-navi-lp .split-benefits li:before{content:"✓";color:var(--gold);margin-right:12px}#rabbit-navi-lp .split-benefits article:last-child li:before,#rabbit-navi-lp .blue{color:var(--blue)}
#rabbit-navi-lp .price-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}#rabbit-navi-lp .price-card{background:#f7f8fa;color:#101318;border-radius:28px;padding:42px}#rabbit-navi-lp .price-card>span{display:inline-block;background:var(--gold);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:900}#rabbit-navi-lp .price-card>p{color:#596170;margin:22px 0 0}#rabbit-navi-lp .price-card strong{display:block;font-size:76px;letter-spacing:-.05em;line-height:1.2}#rabbit-navi-lp .price-card strong small{font-size:20px;margin-left:8px}#rabbit-navi-lp .price-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 0;border-top:1px solid #d9dde3}#rabbit-navi-lp .price-card dl div{text-align:center;padding:18px 5px}#rabbit-navi-lp .price-card dt{font-size:12px;color:#6d7480}#rabbit-navi-lp .price-card dd{margin:2px 0 0;font-weight:900}#rabbit-navi-lp .price-card .billing{border-radius:12px;background:#171b22;color:var(--gold2);padding:13px;text-align:center;font-weight:800;font-size:14px}#rabbit-navi-lp .comparison{padding-top:50px}#rabbit-navi-lp .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}#rabbit-navi-lp .compare-grid article{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:36px}#rabbit-navi-lp .compare-grid .active{border-color:var(--gold);background:#1c1810}#rabbit-navi-lp .compare-grid h3{margin:0 0 26px}#rabbit-navi-lp .compare-grid ol{list-style:none;counter-reset:step;margin:0;padding:0}#rabbit-navi-lp .compare-grid li{counter-increment:step;padding:15px;border-top:1px solid rgba(255,255,255,.1)}#rabbit-navi-lp .compare-grid li:before{content:"0" counter(step);color:var(--gold);font-size:12px;font-weight:900;margin-right:20px}
#rabbit-navi-lp .faq-list{max-width:900px;margin:auto}#rabbit-navi-lp .faq details{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:0 24px}#rabbit-navi-lp .faq summary{cursor:pointer;list-style:none;padding:22px 36px 22px 0;font-weight:800;position:relative}#rabbit-navi-lp .faq summary:after{content:"＋";position:absolute;right:0;color:var(--gold)}#rabbit-navi-lp .faq details[open] summary:after{content:"−"}#rabbit-navi-lp .faq summary span{color:var(--gold);font-size:12px;margin-right:18px}#rabbit-navi-lp .faq details p{color:var(--muted);padding:0 0 22px;margin:0}#rabbit-navi-lp .final-cta{max-width:1080px;margin:50px auto 100px;padding:80px 30px;text-align:center;border:1px solid var(--gold);background:radial-gradient(circle at 50% 0,#302712,#0d1015 58%);border-radius:30px}#rabbit-navi-lp .final-cta>p:not(.eyebrow){color:#c2c8d0;font-size:18px}#rabbit-navi-lp .center{justify-content:center;margin:34px 0 18px}#rabbit-navi-lp .final-cta small{color:#707986}#rabbit-navi-lp footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:55px 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:var(--muted);font-size:12px}#rabbit-navi-lp footer .brand{font-size:18px;color:#fff}#rabbit-navi-lp footer p{margin:0;text-align:right}#rabbit-navi-lp footer nav{display:flex;gap:25px}#rabbit-navi-lp footer small{text-align:right}
#rabbit-navi-lp .hero h1{font-size:clamp(48px,5vw,64px)}
@media(max-width:800px){#rabbit-navi-lp .site-header{height:66px;padding:0 18px}#rabbit-navi-lp .site-header nav{display:none}#rabbit-navi-lp .header-cta{margin-left:auto;padding:8px 13px}#rabbit-navi-lp .hero{min-height:auto;padding:80px 20px 65px;display:block}#rabbit-navi-lp .hero h1{font-size:49px}#rabbit-navi-lp .hero-lead{font-size:17px}#rabbit-navi-lp .hero-card{margin-top:60px;padding:24px}#rabbit-navi-lp .hero-points{gap:12px;flex-wrap:wrap}#rabbit-navi-lp .orb-one{right:-260px}#rabbit-navi-lp .trust-strip{grid-template-columns:1fr 1fr}#rabbit-navi-lp .trust-strip span:nth-child(2){border-right:0}#rabbit-navi-lp .trust-strip span:nth-child(-n+2){border-bottom:1px solid var(--line)}#rabbit-navi-lp .section{padding:85px 20px}#rabbit-navi-lp .section-heading,#rabbit-navi-lp .service,#rabbit-navi-lp .price-section{display:block}#rabbit-navi-lp .section-heading .eyebrow{margin-bottom:18px}#rabbit-navi-lp .section-heading p:last-child{margin-top:26px}#rabbit-navi-lp .issue-grid,#rabbit-navi-lp .feature-grid,#rabbit-navi-lp .split-benefits,#rabbit-navi-lp .compare-grid{grid-template-columns:1fr}#rabbit-navi-lp .issue-card,#rabbit-navi-lp .issue-card:nth-child(4){grid-column:auto}#rabbit-navi-lp .service{padding:85px 20px}#rabbit-navi-lp .flow-list{margin-top:45px}#rabbit-navi-lp .feature-grid{gap:12px}#rabbit-navi-lp .split-benefits{gap:14px}#rabbit-navi-lp .split-benefits article{padding:32px 25px}#rabbit-navi-lp .price-card{margin-top:45px;padding:28px 23px}#rabbit-navi-lp .price-card strong{font-size:62px}#rabbit-navi-lp .pc{display:none}#rabbit-navi-lp .final-cta{margin:20px 14px 70px;padding:58px 20px}#rabbit-navi-lp .button{width:100%}#rabbit-navi-lp footer{display:block;padding:40px 20px}#rabbit-navi-lp footer p{text-align:left;margin:12px 0 25px}#rabbit-navi-lp footer nav{display:grid;gap:12px}#rabbit-navi-lp footer small{display:block;text-align:left;margin-top:28px}}
@media(prefers-reduced-motion:reduce){#rabbit-navi-lp html{scroll-behavior:auto}#rabbit-navi-lp .button{transition:none}}

/* Cocoonの固定ページをラビットNAVI専用の全幅表示にする */
body.rabbit-navi-page #content,
body.rabbit-navi-page .content-in,
body.rabbit-navi-page main.main,
body.rabbit-navi-page article.article,
body.rabbit-navi-page .entry-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
body.rabbit-navi-page main.main {
  border: 0;
  background: #07090d;
}
body.rabbit-navi-page #sidebar,
body.rabbit-navi-page .entry-title,
body.rabbit-navi-page .date-tags,
body.rabbit-navi-page .sns-share,
body.rabbit-navi-page .sns-follow,
body.rabbit-navi-page .author-info,
body.rabbit-navi-page .post-navi,
body.rabbit-navi-page .related-entry-heading,
body.rabbit-navi-page .related-list {
  display: none !important;
}
