:root{--color-ink:#26312b;--color-muted:#66736b;--color-brand:#315c45;--color-brand-dark:#234533;--color-accent:#dbe8dc;--color-surface:#fff;--color-surface-soft:#f5f3ed;--color-line:#dce2dd;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--container:1200px;--shadow:0 14px 36px rgba(38,49,43,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-ink);background:var(--color-surface);font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 14px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #b66b11;outline-offset:3px}.notice{padding:7px 20px;color:#fff;background:var(--color-brand-dark);text-align:center;font-size:12px;letter-spacing:.04em}.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--color-line)}.header-main{min-height:84px;display:grid;grid-template-columns:245px 1fr auto;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:48px;aspect-ratio:1;display:grid;place-items:center;border:1.5px dashed var(--color-brand);border-radius:50%;color:var(--color-brand);font-size:10px;font-weight:700;text-align:center;line-height:1.2}.brand b{display:block;font-size:19px;letter-spacing:.05em}.brand small{display:block;color:var(--color-muted);font-size:9px;letter-spacing:.16em}.search{display:grid;grid-template-columns:1fr auto;border:1px solid #aeb8b1;border-radius:999px;overflow:hidden}.search input{min-width:0;border:0;padding:11px 18px}.search button{border:0;padding:0 22px;color:#fff;background:var(--color-brand);cursor:pointer}.utilities{display:flex;align-items:center;gap:15px;font-size:13px}.utility-cart{min-height:44px;padding:8px 14px;border:1px solid var(--color-line);border-radius:999px;background:#fff;cursor:pointer}.menu-button{display:none;min-height:44px;padding:0 14px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff}.global-nav{border-top:1px solid var(--color-line)}.global-nav .container{min-height:48px;display:flex;align-items:center;justify-content:center;gap:clamp(15px,3vw,38px);font-size:13px;font-weight:700}.global-nav a[aria-current=page]{color:var(--color-brand);text-decoration:underline;text-underline-offset:6px}.breadcrumb{padding:16px 0;color:var(--color-muted);font-size:12px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumb li+li:before{content:"/";margin-right:8px;color:#99a39d}.hero{background:linear-gradient(118deg,var(--color-surface-soft) 0 66%,#e6eee7 66%)}.hero-grid{min-height:550px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(35px,7vw,90px);padding-block:54px}.eyebrow{margin:0 0 8px;color:var(--color-brand);font-size:11px;font-weight:800;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(34px,4.3vw,62px);line-height:1.32;letter-spacing:.02em}.page-title{font-size:clamp(34px,5vw,56px)}h2{font-size:clamp(26px,3vw,39px);line-height:1.4}.hero-copy>p:not(.eyebrow){max-width:590px;color:var(--color-muted);font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--color-brand);border-radius:999px;font-weight:700;cursor:pointer}.button.primary{color:#fff;background:var(--color-brand)}.button.secondary{color:var(--color-brand);background:#fff}.button.disabled{border-color:var(--color-line);color:var(--color-muted);background:#eee;cursor:not-allowed}.placeholder{background-color:#e7e9e5;background-image:linear-gradient(135deg,transparent 49.5%,rgba(49,92,69,.14) 50%,transparent 50.5%)}.hero-visual{min-height:405px;display:grid;place-content:center;gap:5px;border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center}.hero-visual span,.muted{color:var(--color-muted)}.section{padding-block:82px}.section-soft{background:var(--color-surface-soft)}.section-dark{color:#fff;background:var(--color-brand-dark)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.text-link{color:var(--color-brand);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}.category-card--hero{grid-column:span 2;grid-row:span 2}.category-image{min-height:168px;display:grid;place-items:center;color:var(--color-muted);font-size:12px;background:#e4ebe6}.category-card--hero .category-image{min-height:360px}.category-body{display:flex;flex-direction:column;padding:18px}.category-body strong{font-size:18px}.category-card--hero .category-body strong{font-size:25px}.category-body span{color:var(--color-muted);font-size:13px}.badge{width:max-content;margin-bottom:7px;padding:2px 9px;border-radius:99px;color:#fff!important;background:var(--color-brand);font-size:11px!important}.purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);overflow:hidden}.purpose-grid a{min-height:175px;display:flex;flex-direction:column;padding:25px;border-right:1px solid rgba(255,255,255,.25)}.purpose-grid a:last-child{border:0}.purpose-grid small{color:#c8d3cc}.purpose-grid strong{margin-top:auto;font-size:18px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-width:0}.product-image{width:100%;aspect-ratio:1;display:grid;place-items:center;margin-bottom:14px;border-radius:var(--radius-sm);color:var(--color-muted);font-size:12px}.product-card small{color:var(--color-brand)}.product-card h3{margin:4px 0 7px;font-size:16px;line-height:1.5}.price{font-weight:700}.demo-note,.status-note{padding:12px 15px;border-left:4px solid var(--color-brand);color:var(--color-muted);background:var(--color-surface-soft);font-size:12px}.feature-grid,.external-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:245px;display:flex;flex-direction:column;justify-content:end;align-items:start;padding:30px;border-radius:var(--radius-md)}.feature-card strong{font-size:23px}.external-grid a{min-height:125px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--color-line);border-radius:var(--radius-md)}.external-grid span{margin-top:auto;color:var(--color-muted);font-size:12px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-image{aspect-ratio:16/10;display:grid;place-items:center;margin-bottom:14px;border-radius:var(--radius-sm);color:var(--color-muted);font-size:12px}.journal-grid h3{margin:5px 0;font-size:17px}.journal-grid time{color:var(--color-muted);font-size:12px}.about{display:flex;align-items:center;gap:clamp(28px,7vw,70px);max-width:900px}.about .brand-mark{width:100px;flex:0 0 auto}.page-hero{padding:54px 0 60px;background:var(--color-surface-soft)}.page-hero p{max-width:760px;color:var(--color-muted)}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.filter-panel{margin-bottom:30px;border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.filter-toggle{width:100%;min-height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border:0;background:var(--color-surface-soft);font-weight:700;cursor:pointer}.filter-content{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px}.filter-content[hidden]{display:none}.filter-content label{display:flex;align-items:center;gap:8px}.subcat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:42px}.subcat-grid a{min-height:80px;display:grid;place-content:center;padding:10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);text-align:center;font-weight:700}.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,7vw,80px);align-items:start}.product-gallery{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-muted)}.product-summary h1{font-size:clamp(28px,4vw,45px)}.meta-list{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--color-line)}.meta-list dt,.meta-list dd{margin:0;padding:11px;border-bottom:1px solid var(--color-line)}.meta-list dt{font-weight:700}.product-form{display:grid;gap:16px;margin-top:24px}.product-form label{display:grid;gap:6px;font-weight:700}.product-form select,.product-form input{min-height:48px;padding:8px 12px;border:1px solid #aeb8b1;border-radius:var(--radius-sm)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:22px;border-bottom:1px solid var(--color-line)}.tabs a{min-height:48px;display:grid;place-items:center;font-weight:700}.spec-table{width:100%;border-collapse:collapse}.spec-table th,.spec-table td{padding:13px;border:1px solid var(--color-line);text-align:left}.spec-table th{width:30%;background:var(--color-surface-soft)}.guide-layout{display:grid;grid-template-columns:250px 1fr;gap:60px}.anchor-nav{position:sticky;top:20px;align-self:start;padding:18px;border:1px solid var(--color-line);border-radius:var(--radius-md)}.anchor-nav a{display:block;padding:9px 0;border-bottom:1px solid var(--color-line)}.guide-section{scroll-margin-top:20px;padding-bottom:42px;margin-bottom:42px;border-bottom:1px solid var(--color-line)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.pagination span,.pagination a{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--color-line);border-radius:50%}.pagination [aria-current=page]{color:#fff;background:var(--color-brand)}.site-footer{color:#dce5df;background:#1f2c25}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px;padding-block:65px}.footer-grid h2{color:#fff;font-size:14px}.footer-grid a{display:block;margin:8px 0;color:#c5d0c9;font-size:12px}.footer-brand p{margin-top:18px;color:#aebbb3;font-size:13px}.footer-brand .brand b{color:#fff}.footer-brand .brand-mark{border-color:#b9c9bf;color:#b9c9bf}.footer-bottom{display:flex;justify-content:space-between;padding-block:17px;border-top:1px solid rgba(255,255,255,.14);color:#a5b1aa;font-size:11px}
@media(max-width:980px){.header-main{grid-template-columns:1fr auto auto;gap:14px;min-height:72px}.search{grid-column:1/-1;grid-row:2;margin-bottom:14px}.utilities,.global-nav{display:none}.menu-button{display:block}.global-nav.is-open{display:block}.global-nav .container{align-items:stretch;flex-direction:column;gap:0;padding-block:8px}.global-nav a{padding:10px 0;border-bottom:1px solid var(--color-line)}.hero-grid{min-height:auto;grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card--hero{grid-row:auto}.purpose-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.external-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}.filter-content{grid-template-columns:repeat(2,1fr)}.subcat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--container))}.notice span{display:none}.brand b{font-size:16px}.brand small{font-size:7px}.brand-mark{width:40px}.header-main{grid-template-columns:1fr auto}.utility-cart{display:none}h1{font-size:34px}.hero{background:var(--color-surface-soft)}.hero-grid{gap:32px;padding-block:44px}.hero-visual{min-height:230px}.hero-copy>p:not(.eyebrow){font-size:15px}.actions{flex-direction:column}.section{padding-block:60px}.section-heading{align-items:start;flex-direction:column;gap:10px}.category-grid{gap:12px}.category-card--hero{grid-column:1/-1}.category-card--hero .category-image{min-height:230px}.category-image{min-height:125px}.category-body{padding:13px}.category-body strong,.category-card--hero .category-body strong{font-size:15px}.category-body span{font-size:11px}.purpose-grid{grid-template-columns:1fr}.purpose-grid a{min-height:125px;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.feature-grid,.journal-grid,.external-grid{grid-template-columns:1fr}.about{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:36px 22px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:4px}.toolbar{align-items:stretch;flex-direction:column}.filter-content{grid-template-columns:1fr}.product-detail{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr;gap:35px}.anchor-nav{position:static}.tabs{grid-template-columns:1fr}.spec-table th{width:38%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
.header-main{grid-template-columns:max-content minmax(240px,480px) auto;justify-content:space-between;gap:24px}.brand,.brand b{white-space:nowrap}.search{width:100%;max-width:480px}
@media(max-width:980px){.header-main{grid-template-columns:1fr auto auto;justify-content:normal;gap:14px}.search{max-width:none}}
@media(max-width:640px){.header-main{grid-template-columns:1fr auto}}
.brand-mark{font-size:0}.brand-mark::before{content:"花昭";font-size:10px}.demo-note,.product-summary>.status-note,.footer-bottom span+span{display:none}.category-image,.product-image,.article-image,.product-gallery{font-size:0}
.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.strength-grid article{min-height:220px;padding:26px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.strength-grid article>span{color:var(--color-brand);font-size:12px;font-weight:800;letter-spacing:.12em}.strength-grid h3{margin:42px 0 10px;font-size:19px}.strength-grid p{margin-bottom:0;color:var(--color-muted);font-size:13px}
@media(max-width:980px){.strength-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.strength-grid{grid-template-columns:1fr}.strength-grid article{min-height:0}.strength-grid h3{margin-top:24px}}
.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0 34px}.payment-grid article{padding:22px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.payment-grid h3{margin-bottom:8px;font-size:17px}.payment-grid p{margin-bottom:0;color:var(--color-muted);font-size:13px}
@media(max-width:640px){.payment-grid{grid-template-columns:1fr}}
.policy{max-width:900px}.policy>section{padding-top:18px;margin-top:42px;border-top:1px solid var(--color-line)}.policy h2{font-size:clamp(23px,3vw,31px)}.policy li+li{margin-top:8px}
.shipping-table-wrap{margin:22px 0 40px;overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-md)}.shipping-table{width:100%;min-width:1150px;border-collapse:collapse;background:#fff}.shipping-table caption{padding:18px;text-align:left;font-size:18px;font-weight:700}.shipping-table th,.shipping-table td{padding:14px 12px;border-top:1px solid var(--color-line);border-right:1px solid var(--color-line);text-align:center;white-space:nowrap}.shipping-table thead th{color:#fff;background:var(--color-brand)}.shipping-table tbody th{position:sticky;left:0;z-index:1;background:var(--color-surface-soft);text-align:left}.table-scroll-note{color:var(--color-muted);font-size:13px}.shipping-notes{max-width:800px;margin-top:42px}.shipping-notes h2{font-size:26px}.shipping-notes li+li{margin-top:8px}
.gallery-main{aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:#111}.gallery-main img{width:100%;height:100%;display:block;object-fit:contain}.gallery-thumbs{display:flex;gap:10px;margin-top:12px}.gallery-thumbs button{width:84px;height:84px;padding:3px;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-sm);background:#fff;cursor:pointer}.gallery-thumbs button.is-active{border-color:var(--color-brand)}.gallery-thumbs img{width:100%;height:100%;display:block;object-fit:cover;border-radius:5px}.sales-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:26px 0}.sales-price span{width:100%;color:var(--color-muted);font-size:13px}.sales-price strong{font-size:34px;line-height:1;color:var(--color-brand-dark)}.sales-price small{font-size:13px}.purchase-row{display:grid;grid-template-columns:auto 82px 1fr;align-items:end;gap:10px;padding:22px 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.purchase-row label{grid-column:1/3;font-weight:700}.purchase-row input{grid-column:1/3;min-height:50px;width:82px;padding:8px 12px;border:1px solid #aeb8b1;border-radius:var(--radius-sm)}.purchase-row .button{grid-column:3;grid-row:2}.bulk-note{margin-top:24px;padding:18px;border-radius:var(--radius-sm);background:var(--color-surface-soft);font-size:13px}.product-description{max-width:860px}.product-description p{font-size:16px}.related-grid{grid-template-columns:repeat(3,1fr)}.related-grid .product-image{object-fit:cover}
@media(max-width:640px){.gallery-thumbs button{width:70px;height:70px}.purchase-row{grid-template-columns:82px 1fr}.purchase-row label{grid-column:1/-1}.purchase-row input{grid-column:1}.purchase-row .button{grid-column:2}.related-grid{grid-template-columns:repeat(2,1fr)}}
.product-summary h1{font-size:clamp(25px,3.2vw,38px);line-height:1.42}.sales-price strong{font-size:28px}.product-card img.product-image{height:auto;aspect-ratio:auto;object-fit:contain;background:var(--color-surface-soft)}
.filter-group{padding:0;margin:0;border:0}.filter-group legend{margin-bottom:8px;font-weight:700}.filter-group label{font-size:13px}
.category-accordion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:42px}.category-accordion-item{align-self:start;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;overflow:hidden;scroll-margin-top:20px}.category-accordion-item summary{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;font-weight:700;cursor:pointer;list-style:none}.category-accordion-item summary::-webkit-details-marker{display:none}.category-accordion-item summary::after{content:"＋";flex:0 0 auto;color:var(--color-brand);font-size:24px;font-weight:400;line-height:1}.category-accordion-item[open] summary{color:var(--color-brand);background:var(--color-surface-soft)}.category-accordion-item[open] summary::after{content:"−"}.category-accordion-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--color-line);border-top:1px solid var(--color-line)}.category-accordion-links a{min-height:48px;display:flex;align-items:center;padding:10px 16px;background:#fff;font-size:13px}.category-accordion-links a::after{content:"→";margin-left:auto;color:var(--color-brand)}.category-accordion-links a:hover{background:var(--color-surface-soft)}
@media(max-width:700px){.category-accordion{grid-template-columns:1fr}.category-accordion-item summary{min-height:58px;padding:12px 16px}.category-accordion-links{grid-template-columns:1fr}}
.pagination a[aria-label="次のページ"]{min-width:72px;padding-inline:14px;border-radius:999px}
.journal-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.journal-category-grid>a{min-height:230px;display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}.journal-category-grid small{color:var(--color-brand);font-weight:700;letter-spacing:.12em}.journal-category-grid h2{margin:8px 0;font-size:25px}.journal-category-grid p{color:var(--color-muted);font-size:14px}.journal-category-grid span{margin-top:auto;color:var(--color-brand);font-size:13px;font-weight:700}.journal-section{padding-block:72px;scroll-margin-top:20px}.journal-section .journal-grid article{min-width:0}.journal-section .journal-grid h3{font-size:18px}.journal-section .journal-grid p{color:var(--color-muted);font-size:13px}.journal-section+.journal-section{border-top:1px solid var(--color-line)}
@media(max-width:640px){.journal-category-grid{grid-template-columns:1fr}.journal-category-grid>a{min-height:190px;padding:22px}.journal-section{padding-block:56px}}
.article-detail{max-width:960px;padding-block:48px 82px}.article-detail-header{max-width:800px;margin-bottom:34px}.article-detail-header h1{font-size:clamp(30px,4.5vw,50px)}.article-lead{color:var(--color-muted);font-size:17px}.article-hero{aspect-ratio:16/8;max-height:480px;border-radius:var(--radius-md)}.article-body{max-width:760px;margin:52px auto 0}.article-body h2{margin-top:48px;font-size:26px}.article-body p{font-size:16px}.article-related{margin-top:58px;padding:28px;border-radius:var(--radius-md);background:var(--color-surface-soft)}.article-related h2{margin-top:0}.article-back{margin-top:44px;font-weight:700}.article-back a{color:var(--color-brand);text-decoration:underline;text-underline-offset:5px}
