/*
Theme Name: NODE Wi-Fi
Description: NODE Wi-Fiの商品紹介LPをトップページに表示する専用テーマ。
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: node-wifi
*/
:root{--ink:#202120;--muted:#666864;--paper:#eeeeec;--line:#d2d4cf;--dark:#181918;--font:Arial,'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fafaf8;font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(28px,3vw,44px);line-height:1.5;letter-spacing:.035em;font-weight:600}h3{font-size:21px;line-height:1.6;font-weight:600}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #80877a;outline-offset:5px}.sample{text-align:center;background:#202120;color:#eee;font-size:12px;letter-spacing:.11em;padding:5px 12px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:rgba(250,250,248,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid #daddd5}.brand{width:132px;display:block;flex-shrink:0}.header nav{display:flex;gap:34px;font-size:14px}.header nav a{position:relative;padding:8px 0}.header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:#222;transition:right .25s}.header nav a:hover:after{right:0}.button{border:1px solid #242624;background:#242624;color:white;padding:18px 26px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:56px;font-size:15px;font-weight:500;transition:background .25s,transform .25s}.button:hover{background:#41453f;transform:translateY(-2px)}.button span{font-size:20px}.button.small{padding:10px 20px;font-size:14px;min-height:44px}.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.15em;font-weight:600}.note{font-size:12px;line-height:1.8;color:var(--muted)}.hero{background:var(--paper);padding:27px 4.5% 26px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:center}.edition{font-size:12px;letter-spacing:.12em}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:28px}.hero-copy{z-index:2;position:relative}.network-label{font-size:29px;font-weight:600;line-height:1.3}.network-label b{font-size:45px;letter-spacing:-.05em}.monthly{display:block;font-size:18px;font-weight:500;margin-top:8px}.capacity{display:block;white-space:nowrap;font-size:clamp(84px,11.7vw,180px);font-weight:500;line-height:1.04;letter-spacing:-.075em;margin-left:-.05em}.capacity>span{font-size:clamp(25px,3.3vw,47px);letter-spacing:-.04em;margin-left:10px}.unlimited{display:block;font-size:clamp(38px,4.7vw,66px);line-height:1.4;letter-spacing:.03em;font-weight:650;margin:0 0 5px}.hero-lead{margin-top:23px;font-size:20px;line-height:1.8;letter-spacing:.05em}.hero-price{margin-top:23px;display:flex;align-items:baseline;gap:8px;font-size:13px}.hero-price strong{font-size:36px;font-weight:500;letter-spacing:-.035em;line-height:1.3}.hero-price>span{font-size:12px}.device-price{margin-top:2px}.hero-cta{margin-top:19px;min-width:240px}.hero-product{margin:0 -8% 0 -10%;align-self:center}.product-frame{position:relative;animation:arrive 1.1s ease-out both}.product-image{width:100%;mix-blend-mode:multiply}.product-wordmark{position:absolute;width:17%;left:36%;top:53%;opacity:.78;transform:rotate(11deg) skewY(-4deg);filter:brightness(0) invert(1)}.hero-product figcaption{display:flex;justify-content:space-between;gap:12px;padding:5px 12%;font-size:11px;line-height:1.8;color:#626560}.hero-product figcaption span:first-child{font-size:10px;letter-spacing:.08em}.hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end;border-top:1px solid #c6c9c1;margin-top:36px;padding-top:22px}.carriers{display:flex;gap:30px;align-items:center;margin-top:8px;font-size:20px;font-weight:650;letter-spacing:-.04em}.carriers span:last-child{font-size:16px}.hero-bottom>.note{max-width:410px}.section{padding:94px 7%;scroll-margin-top:4px}.section-heading{margin-bottom:38px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p:not(.eyebrow){margin-top:17px}.section-heading>.note{margin-top:10px}.price{background:#fafaf8}.plan{border-top:2px solid #252823;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr .85fr;align-items:center;padding:35px 0;gap:24px}.plan-intro h3{font-size:55px;letter-spacing:-.05em;line-height:1.35;font-weight:500}.plan-intro h3 span{font-size:16px;letter-spacing:0;margin-left:7px}.plan-intro>p:not(.eyebrow):not(.note){font-size:13px}.plan-price{border-left:1px solid var(--line);padding-left:30px}.plan-price>span,.plan-device>span,.support-body>div>span{font-size:14px}.amount{display:flex;align-items:center;gap:10px;line-height:1.3}.amount strong{font-size:75px;font-weight:500;letter-spacing:-.06em}.amount>span{font-size:18px}.amount small{font-size:12px}.plan-device{border-left:1px solid var(--line);padding-left:30px}.plan-device>strong{display:block;font-size:29px;font-weight:500;margin:8px 0}.plan-device small{font-size:12px;margin-left:4px}.price-foot{display:flex;justify-content:space-between;gap:30px;margin-top:25px;align-items:center}.product-detail{margin-top:60px;padding-top:34px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:32px}.detail-index{font-size:11px;letter-spacing:.16em;padding-top:8px}.product-detail p{margin-top:12px}.data-section{background:var(--dark);color:#f4f4f1;display:grid;grid-template-columns:.83fr 1.5fr;gap:60px;align-items:start}.data-section .note{color:#a6aaa1}.data-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #4a4d46;gap:8px}.data-tabs button{background:transparent;border:0;color:#aaa;padding:14px 5px 18px;font-size:14px;border-bottom:2px solid transparent}.data-tabs button[aria-selected=true]{color:white;border-bottom-color:#e4e6df}.data-tabs button:hover{color:white}.use-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center;min-height:310px}.use-visual{text-align:center}.use-visual svg{width:100%;max-width:190px;stroke:#c4c9bd;fill:none;stroke-width:1.15}.use-visual>span{display:block;font-size:11px;letter-spacing:.35em;color:#a7afa0}.use-description h3{font-size:25px;margin:18px 0}.use-description>p:not(.eyebrow){font-size:14px;color:#b7bdb1;line-height:1.9}.use-tag{display:inline-block;border:1px solid #44483e;border-radius:30px;padding:5px 12px;color:#c5c9c0;font-size:12px;margin-top:22px}.data-note{border-top:1px solid #41453c;padding-top:22px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:60px}.feature-grid article{border-top:1px solid var(--line);padding:28px 0 38px}.feature-top{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.feature-top>span{font-size:12px;color:#777}.feature-top strong{font-size:64px;font-weight:400;line-height:1.1;letter-spacing:-.05em}.feature-top small{font-size:24px;margin-left:4px}.feature-top .unit{font-size:21px;letter-spacing:0;margin-left:8px}.feature-top .no-construction{font-size:45px;line-height:1.55;letter-spacing:.01em}.feature-grid h3{margin-bottom:12px}.feature-grid .note{margin-top:12px}.scenes{background:#e9ebe6}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.scene-photo{width:100%;aspect-ratio:3/4;background-image:url('assets/lifestyle.webp');background-size:300% 100%;background-repeat:no-repeat;background-color:#d2d5cd;transition:filter .4s;filter:contrast(.94)}.photo-home{background-position:0 50%}.photo-work{background-position:50% 50%}.photo-travel{background-position:100% 50%}.scene-photo:hover{filter:contrast(1.06)}.scene-grid .eyebrow{margin:23px 0 12px}.scene-grid h3{font-size:20px;margin-bottom:10px}.scene-grid article>p:last-child{font-size:14px;color:#5e6459}.scene-note{margin-top:28px}.collab{margin-top:70px;border-top:1px solid #bfc4b9;padding-top:58px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.collab h2{margin-top:18px}.collab>div:last-child{padding-top:33px;line-height:2}.collab .note{margin-top:20px}.support{display:grid;grid-template-columns:.8fr 1.3fr;gap:24px 60px}.support .section-heading{margin:0}.support h2{font-size:31px}.support-body{display:grid;grid-template-columns:.6fr 1fr;gap:30px;align-items:start}.support-body .amount strong{font-size:64px}.support-body dl{margin:0}.support-body dl div{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;padding:14px 0;font-size:13px}.support-body dl div:first-child{padding-top:0}.support-body dd{margin:0;color:#73786e;white-space:nowrap}.support>.note{grid-column:2}.flow{border-top:1px solid var(--line)}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.flow-grid article{position:relative;border-top:1px solid var(--line);padding:25px 0}.step{font-size:13px;color:#777}.flow-grid svg{display:block;width:53px;height:53px;stroke:#4a5144;stroke-width:1;fill:none;margin:22px 0 26px}.flow-grid h3{font-size:20px;margin-bottom:12px}.flow-grid p{font-size:14px;color:#65695f}.flow-grid article:not(:last-child):after{content:'→';position:absolute;right:0;top:78px;font-size:25px;color:#848b7e}.payment{padding-top:43px;padding-bottom:48px;background:#eff0eb;display:grid;grid-template-columns:.45fr 1fr;gap:30px}.payment h2{font-size:23px;margin-bottom:12px}.payment .note{margin-top:9px}.closing{text-align:center;padding:85px 20px;background:#20231e;color:#fafbf7}.closing h2{font-size:clamp(34px,4vw,55px);margin:24px 0 30px}.button.white{background:#eeefe9;color:#20231e;border-color:#eeefe9;min-width:300px}.button.white:hover{background:#d4d8cc}.closing .note{margin-top:22px;color:#a6ab9e}footer{padding:53px 7% 24px}.footer-main{display:flex;justify-content:space-between;gap:50px}.footer-main .brand{width:167px}.footer-links{display:grid;grid-template-columns:1fr 1.4fr;gap:13px 34px}.footer-links button{border:0;padding:0;text-align:left;background:none;font-size:12px;color:#5b6155}.footer-links button:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:45px;font-size:10px;letter-spacing:.1em}.footer-bottom a{font-size:12px}dialog{border:1px solid #bfc4b8;padding:50px;max-width:530px;width:calc(100% - 32px);color:var(--ink);background:#fafbf7}dialog::backdrop{background:#121710a8;backdrop-filter:blur(5px)}dialog h2{font-size:24px;margin:20px 0}dialog p{line-height:1.9}dialog .note{margin-top:18px}dialog .dialog-ok{margin-top:25px;width:100%}.dialog-close{position:absolute;right:15px;top:10px;font-size:28px;border:0;background:none;width:40px;height:40px}.mobile-only{display:none}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.reveal{transition:opacity .7s,transform .7s}.reveal.pending{opacity:0;transform:translateY(22px)}
@media(min-width:1600px){.hero,.section,footer{padding-left:max(7%,calc((100vw - 1420px)/2));padding-right:max(7%,calc((100vw - 1420px)/2))}.hero{padding-left:max(4.5%,calc((100vw - 1510px)/2));padding-right:max(4.5%,calc((100vw - 1510px)/2))}}
@media(max-width:1050px){.header nav{gap:20px}.section{padding:72px 5%}.hero-product{margin-left:-16%;margin-right:-10%}.hero-product figcaption{display:block}.hero-price{gap:5px}.capacity{font-size:11.4vw}.plan{grid-template-columns:1fr 1fr}.plan-device{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:flex;align-items:baseline;gap:20px}.plan-price{padding-left:25px}.data-section{gap:30px}.use-panel{grid-template-columns:1fr;gap:0;padding:20px 0}.use-visual{display:none}.feature-grid{column-gap:35px}.support{grid-template-columns:1fr}.support-body{grid-template-columns:.5fr 1fr}.support>.note{grid-column:1}.scene-grid{gap:18px}.scene-grid h3{font-size:18px}.collab{gap:35px}.flow-grid{gap:26px}.flow-grid h3{font-size:17px}.footer-links{gap:15px}}
@media(max-width:700px){html{scroll-padding-top:77px}.sample{font-size:10px;padding:5px}.header{height:75px;padding:0 5%}.brand{width:110px}.header nav{display:none}.button.small{font-size:12px;gap:15px;padding:9px 13px;min-height:40px}.hero{padding:21px 5% 25px}.hero-top .eyebrow{font-size:10px}.edition{font-size:10px;letter-spacing:0}.hero-grid{display:flex;flex-direction:column;padding-top:24px;align-items:stretch}.network-label{font-size:24px}.network-label b{font-size:34px}.monthly{font-size:16px;margin-top:4px}.capacity{font-size:23vw;letter-spacing:-.065em;line-height:1.13}.capacity>span{font-size:8vw;margin-left:8px}.unlimited{font-size:37px;margin-top:0}.hero-copy>.note{font-size:11px}.hero-lead{font-size:17px;margin-top:17px;line-height:1.8}.hero-price{margin-top:18px;font-size:12px;flex-wrap:wrap}.hero-price strong{font-size:32px}.hero-cta{margin-top:15px;padding:13px 20px;min-height:48px;min-width:220px;font-size:14px}.hero-product{margin:10px -5.5% 0}.hero-product figcaption{display:flex;padding:0 5%;font-size:10px;gap:10px}.hero-product figcaption span:first-child{font-size:9px}.hero-bottom{display:block;margin-top:22px;padding-top:20px}.hero-bottom>.note{margin-top:15px;font-size:11px}.carriers{gap:23px;font-size:19px;justify-content:space-between}.carriers span:last-child{font-size:13px}.section{padding:57px 6%}.section-heading{margin-bottom:28px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p:not(.eyebrow){font-size:14px}.section-heading>.note{font-size:12px!important}h2{font-size:28px}h3{font-size:19px}.mobile-only{display:block}.plan{display:block;padding:25px 0}.plan-intro h3{font-size:52px}.plan-price{border-left:0;border-top:1px solid var(--line);margin-top:22px;padding:20px 0 0}.amount strong{font-size:72px}.plan-device{display:block;margin-top:22px;padding-top:18px}.plan-device>strong{font-size:30px;margin:5px 0}.plan-device small{font-size:13px}.price-foot{display:block;margin-top:20px}.price-foot .button{display:flex;width:100%;margin-top:22px}.product-detail{display:block;margin-top:38px;padding-top:25px}.detail-index{display:block;font-size:10px;margin-bottom:16px}.product-detail h3{font-size:19px}.product-detail p{font-size:14px}.product-detail .note{font-size:12px}.data-section{display:block}.data-section .section-heading h2{font-size:36px}.data-tabs{gap:3px}.data-tabs button{font-size:13px;padding:15px 0}.use-panel{min-height:340px;grid-template-columns:1fr;padding:28px 0}.use-visual{display:block}.use-visual svg{max-width:96px}.use-visual>span{display:none}.use-description{margin-top:16px}.use-description h3{font-size:27px;margin:12px 0}.use-tag{margin-top:14px}.data-note{font-size:11px}.feature-grid{display:block}.feature-grid article{padding:24px 0 30px}.feature-top{margin-bottom:14px}.feature-top strong{font-size:59px}.feature-top .no-construction{font-size:39px}.feature-grid article>p:not(.note){font-size:14px}.feature-grid .note{font-size:11px}.scene-grid{display:block}.scene-grid article{margin-bottom:32px}.scene-photo{aspect-ratio:1/1;background-size:300% 100%}.scene-grid .eyebrow{margin:17px 0 9px}.scene-grid h3{font-size:21px}.scene-grid p br{display:none}.scene-note{margin-top:0}.collab{display:block;margin-top:37px;padding-top:34px}.collab .eyebrow{font-size:10px}.collab h2{font-size:31px}.collab>div:last-child{padding-top:22px;font-size:14px}.support{gap:30px}.support h2{font-size:26px}.support-body{display:block}.support-body dl{margin-top:24px}.support-body dl div{font-size:13px}.support>.note{font-size:11px}.flow-grid{display:block}.flow-grid article{padding:24px 0 26px 64px;min-height:190px}.flow-grid .step{position:absolute;left:0;top:27px}.flow-grid svg{position:absolute;left:0;top:60px;width:42px;height:42px;margin:0}.flow-grid h3{font-size:19px;margin:0 0 12px}.flow-grid article:not(:last-child):after{display:none}.flow>.note{font-size:11px}.payment{display:block;padding-top:35px;padding-bottom:38px}.payment>.eyebrow{margin-bottom:18px}.payment p:not(.eyebrow):not(.note){font-size:14px}.closing{padding:58px 6%}.closing h2{font-size:36px}.button.white{min-width:0;width:100%;max-width:360px}footer{padding:40px 6% 24px}.footer-main{display:block}.footer-main .brand{width:140px}.footer-links{margin-top:35px;grid-template-columns:1fr;gap:17px}.footer-links button{font-size:12px}.footer-bottom{margin-top:30px}dialog{padding:38px 25px}.note{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}
/* Original logo is placed separately from the generated device image. */
.product-wordmark{left:19%;top:64%;width:17%;filter:none;mix-blend-mode:multiply;transform:skewY(-2deg);opacity:.78}
.scene-photo{background-size:300% auto}
.hero-product figcaption,.hero-product figcaption span:first-child{font-size:12px}
@media(max-width:700px){.hero-product figcaption{display:block}.hero-product figcaption span{display:block}.hero-copy>.note,.hero-bottom>.note,.data-note,.feature-grid .note,.support>.note,.flow>.note{font-size:12px}}

body.admin-bar .header{top:32px}
.node-entry{max-width:960px;margin:auto;padding:60px 24px;min-height:60vh}
.node-entry h1{font-size:32px;margin-bottom:28px}
.node-entry p{margin:16px 0}
.node-entry a{text-decoration:underline}
.node-entry img{height:auto}
@media(max-width:782px){body.admin-bar .header{top:46px}}
@media(max-width:600px){body.admin-bar .header{top:0}}