/* かくれんぼ建築設計室 LP 用スタイル（.kk-lp の中だけに効きます） */
html body .kk-lp{--kk-ink:#111;--kk-body:#333;--kk-sub:#5e5e5e;--kk-line:#d9d9d9;--kk-bg:#f4f4f4;background:var(--kk-bg);color:var(--kk-ink);font-family:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:17px;line-height:1.95;margin-block-start:0!important;-webkit-text-size-adjust:100%}
html body .kk-lp>*{margin-block-start:0!important;margin-block-end:0!important}
html body .kk-lp h1,html body .kk-lp h2,html body .kk-lp h3{font-family:inherit;color:var(--kk-ink);letter-spacing:.04em}
html body .kk-lp h1{font-size:clamp(34px,4.2vw,60px);font-weight:900;line-height:1.4;margin:0}
html body .kk-lp h2{font-size:clamp(26px,3.2vw,42px);font-weight:900;line-height:1.5;margin-block-start:8px}
html body .kk-lp h3{font-size:20px;font-weight:700;line-height:1.6}
html body .kk-lp p,html body .kk-lp li{color:var(--kk-body)}
html body .kk-lp a{color:var(--kk-ink);text-underline-offset:3px}
html body .kk-lp a:hover{color:#555}
html body .kk-sec{padding-top:120px!important;padding-bottom:120px!important}
html body .kk-white{background:#fff;border-top:1px solid var(--kk-line);border-bottom:1px solid var(--kk-line)}
html body .kk-label{font-family:'Jost',sans-serif;font-size:13px!important;letter-spacing:.28em;font-weight:600;color:var(--kk-ink)!important;margin-bottom:0}
html body .kk-num{font-family:'Jost',sans-serif;font-size:15px;letter-spacing:.2em;font-weight:600;color:var(--kk-ink)!important;margin:16px 0 0}
html body .kk-sub{font-size:14px;font-weight:700;color:var(--kk-sub)!important}
html body .kk-lead{font-size:18px;max-width:560px}
html body .kk-meta{font-size:14px;color:var(--kk-sub)!important;border-top:1px solid var(--kk-line);padding-top:16px}
html body .kk-lp .wp-block-button__link{background:#111;color:#fff;border:1.5px solid #111;border-radius:2px;font-weight:700;padding:14px 30px;font-size:16px}
html body .kk-lp .is-style-outline .wp-block-button__link{background:transparent;color:#111}
html body .kk-lp .wp-block-button__link:hover{opacity:.8}
html body .kk-hero{align-items:center!important;gap:48px 64px}
html body .kk-hero-img img{width:100%;height:620px;object-fit:cover;display:block}
html body .kk-4x3 img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
html body .kk-concept{gap:40px 48px;margin-top:40px}
html body .kk-concept>.wp-block-column{border-top:3px solid #111;padding-top:24px}
html body .kk-concept p{font-size:16px}
html body .kk-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
html body .kk-chips li{padding:10px 20px;background:#fff;border:1px solid var(--kk-line);font-weight:700;color:var(--kk-ink);margin:0}
html body .kk-band{margin:0!important}
html body .kk-band img{width:100%;height:640px;object-fit:cover;display:block}
html body .kk-gallery{gap:16px;margin-top:16px}
html body .kk-w-large img{width:100%;height:540px;object-fit:cover;display:block}
html body .kk-w-small img{width:100%;height:242px;object-fit:cover;display:block}
html body .kk-lp figcaption{font-size:13px;color:var(--kk-sub);text-align:left;margin-top:8px}
html body .kk-lists{gap:40px 56px;margin-top:48px}
html body .kk-list-title{font-size:18px!important;border-bottom:2px solid #111;padding-bottom:12px;margin-bottom:0}
html body .kk-worklist{list-style:none;padding:0;margin:0}
html body .kk-worklist li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--kk-line);padding:10px 0;margin:0}
html body .kk-worklist a{text-decoration:none;font-weight:500}
html body .kk-note{font-size:12px;color:var(--kk-sub);margin-left:8px}
html body .kk-year{font-family:'Jost',sans-serif;font-weight:600;color:var(--kk-ink)}
html body .kk-steps{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 48px;margin-top:40px!important}
html body .kk-steps>*{max-width:none!important;margin:0!important}
html body .kk-step{border-top:1px solid var(--kk-line);padding:22px 0}
html body .kk-step h3{font-size:18px;margin:0 0 6px}
html body .kk-step p{font-size:16px;margin:0}
html body .kk-stepno{font-family:'Jost',sans-serif;font-size:24px;font-weight:600;margin-right:14px}
html body .kk-dur{font-size:13px;color:var(--kk-sub);font-weight:500;margin-left:10px}
html body .kk-en{font-family:'Jost',sans-serif;font-size:16px;font-weight:500;letter-spacing:.16em;margin-left:16px;color:var(--kk-sub)}
html body .kk-rows>p{border-top:1px solid var(--kk-line);padding:14px 0;margin:0!important;font-size:16px}
html body .kk-rows>p:last-child{border-bottom:1px solid var(--kk-line)}
html body .kk-rows strong{display:inline-block;min-width:88px;margin-right:16px;color:var(--kk-ink)}
html body .kk-info>p:first-child{border-top:2px solid #111}
html body .kk-access{background:var(--kk-bg);padding:20px 24px;font-size:15px}
html body .kk-ph{background:#e6e6e6;border:1.5px dashed #8a8a8a;min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--kk-sub)!important;font-size:14px;padding:24px}
html body .kk-ph-s{min-height:0;aspect-ratio:4/3;font-size:13px}
html body .kk-dark{background:#111;color:#f4f4f4}
html body .kk-dark h2,html body .kk-dark p,html body .kk-dark li,html body .kk-dark strong{color:#f4f4f4!important}
html body .kk-dark .kk-label{color:#cfcfcf!important}
html body .kk-dark a{color:#e0e0e0}
html body .kk-box{border:1px solid #3a3a3a;padding:22px 24px!important;font-size:15px}
html body .kk-tel a,html body .kk-mail a{display:block;text-decoration:none;padding:24px 28px;border-radius:2px;font-family:'Jost',sans-serif;font-weight:600;line-height:1.3}
html body .kk-tel a{background:#f4f4f4;color:#111!important;font-size:clamp(28px,4vw,40px);letter-spacing:.04em}
html body .kk-mail a{border:1px solid #f4f4f4;color:#fff!important;font-size:clamp(17px,2.2vw,21px);overflow-wrap:anywhere}
html body .kk-tel span,html body .kk-mail span{display:block;font-family:'Zen Kaku Gothic New',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;opacity:.75}
/* シミュレーション */
html body .kk-sim{display:flex;flex-wrap:wrap;gap:32px 48px;margin-top:40px}
html body .kk-sim-in,html body .kk-sim-out{flex:1 1 360px;min-width:0;padding:36px 32px;box-sizing:border-box;display:flex;flex-direction:column}
html body .kk-sim-in{background:#fff;border:1px solid var(--kk-line);gap:14px}
html body .kk-sim-out{background:#111;color:#f4f4f4;gap:16px}
html body .kk-sim-title{font-size:18px;font-weight:700}
html body .kk-sim label,html body .kk-sim-sub{font-size:14px;font-weight:700;color:var(--kk-sub)}
html body .kk-sim-total{font-family:'Jost',sans-serif;font-size:48px;font-weight:600;line-height:1.1}
html body .kk-sim-total small,html body .kk-sim-big small{font-family:'Zen Kaku Gothic New',sans-serif;font-size:16px;font-weight:700;margin-left:6px}
html body .kk-sim input[type=range]{width:100%;height:44px;accent-color:#111}
html body .kk-sim-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--kk-sub)}
html body .kk-sim-units{display:flex;gap:10px}
html body .kk-sim-units button{flex:1 1 0;min-height:48px;font:inherit;font-size:16px;font-weight:700;border:1.5px solid #111;border-radius:2px;background:#fff;color:#111;cursor:pointer}
html body .kk-sim-units button[aria-pressed=true]{background:#111;color:#fff}
html body .kk-sim-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;border-bottom:1px solid #3a3a3a;font-size:14px}
html body .kk-sim-row b{font-family:'Jost',sans-serif;font-size:22px;font-weight:500}
html body .kk-sim-row i,html body .kk-sim-out em{font-style:normal;color:#a8a8a8;font-size:12px;margin-left:6px}
html body .kk-sim-big{font-family:'Jost',sans-serif;font-size:72px;font-weight:600;line-height:1.1}
html body .kk-sim-note{font-size:12px;color:#a8a8a8;line-height:1.8;margin:0}
/* スマートフォン */
@media (max-width:781px){
html body .kk-lp{font-size:16px;line-height:1.9}
html body .kk-lp p,html body .kk-lp li{font-size:16px!important}
html body .kk-sec{padding-top:72px!important;padding-bottom:72px!important}
html body .kk-lp h1{font-size:34px;line-height:1.45}
html body .kk-lp h2{font-size:25px;line-height:1.55}
html body .kk-lp h3{font-size:18px}
html body .kk-label,html body .kk-num{font-size:12px!important;letter-spacing:.2em}
html body .kk-lp .wp-block-buttons{flex-direction:column;align-items:stretch}
html body .kk-lp .wp-block-button,html body .kk-lp .wp-block-button__link{width:100%;text-align:center}
html body .kk-hero-img img{height:auto;aspect-ratio:4/3}
html body .kk-w-large img,html body .kk-w-small img{height:auto;aspect-ratio:3/2}
html body .kk-band img{height:300px}
html body .kk-concept>.wp-block-column{padding-top:20px}
html body .kk-steps{grid-template-columns:1fr}
html body .kk-stepno{font-size:20px;margin-right:10px}
html body .kk-rows strong{display:block;min-width:0;margin:0 0 2px;font-size:14px;color:var(--kk-sub)}
html body .kk-ph{min-height:0;aspect-ratio:4/3}
html body .kk-meta{font-size:14px!important}
html body .kk-sim-in,html body .kk-sim-out{padding:28px 20px}
html body .kk-sim-total{font-size:40px}
html body .kk-sim-big{font-size:56px}
html body .kk-sim-row{flex-wrap:wrap;gap:4px 12px}
html body .kk-sim-row i,html body .kk-sim-out em{display:block;margin:2px 0 0}
html body .kk-tel a{font-size:30px}
html body .kk-worklist li{font-size:15px!important}
html body .kk-note{display:block;margin:0}
}


/* ===== テーマ互換（Twenty Twenty など旧テーマで幅が制限されるのを解除） ===== */
html body .kk-lp{width:100vw!important;max-width:100vw!important;margin:0 calc(50% - 50vw)!important;padding:0!important;box-sizing:border-box}
html body .kk-lp [class*="__inner-container"]>*{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}
html body .kk-lp .wp-block-group__inner-container{margin:0!important;max-width:none!important;width:auto!important;padding:0!important}
html body .kk-lp .kk-sec>.wp-block-group__inner-container>*,html body .kk-lp .kk-sec>:not(.wp-block-group__inner-container){max-width:1280px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important}
html body .kk-lp .kk-sec{padding-left:clamp(20px,4vw,56px)!important;padding-right:clamp(20px,4vw,56px)!important}
html body .kk-lp .kk-steps>.wp-block-group__inner-container{display:contents}
html body .kk-lp .kk-band{max-width:none!important;width:100%!important}
html body :where(.kk-lp) :where(p,li){line-height:1.9;letter-spacing:.02em;font-family:inherit}
html body :where(.kk-lp) :where(p){margin:0 0 1em}
html body :where(.kk-lp) :where(h1,h2,h3){margin-top:0;margin-bottom:.6em}
html body :where(.kk-lp) :where(ul){margin:0 0 1em;padding-left:1.4em}
html body .kk-lp .kk-chips,html body .kk-lp .kk-worklist{margin:0!important;padding:0!important}
html body .kk-lp .wp-block-button__link{text-transform:none!important;letter-spacing:.04em!important;text-decoration:none!important}
html body .kk-lp .is-style-outline .wp-block-button__link{background:transparent!important;color:#111!important;border:1.5px solid #111!important}
html body .kk-lp .wp-block-columns{margin-bottom:0}
html body .kk-lp figure{margin:0}
html body .kk-lp img{max-width:100%}
/* LPのページではテーマのページタイトルを隠す */
html body:has(.kk-lp) .entry-header,html body:has(.kk-lp) .featured-media{display:none!important}
html body:has(.kk-lp) .post-inner{padding-top:0!important}
html body:has(.kk-lp) .entry-content>.kk-lp:first-child{margin-top:0!important}
html body:has(.kk-lp) main#site-content>article{padding-bottom:0}
/* 見出し・キャプションのテーマ装飾（背景・線・アイコン）を解除 */
html body .kk-lp h1,html body .kk-lp h2,html body .kk-lp h3{background:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
html body .kk-lp h1::before,html body .kk-lp h1::after,html body .kk-lp h2::before,html body .kk-lp h2::after,html body .kk-lp h3::before,html body .kk-lp h3::after{content:none!important;display:none!important}
html body .kk-lp .kk-list-title{border-bottom:2px solid #111!important;padding:0 0 12px!important}
html body .kk-lp .kk-step h3{margin:0 0 6px!important}
html body .kk-lp figcaption{padding:0!important;background:none!important}
html body .kk-lp li::before,html body .kk-lp li::after{content:none}
/* LPのページではテーマ側の枠・タイトル・SNSボタンを外して画面いっぱいに表示（Cocoon等） */
html:has(.kk-lp),html body:has(.kk-lp){overflow-x:clip}
html body:has(.kk-lp) .article-header,html body:has(.kk-lp) .article-footer{display:none!important}
html body:has(.kk-lp) #content{margin-top:0!important}
html body:has(.kk-lp) #main,html body:has(.kk-lp) main.main{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin-bottom:0!important}
html body:has(.kk-lp) .entry-content{margin:0!important}
/* LPのページではテーマのヘッダー（サイト名・メニュー）とフッターのサイト名を隠す（Cocoon等） */
html body:has(.kk-lp) #header-container,html body:has(.kk-lp) .mobile-header-menu-buttons,html body:has(.kk-lp) .mobile-footer-menu-buttons,html body:has(.kk-lp) .notice-area,html body:has(.kk-lp) .appeal{display:none!important}
html body:has(.kk-lp) .footer-bottom-logo,html body:has(.kk-lp) #navi-footer{display:none!important}
html body:has(.kk-lp) #footer{background:#000!important;margin:0!important;padding:0!important;border:0!important}
html body:has(.kk-lp) #footer .footer-bottom{display:block!important;margin:0!important;padding:28px 20px!important;text-align:center}
html body:has(.kk-lp) #footer .copyright{color:#a8a8a8!important;font-size:12px!important;letter-spacing:.06em;margin:0!important}
html body:has(.kk-lp){padding-top:0!important;padding-bottom:0!important}
html body:has(.kk-lp) #main>article,html body:has(.kk-lp) .article{margin-bottom:0!important;padding-bottom:0!important}
html body:has(.kk-lp) #footer .footer-bottom-content{float:none!important;width:auto!important;text-align:center!important;margin:0!important}
html body .kk-lp .kk-sim-note{color:#b5b5b5!important}