:root{--navy:#123247;--navy-deep:#0b2435;--blue:#1478a6;--cyan:#eef6f9;--ink:#20313d;--muted:#647480;--line:#dce5ea;--white:#fff;--shadow:0 14px 34px rgba(18,50,71,.10);--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);line-height:1.8;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy-deep);color:#fff;font-size:.82rem;letter-spacing:.02em}.topbar .container{display:flex;justify-content:space-between;padding:8px 0;gap:20px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:46px;height:46px;border-radius:10px;background:linear-gradient(145deg,#1592bf,#0d557d);display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 6px 16px rgba(20,120,166,.22)}.brand strong{font-size:1.23rem;letter-spacing:.045em;color:var(--navy)}.brand small{display:block;color:var(--muted);font-size:.66rem;letter-spacing:.08em}.nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:.9rem}.nav a{position:relative}.nav a:not(.cta):after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--blue);transition:.25s}.nav a:not(.cta):hover:after{right:0}.nav a:hover{color:var(--blue)}.nav .cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:7px;background:var(--blue);color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(20,120,166,.18);transition:.2s}.btn:hover,.nav .cta:hover{transform:translateY(-1px);filter:brightness(.97);color:#fff}.btn.outline{background:#fff;color:var(--navy);border:1px solid #a9c2cf;box-shadow:none}.menu-btn{display:none;background:none;border:0;font-size:28px}.hero{min-height:660px;display:grid;align-items:center;position:relative;background:linear-gradient(95deg,rgba(7,34,52,.96),rgba(12,62,88,.78) 60%,rgba(12,62,88,.22)),url('../img/warehouse-stock.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,rgba(0,0,0,.12));pointer-events:none}.hero-content{color:#fff;padding:100px 0;position:relative;z-index:1}.eyebrow,.kicker{font-size:.78rem;font-weight:900;letter-spacing:.16em;color:var(--blue)}.eyebrow{display:inline-block;color:#fff;background:rgba(255,255,255,.11);padding:7px 13px;border-radius:5px;border:1px solid rgba(255,255,255,.25)}.hero h1{font-size:clamp(2.45rem,5vw,4.7rem);line-height:1.14;margin:24px 0 20px;letter-spacing:.02em}.hero p{font-size:1.08rem;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero .outline{background:rgba(255,255,255,.96)}section{padding:86px 0}.section-head{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:34px}.section-head h2,.page-hero h1{color:var(--navy);font-size:clamp(1.9rem,3vw,2.85rem);line-height:1.28;margin:.25em 0}.section-head p{max-width:620px;color:var(--muted)}.quick{margin-top:-34px;position:relative;z-index:5}.quick-grid{background:#fff;border-radius:10px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border:1px solid rgba(220,229,234,.8)}.quick-item{padding:24px 14px;text-align:center;border-right:1px solid var(--line);font-size:.91rem}.quick-item:last-child{border:0}.quick-item strong{display:block;color:var(--navy);font-size:1rem}.quick-icon{width:42px;height:42px;margin:0 auto 8px;display:grid;place-items:center;background:var(--cyan);border-radius:8px;font-size:1.3rem}.cards,.product-grid,.maker-grid,.trust-grid,.gallery,.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card,.product-card,.maker-card,.trust-card,.site-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(18,50,71,.055)}.card-body,.product-card .body,.maker-card,.trust-card,.site-card{padding:25px}.card h3,.product-card h3,.maker-card h3,.trust-card h3,.site-card h3{color:var(--navy);margin:.15em 0 .45em}.card img{width:100%;height:230px;object-fit:cover;object-position:center}.card.product-visual img{object-fit:contain;background:#f5f8fa;padding:24px}.product-card img{width:100%;height:220px;object-fit:contain;object-position:center;background:#f5f8fa;padding:20px}.bg-soft{background:var(--cyan)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.split>img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;height:420px;object-fit:cover;object-position:center}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.check{background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px 15px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat{padding:18px;border-radius:9px;background:#fff;border:1px solid var(--line);text-align:center}.stat b{display:block;font-size:1.45rem;color:var(--blue)}.area{background:var(--navy-deep);color:#fff}.area h2{color:#fff}.area-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.map{width:100%;height:430px;border:0;border-radius:12px}.info-panel{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:30px;background:rgba(255,255,255,.07)}.info-row{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14)}.page-hero{padding:78px 0;background:linear-gradient(135deg,#edf5f8,#fff);border-bottom:1px solid var(--line)}.breadcrumbs{font-size:.84rem;color:var(--muted)}.content{padding:72px 0}.prose h2{color:var(--navy);margin-top:1.8em}.prose h3{color:var(--blue);margin-top:1.5em}.table-wrap{overflow:auto}.company-table{width:100%;border-collapse:collapse}.company-table th,.company-table td{padding:15px 17px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.company-table th{width:25%;color:var(--navy);background:#f2f7f9}.email-box{background:linear-gradient(135deg,var(--navy-deep),#145f82);color:#fff;border-radius:14px;padding:38px;text-align:center;box-shadow:var(--shadow)}.email-box .email{font-size:clamp(1.3rem,3vw,2.2rem);font-weight:900;word-break:break-all}.notice{padding:18px 20px;background:#fff8e6;border-left:5px solid #e5a51b;border-radius:7px}.gallery{align-items:stretch}.gallery img{width:100%;height:250px;object-fit:contain;object-position:center;border-radius:12px;background:#f5f8fa;border:1px solid var(--line);padding:24px}.manufacturer-link{display:inline-block;margin-top:12px;color:var(--blue);font-weight:800}.cta-band{padding:0 0 80px}.cta-box{background:linear-gradient(135deg,var(--navy-deep),#126d91);color:#fff;border-radius:14px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer{background:#071e2d;color:#c6d8e3;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.footer h4{color:#fff}.footer a{display:block;margin:8px 0}.footer .brand strong{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:.84rem}.floating{position:fixed;right:18px;bottom:22px;display:grid;gap:10px;z-index:90}.floating a{width:52px;height:52px;border-radius:9px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:21px;box-shadow:var(--shadow)}.mobile-bar{display:none}.faq details{border:1px solid var(--line);border-radius:9px;padding:16px 18px;margin:12px 0;background:#fff}.faq summary{font-weight:800;color:var(--navy);cursor:pointer}
@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-btn{display:block}.quick-grid{grid-template-columns:repeat(2,1fr)}.cards,.product-grid,.maker-grid,.trust-grid,.gallery,.sitemap-grid{grid-template-columns:repeat(2,1fr)}.split,.area-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.topbar .container{display:block;text-align:center}.topbar span{display:block}.header-inner{height:70px}.brand strong{font-size:1rem}.brand small{display:none}.hero{min-height:590px;background-position:58% center}.hero-content{padding:76px 0}.hero h1{font-size:2.25rem}.section-head{display:block}.quick-grid,.cards,.product-grid,.maker-grid,.trust-grid,.gallery,.sitemap-grid,.footer-grid{grid-template-columns:1fr}.quick-item{border-right:0;border-bottom:1px solid var(--line)}section{padding:62px 0}.split>img{height:290px}.card img,.product-card img,.gallery img{height:220px}.cta-box{display:block;padding:28px}.cta-box .btn{margin-top:18px}.floating{display:none}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:100}.mobile-bar a{padding:13px;text-align:center;background:var(--navy);color:#fff;font-weight:800}.mobile-bar a:last-child{background:var(--blue)}body{padding-bottom:52px}.company-table th,.company-table td{display:block;width:100%}.company-table th{padding-bottom:6px}.company-table td{padding-top:6px}}
.news-cats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}.news-cats a{display:inline-block;padding:9px 14px;border:1px solid #d8e3e8;border-radius:999px;background:#fff;text-decoration:none;font-size:14px}.news-cats.large a{padding:12px 16px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:#fff;border:1px solid #e1e8eb;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.04)}.news-card img{width:100%;height:190px;object-fit:cover}.news-body{padding:18px}.news-body h2,.news-body h3{font-size:20px;line-height:1.5;margin:8px 0}.news-body a{text-decoration:none}.news-meta{font-size:12px;color:#65757c}.news-head{margin-top:45px}@media(max-width:850px){.news-grid{grid-template-columns:1fr}.news-card img{height:auto}}

/* Water News v1.3 */
.water-news-hub{background:#f7f8fa;padding:44px 0 70px}.news-masthead{background:#fff;border-top:5px solid #12689a;padding:32px;margin-bottom:22px}.news-masthead h1{font-size:clamp(28px,4vw,44px);margin:5px 0 12px}.news-kicker{font-weight:700;color:#12689a}.news-category-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 28px}.news-category-nav a{background:#fff;padding:11px 12px;text-decoration:none;border:1px solid #e2e5e9;font-weight:700}.news-category-nav small{float:right;background:#eef4f7;padding:1px 6px;border-radius:10px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{background:#fff;padding:22px;border-top:3px solid #12689a;box-shadow:0 2px 12px rgba(0,0,0,.05)}.news-card h2{font-size:20px;line-height:1.5;margin:8px 0}.news-card h2 a{text-decoration:none;color:#17212b}.news-card-meta{font-size:12px;color:#667}.news-more{font-weight:700;text-decoration:none}@media(max-width:800px){.news-grid{grid-template-columns:1fr}.news-masthead{padding:22px}.news-category-nav{grid-template-columns:repeat(2,1fr)}}

/* v1.4 地域密着ニュースナビ */
.local-filter{margin:28px 0}.local-filter h2,.genre-headlines>h2,.latest-news>h2{font-size:1.35rem;border-left:5px solid #176b87;padding-left:10px;margin-bottom:12px}
.local-filter-links{display:flex;flex-wrap:wrap;gap:8px}.local-filter-links a{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border:1px solid #d6e1e5;border-radius:999px;background:#fff;text-decoration:none}.local-filter-links small{background:#eef5f7;border-radius:10px;padding:1px 6px}
.genre-headlines{margin:34px 0}.genre-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.genre-box{background:#fff;border:1px solid #dfe7ea;padding:15px}.genre-box h3{font-size:1rem;margin:0 0 10px;display:flex;justify-content:space-between;gap:8px}.genre-box h3 small{font-weight:400;white-space:nowrap}.genre-box ul{margin:0;padding-left:1.15em}.genre-box li{margin:7px 0;line-height:1.45}.genre-box a{text-decoration:none}
.number-pagination{margin:32px 0}.number-pagination ul{display:flex;justify-content:center;gap:6px;list-style:none;padding:0}.number-pagination a,.number-pagination span{display:block;min-width:38px;padding:8px 10px;text-align:center;border:1px solid #ccd8dd;background:#fff;text-decoration:none}.number-pagination .current{background:#173f52;color:#fff;border-color:#173f52}
@media(max-width:900px){.genre-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.genre-columns{grid-template-columns:1fr}.local-filter-links a{font-size:.9rem;padding:7px 10px}}


/* v1.5 大量記事表示・関連記事・音声ラジオ */
.home-news-index{margin-top:38px;padding-top:28px;border-top:1px solid #dbe5e9}
.section-head.compact{margin-bottom:16px}
.home-news-columns{display:grid;grid-template-columns:1fr 1fr;column-gap:34px}
.home-news-line{display:grid;grid-template-columns:112px 1fr;gap:9px;padding:7px 0;border-bottom:1px dotted #cfdadd;text-decoration:none;line-height:1.45;font-size:.93rem}
.home-news-line:hover{text-decoration:underline}
.home-news-cat{font-size:.76rem;color:#176b87;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-news-more{text-align:right;margin-top:15px}

.genre-eight .genre-box{min-height:300px}
.genre-box .muted{color:#89979d}
.genre-more{margin:12px 0 0;font-size:.87rem}
.all-news-link{text-align:center;margin:32px 0}

.title-list-archive{border-top:2px solid #244d60}
.title-row{display:grid;grid-template-columns:90px 145px 1fr;gap:12px;align-items:start;padding:12px 4px;border-bottom:1px solid #e0e7ea}
.title-row h2{font-size:1rem;line-height:1.5;margin:0}
.title-row-date,.title-row-cat{font-size:.78rem;color:#667a83;padding-top:3px}

.related-news{margin-top:42px;padding-top:24px;border-top:2px solid #d7e2e6}
.related-news h2{margin-bottom:4px}
.related-lead{margin-top:0;color:#64777f}
.related-title-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.related-title{display:flex;flex-direction:column;gap:5px;border:1px solid #dce5e8;background:#fff;padding:13px;text-decoration:none}
.related-title small{color:#6c7d84}.related-title strong{line-height:1.45}
.article-nextprev{display:flex;justify-content:space-between;gap:16px;margin:34px 0 8px;padding-top:18px;border-top:1px solid #dce5e8}
.article-company-box{margin-top:34px;padding:20px;background:#f3f7f8;border-radius:8px}

.sk-radio{margin:22px 0 28px;border:1px solid #b9d5df;background:linear-gradient(180deg,#f8fcfd,#edf6f8);border-radius:10px;padding:15px 16px}
.sk-radio-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:9px}
.sk-radio-mark{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#174d63;color:#fff;margin-right:8px;font-size:.75rem}
.sk-radio-status{font-size:.78rem;color:#60747c}
.sk-radio-now{font-size:.9rem;margin:8px 0 12px;min-height:1.4em}
.sk-radio-controls{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.sk-radio-controls button{appearance:none;border:1px solid #b6cbd3;background:#fff;padding:7px 10px;border-radius:6px;cursor:pointer}
.sk-radio-controls button.primary{background:#174d63;color:#fff;border-color:#174d63}
.sk-radio.is-playing{box-shadow:0 0 0 2px rgba(23,77,99,.08)}
.sk-radio-cont{font-size:.86rem;margin-left:4px}

@media(max-width:800px){
 .home-news-columns,.related-title-grid{grid-template-columns:1fr}
 .title-row{grid-template-columns:78px 1fr}
 .title-row-cat{display:none}
 .home-news-line{grid-template-columns:98px 1fr}
}
@media(max-width:560px){
 .sk-radio-head{display:block}.sk-radio-status{display:block;margin-top:5px}
 .sk-radio-controls button{font-size:.8rem;padding:6px 8px}
}

.sk-radio-controls button.continuous-play{background:#b83b2f;color:#fff;border-color:#b83b2f;font-weight:700}
.sk-radio-controls button.continuous-play:hover{filter:brightness(.95)}
.radio-finished{color:#65777e;font-size:.82rem}

/* v1.6 3列ニュースライブラリ */
.news-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:44px}
.library-box{border:1px solid #dbe4e8;background:#fff;padding:14px 15px;min-height:300px}
.library-box h3{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid #244d60;font-size:1rem}
.library-box h3 a{text-decoration:none}.library-box h3 small{font-size:.75rem;font-weight:400;white-space:nowrap}
.library-box ol{margin:0;padding-left:1.45em}.library-box li{padding:6px 0;border-bottom:1px dotted #d5dee2;font-size:.88rem;line-height:1.4}
.library-box li a{text-decoration:none}.library-pages{display:flex;gap:5px;align-items:center;margin-top:11px}
.library-pages a{min-width:27px;text-align:center;padding:3px 6px;border:1px solid #ccd8dc;text-decoration:none;font-size:.78rem}
.library-pages .all{margin-left:auto;border:0;min-width:auto}

/* 左下固定 水まわりラジオ */
.sk-floating-radio{position:fixed;left:14px;bottom:14px;width:330px;z-index:9998;background:#f7fbfc;border:1px solid #9fc1cd;border-radius:10px;box-shadow:0 5px 22px rgba(0,0,0,.18);overflow:hidden}
.sk-float-title{display:flex;align-items:center;gap:7px;background:#174d63;color:#fff;padding:8px 10px;font-size:.88rem}
.sk-float-title button{margin-left:auto;background:transparent;color:#fff;border:0;font-size:1rem;cursor:pointer}
.sk-float-body{padding:9px}.sk-float-now{font-size:.75rem;line-height:1.35;height:2.7em;overflow:hidden;margin-bottom:7px}
.sk-float-controls{display:flex;gap:4px}.sk-float-controls button{border:1px solid #b7cbd2;background:#fff;border-radius:5px;padding:5px 7px;cursor:pointer;font-size:.76rem}
.sk-float-controls .sk-float-play{background:#b83b2f;color:#fff;border-color:#b83b2f;font-weight:700;flex:1}
.sk-floating-radio.is-collapsed{width:180px}.sk-floating-radio.is-collapsed .sk-float-body{display:none}

/* 右上 管理ログイン */
.sk-admin-star{position:fixed;right:10px;top:10px;z-index:9999;width:25px;height:25px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:16px;color:#60737b!important;opacity:.55;background:rgba(255,255,255,.78);border-radius:50%}
.sk-admin-star:hover{opacity:1}

@media(max-width:900px){.news-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.news-library-grid{grid-template-columns:1fr}.sk-floating-radio{left:7px;bottom:7px;width:min(330px,calc(100vw - 14px))}.sk-admin-star{right:6px;top:6px}}