/*
Theme Name: nuit.work D案 Wireframe Updated
Theme URI: https://nuit.work/
Author: sbcc
Description: D案ワイヤーフレームに黒斑ヨルさんの追加修正リクエストを反映した確認用WordPressテーマです。
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: nuit-work-d-wireframe-updated
*/
body{margin:0}.nuit-wireframe{--nw-bg:#fff;--nw-surface:#fff;--nw-soft:#f7f7f7;--nw-line:#000;--nw-text:#000;--nw-muted:#666;--nw-radius-sm:6px;--nw-radius-md:10px;--nw-radius-lg:14px;--nw-radius-pill:999px;--nw-space-xs:.5rem;--nw-space-sm:.75rem;--nw-space-md:1rem;--nw-space-lg:1.5rem;--nw-space-xl:2.5rem;--nw-space-2xl:4rem;--nw-container:1120px;--nw-header-height:72px;background:var(--nw-bg);color:var(--nw-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;letter-spacing:.02em;overflow:hidden}.nuit-wireframe *,.nuit-wireframe *::before,.nuit-wireframe *::after{box-sizing:border-box}.nuit-wireframe a{color:inherit;text-decoration:none}.nuit-wireframe button,.nuit-wireframe input,.nuit-wireframe select{font:inherit}.nuit-wireframe h1,.nuit-wireframe h2,.nuit-wireframe h3,.nuit-wireframe p{margin:0}.nuit-wireframe h1{font-size:clamp(3rem,16vw,6rem);line-height:.9;letter-spacing:-.07em}.nuit-wireframe h2{font-size:clamp(2rem,7vw,4rem);line-height:1.08;letter-spacing:-.05em}.nuit-wireframe h3{font-size:1rem;line-height:1.45}.nuit-wireframe p{font-size:.96rem}.nw-container{width:min(100% - 32px,var(--nw-container));margin-inline:auto}.nw-section{padding-block:var(--nw-space-2xl);border-top:1px solid var(--nw-line)}.nw-section--soft{background:var(--nw-soft)}.nw-section-head{display:grid;gap:var(--nw-space-xs);margin-bottom:var(--nw-space-lg)}.nw-eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.nw-eyebrow::before{content:"";display:block;width:22px;height:1px;background:var(--nw-line)}.nw-lead{color:var(--nw-muted);font-size:.95rem}.nw-button-row{display:flex;flex-wrap:wrap;gap:.75rem}.nuit-wireframe .nw-button,.nuit-wireframe a.nw-button,.nuit-wireframe .nw-button:visited,.nuit-wireframe a.nw-button:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1.1rem;border:1px solid var(--nw-line);border-radius:var(--nw-radius-pill);background:var(--nw-surface);color:var(--nw-text)!important;-webkit-text-fill-color:var(--nw-text);font-size:.9rem;font-weight:800;text-align:center}.nuit-wireframe .nw-button--primary,.nuit-wireframe a.nw-button--primary,.nuit-wireframe .nw-button--primary:visited,.nuit-wireframe a.nw-button--primary:visited{background:var(--nw-text)!important;color:var(--nw-surface)!important;-webkit-text-fill-color:var(--nw-surface);border-color:var(--nw-text)}.nuit-wireframe .nw-button--small{min-height:38px;padding:.55rem .9rem;font-size:.82rem}.nuit-wireframe .nw-button:hover,.nuit-wireframe .nw-button:focus-visible,.nw-work-card:hover,.nw-work-card:focus-within,.nw-sns-button:hover,.nw-sns-button:focus-visible{outline:2px solid var(--nw-line);outline-offset:2px}.nw-placeholder{position:relative;display:grid;place-items:center;min-height:220px;border:1px dashed var(--nw-line);border-radius:var(--nw-radius-md);background:linear-gradient(45deg,transparent calc(50% - 1px),var(--nw-line) calc(50% - 1px),var(--nw-line) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),var(--nw-line) calc(50% - 1px),var(--nw-line) calc(50% + 1px),transparent calc(50% + 1px)),var(--nw-surface);color:var(--nw-text);text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.1em;overflow:hidden}.nw-placeholder::after{content:"low-res placeholder";position:absolute;right:.75rem;bottom:.65rem;padding:.1rem .35rem;border:1px solid var(--nw-line);background:var(--nw-surface);font-size:.68rem;letter-spacing:.08em}.nw-tag-row{display:flex;flex-wrap:wrap;gap:.45rem}.nw-tag{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:.28rem .65rem;border:1px solid var(--nw-line);border-radius:var(--nw-radius-pill);background:var(--nw-surface);color:var(--nw-text);font-size:.75rem;font-weight:800;line-height:1}.nw-tag--strong{border-width:2px}.nw-tag--dash{border-style:dashed}.nuit-wireframe a:focus-visible,.nuit-wireframe button:focus-visible,.nuit-wireframe input:focus-visible,.nuit-wireframe select:focus-visible{outline:2px solid var(--nw-line);outline-offset:3px}.nw-header{position:sticky;top:0;z-index:50;min-height:var(--nw-header-height);display:flex;align-items:center;border-bottom:1px solid var(--nw-line);background:var(--nw-surface)}.nw-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--nw-space-md)}.nw-brand{display:grid;gap:.05rem;line-height:1.2}.nw-brand__name{font-size:1.2rem;font-weight:900;letter-spacing:-.04em}.nw-brand__sub{color:var(--nw-muted);font-size:.68rem}.nw-nav{display:none}.nw-header__actions{display:flex;align-items:center;gap:.6rem}.nw-header__actions .nw-button{display:none}.nw-hamburger{width:42px;height:42px;display:grid;place-items:center;gap:4px;border:1px solid var(--nw-line);border-radius:var(--nw-radius-pill);background:var(--nw-surface)}.nw-hamburger span,.nw-hamburger::before,.nw-hamburger::after{content:"";display:block;width:18px;height:2px;background:var(--nw-line)}.nw-hero{padding-block:1.25rem var(--nw-space-2xl)}.nw-hero__grid{display:grid;gap:var(--nw-space-lg)}.nw-hero__visual{min-height:64vh;border-radius:var(--nw-radius-lg)}.nw-hero__copy{display:grid;gap:var(--nw-space-md)}.nw-kicker{display:inline-flex;width:fit-content;padding:.35rem .7rem;border:1px solid var(--nw-line);border-radius:var(--nw-radius-pill);background:var(--nw-surface);font-size:.72rem;font-weight:800}.nw-hero__summary{display:grid;gap:.75rem;margin-top:var(--nw-space-sm)}.nw-summary-card{padding:var(--nw-space-md);border:1px solid var(--nw-line);border-radius:var(--nw-radius-md);background:var(--nw-surface)}.nw-summary-card strong{display:block;margin-bottom:.25rem;font-size:.9rem}.nw-summary-card p,.nw-news-item p,.nw-search-panel p,.nw-mini-card p,.nw-service-card p,.nw-request-note,.nw-external-links-head p,.nw-book-card p{color:var(--nw-muted);font-size:.88rem}.nw-news-list{display:grid;gap:.75rem}.nw-news-item{display:grid;gap:.45rem;padding:var(--nw-space-md);border:1px solid var(--nw-line);border-radius:var(--nw-radius-md);background:var(--nw-surface)}.nw-news-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:var(--nw-muted);font-size:.78rem}.nw-section-link{display:inline-flex;width:fit-content;margin-top:var(--nw-space-md);font-weight:800;text-decoration:underline}.nw-works-toolbar{display:grid;gap:var(--nw-space-md);margin-bottom:var(--nw-space-lg)}.nw-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin}.nw-tab{flex:0 0 auto;padding:.55rem .9rem;border:1px solid var(--nw-line);border-radius:var(--nw-radius-pill);background:var(--nw-surface);font-size:.82rem;font-weight:800;white-space:nowrap}.nw-tab--active{border-width:2px;text-decoration:underline}.nw-search-panel{display:grid;gap:var(--nw-space-md);padding:var(--nw-space-md);border:1px solid var(--nw-line);border-radius:var(--nw-radius-lg);background:var(--nw-surface)}.nw-search-panel__title{display:flex;justify-content:space-between;align-items:center;gap:var(--nw-space-md)}.nw-search-grid{display:grid;gap:.75rem}.nw-field{display:grid;gap:.28rem}.nw-field label{color:var(--nw-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nw-field input,.nw-field select{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid var(--nw-line);border-radius:var(--nw-radius-sm);background:var(--nw-surface);color:var(--nw-text)}.nw-work-grid{display:grid;gap:var(--nw-space-md)}.nw-work-card{display:grid;gap:var(--nw-space-sm);padding:var(--nw-space-sm);border:1px solid var(--nw-line);border-radius:var(--nw-radius-lg);background:var(--nw-surface)}.nw-work-card__thumb{min-height:300px;border-radius:var(--nw-radius-md)}.nw-work-card__body{display:grid;gap:.55rem;padding:.3rem .25rem .55rem}.nw-external-note{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:800;text-decoration:underline}.nw-external-note::after{content:"↗";font-size:.9rem}.nw-section-button-row{margin-top:1.5rem}.nw-profile-layout{display:grid;gap:var(--nw-space-lg);align-items:stretch}.nw-profile-intro,.nw-profile-detail{display:grid;gap:var(--nw-space-md);height:100%}.nw-profile-head{margin-bottom:0}.nw-profile-visual-box{display:grid;gap:var(--nw-space-sm);padding:var(--nw-space-md);border:1px solid var(--nw-line);border-radius:var(--nw-radius-lg);background:var(--nw-surface)}.nw-profile-visual{min-height:240px;border-radius:var(--nw-radius-md)}.nw-profile-box{display:grid;gap:var(--nw-space-md);height:100%;padding:var(--nw-space-lg);border:1px solid var(--nw-line);border-radius:var(--nw-radius-lg);background:var(--nw-surface)}.nw-mini-card-grid{display:grid;gap:.75rem}.nw-mini-card{padding:var(--nw-space-md);border:1px solid var(--nw-line);border-radius:var(--nw-radius-md);background:var(--nw-surface)}.nw-tool-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--nw-space-sm)}.nw-external-links-wrap{margin-top:var(--nw-space-lg);padding-top:var(--nw-space-lg);border-top:1px solid var(--nw-line)}.nw-external-links-head{display:grid;gap:var(--nw-space-xs);margin-bottom:var(--nw-space-md)}.nw-sns-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.nw-sns-button{display:flex;align-items:center;justify-content:center;min-height:72px;border:1px solid var(--nw-line);border-radius:var(--nw-radius-lg);background:var(--nw-surface);font-weight:900;text-align:center}.nw-request-contact-grid{display:grid;gap:var(--nw-space-lg)}.nw-request-box,.nw-contact-box{display:grid;gap:var(--nw-space-md);padding:var(--nw-space-lg);border:1px solid var(--nw-line);border-radius:var(--nw-radius-lg);background:var(--nw-surface)}.nw-service-grid{display:grid;gap:.75rem}.nw-service-card{padding:var(--nw-space-md);border:1px solid var(--nw-line);border-radius:var(--nw-radius-md);background:var(--nw-surface)}.nw-service-card--wide{display:grid;gap:.45rem}.nw-flow-list{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.nw-flow-list li{padding:var(--nw-space-md);border:1px solid var(--nw-line);border-radius:var(--nw-radius-md);background:var(--nw-surface);font-weight:800}.nw-book-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,82%);gap:var(--nw-space-md);overflow-x:auto;padding-bottom:var(--nw-space-md);scroll-snap-type:x mandatory}.nw-book-card{scroll-snap-align:start;display:grid;gap:var(--nw-space-sm);padding:var(--nw-space-sm);border:1px solid var(--nw-line);border-radius:var(--nw-radius-lg);background:var(--nw-surface)}.nw-book-card .nw-placeholder{min-height:330px}.nw-book-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.nw-book-actions .nw-button{min-height:38px;padding:.5rem .35rem;font-size:.76rem}.nw-shop-box{display:block}.nw-shop-grid{display:grid;gap:var(--nw-space-md);padding:var(--nw-space-lg);border:1px solid var(--nw-line);border-radius:var(--nw-radius-lg);background:var(--nw-surface)}.nw-shop-head{margin-bottom:0}.nw-shop-box .nw-placeholder{min-height:220px}.nw-coming-soon{display:inline-flex;width:fit-content;padding:.35rem .75rem;border:2px solid var(--nw-line);border-radius:var(--nw-radius-pill);font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}@media (min-width:768px){.nw-container{width:min(100% - 56px,var(--nw-container))}.nw-hero__summary,.nw-search-grid,.nw-work-grid,.nw-mini-card-grid{grid-template-columns:repeat(2,1fr)}.nw-service-grid{grid-template-columns:1fr 1fr}.nw-service-card--wide{grid-column:1 / -1}.nw-news-list{grid-template-columns:repeat(3,1fr)}.nw-sns-grid{grid-template-columns:repeat(4,1fr)}.nw-book-scroll{grid-auto-columns:minmax(280px,40%)}}@media (min-width:1024px){.nuit-wireframe{--nw-header-height:82px}.nw-section{padding-block:5rem}.nw-nav{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--nw-muted);font-size:.82rem;font-weight:800}.nw-nav a:hover,.nw-nav a:focus-visible{color:var(--nw-text);text-decoration:underline;outline:none}.nw-header__actions .nw-button{display:inline-flex}.nw-hamburger{display:none}.nw-hero{padding-block:var(--nw-space-xl) 5rem}.nw-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:3rem}.nw-hero__visual{min-height:640px}.nw-search-grid{grid-template-columns:1.4fr repeat(4,1fr)}.nw-work-grid{grid-template-columns:repeat(3,1fr)}.nw-work-card__thumb{min-height:360px}.nw-profile-layout{grid-template-columns:.95fr 1.05fr}.nw-profile-intro,.nw-profile-detail,.nw-profile-visual-box,.nw-profile-box{min-height:520px}.nw-request-contact-grid{grid-template-columns:1.2fr .8fr;align-items:stretch}.nw-request-box,.nw-contact-box{padding:var(--nw-space-xl)}.nw-book-scroll{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:initial;overflow:visible}.nw-shop-grid{grid-template-columns:1fr 1.2fr;align-items:center;padding:var(--nw-space-xl)}}