/* 会社の小さなホームページ 案C の CSS（03 design 2026-10-14・見本 /drafts/wpd-company-mini-rough/ の rgh-c-* の行をそのまま）。クラス名の rgh-c- は本番で kc- などに一括で変えてよい（HTML と同時に） */
/* 案C＝ページごと入れ替え（取り込んだ本番の中身は隠す・札とバーは残す） */
.rgh-c{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,system-ui,sans-serif;color:#333;font-size:15px;line-height:1.8}
.rgh-c__in{max-width:1000px;margin:0 auto;padding:6px 16px 24px}
.rgh-c-h1{margin:0;font-size:11px;color:#8a8f86;font-weight:normal;line-height:1.6}
.rgh-c-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 10px 18px}
.rgh-c-name{font-size:26px;font-weight:700;color:#3b4a2f}
.rgh-c-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.rgh-c-side__t{font-size:13px;color:#555}
.rgh-c-badge span{white-space:nowrap}
.rgh-c-badge{display:inline-block;background:#5d8a3a;color:#fff;font-weight:700;font-size:14px;padding:4px 12px;border-radius:3px}
.rgh-c-nav{display:flex;background:#b9d98a;border-bottom:2px solid #a2c76f}
.rgh-c-nav a{flex:0 0 28%;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:14px;line-height:1.2;border-right:1px solid #fff;background:#a9cf76}
.rgh-c-nav a.cur{background:#8fbf57}
.rgh-c-nav a small{font-size:11px;opacity:.9}
.rgh-c-cols{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-top:22px;align-items:start}
.rgh-c-left{position:sticky;top:0}
.rgh-c-lh{margin:0 0 6px;padding:0 0 4px;border-bottom:3px solid #6b9a3a;font-size:15px;color:#3b4a2f}
.rgh-c-ll{list-style:none;margin:0 0 22px;padding:0;background:#fff;border:1px solid #cfdcb8}
.rgh-c-ll li a{display:flex;align-items:center;min-height:44px;padding:4px 10px;color:#3b4a2f;text-decoration:none;font-size:14px;font-weight:700;border-bottom:1px solid #e6eedb}
.rgh-c-ll li a:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#8fbf57;margin-right:8px}
.rgh-c-ll--s li a{font-weight:normal}
.rgh-c-info{background:#eaf3d4;border:1px solid #cfdcb8;padding:10px 12px;font-size:13px;line-height:1.7;margin:0 0 22px;color:#333;word-break:break-all}
.rgh-c-info b{color:#4e7a24}
.rgh-c-main{background:#fff;padding:14px 16px 20px;min-width:0}
.rgh-c-h2{margin:0 0 14px;padding:12px 16px;background:#f2ecd0;border-left:6px solid #8a7a3a;font-size:18px;color:#3b3b2f}
.rgh-c-type h3{margin:14px 0 8px;padding:8px 12px;background:#f1f1f1;border-left:4px solid #6b9a3a;font-size:16px;color:#4e7a24}
.rgh-c-w h4{margin:12px 0 0;padding:0 0 4px;border-bottom:2px solid #8fbf57;font-size:15px;color:#4e7a24}
.rgh-c-w__b{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:start;padding:12px 4px}
.rgh-c-w__b p{margin:0;font-size:14px}
.rgh-c-w__b--text{grid-template-columns:1fr}
.rgh-c-rest{margin:14px 0 0;border:1px solid #cfe3b8;border-radius:6px;background:#f7fbf2}
.rgh-c-rest summary{cursor:pointer;padding:10px 14px;min-height:44px;display:flex;align-items:center;font-weight:700;color:#4e7a24}
.rgh-c-rest ul{list-style:none;margin:0;padding:0 14px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px}
.rgh-c-rest li{font-size:13px;line-height:1.6;padding:4px 0;border-bottom:1px dotted #d8e6c6}.rgh-c-rest li b{display:block;color:#333}.rgh-c-rest li span{color:#666;font-size:12px}
.rgh-c-jbox{border:1px solid #ddd;border-radius:6px;padding:14px;background:#fff}.rgh-c-jbox p{margin:0 0 10px;font-size:14px}
.rgh-c-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:6px;background:#4e7a24;color:#fff;text-decoration:none;font-weight:700}
.rgh-c-near__g{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rgh-c-near__g small{color:#666;font-size:12px}
@media(max-width:700px){.rgh-c-near__g{grid-template-columns:1fr}}
.rgh-c-tbl{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 16px}
.rgh-c-tbl th,.rgh-c-tbl td{border:1px solid #cfdcb8;padding:10px 12px;text-align:left;vertical-align:top}
.rgh-c-tbl th{width:120px;background:#eaf3d4;font-weight:700;color:#3b4a2f}
.rgh-c-map{height:300px;display:flex;align-items:center;justify-content:center;background:#e8ede4;border:1px solid #cfdcb8;color:#666;font-size:13px;margin:0 0 20px}
.rgh-c-closebox{background:#f1f1f1;border:1px solid #ddd;padding:12px 16px;font-size:14px}
.rgh-c-closebox p{margin:0 0 6px}
.rgh-c-top{text-align:right;margin:14px 0 0;border-top:1px dotted #bbb;padding-top:10px}
.rgh-c-top a{display:inline-block;background:#8fbf57;color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:10px 14px;min-height:44px;box-sizing:border-box}
.rgh-c-foot{text-align:center;font-size:13px;color:#555;padding:18px 0 4px}
.rgh-c-foot p{margin:4px 0}
.rgh-c-foot a{color:#4e7a24;display:inline-block;padding:12px 8px}
.rgh-c[data-page="home"] .rgh-c-only-profile,.rgh-c[data-page="profile"] .rgh-c-only-home{display:none}
/* 写真（02 の共通の写真）と例示の行 */
.rgh-c-ex{margin:0 0 8px;font-size:13px;color:#555;line-height:1.7}
.rgh-c-img{width:160px;height:auto;display:block;border:1px solid #ddd}
.rgh-c-cards{list-style:none;margin:4px 0 8px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.rgh-c-cards li{text-align:center;font-size:12px;color:#444;line-height:1.4}
.rgh-c-cards img{width:100%;height:auto;aspect-ratio:129/90;object-fit:cover;display:block;border:1px solid #ddd;margin-bottom:4px}
@media(max-width:700px){.rgh-c-w__b{grid-template-columns:1fr}.rgh-c-img{width:100%}.rgh-c-cards{grid-template-columns:repeat(3,1fr);gap:6px}.rgh-c-cards li{font-size:11px}}
/* 地図の絵（SVG の略図） */
.rgh-c-maps{margin-top:18px}
.rgh-c-maps__g{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.rgh-c-mh{margin:0 0 8px;font-size:14px;color:#4e7a24;border-bottom:2px solid #8fbf57;padding-bottom:4px}
.rgh-c-mnote{font-size:12px;color:#666;margin:6px 0 0}
.rgh-c-tile{max-width:100%;height:auto;display:block}
.rgh-c-tile rect.on{fill:#dcebc4;stroke:#8fbf57}
.rgh-c-tile rect.cur{fill:#5d8a3a;stroke:#4e7a24}
.rgh-c-tile rect.off{fill:#eeeeee;stroke:#d5d5d5}
.rgh-c-tile text{fill:#333;pointer-events:none}
.rgh-c-tile rect.cur+text{fill:#fff;font-weight:700}
.rgh-c-tile rect.off+text{fill:#999}
.rgh-c-tile a:hover rect{fill:#b9d98a}
@media(max-width:700px){.rgh-c-maps__g{grid-template-columns:1fr}}
@media(max-width:700px){.rgh-c__in{padding:6px 10px 20px}.rgh-c-head{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 4px 12px}.rgh-c-side{align-items:flex-start;text-align:left}.rgh-c-name{font-size:22px}.rgh-c-nav a{flex:1 1 50%}.rgh-c-nav a small{display:none}.rgh-c-cols{grid-template-columns:1fr;gap:12px}.rgh-c-left{position:static;order:2}.rgh-c-main{order:1;padding:10px 10px 16px}.rgh-c-w__b{grid-template-columns:1fr;gap:8px}.rgh-c-ph{width:100%;height:120px}.rgh-c-map{height:200px}.rgh-c-tbl th{width:7.5em;padding:8px;word-break:keep-all}.rgh-c-tbl td{padding:8px}}
.rgh-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
/* 案B の最初の画面＝02 の写真を大きく（01 19:11 (3)）＋「差し替えできます」の小さな札（01 19:11 (1)） */
/* スマホ＝空の写真の枠を縦に長く並べない（メイン06 18:5x＝施工実績の枠3つで約750px・最初の画面の半分が枠） */
.rgh-card{background:#fff;color:#1d2433;max-width:760px;width:100%;border-radius:12px;padding:22px 20px;font:15px/1.8 "Noto Sans JP",sans-serif}
.rgh-card h2{font-size:19px;margin:0 0 10px;color:#16365c}
.rgh-card h3{font-size:15px;margin:16px 0 4px;color:#16365c;border-left:4px solid #E67E22;padding-left:8px}
.rgh-card p,.rgh-card li{margin:0;font-size:14px}
.rgh-card ul{margin:0;padding-left:1.2em;list-style:disc}
.rgh-card .do{background:#FFF8F1;border:2px solid #E67E22;border-radius:8px;padding:10px 12px;font-weight:700}
.rgh-card table{border-collapse:collapse;width:100%;font-size:13px;margin-top:4px}
.rgh-card th,.rgh-card td{border:1px solid #d8dee8;padding:5px 7px;text-align:left;vertical-align:top}
.rgh-card th{background:#f3f6fa;white-space:nowrap}
.rgh-card .close{display:block;width:100%;margin-top:16px;padding:12px;border:0;border-radius:8px;background:#16365c;color:#fff;font:700 15px "Noto Sans JP",sans-serif;cursor:pointer}

.rgh-c-maps__g>div:has(>.km-mapsp){grid-column:1/-1}
.rgh-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.rgh-map__r{border:1px solid #d8e0ea;border-radius:6px;padding:10px;background:#fff}
.rgh-map__r b{display:block;font-size:13px;color:#555;margin:0 0 6px}
.rgh-map__r ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rgh-map__r li a,.rgh-map__r li .soon{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:4px;font-size:14px;font-weight:700;text-decoration:none}
.rgh-map__r li a{background:#eaf1f8;color:#1a3a5c}
.rgh-map__r li a.cur{background:#2f5d50;color:#fff}
.rgh-map__r li .soon{background:#f3f3f3;color:#888;font-weight:normal}

/* 10 2026-10-14 03 18:52：700px 未満は全国の略図を地方ごとの段に（1マス 44px） */
.km-mapsp__rows{display:none}
@media(max-width:699px){.km-mapsp__rows{display:grid}.km-mapsp__svg{display:none}}