/* HARITA ハブページの使いやすさ改善 */
#hhu-nav,.hhu-page{font-family:inherit;color:#1f2937}
#hhu-nav *,.hhu-page *{box-sizing:border-box;font-family:inherit!important}
#hhu-nav{max-width:100%;min-width:0;overflow:hidden;margin:0 0 22px;padding:12px 14px 10px;background:#f6f7f9;border:1px solid #e5e7eb;border-radius:14px}
#hhu-nav .hhu-nav__lab{margin:0 0 8px!important;padding:0!important;font-size:12px!important;font-weight:800;color:#6b7280;letter-spacing:.04em}
#hhu-nav .hhu-nav__row{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;min-width:0}
#hhu-nav .hhu-nav__a{--c:#14213d;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;background:#fff;border:1.5px solid #e5e7eb;border-radius:99px;color:#1f2937!important;text-decoration:none!important;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}
#hhu-nav .hhu-nav__a:hover{border-color:var(--c);color:var(--c)!important}
#hhu-nav .hhu-nav__a.is-on{background:var(--c);border-color:var(--c);color:#fff!important;font-weight:900}
#hhu-nav .hhu-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#hhu-nav .hhu-nav__a:not(.is-on) .hhu-ic{color:var(--c)}
.hhu-old{display:none!important}
html[data-hhu="guide"] .cps-post-main #rtoc-mokuji-wrapper,html[data-hhu="guide"] .cps-post-main .toc_container{display:none!important}

.hhu-page .hhu-hero{display:flex;gap:20px;align-items:stretch;background:linear-gradient(120deg,var(--hc,#14213d) 0%,var(--hc2,#1f3a6b) 100%);color:#fff;border-radius:16px;padding:24px 26px;margin:0 0 28px;position:relative;overflow:hidden;box-shadow:0 12px 28px -16px rgba(20,33,61,.6)}
.hhu-page .hhu-hero:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,201,74,.12)}
.hhu-page .hhu-hero__tx{flex:1;min-width:0;position:relative;z-index:1}
.hhu-page .hhu-hero__k{margin:0 0 4px!important;font-size:11.5px!important;font-weight:900;letter-spacing:.14em;color:#FFC94A}
.hhu-page .hhu-hero__h{margin:0 0 8px!important;font-size:22px!important;font-weight:900;line-height:1.4;color:#fff}
.hhu-page .hhu-hero__d{margin:0 0 14px!important;font-size:13.5px!important;line-height:1.8;color:rgba(255,255,255,.82)}
.hhu-page .hhu-sf{display:flex;max-width:520px;margin:0}
.hhu-page .hhu-sf input{flex:1;min-width:0;height:44px;border:0!important;border-radius:10px 0 0 10px!important;padding:0 14px!important;font-size:14.5px!important;background:#fff!important;color:#111827;margin:0!important;box-shadow:none!important}
.hhu-page .hhu-sf button{height:44px;border:0;border-radius:0 10px 10px 0;background:#FFC94A;color:#14213d;font-weight:900;font-size:14.5px;padding:0 20px;cursor:pointer}
.hhu-page .hhu-hero__st{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:250px;position:relative;z-index:1;align-content:center}
.hhu-page .hhu-st{background:rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.hhu-page .hhu-st b{font-size:22px;font-weight:900;color:#fff;line-height:1.1;font-feature-settings:"tnum"}
.hhu-page .hhu-st span{font-size:11px;color:rgba(255,255,255,.8);font-weight:700}

.hhu-page .hhu-sec{margin:0 0 30px}
.hhu-page .hhu-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 14px;padding:0 0 0 14px;position:relative}
.hhu-page .hhu-h:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:2px;background:#B87333}
.hhu-page .hhu-h h2{all:unset;font-size:19px!important;font-weight:800!important;color:#14213d!important;line-height:1.4!important}
.hhu-page .hhu-h h2:before,.hhu-page .hhu-h h2:after{display:none!important;content:none!important}
.hhu-page .hhu-h span{font-size:12.5px;color:#6b7280}
.hhu-page .hhu-load{font-size:13px;color:#6b7280;margin:0!important;padding:14px 0}

.hhu-page .hhu-pop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hhu-page .hhu-pop__a{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8f9fb;border:1px solid #eef0f4;border-radius:12px;text-decoration:none!important;color:#1f2937!important;transition:border-color .15s,background .15s}
.hhu-page .hhu-pop__a:hover{background:#fff;border-color:#B87333}
.hhu-page .hhu-pop__n{flex:none;width:28px;height:28px;border-radius:50%;background:#e5e7eb;color:#4b5563;font-size:13.5px;font-weight:900;display:flex;align-items:center;justify-content:center}
.hhu-page .hhu-pop__a:nth-child(1) .hhu-pop__n{background:#E0A100;color:#fff}
.hhu-page .hhu-pop__a:nth-child(2) .hhu-pop__n{background:#8A97A8;color:#fff}
.hhu-page .hhu-pop__a:nth-child(3) .hhu-pop__n{background:#B87333;color:#fff}
.hhu-page .hhu-pop__t{flex:1;min-width:0;font-size:14.5px;font-weight:700;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hhu-page .hhu-pop__v{flex:none;font-size:12px;color:#6b7280;font-weight:700}

.hhu-page .hhu-hubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hhu-page .hhu-hub{--c:#14213d;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:box-shadow .15s,transform .15s}
.hhu-page .hhu-hub:hover{box-shadow:0 10px 22px -12px rgba(16,24,40,.3);transform:translateY(-2px)}
.hhu-page .hhu-hub__hd{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--c);color:#fff!important;text-decoration:none!important}
.hhu-page .hhu-hub__hd .hhu-ic{flex:none;width:34px;height:34px;padding:7px;border-radius:9px;background:rgba(255,255,255,.2);fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hhu-page .hhu-hub__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.hhu-page .hhu-hub__t b{font-size:16px;font-weight:900;line-height:1.3}
.hhu-page .hhu-hub__t small{font-size:11.5px;opacity:.9;line-height:1.4}
.hhu-page .hhu-hub__hd i{font-style:normal;font-weight:900;font-size:16px}
.hhu-page .hhu-hub__l{list-style:none!important;margin:0!important;padding:6px 8px 8px!important}
.hhu-page .hhu-hub__l li{list-style:none!important;margin:0!important;padding:0!important;border:0!important}
.hhu-page .hhu-hub__l li:before{display:none!important}
.hhu-page .hhu-hub__l a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px;border-radius:8px;font-size:13.5px;font-weight:700;color:#1f2937!important;text-decoration:none!important}
.hhu-page .hhu-hub__l a:after{content:"›";color:var(--c);font-weight:900;font-size:16px}
.hhu-page .hhu-hub__l a:hover{background:#f5f6f8;color:var(--c)!important}
.hhu-page .hhu-hub__e{margin:0!important;padding:12px 14px!important;font-size:13px!important;color:#6b7280}

.hhu-page .hhu-cg{--c:#14213d;margin:0 0 14px}
.hhu-page .hhu-cg__t{margin:0 0 8px!important;font-size:13.5px!important;font-weight:900;color:var(--c);display:flex;align-items:center;gap:8px}
.hhu-page .hhu-cg__t:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c)}
.hhu-page .hhu-cg__l{display:flex;flex-wrap:wrap;gap:6px}
.hhu-page .hhu-cg__l a{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;background:#fff;border:1.5px solid #e5e7eb;border-radius:99px;font-size:13px;font-weight:700;color:#1f2937!important;text-decoration:none!important;transition:border-color .15s}
.hhu-page .hhu-cg__l a:hover{border-color:var(--c)}
.hhu-page .hhu-cg__l b{min-width:26px;text-align:center;padding:2px 7px;border-radius:99px;background:var(--c);color:#fff;font-size:11.5px;font-weight:900}
.hhu-page .hhu-cg__more{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0 0!important}
.hhu-page .hhu-cg__more a{font-size:13.5px;font-weight:800;color:#B87333!important;text-decoration:none!important}

.hhu-page .hhu-hero__b{display:flex;flex-wrap:wrap;gap:10px}
.hhu-page .hhu-btn{display:inline-flex;align-items:center;padding:11px 18px;border-radius:10px;background:#FFC94A;color:#14213d!important;font-size:14px;font-weight:900;text-decoration:none!important;box-shadow:0 4px 0 rgba(0,0,0,.18);transition:transform .15s}
.hhu-page .hhu-btn.is-sub{background:#fff}
.hhu-page .hhu-btn:hover{transform:translateY(-1px)}
.hhu-page .hhu-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hhu-page .hhu-pick{--c:#14213d;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-left:5px solid var(--c);border-radius:12px;text-decoration:none!important;color:#1f2937!important;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:box-shadow .15s,transform .15s}
.hhu-page .hhu-pick:hover{box-shadow:0 10px 20px -12px rgba(16,24,40,.3);transform:translateY(-1px)}
.hhu-page .hhu-pick__n{flex:none;font-size:20px;font-weight:900;color:var(--c);font-feature-settings:"tnum";line-height:1}
.hhu-page .hhu-pick__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.hhu-page .hhu-pick__b small{font-size:12px;font-weight:700;color:#6b7280}
.hhu-page .hhu-pick__b b{font-size:15px;font-weight:900;line-height:1.45;color:#14213d}
.hhu-page .hhu-pick i{font-style:normal;font-weight:900;color:var(--c)}
.hhu-page .hhu-hhb{margin:0 0 30px!important}
.hhu-page .hhu-rk{--c:#EA580C}
.hhu-page .hhu-rk__rg{margin-left:auto;display:inline-flex;gap:2px;padding:3px;background:#f1f3f6;border-radius:10px}
.hhu-page .hhu-rk__rg button{border:0;background:transparent;color:#4b5563;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;line-height:1;margin:0;box-shadow:none;min-height:0;height:auto}
.hhu-page .hhu-rk__rg button.is-on{background:#fff;color:#14213d;font-weight:900;box-shadow:0 1px 3px rgba(16,24,40,.15)}
.hhu-page .hhu-rk__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.hhu-page .hhu-rk__tabs button{border:0;background:#f1f3f6;color:#374151;font-size:13.5px;font-weight:700;padding:8px 15px;border-radius:99px;cursor:pointer;line-height:1.2;margin:0;box-shadow:none;height:auto;min-height:0}
.hhu-page .hhu-rk__tabs button.is-on{background:var(--c);color:#fff;font-weight:900}
.hhu-page .hhu-rk__list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
.hhu-page .hhu-rk__list li{list-style:none!important;margin:0!important;padding:0!important;border:0!important;animation:hhuIn .35s ease both;animation-delay:calc(var(--i) * 50ms)}
.hhu-page .hhu-rk__list li:before{display:none!important}
@keyframes hhuIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hhu-page .hhu-rk__list a{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f8f9fb;border:1px solid #eef0f4;border-radius:12px;text-decoration:none!important;color:#1f2937!important}
.hhu-page .hhu-rk__list a:hover{background:#fff;border-color:var(--c)}
.hhu-page .hhu-rk__n{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#6b7280;background:#e5e7eb}
.hhu-page .hhu-rk__n.r1{background:#E0A100;color:#fff}.hhu-page .hhu-rk__n.r2{background:#8A97A8;color:#fff}.hhu-page .hhu-rk__n.r3{background:#B87333;color:#fff}
.hhu-page .hhu-rk__t{flex:1;min-width:0;font-size:14.5px;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hhu-page .hhu-rk__v{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;color:#6b7280;white-space:nowrap;min-width:60px}
.hhu-page .hhu-rk__v b{font-size:15px;font-weight:800;color:#374151;margin-right:2px}
.hhu-page .hhu-rk__bar{display:block;width:60px;height:4px;background:#e5e7eb;border-radius:99px;overflow:hidden}
.hhu-page .hhu-rk__bar i{display:block;height:100%;background:var(--c);border-radius:99px}
.hhu-page .hhu-rk__e{padding:18px 8px!important;text-align:center;color:#6b7280;font-size:13px}
.hhu-page .hhu-rk__ft{display:flex;justify-content:flex-end;margin-top:12px}
.hhu-page .hhu-rk__more{font-size:13.5px;font-weight:800;color:#fff!important;background:var(--c);padding:9px 18px;border-radius:99px;text-decoration:none!important}
html[data-hhu] .cps-post-main #rtoc-mokuji-wrapper.hhu-old{display:none!important}
@media (max-width:640px){
  .hhu-page .hhu-picks{grid-template-columns:minmax(0,1fr)}
  .hhu-page .hhu-pick{padding:12px 14px}
  .hhu-page .hhu-pick__b b{font-size:14px}
  .hhu-page .hhu-hero__b{flex-direction:column}
  .hhu-page .hhu-btn{justify-content:center}
  .hhu-page .hhu-rk__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .hhu-page .hhu-rk__tabs::-webkit-scrollbar{display:none}
  .hhu-page .hhu-rk__tabs button{flex:none}
  .hhu-page .hhu-rk__list a{gap:10px;padding:11px 12px}
  .hhu-page .hhu-rk__t{font-size:14px}
  .hhu-page .hhu-rk__ft a{flex:1;text-align:center}
}

.hhu-page .hhu-mo{margin:0 0 30px;border-radius:18px;padding:22px 22px 24px;background:#0f172a;box-shadow:0 18px 36px -18px rgba(15,23,42,.8);position:relative;overflow:hidden}
.hhu-page .hhu-mo:before{content:"";position:absolute;right:-80px;top:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,74,.22),rgba(255,201,74,0) 70%)}
.hhu-page .hhu-mo__hd{display:flex;align-items:center;gap:16px;margin:0 0 18px;color:#fff;position:relative}
.hhu-page .hhu-mo__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.hhu-page .hhu-mo__tx small{font-size:11.5px;font-weight:900;letter-spacing:.12em;color:#FFC94A}
.hhu-page .hhu-mo__tx b{font-size:22px;font-weight:900;line-height:1.35;color:#fff}
.hhu-page .hhu-mo__tx span{font-size:13.5px;color:#cbd5e1;line-height:1.6}
.hhu-page .hhu-mo__all{flex:none;font-size:14px;font-weight:900;background:#FFC94A;color:#0f172a!important;padding:11px 18px;border-radius:10px;white-space:nowrap;text-decoration:none!important;box-shadow:0 4px 0 #b8860b}
.hhu-page .hhu-mo__l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.hhu-page .hhu-mo__c{--c:#0E7A63;--c2:#065F46;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none!important;color:#1f2937!important;box-shadow:0 10px 22px -12px rgba(0,0,0,.7);transition:transform .18s,box-shadow .18s}
.hhu-page .hhu-mo__c:hover{transform:translateY(-4px);box-shadow:0 18px 30px -14px rgba(0,0,0,.8)}
.hhu-page .hhu-mo__pv{position:relative;display:block;background:linear-gradient(135deg,var(--c) 0%,var(--c2) 100%);aspect-ratio:200/118;padding:6px}
.hhu-page .hhu-mo__pv svg{display:block;width:100%;height:100%}
.hhu-page .hhu-mo__th{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hhu-page .hhu-mo__cnt{flex:none;background:var(--c);color:#fff;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:800;line-height:1.3;white-space:nowrap}
.hhu-page .hhu-mo__cnt b{font-size:15px;font-weight:900;margin:0 1px}
.hhu-page .hhu-mo__play{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:mvPulse 2s ease-out infinite}
.hhu-page .hhu-mo__play:after{content:"";position:absolute;left:12px;top:9px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent var(--c)}
@keyframes mvPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%,100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.hhu-page .hhu-mo__b{display:flex;flex-direction:column;gap:8px;padding:14px 14px 14px;flex:1}
.hhu-page .hhu-mo__t{font-size:17px;font-weight:900;color:#0f172a;line-height:1.35;padding-left:10px;border-left:5px solid var(--c)}
.hhu-page .hhu-mo__d{font-size:12.5px;line-height:1.65;color:#475569}
.hhu-page .hhu-mo__tg{display:flex;flex-wrap:wrap;gap:5px}
.hhu-page .hhu-mo__tg em{font-style:normal;font-size:11.5px;font-weight:800;color:var(--c);background:#fff;border:1.5px solid var(--c);border-radius:99px;padding:2px 9px}
.hhu-page .hhu-mo__go{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:10px;background:var(--c);color:#fff;font-size:14px;font-weight:900}
.hhu-page .hhu-mo__go i{font-style:normal;transition:transform .18s}
.hhu-page .hhu-mo__c:hover .hhu-mo__go i{transform:translateX(4px)}
.hhu-page .mv-lamp{animation:mvLamp 2.4s ease-in-out infinite}
@keyframes mvLamp{0%,55%{fill:#e5e7eb}70%,95%{fill:#FFC94A}100%{fill:#e5e7eb}}
.hhu-page .mv-d1{animation:mvD1 3.6s ease-in-out infinite}
.hhu-page .mv-d2{animation:mvD2 3.6s ease-in-out infinite}
@keyframes mvD1{0%{stroke-dashoffset:60}20%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}
@keyframes mvD2{0%,20%{stroke-dashoffset:200}55%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:200}}
.hhu-page .mv-s1{animation:mvPop 3.6s ease-in-out infinite;animation-delay:.2s}
.hhu-page .mv-s2{animation:mvPop2 3.6s ease-in-out infinite}
.hhu-page .mv-s3{animation:mvPop3 3.6s ease-in-out infinite}
@keyframes mvPop{0%,10%{opacity:0}20%,90%{opacity:1}100%{opacity:0}}
@keyframes mvPop2{0%,45%{opacity:0}55%,90%{opacity:1}100%{opacity:0}}
@keyframes mvPop3{0%,55%{opacity:0}62%,90%{opacity:1}100%{opacity:0}}
.hhu-page .mv-c1,.hhu-page .mv-c2,.hhu-page .mv-c3{transform-box:fill-box;transform-origin:left center;animation:mvCard 3.6s ease-in-out infinite}
.hhu-page .mv-c2{animation-name:mvCard2}.hhu-page .mv-c3{animation-name:mvCard3}
@keyframes mvCard{0%{opacity:0;transform:translateX(-10px)}12%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mvCard2{0%,22%{opacity:0;transform:translateX(-10px)}34%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mvCard3{0%,44%{opacity:0;transform:translateX(-10px)}56%,88%{opacity:1;transform:none}100%{opacity:0}}
.hhu-page .mv-bar{animation:mvBar 3.6s ease-in-out infinite}
@keyframes mvBar{0%{stroke-dashoffset:140}70%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:140}}
.hhu-page .mv-p1,.hhu-page .mv-p2,.hhu-page .mv-p3{animation:mvPop 3.6s ease-in-out infinite}
.hhu-page .mv-p2{animation-name:mvPop2}.hhu-page .mv-p3{animation:mvPop4 3.6s ease-in-out infinite}
@keyframes mvPop4{0%,68%{opacity:.25}74%,90%{opacity:1}100%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.hhu-page .hhu-mo [class^="mv-"]{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}}
@media (max-width:900px){.hhu-page .hhu-mo__l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hhu-page .hhu-mo{padding:18px 12px 14px}.hhu-page .hhu-mo__hd{flex-direction:column;align-items:stretch;gap:12px}.hhu-page .hhu-mo__tx b{font-size:18px}.hhu-page .hhu-mo__all{text-align:center}.hhu-page .hhu-mo__l{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hhu-page .hhu-mo__d,.hhu-page .hhu-mo__tg{display:none}.hhu-page .hhu-mo__b{padding:10px;gap:8px}.hhu-page .hhu-mo__th{flex-direction:column;gap:5px}.hhu-page .hhu-mo__t{font-size:14.5px;padding-left:8px;border-left-width:4px}.hhu-page .hhu-mo__go{font-size:13px;padding:8px}.hhu-page .hhu-mo__play{width:24px;height:24px;right:7px;top:7px}.hhu-page .hhu-mo__play:after{left:9px;top:6px;border-width:6px 0 6px 8px}}

@media (max-width:900px){.hhu-page .hhu-hubs{grid-template-columns:repeat(2,minmax(0,1fr))}.hhu-page .hhu-hero{flex-direction:column}.hhu-page .hhu-hero__st{width:auto;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){
  #hhu-nav{margin:0 0 18px;padding:10px 0 8px;border-radius:12px}
  #hhu-nav .hhu-nav__lab{padding:0 12px!important}
  #hhu-nav .hhu-nav__row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 12px 2px}
  #hhu-nav .hhu-nav__row::-webkit-scrollbar{display:none}
  .hhu-page .hhu-hero{padding:18px 16px;border-radius:14px}
  .hhu-page .hhu-hero__h{font-size:18px!important}
  .hhu-page .hhu-hero__st{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hhu-page .hhu-st b{font-size:19px}
  .hhu-page .hhu-h h2{font-size:17px!important}
  .hhu-page .hhu-pop{grid-template-columns:minmax(0,1fr)}
  .hhu-page .hhu-pop__t{font-size:14px}
  .hhu-page .hhu-hubs{grid-template-columns:minmax(0,1fr)}
}

.hhu-page .hhu-tl__bar{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.hhu-page .hhu-tl__q{width:100%;height:48px;border:2px solid #0E7A63!important;border-radius:12px!important;padding:0 16px!important;font-size:15px!important;background:#fff!important;margin:0!important;box-shadow:none!important}
.hhu-page .hhu-tl__q:focus{outline:3px solid rgba(14,122,99,.2)}
.hhu-page .hhu-tl__f{display:flex;flex-wrap:wrap;gap:8px}
.hhu-page .hhu-tl__f button{--c:#14213d;display:inline-flex;align-items:center;gap:6px;border:2px solid var(--c);background:#fff;color:var(--c);font-size:13.5px;font-weight:900;padding:7px 12px;border-radius:99px;cursor:pointer;line-height:1.2;margin:0;box-shadow:none;height:auto;min-height:0}
.hhu-page .hhu-tl__f button b{font-size:11.5px;background:var(--c);color:#fff;border-radius:99px;padding:1px 7px;min-width:22px;text-align:center}
.hhu-page .hhu-tl__f button.is-on{background:var(--c);color:#fff}
.hhu-page .hhu-tl__f button.is-on b{background:#fff;color:var(--c)}
.hhu-page .hhu-tl__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hhu-page .hhu-tc{--c:#0E7A63;display:flex;flex-direction:column;gap:6px;padding:0 0 12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;text-decoration:none!important;color:#1f2937!important;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:transform .15s,box-shadow .15s;animation:hhuIn .3s ease both;animation-delay:calc(var(--i) * 25ms)}
.hhu-page .hhu-tc:hover{transform:translateY(-2px);box-shadow:0 12px 22px -12px rgba(16,24,40,.35);border-color:var(--c)}
.hhu-page .hhu-tc__k{display:flex;align-items:center;justify-content:space-between;background:var(--c);color:#fff;font-size:11.5px;font-weight:900;padding:6px 12px;letter-spacing:.04em}
.hhu-page .hhu-tc__k em{font-style:normal;background:#FFC94A;color:#14213d;border-radius:99px;padding:1px 8px;font-size:10.5px}
.hhu-page .hhu-tc b{font-size:15px;font-weight:900;line-height:1.45;color:#0f172a;padding:2px 12px 0}
.hhu-page .hhu-tc__s{font-size:12px;line-height:1.6;color:#64748b;padding:0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hhu-page .hhu-tc__go{margin-top:auto;align-self:flex-start;margin-left:12px;font-size:12.5px;font-weight:900;color:var(--c)}
.hhu-page .hhu-tc__go i{font-style:normal;margin-left:3px}
.hhu-page .hhu-tl__more{display:flex;justify-content:center;margin-top:14px}
.hhu-page .hhu-tl__more button{border:2px solid #0E7A63;background:#fff;color:#0E7A63;font-size:14px;font-weight:900;padding:10px 22px;border-radius:99px;cursor:pointer;margin:0;box-shadow:none;height:auto}
.hhu-page .hhu-tl__more button:hover{background:#0E7A63;color:#fff}
@media (max-width:900px){.hhu-page .hhu-tl__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hhu-page .hhu-tl__g{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hhu-page .hhu-tc__s{display:none}.hhu-page .hhu-tc{padding-bottom:10px}.hhu-page .hhu-tc__k{font-size:10.5px;padding:5px 8px}.hhu-page .hhu-tc b{padding:2px 8px 0;font-size:13.5px!important}.hhu-page .hhu-tc__go{margin-left:8px}.hhu-page .hhu-tl__f{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.hhu-page .hhu-tl__f::-webkit-scrollbar{display:none}.hhu-page .hhu-tl__f button{flex:none}}

.hhu-page .mv-wave{transform-box:fill-box;transform-origin:center;animation:mvWave 2s ease-out infinite}
.hhu-page .mv-wave2{animation-delay:1s}
@keyframes mvWave{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
.hhu-page .mv-blink{animation:mvBlink 1.2s steps(2,end) infinite}
@keyframes mvBlink{0%{opacity:1}100%{opacity:.25}}
.hhu-page .mv-bolt{animation:mvBolt 2.4s ease-in-out infinite}
@keyframes mvBolt{0%,60%{opacity:0;transform:translateY(-6px)}66%{opacity:1;transform:none}74%{opacity:.3}80%,100%{opacity:1}}
.hhu-page .mv-lever{transform-box:fill-box;transform-origin:center bottom;animation:mvLever 2.8s ease-in-out infinite}
@keyframes mvLever{0%,40%{transform:none}50%,90%{transform:translateY(8px) scaleY(.7)}100%{transform:none}}

/* ハブページはサイドバーを出さず、本文を広く使う */
html[data-hhu] body #contents #sidebar{display:none!important}
html[data-hhu] body #contents #main-contents.main-contents{float:none!important;width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
/* ===== 今日の設計室 ===== */
.hhu-tdj{margin:0 0 14px;padding:12px 14px;background:#1f2937;border-radius:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hhu-tdj__lab{color:#fff;font-size:13px;font-weight:900;letter-spacing:.02em;flex:none}
.hhu-tdj__row{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.hhu-tdj button{border:0;margin:0;cursor:pointer;background:var(--c);color:#fff;font-size:13.5px;font-weight:800;padding:8px 14px;border-radius:99px;line-height:1.2;height:auto;min-height:0;box-shadow:none;display:inline-flex;gap:6px;align-items:center}
.hhu-tdj button i{font-style:normal;font-weight:900;opacity:.85}
.hhu-tdj button:hover{filter:brightness(1.1)}
.hhu-td{margin:26px 0 30px;--tc:#B87333}
.hhu-td__hd{display:flex;align-items:baseline;gap:12px;margin:0 0 12px}
.hhu-td__k{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--tc)}
.hhu-page .hhu-td__h{margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:22px!important;font-weight:900!important;color:#111827!important;line-height:1.3!important}
.hhu-page .hhu-td__h::before,.hhu-page .hhu-td__h::after{display:none!important}
.hhu-td__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.hhu-td__tabs button{border:2px solid #e5e7eb;border-bottom:0;margin:0;cursor:pointer;background:#f3f4f6;color:#374151;text-align:left;padding:12px 14px 13px;border-radius:12px 12px 0 0;display:flex;flex-direction:column;gap:3px;height:auto;min-height:0;box-shadow:none;line-height:1.35;position:relative}
.hhu-td__tabs button b{font-size:15px;font-weight:900;color:#111827}
.hhu-td__tabs button span{font-size:12px;color:#6b7280;font-weight:600}
.hhu-td__tabs button.is-on{background:var(--c);border-color:var(--c)}
.hhu-td__tabs button.is-on b,.hhu-td__tabs button.is-on span{color:#fff}
.hhu-td .hhu-td__box{border:3px solid var(--tc)!important;border-radius:0 0 14px 14px!important;margin:0!important;padding:14px!important;background:#fff!important}
.hhu-td .hhu-td__box>.hhb__hd{display:none!important}
.hhu-td .hhu-td__box [data-hhu-tt]{display:none!important}
.hhu-td .hhu-td__box[data-hhu-on="mkt"] [data-hhu-tt="mkt"],.hhu-td .hhu-td__box[data-hhu-on="price"] [data-hhu-tt="price"],.hhu-td .hhu-td__box[data-hhu-on="news"] [data-hhu-tt="news"],.hhu-td .hhu-td__box[data-hhu-on="me"] [data-hhu-tt="me"]{display:block!important}
@media (max-width:767px){
  .hhu-tdj{padding:10px 12px;gap:8px}
  .hhu-tdj__row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .hhu-tdj__row::-webkit-scrollbar{display:none}
  .hhu-tdj button{flex:none;font-size:13px;padding:8px 12px}
  .hhu-td__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .hhu-td__tabs button{border-radius:10px;border-bottom:2px solid #e5e7eb;padding:10px 12px}
  .hhu-td__tabs button span{display:none}
  .hhu-td__tabs{margin:0 0 8px}
  .hhu-td .hhu-td__box{border-radius:14px!important;padding:8px!important}
}
.hhu-td [data-hhu-tt="news"]{background:#fff!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}
.hhu-td [data-hhu-tt="news"] ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hhu-td [data-hhu-tt="news"] li{list-style:none!important;margin:0!important;padding:10px 12px!important;border:1px solid #e5e7eb;border-left:4px solid #2563EB;border-radius:10px;background:#fff;display:flex;flex-direction:column-reverse;gap:3px;line-height:1.45}
.hhu-td [data-hhu-tt="news"] li::before,.hhu-td [data-hhu-tt="news"] li::marker{display:none!important;content:none!important}
.hhu-td [data-hhu-tt="news"] li:first-child{border-left-color:#DC2626;background:#fff7f7}
.hhu-td [data-hhu-tt="news"] li a{color:#111827!important;text-decoration:none!important;font-weight:800;font-size:14.5px;background:none!important}
.hhu-td [data-hhu-tt="news"] li a:hover{color:#2563EB!important;text-decoration:underline!important}
.hhu-td [data-hhu-tt="news"] .rss-date{font-size:12px;font-weight:800;color:#2563EB}
.hhu-td [data-hhu-tt="news"] li:first-child .rss-date{color:#DC2626}
.hhu-td [data-hhu-tt="news"] .widgettitle,.hhu-td [data-hhu-tt="news"] .widget-title{display:none!important}
@media (max-width:767px){
  .hhu-tdj{border-radius:0}
  .hhu-td{margin:22px 6px 26px}
  .hhu-td [data-hhu-tt="news"] ul{grid-template-columns:minmax(0,1fr)}
}
.hhu-td [data-hhu-tt="news"] li a{display:flex;flex-direction:column;gap:2px}
.hhu-td .hhu-nw__no{font-size:12px;font-weight:800;color:#6b7280;display:flex;gap:6px;align-items:center}
.hhu-td .hhu-nw__no em{font-style:normal;background:#DC2626;color:#fff;font-size:11px;padding:1px 7px;border-radius:99px}
.hhu-td [data-hhu-tt="news"] .rss-date{display:none}
/* ===== 転職・キャリア ===== */
.hhu-crj{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 26px}
.hhu-crj a{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:12px;background:var(--c);color:#fff!important;text-decoration:none!important;line-height:1.3;position:relative}
.hhu-crj a:hover{filter:brightness(1.08)}
.hhu-crj i{font-style:normal;font-size:12px;font-weight:900;opacity:.85}
.hhu-crj b{font-size:15px;font-weight:900}
.hhu-crj span{font-size:12px;font-weight:700;opacity:.9}
html[data-hhu="guide-career"] .cps-post-main h2.hhu-cr__h{scroll-margin-top:80px}
html[data-hhu="guide-career"] #shindan,html[data-hhu="guide-career"] #rtoc-7{scroll-margin-top:80px}
.cps-post-main ul.hhu-cl{list-style:none!important;margin:14px 0 10px!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0!important;background:none!important}
.cps-post-main ul.hhu-cl>li{list-style:none!important;margin:0!important;padding:12px 14px 12px 16px!important;border:1px solid #e5e7eb;border-left:5px solid var(--c);border-radius:12px;background:#fff;position:relative;font-size:13.5px;color:#4b5563;line-height:1.55;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cps-post-main ul.hhu-cl>li::before,.cps-post-main ul.hhu-cl>li::after{display:none!important;content:none!important}
.cps-post-main ul.hhu-cl>li a.hhu-cl__a{display:block;color:#111827!important;font-weight:900;font-size:15px;text-decoration:none!important;background:none!important;margin:0 0 2px}
.cps-post-main ul.hhu-cl>li a.hhu-cl__a::after{content:"";position:absolute;inset:0;border-radius:12px}
.cps-post-main ul.hhu-cl>li:hover{border-color:var(--c);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.cps-post-main ul.hhu-cl>li:hover a.hhu-cl__a{color:var(--c)!important}
.cps-post-main ul.hhu-cl>li:not(.hhu-cl__i){border-left-color:#d1d5db}
.cps-post-main details.hhu-cl__soon{margin:0 0 26px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;padding:0}
.cps-post-main details.hhu-cl__soon summary{cursor:pointer;padding:10px 14px;font-size:13.5px;font-weight:800;color:#475569;list-style:none;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.cps-post-main details.hhu-cl__soon summary::-webkit-details-marker{display:none}
.cps-post-main details.hhu-cl__soon summary::before{content:"＋";font-weight:900;color:#64748b}
.cps-post-main details.hhu-cl__soon[open] summary::before{content:"－"}
.cps-post-main details.hhu-cl__soon summary span{font-size:12px;font-weight:600;color:#94a3b8}
.cps-post-main details.hhu-cl__soon ul{margin:0!important;padding:0 14px 12px 34px!important;border:0!important;background:none!important}
.cps-post-main details.hhu-cl__soon li{font-size:13px;color:#64748b;margin:4px 0!important;padding:0!important;line-height:1.5}
.cps-post-main details.hhu-cl__soon li::before{display:none!important}
.cps-post-main details.hhu-cl__soon li strong{color:#334155}
html[data-hhu="guide-career"] #hhu-career-rk{margin:30px 0}
@media (max-width:767px){
  .hhu-crj{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .hhu-crj a{padding:9px 8px}
  .hhu-crj b{font-size:13.5px}
  .cps-post-main ul.hhu-cl{grid-template-columns:minmax(0,1fr);gap:8px}
}
.cps-post-main ul.hhu-cl>li a:not(.hhu-cl__a){position:relative;z-index:1}
/* 30秒チェック（元のスタイルが欠けているため補う） */
html[data-hhu="guide-career"] .gcq{margin:22px 0 28px;padding:22px 24px;border-radius:16px;background:#1E293B;color:#fff;box-shadow:0 6px 20px rgba(15,23,42,.18)}
html[data-hhu="guide-career"] .gcq p{margin:0!important;padding:0!important}
html[data-hhu="guide-career"] .gcq__top{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px}
html[data-hhu="guide-career"] .gcq__eye{font-size:12px;font-weight:900;letter-spacing:.16em;color:#FBBF24}
html[data-hhu="guide-career"] .gcq__count{font-size:13px;font-weight:900;background:rgba(255,255,255,.14);padding:3px 10px;border-radius:99px}
html[data-hhu="guide-career"] .gcq__lead{font-size:21px;font-weight:900;line-height:1.35;margin:0 0 4px!important}
html[data-hhu="guide-career"] .gcq__sub{font-size:13px;color:#cbd5e1;line-height:1.6}
html[data-hhu="guide-career"] .gcq__bar{height:6px;border-radius:99px;background:rgba(255,255,255,.15);margin:14px 0 16px;overflow:hidden}
html[data-hhu="guide-career"] .gcq__fill{height:100%;width:0;background:#FBBF24;border-radius:99px;transition:width .25s}
html[data-hhu="guide-career"] .gcq__form{margin:0}
html[data-hhu="guide-career"] .gcq__q{border:0;margin:0 0 14px;padding:14px;background:#fff;border-radius:12px;min-width:0}
html[data-hhu="guide-career"] .gcq__q legend{float:left;width:100%;display:flex;gap:8px;align-items:center;margin:0 0 10px;padding:0;color:#111827}
html[data-hhu="guide-career"] .gcq__n{font-size:12px;font-weight:900;color:#fff;background:#475569;border-radius:6px;padding:2px 7px}
html[data-hhu="guide-career"] .gcq__qt{font-size:15.5px;font-weight:900}
html[data-hhu="guide-career"] .gcq__opts{clear:both;display:flex;flex-wrap:wrap;gap:8px}
html[data-hhu="guide-career"] .gcq__opt{position:relative;margin:0;cursor:pointer}
html[data-hhu="guide-career"] .gcq__opt input{position:absolute;opacity:0;width:1px;height:1px}
html[data-hhu="guide-career"] .gcq__opt span{display:block;padding:9px 14px;border:2px solid #e5e7eb;border-radius:10px;background:#f8fafc;color:#1f2937;font-size:14px;font-weight:800;line-height:1.3}
html[data-hhu="guide-career"] .gcq__opt:hover span{border-color:#94a3b8}
html[data-hhu="guide-career"] .gcq__opt input:checked+span{background:#2563EB;border-color:#2563EB;color:#fff}
html[data-hhu="guide-career"] .gcq__opt input:focus-visible+span{outline:3px solid #FBBF24;outline-offset:2px}
html[data-hhu="guide-career"] .gcq__act{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 0}
html[data-hhu="guide-career"] .gcq__go{border:0;margin:0;cursor:pointer;background:#FBBF24;color:#111827;font-size:16px;font-weight:900;padding:13px 26px;border-radius:12px;box-shadow:none;height:auto;line-height:1.2}
html[data-hhu="guide-career"] .gcq__go:disabled{background:#475569;color:#94a3b8;cursor:not-allowed}
html[data-hhu="guide-career"] .gcq__hint{font-size:13px;font-weight:700;color:#cbd5e1}
html[data-hhu="guide-career"] .gcq__out{background:#fff;color:#111827;border-radius:12px;padding:18px}
html[data-hhu="guide-career"] .gcq__out[hidden]{display:none}
html[data-hhu="guide-career"] .gcq__badge,html[data-hhu="guide-career"] .gcq__lbl{font-size:11.5px!important;font-weight:900;letter-spacing:.14em;color:#2563EB}
html[data-hhu="guide-career"] .gcq__title{font-size:20px;font-weight:900;margin:4px 0 6px!important}
html[data-hhu="guide-career"] .gcq__desc{font-size:14px;line-height:1.7;color:#374151;margin:0 0 14px!important}
html[data-hhu="guide-career"] .gcq__steps{list-style:none!important;margin:8px 0 12px!important;padding:0!important;display:grid;gap:8px}
html[data-hhu="guide-career"] .gcq__steps li{list-style:none!important;margin:0!important;padding:0!important}
html[data-hhu="guide-career"] .gcq__steps li::before{display:none!important}
html[data-hhu="guide-career"] .gcq__steps a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;text-decoration:none!important;color:#111827!important;background:#fff}
html[data-hhu="guide-career"] .gcq__steps a:hover{border-color:#2563EB}
html[data-hhu="guide-career"] .gcq__num{flex:none;font-size:14px;font-weight:900;color:#fff;background:#2563EB;border-radius:8px;padding:4px 8px}
html[data-hhu="guide-career"] .gcq__ttl{flex:1;min-width:0;font-weight:900;font-size:15px;display:flex;flex-direction:column;gap:2px}
html[data-hhu="guide-career"] .gcq__why{font-size:12.5px;font-weight:600;color:#6b7280}
html[data-hhu="guide-career"] .gcq__arw{flex:none;font-weight:900;color:#2563EB}
html[data-hhu="guide-career"] .gcq__note{font-size:13px;line-height:1.6;background:#FEF3C7;color:#78350F;border-radius:10px;padding:10px 12px!important;margin:0 0 12px!important}
html[data-hhu="guide-career"] .gcq__again{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:#6b7280}
html[data-hhu="guide-career"] .gcq__reset{border:2px solid #cbd5e1;background:#fff;color:#334155;font-weight:800;font-size:13px;padding:7px 14px;border-radius:10px;cursor:pointer;margin:0;height:auto;line-height:1.2;box-shadow:none}
@media (max-width:767px){
  html[data-hhu="guide-career"] .gcq{padding:16px 12px;border-radius:14px}
  html[data-hhu="guide-career"] .gcq__lead{font-size:18px}
  html[data-hhu="guide-career"] .gcq__q{padding:12px 10px}
  html[data-hhu="guide-career"] .gcq__opt span{font-size:13.5px;padding:8px 11px}
  html[data-hhu="guide-career"] .gcq__go{width:100%}
}
/* ===== 交流ひろば ===== */
html[data-hhu="lounge"] .hiroba-cards .hhu-lg__hc{cursor:pointer;position:relative;padding-bottom:40px!important;transition:border-color .15s,transform .15s}
html[data-hhu="lounge"] .hiroba-cards .hhu-lg__hc:hover,html[data-hhu="lounge"] .hiroba-cards .hhu-lg__hc:focus-visible{border-color:#2e7d5b!important;transform:translateY(-2px);outline:0}
html[data-hhu="lounge"] .hhu-lg__go{position:absolute;left:10px;right:10px;bottom:10px;font-style:normal;font-size:13px;font-weight:900;color:#fff;background:#2e7d5b;border-radius:8px;padding:6px 0;line-height:1.2}
html[data-hhu="lounge"] .hiroba-cards .hc:nth-child(2) .hhu-lg__go{background:#e8833a}
html[data-hhu="lounge"] .hiroba-cards .hc:nth-child(1) .hhu-lg__go{background:#3a8fc9}
.hhu-lg{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border-radius:14px;background:#1f2937;color:#fff}
.hhu-lg__st{display:flex;gap:22px;flex-wrap:wrap}
.hhu-lg__st div{display:flex;align-items:baseline;gap:6px}
.hhu-lg__st b{font-size:24px;font-weight:900;line-height:1;color:#fff}
.hhu-lg__st span{font-size:12.5px;font-weight:700;color:#cbd5e1}
.hhu-lg__b{display:flex;gap:8px;flex-wrap:wrap}
.hhu-lg__b button{border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:14px;font-weight:900;padding:9px 16px;border-radius:10px;cursor:pointer;margin:0;height:auto;line-height:1.2;box-shadow:none}
.hhu-lg__b button.is-main{background:#22c55e;border-color:#22c55e;color:#052e16}
.hhu-lg__b button:hover{filter:brightness(1.1)}
html[data-hhu="lounge"] ol.comment-list .comment-body.hhu-lg__clip{max-height:420px;overflow:hidden;padding-bottom:46px!important}
html[data-hhu="lounge"] ol.comment-list .comment-body.hhu-lg__clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;border-radius:0 0 16px 16px;background:linear-gradient(rgba(255,255,255,0),#fff 70%);pointer-events:none}
html[data-hhu="lounge"] ol.comment-list li.bypostauthor>.comment-body.hhu-lg__clip::after{background:linear-gradient(rgba(155,232,110,0),#9be86e 70%)}
html[data-hhu="lounge"] ol.comment-list .comment-body.hhu-lg__clip.is-open{max-height:none;overflow:visible}
html[data-hhu="lounge"] ol.comment-list .comment-body.hhu-lg__clip.is-open::after{display:none}
html[data-hhu="lounge"] ol.comment-list .comment-body.hhu-lg__clip:not(.is-open) .comment-author img.avatar{display:none}
html[data-hhu="lounge"] .hhu-lg__more{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:2;border:0;background:#1f2937;color:#fff;font-size:13px;font-weight:900;padding:7px 18px;border-radius:99px;cursor:pointer;margin:0;height:auto;line-height:1.2;box-shadow:0 2px 6px rgba(0,0,0,.2);white-space:nowrap}
html[data-hhu="lounge"] .hhu-lg__hl{box-shadow:0 0 0 4px #FBBF24!important;transition:box-shadow .3s}
html[data-hhu="lounge"] .hhu-lg__hhb{margin-top:30px!important}
@media (max-width:767px){
  .hhu-lg{padding:12px;gap:10px}
  .hhu-lg__st{gap:14px}
  .hhu-lg__st b{font-size:20px}
  .hhu-lg__b{width:100%}
  .hhu-lg__b button{flex:1}
  html[data-hhu="lounge"] ol.comment-list .comment-body.hhu-lg__clip{max-height:360px}
}
/* ===== 早見表 ===== */
html[data-hhu="hayamihyou-matome"] .hym-nav .hhu-hy__srch{background:#1f2937;border-color:#1f2937;color:#fff}
html[data-hhu="hayamihyou-matome"] .hym-nav .hhu-hy__srch::before{content:"";display:inline-block;width:11px;height:11px;margin:0 5px -1px 0;border:2px solid currentColor;border-radius:50%;box-sizing:border-box;vertical-align:baseline}
html[data-hhu="hayamihyou-matome"] .hym-nav .hym-navchip.hhu-on{background:#0891B2;border-color:#0891B2;color:#fff}
@media (max-width:767px){
  html[data-hhu="hayamihyou-matome"] .hym-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px 2px;gap:6px}
  html[data-hhu="hayamihyou-matome"] .hym-nav::-webkit-scrollbar{display:none}
  html[data-hhu="hayamihyou-matome"] .hym-nav .hym-navchip{flex:none;white-space:nowrap}
}
/* ===== ドット動物の案内役 ===== */
html[data-hhu] #hpg{display:none!important}
.hhu-pal{box-sizing:border-box!important;width:auto!important;max-width:100%;display:flex;gap:16px;align-items:flex-start;margin:0 0 26px;padding:18px 18px 18px 16px;border-radius:16px;background:#1f2937;color:#fff;box-shadow:0 6px 18px rgba(15,23,42,.16);position:relative;overflow:hidden}
.hhu-pal::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--hc)}
.hhu-pal__who{flex:none;width:84px;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px}
.hhu-pal__sp{width:72px;height:72px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -4px 0 rgba(0,0,0,.08)}
.hhu-pal__sp svg{width:56px;height:56px;display:block;animation:hhuBob 1.6s steps(2,end) infinite}
.hhu-pal__sp.is-hop svg{animation:hhuHop .45s steps(3,end) 1,hhuBob 1.6s steps(2,end) .45s infinite}
.hhu-pal__who span{font-size:12px;font-weight:900;color:#fff;background:var(--pc);border-radius:99px;padding:2px 10px;white-space:nowrap}
.hhu-pal__main{flex:1;min-width:0}
.hhu-pal__bub{position:relative;background:#fff;color:#111827;border-radius:14px;padding:13px 16px;margin:0 0 12px;min-height:48px}
.hhu-pal__bub::before{content:"";position:absolute;left:-9px;top:22px;border:9px solid transparent;border-right-color:#fff;border-left:0}
.hhu-pal__bub.is-in{animation:hhuIn .25s ease-out}
.hhu-pal__t{font-size:15px;font-weight:800;line-height:1.65}
.hhu-pal__q{font-size:12.5px;font-weight:900;color:var(--hc);margin:0 0 2px}
.hhu-pal__go{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;border:0;cursor:pointer;background:var(--hc);color:#fff!important;text-decoration:none!important;font-size:14.5px;font-weight:900;padding:10px 18px;border-radius:10px;line-height:1.2;height:auto;box-shadow:0 3px 0 rgba(0,0,0,.18)}
.hhu-pal__go:hover{filter:brightness(1.08)}
.hhu-pal__o{display:flex;flex-wrap:wrap;gap:8px}
.hhu-pal__o button{border:2px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:14px;font-weight:800;padding:9px 14px;border-radius:10px;cursor:pointer;margin:0;height:auto;line-height:1.3;box-shadow:none;text-align:left}
.hhu-pal__o button::after{content:" ›";opacity:.6}
.hhu-pal__o button:hover{border-color:#fff}
.hhu-pal__o button.is-on{background:#fff;border-color:#fff;color:#111827}
.hhu-pal.is-call{animation:hhuCall 1s ease-out}
.hhu-palm{position:fixed;left:14px;bottom:84px;z-index:9990;display:flex;align-items:center;gap:0;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}
.hhu-palm.is-on{opacity:1;transform:none;pointer-events:auto}
.hhu-palm__b{display:flex;align-items:center;gap:8px;border:0;margin:0;cursor:pointer;background:#1f2937;color:#fff;border-radius:99px;padding:5px 14px 5px 5px;height:auto;line-height:1.2;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.hhu-palm__sp{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.hhu-palm__sp svg{width:28px;height:28px;display:block;animation:hhuBob 1.6s steps(2,end) infinite}
.hhu-palm__m{font-size:13px;font-weight:900;white-space:nowrap}
.hhu-palm__x{border:0;margin:0 0 0 -6px;cursor:pointer;background:#fff;color:#374151;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:900;line-height:22px;padding:0;align-self:flex-start;box-shadow:0 1px 4px rgba(0,0,0,.25)}
@keyframes hhuBob{0%{transform:translateY(0)}100%{transform:translateY(-2px)}}
@keyframes hhuHop{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@keyframes hhuIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes hhuCall{0%{box-shadow:0 0 0 0 rgba(251,191,36,.9)}100%{box-shadow:0 0 0 14px rgba(251,191,36,0)}}
@media (prefers-reduced-motion:reduce){.hhu-pal__sp svg,.hhu-palm__sp svg,.hhu-pal__bub.is-in,.hhu-pal.is-call{animation:none!important}}
@media (max-width:767px){
  .hhu-pal{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:14px 12px 14px 14px;border-radius:14px}
  .hhu-pal__main{display:contents}
  .hhu-pal__who{grid-column:1;grid-row:1}
  .hhu-pal__bub{grid-column:2;grid-row:1;margin:0}
  .hhu-pal__o{grid-column:1/-1}
  html[data-hhu="today"] .hhu-pal{border-radius:0}
  .hhu-pal__who{width:56px}
  .hhu-pal__sp{width:52px;height:52px;border-radius:12px}
  .hhu-pal__sp svg{width:40px;height:40px}
  .hhu-pal__who span{font-size:11px;padding:2px 7px}
  .hhu-pal__bub{padding:10px 12px}
  .hhu-pal__bub::before{top:16px}
  .hhu-pal__t{font-size:14px}
  .hhu-pal__o{gap:6px}
  .hhu-pal__o button{font-size:13.5px;padding:8px 11px;flex:1 1 calc(50% - 6px)}
  .hhu-palm{left:10px;bottom:78px}
}
/* ===== 調べる：横断検索 ===== */
.hhu-sr__box{margin:16px 0 0;max-width:720px}
.hhu-sr__f{display:flex;gap:0;margin:0;background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.22);overflow:hidden}
.hhu-page .hhu-sr__q{flex:1;min-width:0;border:0!important;outline:0;margin:0!important;padding:16px 18px!important;font-size:18px!important;font-weight:700;color:#111827;background:#fff!important;height:auto!important;box-shadow:none!important;border-radius:0!important;-webkit-appearance:none;appearance:none}
.hhu-sr__q::placeholder{color:#9ca3af;font-weight:600}
.hhu-sr__f button{flex:none;border:0;margin:0;cursor:pointer;background:#111827;color:#fff;font-size:16px;font-weight:900;padding:0 26px;height:auto;line-height:1;box-shadow:none;border-radius:0}
.hhu-sr{margin:0 0 26px;padding:18px;border-radius:16px;background:#fff;border:3px solid #CA8A04;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.hhu-sr[hidden]{display:none!important}
.hhu-sr__hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:15px;color:#374151}
.hhu-sr__hd b{font-size:19px;font-weight:900;color:#111827}
.hhu-sr__hd a{font-size:13px;font-weight:800;color:#2563EB!important;text-decoration:none!important}
.hhu-sr__tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:0 0 12px;border-bottom:2px solid #f1f3f6}
.hhu-sr__tabs button{border:2px solid #e5e7eb;background:#fff;color:#1f2937;font-size:14px;font-weight:900;padding:7px 12px;border-radius:10px;cursor:pointer;margin:0;height:auto;line-height:1.2;box-shadow:none;display:inline-flex;gap:6px;align-items:center}
.hhu-sr__tabs button b{font-size:12px;background:#f1f3f6;color:#374151;border-radius:99px;padding:1px 8px;font-weight:900}
.hhu-sr__tabs button.is-on{background:var(--c);border-color:var(--c);color:#fff}
.hhu-sr__tabs button.is-on b{background:rgba(255,255,255,.25);color:#fff}
.hhu-sr__tabs button.is-zero{opacity:.45}
.hhu-ans{margin:0 0 16px;padding:14px 16px;border-radius:12px;background:#FEF3C7;border-left:6px solid #CA8A04}
.hhu-ans__k{font-size:12px;font-weight:900;letter-spacing:.08em;color:#854D0E}
.hhu-ans__t{font-size:20px;font-weight:900;color:#111827;margin:2px 0 4px}
.hhu-ans__t small,.hhu-r__t small{font-size:12px;font-weight:700;color:#6b7280;margin-left:8px}
.hhu-ans__d{font-size:14.5px;line-height:1.75;color:#1f2937}
.hhu-ans a{display:inline-block;margin:8px 0 0;font-size:13.5px;font-weight:900;color:#854D0E!important;text-decoration:none!important}
.hhu-sg{margin:0 0 18px}
.hhu-sg__h{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.hhu-sg__h b{font-size:15px;font-weight:900;color:#fff;background:var(--c);border-radius:8px;padding:3px 12px}
.hhu-sg__h span{font-size:13px;font-weight:800;color:#6b7280}
.hhu-sg__h button{margin:0 0 0 auto;border:0;background:none;color:var(--c);font-size:13.5px;font-weight:900;cursor:pointer;padding:4px 0;height:auto;box-shadow:none}
.hhu-rs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hhu-rs--po,.hhu-rs--tl{grid-template-columns:repeat(2,minmax(0,1fr))}
.hhu-r{display:flex;flex-direction:column;gap:3px;padding:11px 14px;border:1px solid #e5e7eb;border-left:5px solid var(--rc,#6b7280);border-radius:10px;background:#fff;text-decoration:none!important;color:#111827!important;position:relative;min-width:0}
.hhu-r:hover{border-color:var(--rc);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.hhu-r--hy{--rc:#0891B2}.hhu-r--gl{--rc:#CA8A04}.hhu-r--po{--rc:#2563EB}.hhu-r--tl{--rc:#0E7A63}
.hhu-r__b{align-self:flex-start;font-size:11px;font-weight:900;color:#fff;background:var(--rc);border-radius:5px;padding:1px 7px}
.hhu-r__t{font-size:15px;font-weight:900;line-height:1.45}
.hhu-r__d{font-size:13px;color:#4b5563;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hhu-r__m{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:#6b7280}
.hhu-r__m em{font-style:normal;font-weight:800;color:#0e7490;flex-basis:100%}
.hhu-r__m i{font-style:normal;background:#f3f4f6;border-radius:5px;padding:1px 6px}
.hhu-r mark,.hhu-ans mark,.hhu-rc mark{background:#FDE68A;color:inherit;padding:0 1px;border-radius:2px}
.hhu-rcs{display:flex;flex-wrap:wrap;gap:6px}
.hhu-rc{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:99px;border:2px solid #ddd6fe;background:#f5f3ff;color:#4c1d95!important;font-size:13.5px;font-weight:800;text-decoration:none!important}
.hhu-rc b{font-size:11.5px;background:#7C3AED;color:#fff;border-radius:99px;padding:0 7px}
.hhu-sr__ld,.hhu-sr__no{font-size:13px;color:#6b7280;padding:8px 2px}
.hhu-sr__none{display:flex;flex-direction:column;gap:4px;padding:14px;background:#f9fafb;border-radius:10px}
.hhu-sr__none b{font-size:15px}
.hhu-sr__none span{font-size:13px;color:#6b7280}
.hhu-sr__more{display:block;width:100%;margin:10px 0 0;border:2px solid #e5e7eb;background:#fff;color:#1f2937;font-size:14px;font-weight:900;padding:10px;border-radius:10px;cursor:pointer;height:auto;box-shadow:none}
html[data-hhu="guide-shiraberu"] .hhu-hero__tx{flex:1;min-width:0}
@media (max-width:767px){
  .hhu-sr__box{margin-top:12px}
  .hhu-page .hhu-sr__q{font-size:16px!important;padding:13px 12px!important}
  .hhu-sr__f button{padding:0 16px;font-size:15px}
  .hhu-sr{padding:12px;border-radius:14px}
  .hhu-sr__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .hhu-sr__tabs::-webkit-scrollbar{display:none}
  .hhu-sr__tabs button{flex:none;font-size:13px;padding:6px 10px}
  .hhu-rs,.hhu-rs--po,.hhu-rs--tl{grid-template-columns:minmax(0,1fr)}
}
html[data-hhu="guide-shiraberu"] .hhu-hero__st{}
@media (max-width:767px){html[data-hhu="guide-shiraberu"] .hhu-hero__st{display:none!important}}
/* よく調べられている語（アップグレード） */
@media (min-width:901px){.hhu-page .hhu-hero.has-pop{flex-wrap:wrap}.hhu-page .hhu-hero.has-pop .hhu-sr__pop{flex:1 1 100%}}
.hhu-sr__pop{display:block;flex:none;position:relative;z-index:1;margin:2px 0 0;padding:12px 12px 12px;border-radius:14px;background:rgba(40,20,0,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.hhu-sr__ph{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.hhu-sr__ph svg{width:18px;height:18px;flex:none;fill:none;stroke:#FFC94A;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hhu-sr__ph b{font-size:14px;font-weight:900;color:#fff;letter-spacing:.02em}
.hhu-sr__ph span{margin-left:auto;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.75)}
.hhu-sr__pw{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.hhu-sr__pw button{display:flex!important;align-items:center;gap:8px;min-width:0;border:0!important;margin:0;cursor:pointer;background:#fff!important;color:#111827!important;border-radius:10px!important;padding:8px 10px!important;height:auto;line-height:1.25;box-shadow:0 3px 0 rgba(60,30,0,.35)!important;text-align:left;transition:transform .12s,box-shadow .12s;position:relative}
.hhu-sr__pw button:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(60,30,0,.35)!important}
.hhu-sr__pw button:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(60,30,0,.35)!important}
.hhu-sr__pw i{flex:none;width:22px;height:22px;border-radius:7px;background:#374151;color:#fff;font-style:normal;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}
.hhu-sr__pw .r1 i{background:#DC2626}.hhu-sr__pw .r2 i{background:#EA580C}.hhu-sr__pw .r3 i{background:#CA8A04}
.hhu-sr__pw span{flex:1;min-width:0;font-size:13.5px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hhu-sr__pw em{display:none;flex:none;font-style:normal;font-size:11px;font-weight:800;color:#854D0E;background:#FEF3C7;border-radius:99px;padding:1px 7px}
.hhu-sr__pw .has-n em{display:inline-block}
@media (max-width:1000px){.hhu-sr__pw{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){
  .hhu-sr__pop{padding:10px;margin-right:0}
  .hhu-sr__ph span{display:none}
  .hhu-sr__pw{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;gap:7px;padding:0 0 4px;margin:0 -2px}
  .hhu-sr__pw::-webkit-scrollbar{display:none}
  .hhu-sr__pw button{flex:none;max-width:210px}
  .hhu-sr__pw em{display:none!important}
}
/* 下の「人気のキーワード」「みんなが検索した言葉」 */
.hhu-kw{margin:0 0 14px!important;padding:14px!important;border-radius:16px;height:100%;box-sizing:border-box;color:#fff;background:linear-gradient(120deg,#854D0E,#CA8A04);box-shadow:0 8px 20px -12px rgba(80,40,0,.6);position:relative;overflow:hidden}
.hhu-kw--rec{background:linear-gradient(120deg,#1f2937,#334155);box-shadow:0 8px 20px -12px rgba(15,23,42,.6)}
.hhu-kw__h{display:flex;align-items:center;gap:8px;margin:0 0 10px;flex-wrap:wrap}
.hhu-kw__h svg{width:18px;height:18px;flex:none;fill:none;stroke:#FFC94A;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hhu-kw__h b{font-size:15px;font-weight:900;color:#fff}
.hhu-kw__h span{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.75)}
.hhu-kw__w{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px}
.hhu-kw__w button{display:flex;align-items:center;gap:7px;min-width:0;border:0;margin:0;cursor:pointer;background:#fff;color:#111827;border-radius:10px;padding:7px 9px;height:auto;line-height:1.25;box-shadow:0 3px 0 rgba(0,0,0,.28);text-align:left;transition:transform .12s,box-shadow .12s}
.hhu-kw__w button:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(0,0,0,.28)}
.hhu-kw__w button:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.28)}
.hhu-kw__w i{flex:none;width:21px;height:21px;border-radius:7px;background:#854D0E;color:#fff;font-style:normal;font-size:11.5px;font-weight:900;display:flex;align-items:center;justify-content:center}
.hhu-kw--rec .hhu-kw__w i{background:#2563EB}
.hhu-kw__w span{flex:1;min-width:0;font-size:13.5px;font-weight:900;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.hhu-kw__w em{display:none;flex:none;font-style:normal;font-size:11px;font-weight:800;color:#854D0E;background:#FEF3C7;border-radius:99px;padding:1px 6px}
.hhu-kw--rec .hhu-kw__w em{color:#1e40af;background:#DBEAFE}
.hhu-kw__w .has-n em{display:inline-block}
.hhu-kw__f{margin:10px 0 0;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.7)}
@media (max-width:767px){
  .hhu-kw{padding:12px!important}
  .hhu-kw__w{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .hhu-kw__w span{font-size:13px}
}
/* 下の「根拠から探す・型番から引く」 */
html[data-hhu="guide-shiraberu"] #hhb .hhb__hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(120deg,#7F1D1D,#B91C1C)!important;padding:14px 18px!important;border-radius:14px 14px 0 0}
html[data-hhu="guide-shiraberu"] #hhb .hhb__k{background:#FFC94A!important;color:#111827!important;font-size:11px!important;font-weight:900;letter-spacing:.12em;border-radius:6px;padding:3px 8px}
html[data-hhu="guide-shiraberu"] #hhb .hhb__t{font-size:19px!important;font-weight:900!important;color:#fff!important}
html[data-hhu="guide-shiraberu"] #hhb .hhu-hbd{flex-basis:100%;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.82)}
html[data-hhu="guide-shiraberu"] #hsb .hsb__hd{display:none!important}
html[data-hhu="guide-shiraberu"] #hsb{margin-top:6px}
html[data-hhu="guide-shiraberu"] #hsb .hsb__card{border:2px solid #e5e7eb!important;border-radius:14px!important;box-shadow:0 4px 12px rgba(15,23,42,.06)!important;display:flex!important;flex-direction:column}
html[data-hhu="guide-shiraberu"] #hsb .hsb__card:hover{border-color:var(--c)!important;transform:translateY(-2px)}
html[data-hhu="guide-shiraberu"] #hsb .hsb__card::before{display:none!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__in{display:flex;flex-direction:column;flex:1;padding:0 0 16px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__in > *:not(.hsb__eye){margin-left:18px!important;margin-right:18px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__eye{display:block!important;margin:0 0 14px!important;border-radius:0!important;background:var(--c)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.06em!important;padding:9px 18px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__t{font-size:17px!important;font-weight:900!important;color:#111827!important;margin-bottom:8px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__d,html[data-hhu="guide-shiraberu"] #hsb .hsb__words,html[data-hhu="guide-shiraberu"] #hsb .hsb__meta{font-size:13px!important;color:#4b5563!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__go{margin-top:auto!important;align-self:flex-start;background:var(--c);color:#fff!important;font-size:14px!important;font-weight:900!important;padding:9px 16px!important;border-radius:10px;box-shadow:0 3px 0 rgba(0,0,0,.18)}
html[data-hhu="guide-shiraberu"] #hsb .hsb__grid{gap:12px!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__grid .hsb__card{min-height:0}
html[data-hhu="guide-shiraberu"] #hsb .hsb__chips span{background:#fff!important;border:1.5px solid var(--c)!important;color:#1f2937!important;font-weight:800!important;font-size:11.5px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__tbl th{background:var(--c)!important;color:#fff!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__hero{--c:#B91C1C!important;margin-bottom:14px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__hero .hsb__in{padding-bottom:18px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__hero .hsb__t{font-size:21px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__q{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;border:0!important;margin-top:4px!important;margin-bottom:12px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__q > div{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:3px!important;padding:10px 12px 10px 48px!important;border:0!important;border-radius:10px;background:#FEF2F2;position:relative;transition:background .15s,transform .15s}
html[data-hhu="guide-shiraberu"] #hsb .hsb__q > div b{font-size:14px!important;font-weight:900!important;color:#111827!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__q > div i{margin:0!important;text-align:left!important;font-size:12.5px!important;font-weight:700;color:#991B1B!important}
html[data-hhu="guide-shiraberu"] #hsb .hhu-qn{position:absolute;left:10px;top:11px;font-style:normal;font-size:12px;font-weight:900;color:#fff;background:#B91C1C;border-radius:7px;padding:2px 6px}
html[data-hhu="guide-shiraberu"] #hsb .hhu-qw{cursor:pointer}
html[data-hhu="guide-shiraberu"] #hsb .hhu-qw:hover{background:#FEE2E2;transform:translateY(-1px)}
html[data-hhu="guide-shiraberu"] #hsb .hhu-qw::after{content:"くわしく探す →";display:inline-block;margin-top:4px;font-size:12px;font-weight:900;color:#fff;background:#B91C1C;border-radius:6px;padding:2px 8px}
html[data-hhu="guide-shiraberu"] #hsb .hsb__more{display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:14px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__more a{display:inline-flex!important;align-items:center;gap:6px;background:#1f2937!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:9px 14px!important;font-size:13.5px!important;font-weight:900!important;box-shadow:0 3px 0 rgba(0,0,0,.2)}
html[data-hhu="guide-shiraberu"] #hsb .hsb__more a::after{content:"→";opacity:.7}
html[data-hhu="guide-shiraberu"] #hsb .hsb__more a:hover{background:#B91C1C!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__hd h3{font-size:19px!important;font-weight:900!important;color:#111827!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__box{border:2px solid #e5e7eb!important;border-radius:14px!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__box::before{height:5px!important;background:#EA580C!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__g{color:#374151!important;font-size:11.5px!important;font-weight:900!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__chip{background:#fff!important;border:2px solid #e5e7eb!important;color:#1f2937!important;font-size:13px!important;font-weight:900!important;border-radius:10px!important;padding:6px 11px!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__chip:hover{border-color:#EA580C!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__chip[aria-selected="true"]{background:#EA580C!important;border-color:#EA580C!important;color:#fff!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__list li::before,html[data-hhu="guide-shiraberu"] #hrk .hrk__list li::marker{display:none!important;content:none!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__list li{padding:0!important;list-style:none!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__t{font-size:14.5px!important;font-weight:900!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__n{width:28px!important;height:28px!important;border-radius:8px!important;font-size:13px!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__list li:first-child .hrk__n{background:#DC2626!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__list li:nth-child(2) .hrk__n{background:#EA580C!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__list li:nth-child(3) .hrk__n{background:#CA8A04!important}
html[data-hhu="guide-shiraberu"] #hrk .hrk__list li:nth-child(n+4) .hrk__n{background:#374151!important}
@media (max-width:767px){
  html[data-hhu="guide-shiraberu"] #hhb .hhb__t{font-size:17px!important}
  html[data-hhu="guide-shiraberu"] #hsb .hsb__q{grid-template-columns:minmax(0,1fr)}
  html[data-hhu="guide-shiraberu"] #hsb .hsb__hero .hsb__t{font-size:18px!important}
  html[data-hhu="guide-shiraberu"] #hrk .hrk__chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  html[data-hhu="guide-shiraberu"] #hrk .hrk__chips::-webkit-scrollbar{display:none}
  html[data-hhu="guide-shiraberu"] #hrk .hrk__chip{flex:none}
}
html[data-hhu="guide-shiraberu"] #hsb .hsb__in p{margin-top:0!important;margin-bottom:10px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__in p.hsb__go{margin-top:auto!important;margin-bottom:0!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__in .hsb__q + .hsb__meta{margin-top:0!important}
html[data-hhu="guide-shiraberu"] .hhu-rr{background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:0 0 10px;overflow:hidden;margin:0 0 14px}
html[data-hhu="guide-shiraberu"] .hhu-rr .hhu-rr__h{display:flex;align-items:center;gap:8px;background:#0E7A63;color:#fff;font-size:15px;font-weight:900;padding:11px 16px;margin:0 0 6px}
html[data-hhu="guide-shiraberu"] .hhu-rr .hhu-rr__h svg{stroke:#fff!important}
html[data-hhu="guide-shiraberu"] .hhu-rr .harita-popular-posts{padding:0 16px}
html[data-hhu="guide-shiraberu"] .hhu-rr a{font-size:14.5px!important;font-weight:900!important;color:#111827!important;text-decoration:none!important}
html[data-hhu="guide-shiraberu"] .hhu-rr a:hover{color:#0E7A63!important;text-decoration:underline!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__in p:empty,html[data-hhu="guide-shiraberu"] #hsb .hsb__in > br,html[data-hhu="guide-shiraberu"] #hsb .hsb__card > br,html[data-hhu="guide-shiraberu"] #hsb .hsb__card > p:empty{display:none!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__in p:not(.hsb__go){padding:0!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__in p.hsb__meta{margin-bottom:14px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__grid .hsb__t{font-size:18px!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__grid .hsb__d{font-size:14px!important;line-height:1.8!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__tbl{font-size:12.5px!important;width:calc(100% - 36px)!important}
html[data-hhu="guide-shiraberu"] #hsb .hsb__tbl td{font-size:12px!important}
@media (max-width:767px){html[data-hhu="guide-shiraberu"] #hsb .hsb__grid{grid-template-columns:minmax(0,1fr)!important}html[data-hhu="guide-shiraberu"] #hsb .hsb__tbl{display:block;overflow-x:auto}}
/* こういうことを探している人は、ここへ */
.hhu-fit{margin:0 0 16px;padding:16px;border-radius:14px;background:#fff;border:2px solid #1f2937}
.hhu-fit__h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.hhu-fit__h b{font-size:18px;font-weight:900;color:#111827}
.hhu-fit__h span{font-size:12.5px;font-weight:700;color:#6b7280}
.hhu-fit__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hhu-fit .hhu-fit__a,#hsb .hhu-fit .hhu-fit__a{display:flex!important;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f9fafb;border:2px solid #eef0f3;text-decoration:none!important;color:#111827!important;transition:border-color .15s,transform .15s,background .15s}
.hhu-fit__a:hover{border-color:var(--c);background:#fff;transform:translateY(-1px)}
.hhu-fit__q{flex:1;min-width:0;font-size:14.5px;font-weight:900;line-height:1.5}
.hhu-fit__q::before{content:"「";color:#9ca3af}
.hhu-fit__q::after{content:"」";color:#9ca3af}
.hhu-fit .hhu-fit__to{flex:none;display:grid;text-align:left;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;background:var(--c);color:#fff;border-radius:10px;padding:7px 12px 7px 9px;box-shadow:0 3px 0 rgba(0,0,0,.18);width:178px;box-sizing:border-box}
.hhu-fit__to svg{grid-row:1/3;width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.hhu-fit__to b{font-size:14px;font-weight:900;line-height:1.25;color:#fff}
.hhu-fit__to small{font-size:11px;font-weight:700;opacity:.88;line-height:1.3}
.hhu-who{margin:2px 18px 14px!important;padding:10px 12px;border-radius:10px;background:#f9fafb;border:1.5px dashed var(--c)}
.hhu-who__h{font-size:12px;font-weight:900;color:var(--c);margin:0 0 5px;letter-spacing:.04em}
.hhu-who__i{display:flex;gap:7px;align-items:flex-start;font-size:13.5px;font-weight:800;color:#1f2937;line-height:1.55;margin:3px 0}
.hhu-who__i svg{flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:var(--c);fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;padding:2px;box-sizing:border-box}
@media (max-width:767px){
  .hhu-fit{padding:12px}
  .hhu-fit__h b{font-size:16px}
  .hhu-fit__g{grid-template-columns:minmax(0,1fr)}
  .hhu-fit .hhu-fit__a,#hsb .hhu-fit .hhu-fit__a{flex-direction:column;align-items:stretch;gap:8px}
  .hhu-fit .hhu-fit__to{width:auto}
}
html[data-hhu="guide-shiraberu"] .hhu-rr{display:none!important}
/* 案内役どうしの会話 */
.hhu-talk{margin:0 0 26px;padding:16px;border-radius:16px;background:#f3f6f4;border:2px solid #d9e3dc}
.hhu-talk__h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.hhu-talk__h b{font-size:18px;font-weight:900;color:#111827}
.hhu-talk__h span{font-size:12.5px;font-weight:700;color:#6b7280}
.hhu-talk__log{display:flex;flex-direction:column;gap:10px}
.hhu-talk__m{display:flex;align-items:flex-start;gap:10px;max-width:760px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.hhu-talk__m.is-on{opacity:1;transform:none}
.hhu-talk__m.is-b{flex-direction:row-reverse;margin-left:auto}
.hhu-talk__av{flex:none;width:52px;display:flex;flex-direction:column;align-items:center;gap:3px}
.hhu-talk__av svg{width:44px;height:44px;background:#fff;border-radius:12px;padding:5px;box-sizing:border-box;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.hhu-talk__av span{font-size:11px;font-weight:900;color:#fff;background:var(--ca);border-radius:99px;padding:1px 7px;white-space:nowrap}
.hhu-talk__m.is-b .hhu-talk__av span{background:var(--cb)}
.hhu-talk__bb{position:relative;min-width:0;background:#fff;border:2px solid var(--ca);border-radius:14px;padding:10px 14px;font-size:14.5px;font-weight:800;line-height:1.7;color:#111827}
.hhu-talk__m.is-b .hhu-talk__bb{background:#EAF2FC;border-color:var(--cb)}
.hhu-talk__bb::before{content:"";position:absolute;top:14px;left:-9px;border:8px solid transparent;border-right-color:var(--ca);border-left:0}
.hhu-talk__m.is-b .hhu-talk__bb::before{left:auto;right:-9px;border-right:0;border-left:8px solid var(--cb)}
.hhu-talk__dots{display:none;gap:4px;padding:4px 2px}
.hhu-talk__dots i{width:7px;height:7px;border-radius:50%;background:var(--ca);animation:hhuDot 1s infinite}
.hhu-talk__dots i:nth-child(2){animation-delay:.15s}.hhu-talk__dots i:nth-child(3){animation-delay:.3s}
.hhu-talk__m.is-typing .hhu-talk__dots{display:flex}
.hhu-talk__m.is-typing .hhu-talk__tx,.hhu-talk__m.is-typing .hhu-talk__try{display:none}
.hhu-talk__try{display:inline-flex;align-items:center;margin:8px 0 2px;border:0;cursor:pointer;background:var(--ca);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:900;padding:6px 12px;border-radius:9px;height:auto;line-height:1.3;box-shadow:0 3px 0 rgba(0,0,0,.18)}
.hhu-talk__try:hover{filter:brightness(1.08)}
.hhu-talk__all{display:block;margin:12px auto 0;border:2px solid #cbd5d0;background:#fff;color:#374151;font-size:13px;font-weight:900;padding:7px 16px;border-radius:99px;cursor:pointer;height:auto;line-height:1.2;box-shadow:none}
.hhu-talk.is-full .hhu-talk__all{display:none}
@keyframes hhuDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.hhu-talk__m{transition:none}.hhu-talk__dots i{animation:none}}
@media (max-width:767px){
  .hhu-talk{padding:12px}
  .hhu-talk__h b{font-size:16px}
  .hhu-talk__av{width:44px}
  .hhu-talk__av svg{width:38px;height:38px}
  .hhu-talk__bb{font-size:14px;padding:9px 11px}
}
@media (min-width:900px){
  #hhu-talk-sr .hhu-talk__log{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(0,1fr);gap:8px 14px}
  #hhu-talk-sr .hhu-talk__m{max-width:none}
}
#hhu-talk-sr{padding:14px 16px}
#hhu-talk-sr .hhu-talk__h{margin-bottom:10px}
#hhu-talk-sr .hhu-talk__bb{font-size:14px;padding:8px 12px}
#hhu-talk-sr .hhu-talk__try{margin-top:6px}
html[data-hhu="guide-shiraberu"] #hsb .hsb__hero .hsb__d b{color:#B91C1C}
html[data-hhu="guide-shiraberu"] #hsb .hhu-qh{margin:4px 18px 8px!important;font-size:14px;font-weight:900;color:#111827;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
html[data-hhu="guide-shiraberu"] #hsb .hhu-qh span{font-size:12px;font-weight:700;color:#6b7280}
html[data-hhu="guide-shiraberu"] #hsb .hsb__q > div i::before{content:"答え";display:inline-block;margin-right:6px;font-size:11px;font-weight:900;color:#fff;background:#991B1B;border-radius:4px;padding:0 5px;vertical-align:1px}
html[data-hhu="guide-shiraberu"] #hsb .hsb__hero{display:none!important}
html[data-hhu="guide-shiraberu"] .hhu-kwrap{margin:0 0 26px}
html[data-hhu="guide-shiraberu"] .hhu-kwrap .hhu-kw{height:auto}
html[data-hhu="guide-shiraberu"] .hhu-h--sp{margin-top:6px}
html[data-hhu="guide-shiraberu"] #hhu-fit{margin-bottom:26px}
html[data-hhu="guide-shiraberu"] #hsb{margin-bottom:26px}
html[data-hhu="guide-shiraberu"] .hhu-kwrap{display:none!important}
/* 行き先8件：一覧とカードで番号・色をそろえる */
.hhu-fit .hhu-fit__n{flex:none;width:26px;height:26px;border-radius:8px;background:var(--c);color:#fff;font-style:normal;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}
.hhu-dest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 26px}
.hhu-dest__c{display:flex;flex-direction:column;background:#fff;border:2px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.hhu-dest__hd{display:flex;align-items:center;gap:8px;background:var(--c);color:#fff;padding:9px 14px}
.hhu-dest__hd em{flex:none;width:24px;height:24px;border-radius:7px;background:#fff;color:var(--c);font-style:normal;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}
.hhu-dest__hd b{font-size:15px;font-weight:900}
.hhu-dest__hd span{margin-left:auto;font-size:11.5px;font-weight:700;opacity:.9}
.hhu-dest__in{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.hhu-dest__t{font-size:17px;font-weight:900;color:#111827;line-height:1.45;margin:0 0 6px}
.hhu-dest__d{font-size:13.5px;color:#4b5563;line-height:1.75;margin:0 0 10px}
.hhu-dest .hhu-who{margin:0 0 14px!important}
.hhu-dest__b{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hhu-dest__go{display:inline-flex;background:var(--c);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:900;padding:9px 16px;border-radius:10px;box-shadow:0 3px 0 rgba(0,0,0,.18)}
.hhu-dest__go:hover{filter:brightness(1.08)}
.hhu-dest__sub{display:inline-flex;border:2px solid var(--c);color:#111827!important;text-decoration:none!important;font-size:13px;font-weight:900;padding:6px 11px;border-radius:9px;background:#fff}
@media (max-width:767px){
  .hhu-dest{grid-template-columns:minmax(0,1fr);gap:10px}
  .hhu-dest__t{font-size:16px}
  .hhu-fit .hhu-fit__a,#hsb .hhu-fit .hhu-fit__a,html[data-hhu] .hhu-fit .hhu-fit__a{display:grid!important;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px}
  .hhu-fit .hhu-fit__to{grid-column:1/-1}
}
/* 行き先のまとまり見出し */
.hhu-fit__gh{grid-column:1/-1;margin:8px 0 0;font-size:13px;font-weight:900;color:#374151;display:flex;align-items:center;gap:8px}
.hhu-fit__gh:first-child{margin-top:0}
.hhu-fit__gh::after{content:"";flex:1;height:2px;background:#e5e7eb}
.hhu-dest__gh{grid-column:1/-1;margin:10px 0 -2px}
.hhu-dest__gh:first-child{margin-top:0}
.hhu-dest__gh b{display:inline-block;background:#1f2937;color:#fff;font-size:14px;font-weight:900;padding:6px 14px;border-radius:9px}
@media (min-width:768px){.hhu-fit .hhu-fit__to{width:196px}}
html[data-hhu="guide-shiraberu"] #hhu-shiraberu > #hrk{margin:0 0 22px!important}
/* ツール：やりたいことから選ぶ（ジャンルごとに縦に全部） */
.hhu-tp__sub b{color:#111827}
.hhu-tp__ix{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.hhu-tp__ix button{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--c);background:#fff;color:var(--c);font-size:13.5px;font-weight:900;padding:6px 12px;border-radius:999px;cursor:pointer;line-height:1.2}
.hhu-tp__ix button:hover{background:var(--c);color:#fff}
.hhu-tp__ix button b{background:var(--c);color:#fff;font-size:11.5px;font-weight:900;padding:2px 7px;border-radius:999px}
.hhu-tp__g{margin:0 0 18px;border:2px solid var(--c);border-radius:14px;overflow:hidden;background:#fff}
.hhu-tp__gh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--c);color:#fff;padding:10px 16px}
.hhu-tp__gh b{font-size:17px;font-weight:900}
.hhu-tp__gh span{font-size:13px;font-weight:700;opacity:.92}
.hhu-tp__gh em{margin-left:auto;font-style:normal;background:#fff;color:var(--c);font-size:12.5px;font-weight:900;padding:2px 10px;border-radius:999px}
.hhu-tp__rs{display:flex;flex-direction:column}
.hhu-tp__r{display:grid;grid-template-columns:minmax(0,34%) 22px minmax(0,1fr);align-items:center;gap:12px;padding:11px 16px;border-top:1px solid #eef0f3}
.hhu-tp__r:first-child{border-top:0}
.hhu-tp__r:nth-child(even){background:#f9fafb}
.hhu-tp__r--new{background:#fffbeb!important}
.hhu-tp__q{font-size:14.5px;font-weight:900;color:#111827;line-height:1.5;margin:0;padding:0}
.hhu-tp__q::before{content:"「";color:#9ca3af}
.hhu-tp__q::after{content:"」";color:#9ca3af}
.hhu-tp__r--new .hhu-tp__q::before,.hhu-tp__r--new .hhu-tp__q::after{content:none}
.hhu-tp__ar{width:20px;height:20px;fill:none;stroke:var(--c);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.hhu-tp__ts{display:flex;flex-wrap:wrap;gap:6px}
html[data-hhu] .hhu-tp a.hhu-tp__t{display:inline-flex;align-items:center;gap:4px;background:var(--c);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;line-height:1.3;padding:6px 10px;border-radius:8px;box-shadow:0 2px 0 rgba(0,0,0,.18)}
html[data-hhu] .hhu-tp a.hhu-tp__t:hover{filter:brightness(1.1)}
.hhu-tp__t svg{flex:none;width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:767px){
  .hhu-tp__ix{gap:6px}
  .hhu-tp__ix button{font-size:12.5px;padding:5px 10px}
  .hhu-tp__gh{padding:9px 12px;gap:6px}
  .hhu-tp__gh b{font-size:16px}
  .hhu-tp__gh span{order:3;flex-basis:100%;font-size:12px}
  .hhu-tp__r{grid-template-columns:minmax(0,1fr);gap:7px;padding:11px 12px}
  .hhu-tp__ar{display:none}
  .hhu-tp__q{font-size:14px}
}
/* 目的リスト：記事へのボタン（同じタブで開く） */
.hhu-pg .hhu-tp__t svg{width:11px;height:11px}
/* 新人教育：上の「やりたいことから選ぶ」と重なる連載の紹介は出さず、連載インデックスだけ残す */
html[data-hhu="guide-shinjin"] #hhb #hmn,html[data-hhu="guide-shinjin"] #hhb .hhb__hd{display:none!important}
html[data-hhu="guide-shinjin"] #hhb #hsx{margin-top:0!important}
/* ランキング：記事名の文字をひと回り小さく */
.hhu-page .hhu-rk__list a{padding:10px 14px;gap:12px}
.hhu-page .hhu-rk__t{font-size:13.5px;line-height:1.55}
.hhu-page .hhu-rk__n{width:26px;height:26px;font-size:12.5px}
.hhu-page .hhu-rk__v b{font-size:14px}
@media (max-width:767px){
  .hhu-page .hhu-rk__list a{padding:10px 11px;gap:9px}
  .hhu-page .hhu-rk__t{font-size:13px}
}
/* 新人教育：連載インデックスの「そのほかの連載」 */
html[data-hhu="guide-shinjin"] #hsx .hsx-more{grid-column:1/-1;margin:6px 0 0}
html[data-hhu="guide-shinjin"] #hsx .hsx-more__b{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;background:#fff;border:2px dashed #cbd5e1;border-radius:10px;padding:11px 15px;font-size:14px;font-weight:900;color:#1f2937;cursor:pointer;line-height:1.4}
html[data-hhu="guide-shinjin"] #hsx .hsx-more__b:hover{border-color:#64748b}
html[data-hhu="guide-shinjin"] #hsx .hsx-more__b small{font-size:11.5px;font-weight:700;color:#6b7280}
html[data-hhu="guide-shinjin"] #hsx .hsx-more__b[aria-expanded="true"] small{display:none}
html[data-hhu="guide-shinjin"] #hsx .hsx-more__g{margin-top:10px}
html[data-hhu="guide-shinjin"] #hsx .hsx-more__g[hidden]{display:none!important}
/* 設計マップを推すバナー */
.hhu-dmap{margin:0 0 26px;padding:22px 22px 20px;border-radius:18px;background:#0f172a;color:#fff;box-shadow:0 10px 26px rgba(15,23,42,.22)}
.hhu-dmap__k{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#FBBF24;margin:0 0 6px}
.hhu-dmap__hd h2{margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important;font-size:22px!important;font-weight:900!important;color:#fff!important;line-height:1.4!important}
.hhu-dmap__hd h2::before,.hhu-dmap__hd h2::after{display:none!important}
.hhu-dmap__hd p{margin:0!important;padding:0!important;font-size:13.5px;line-height:1.75;color:#cbd5e1}
.hhu-dmap__st{display:flex;gap:10px;margin:12px 0 4px}
.hhu-dmap__st span{background:rgba(255,255,255,.1);border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700;color:#e2e8f0}
.hhu-dmap__st b{font-size:20px;font-weight:900;color:#FBBF24;margin-right:3px}
.hhu-dmap__lbl{margin:16px 0 8px;font-size:12px;font-weight:900;color:#94a3b8;letter-spacing:.06em}
.hhu-dmap__main{display:flex;align-items:center;gap:6px}
.hhu-dmap__ar{flex:none;width:20px;height:20px;fill:none;stroke:#FBBF24;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.hhu-dmap__end{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.hhu-dmap__main>.hhu-dmap__eq{flex:1;min-width:0}
.hhu-dmap__sub{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
html[data-hhu] .hhu-dmap a.hhu-dmap__eq{display:flex;flex-direction:column;gap:1px;background:#fff;border-left:5px solid var(--c);border-radius:10px;padding:8px 10px;text-decoration:none!important;color:#111827!important;transition:transform .15s,box-shadow .15s}
html[data-hhu] .hhu-dmap a.hhu-dmap__eq:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.3)}
.hhu-dmap__eq em{font-style:normal;font-size:11px;font-weight:900;color:var(--c)}
.hhu-dmap__eq b{font-size:14px;font-weight:900;line-height:1.35}
.hhu-dmap__eq small{font-size:11px;font-weight:700;color:#6b7280}
.hhu-dmap__end .hhu-dmap__eq{flex-direction:row!important;align-items:baseline;gap:6px!important;padding:6px 10px!important}
html[data-hhu] .hhu-dmap a.hhu-dmap__go{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 0;background:#FBBF24;color:#111827!important;text-decoration:none!important;font-size:16px;font-weight:900;padding:13px 18px;border-radius:12px;box-shadow:0 4px 0 #B45309}
html[data-hhu] .hhu-dmap a.hhu-dmap__go:hover{filter:brightness(1.05)}
.hhu-dmap__go svg{width:20px;height:20px;fill:none;stroke:#111827;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
/* 「やりたいことから選ぶ」の中の設計マップへのボタン */
html[data-hhu] .hhu-tp a.hhu-tp__t--map{background:#FBBF24;color:#111827!important;box-shadow:0 2px 0 #B45309}
html[data-hhu] .hhu-tp a.hhu-tp__t--map svg{stroke:#111827}
@media (max-width:767px){
  .hhu-dmap{padding:18px 14px 16px;border-radius:14px}
  .hhu-dmap__hd h2{font-size:18px!important}
  .hhu-dmap__main{flex-direction:column;align-items:stretch}
  .hhu-dmap__ar{transform:rotate(90deg);align-self:center;width:16px;height:16px}
  .hhu-dmap__end{flex-direction:row;flex-wrap:wrap}
  .hhu-dmap__end .hhu-dmap__eq{flex:1 1 30%;flex-direction:column!important;gap:0!important}
  .hhu-dmap__sub{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:768px){
  .hhu-dmap__end{flex:0 0 205px}
  .hhu-dmap__end .hhu-dmap__eq b{white-space:nowrap}
  .hhu-dmap__end .hhu-dmap__eq small{margin-left:auto}
}
/* 規程・消防：上の「やりたいことから選ぶ」と重なるカード類は出さず、非常照明・誘導灯の記事一覧（#hjb）だけ残す */
html[data-hhu="guide-kitei"] #hhb .hhb__hd,html[data-hhu="guide-kitei"] #hhb #hnt,html[data-hhu="guide-kitei"] #hkt-kitei>.hkt__hd,html[data-hhu="guide-kitei"] #hkt-kitei .hkt__hero,html[data-hhu="guide-kitei"] #hkt-kitei .hkt__grid,html[data-hhu="guide-kitei"] #hkt-kitei .hkt__chl,html[data-hhu="guide-kitei"] #hkt-kitei .hkt__chips,html[data-hhu="guide-kitei"] #hkt-shobo{display:none!important}
/* 規程・消防：下の記事一覧ブロックは出さない */
html[data-hhu="guide-kitei"] #hhb{display:none!important}
/* 早見表：やりたいことから選ぶ・表への移動・下のまとめブロック */
html[data-hhu="hayamihyou-matome"] #hhu-hyp{margin:18px 0 22px}
html[data-hhu="hayamihyou-matome"] .hym-card.hhu-hy__hit{outline:3px solid #FBBF24;outline-offset:3px;transition:outline-color .6s}
html[data-hhu="hayamihyou-matome"] #hhb{display:none!important}
html[data-hhu="hayamihyou-matome"] .hym-ref #hys{margin:18px 0}
/* 早見表も、ほかの案内ページと同じ表示幅（1180px）にそろえる */
html[data-hhu="hayamihyou-matome"] body #contents #onecolumn960.main-contents{float:none!important;width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
html[data-hhu="hayamihyou-matome"] .hym-ref{max-width:none!important}
/* ===== 早見表：表の文字サイズ・並び・書体をそろえる ===== */
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table){font-family:system-ui,-apple-system,"Segoe UI","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif!important;font-size:14px!important;line-height:1.55!important;margin:0!important;border-collapse:collapse!important;font-variant-numeric:tabular-nums}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tr{height:auto!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(th,td){font-family:inherit!important;font-size:14px!important;line-height:1.55!important;padding:9px 12px!important;border:1px solid #cfdcca!important;vertical-align:middle!important;text-align:center!important;height:auto!important;letter-spacing:0!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(th,td) :is(span,strong,b,em,a,code,font,p,div){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(th,td) small{font-family:inherit!important;font-size:12px!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) td{font-weight:500!important;color:#1f2a24!important;background:#fff!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tr.hhu-z td{background:#f1f7ee!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) td:first-child{font-weight:700!important;background:#f7faf5!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tr.hhu-z td:first-child{background:#eaf2e6!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) th{font-weight:700!important;color:#1f3a2a!important;background:#d6e5d0!important;position:static}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) th:first-child{position:sticky}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tbody tr:not(:first-child) th{background:#e6efe2!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) td.hhu-al,html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tbody tr:not(:first-child) th.hhu-al{text-align:left!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) td.hhu-al{line-height:1.65!important}
html[data-hhu="hayamihyou-matome"] .hym-ref .hym-tw{margin-bottom:12px}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tr td.hhu-hr{font-weight:700!important;color:#1f3a2a!important;background:#d6e5d0!important;text-align:center!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-nb td:not(:first-child) :is(strong,b){font-weight:inherit!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) caption{font-family:inherit!important;font-size:13px!important;font-weight:700!important;color:#2f4437!important;padding:8px 10px!important;text-align:left!important;caption-side:top}
/* 行・列を押したときの色付けは、そろえた色より優先 */
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(td,th):is(.hl-k,.hl-r),html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tr.hhu-z :is(td,th):is(.hl-k,.hl-r){background:#fff4d6!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(td,th).hl-c,html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tr.hhu-z :is(td,th).hl-c{background:#ffd980!important;font-weight:800!important}
html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(td,th).hl-h,html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) tr.hhu-z :is(td,th).hl-h{background:#c0552f!important;color:#fff!important}
@media (max-width:600px){
  html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table),html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(th,td){font-size:13px!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(th,td){padding:7px 8px!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table:not(#hys table) :is(th,td) small{font-size:11px!important}
}
html[data-hhu="hayamihyou-matome"] .hhu-dfig2--solo{margin:10px 0 14px}
html[data-hhu="hayamihyou-matome"] .hym-ref .hym-tw.hhu-cmp{width:fit-content;max-width:100%}

/* ===== 早見表 図解カード（v2） ===== */
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf{margin:0 0 24px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.08),0 10px 28px rgba(15,23,42,.12);border:1px solid #CBD5E1;cursor:zoom-in}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__hd{background:linear-gradient(100deg,var(--d) 0%,var(--c) 70%);color:#fff;font-weight:800;font-size:15px;padding:10px 16px;display:flex;gap:10px;align-items:center;border-bottom:3px solid #FACC15}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__tag{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:2px 10px;font-size:11px;letter-spacing:.04em}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__tt{letter-spacing:.03em}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__bd{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__sc{line-height:0;border-right:1px solid #E2E8F0}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__sc svg{width:100%;height:auto;display:block;max-height:250px}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__pt{padding:16px 18px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#F8FAFC)}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__cap{margin:0;font-size:11px;font-weight:800;color:#64748B;letter-spacing:.08em}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__big{margin:2px 0 0;font-size:34px;font-weight:900;color:var(--d);line-height:1.1;letter-spacing:.01em;font-variant-numeric:tabular-nums}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__bs{margin:2px 0 10px;font-size:12px;font-weight:700;color:#475569;padding-bottom:10px;border-bottom:2px solid var(--c)}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__rows{list-style:none;margin:0;padding:0}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__rows li{display:flex;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px dashed #CBD5E1;font-size:13.5px}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__rows .k{font-weight:700;color:#334155}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__rows .v{font-weight:900;color:var(--c);white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__nt{margin:10px 0 0;font-size:12px;color:#334155;font-weight:700;padding-left:10px;border-left:3px solid #FACC15}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf{max-width:820px;margin:14px 0 18px}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__zm{margin-left:auto;font-size:11px;font-weight:800;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:2px 10px}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf p,html[data-hhu="hayamihyou-matome"] .hym-ref .hzf ul{margin-bottom:0}
html[data-hhu="hayamihyou-matome"] .hym-ref .hzf:focus-visible{outline:3px solid #FACC15;outline-offset:2px}
@media (max-width:640px){html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__bd{grid-template-columns:1fr}html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__sc{border-right:0;border-bottom:1px solid #E2E8F0}html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__big{font-size:28px}html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__hd{font-size:14px}}
html[data-hhu="hayamihyou-matome"] .hzf-zoom{position:fixed;inset:0;background:rgba(15,23,42,.82);display:none;align-items:center;justify-content:center;padding:16px;z-index:100000;cursor:zoom-out}
html[data-hhu="hayamihyou-matome"] .hzf-zoom.on{display:flex}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf{margin:0 0 24px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.08),0 10px 28px rgba(15,23,42,.12);border:1px solid #CBD5E1;cursor:zoom-in}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__hd{background:linear-gradient(100deg,var(--d) 0%,var(--c) 70%);color:#fff;font-weight:800;font-size:15px;padding:10px 16px;display:flex;gap:10px;align-items:center;border-bottom:3px solid #FACC15}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__tag{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:2px 10px;font-size:11px;letter-spacing:.04em}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__tt{letter-spacing:.03em}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__bd{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__sc{line-height:0;border-right:1px solid #E2E8F0}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__sc svg{width:100%;height:auto;display:block;max-height:250px}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__pt{padding:16px 18px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#F8FAFC)}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__cap{margin:0;font-size:11px;font-weight:800;color:#64748B;letter-spacing:.08em}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__big{margin:2px 0 0;font-size:34px;font-weight:900;color:var(--d);line-height:1.1;letter-spacing:.01em;font-variant-numeric:tabular-nums}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__bs{margin:2px 0 10px;font-size:12px;font-weight:700;color:#475569;padding-bottom:10px;border-bottom:2px solid var(--c)}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__rows{list-style:none;margin:0;padding:0}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__rows li{display:flex;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px dashed #CBD5E1;font-size:13.5px}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__rows .k{font-weight:700;color:#334155}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__rows .v{font-weight:900;color:var(--c);white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__nt{margin:10px 0 0;font-size:12px;color:#334155;font-weight:700;padding-left:10px;border-left:3px solid #FACC15}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf{width:min(1100px,100%);max-height:calc(100vh - 32px);overflow:auto;cursor:zoom-out;margin:0}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__sc svg{max-height:none}
html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__zm{display:none}
@media (max-width:640px){html[data-hhu="hayamihyou-matome"] .hzf-zoom .hzf__bd{grid-template-columns:1fr}}
html[data-hhu="hayamihyou-matome"] .hzf .hzf__rows{padding:0!important;margin:0!important;list-style:none!important;border:0!important;background:none!important}
html[data-hhu="hayamihyou-matome"] .hzf .hzf__rows li{list-style:none!important;margin:0!important;padding-left:2px!important;line-height:1.5!important}
html[data-hhu="hayamihyou-matome"] .hzf .hzf__rows li::before,html[data-hhu="hayamihyou-matome"] .hzf .hzf__rows li::after{content:none!important;display:none!important}
html[data-hhu="hayamihyou-matome"] .hzf p{line-height:1.45}
html[data-hhu="hayamihyou-matome"] .hzf p{margin:0!important;padding:0!important}
html[data-hhu="hayamihyou-matome"] .hzf .hzf__big{margin-top:2px!important}
html[data-hhu="hayamihyou-matome"] .hzf .hzf__bs{margin:3px 0 8px!important;padding-bottom:9px!important}
html[data-hhu="hayamihyou-matome"] .hzf .hzf__nt{margin-top:10px!important;padding-left:10px!important}
html[data-hhu="hayamihyou-matome"] .hzf .hzf__sc{display:flex;align-items:center;background:#E9EEF4}
html[data-hhu="hayamihyou-matome"] .hzf .hzf__tag,html[data-hhu="hayamihyou-matome"] .hzf .hzf__zm{white-space:nowrap;flex:none}
@media (max-width:640px){html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__zm{display:none}html[data-hhu="hayamihyou-matome"] .hym-ref .hzf__hd{padding:9px 12px;gap:8px}}
/* ===== 早見表：スマホの表 ===== */
html[data-hhu="hayamihyou-matome"] .hhu-scrhint{display:none}
@media (max-width:640px){
  html[data-hhu="hayamihyou-matome"] .hhu-scrhint.on{display:block;margin:6px 0 4px!important;font-size:11.5px!important;font-weight:700;color:#64748B}
  html[data-hhu="hayamihyou-matome"] .hhu-scrhint.on::after{content:" →";color:#0F766E}
  html[data-hhu="hayamihyou-matome"] .hym-tw.hhu-scr{box-shadow:inset -14px 0 12px -12px rgba(15,23,42,.35)}
  html[data-hhu="hayamihyou-matome"] .hym-tw.hhu-scr table:not(#hys table) :is(th,td){padding:7px 8px!important;font-size:12.5px!important}
  html[data-hhu="hayamihyou-matome"] .hym-tw.hhu-scr table:not(#hys table) th{white-space:normal!important;min-width:4.5em}
  /* カード型 */
  html[data-hhu="hayamihyou-matome"] .hym-tw.hhu-stk-on{border:0!important;background:none!important;overflow:visible!important;width:100%!important;box-shadow:none}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table){width:100%!important;min-width:0!important;display:block!important;border:0!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(tbody,thead){display:block!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) tr{display:block!important;margin:0 0 10px!important;border:1px solid #cfdcca;border-radius:10px;overflow:hidden;background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.08)}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) tr.hhu-stk-hdr{display:none!important}
  html body.hpu-p14421:not(.hpu-hym-all):not(.hpu-hym-searching) .hym-ref table.hhu-stk-on:not(#hys table)[data-hpu-clipped="1"]:not([data-hpu-open]) tr[data-hpu-clip]{display:none!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th){display:block!important;width:auto!important;border:0!important;border-bottom:1px dashed #E2E8F0!important;text-align:left!important;white-space:normal!important;position:static!important;background:#fff!important;padding:8px 12px!important;font-size:13.5px!important;line-height:1.6!important;font-weight:500!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th):last-child{border-bottom:0!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th)::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;color:#64748B;line-height:1.5;margin-bottom:1px}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th):empty{display:none!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th).hhu-stk-h{display:block!important;background:#EAF2E6!important;font-weight:800!important;font-size:14.5px!important;color:#14532D!important;border-bottom:1px solid #cfdcca!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th).hhu-stk-h::before{display:none}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th).hhu-stk-g{display:block!important;background:#134E4A!important;color:#fff!important;font-weight:800!important;font-size:12.5px!important;padding:6px 12px!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th).hhu-stk-g::before{display:none}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th):is(.hl-k,.hl-r,.hl-c){background:#fff4d6!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th):not(.hhu-al):not(.hhu-stk-h):not(.hhu-stk-g){display:flex!important;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 12px!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th):not(.hhu-al):not(.hhu-stk-h):not(.hhu-stk-g)::before{margin:0;flex:none;max-width:55%}
  html[data-hhu="hayamihyou-matome"] .hym-ref table.hhu-stk-on:not(#hys table) :is(td,th):not(.hhu-al):not(.hhu-stk-h):not(.hhu-stk-g) > .hhu-v{text-align:right;font-weight:700}
}
/* JINテーマの p{padding-bottom:2rem} を早見表内では打ち消す（説明・キャプション下の不自然な余白対策） */
html[data-hhu="hayamihyou-matome"] .cps-post-main .hym-ref p:not(.hym-warn){padding-bottom:0}
html[data-hhu="hayamihyou-matome"] .cps-post-main .hym-ref .hym-desc p{line-height:1.7}
html[data-hhu="hayamihyou-matome"] .hym-ref .hym-tw.hhu-wrap :is(td,th).hhu-lw{white-space:normal!important;min-width:9em;line-height:1.6}
@media (max-width:640px){html[data-hhu="hayamihyou-matome"] .hym-ref .hym-tw.hhu-wrap :is(td,th).hhu-lw{min-width:13em}}
html[data-hhu="hayamihyou-matome"] .hym-ref .hym-tw.hhu-wrapall :is(td,th){white-space:normal!important}
/* 本文に直書きされた表の高さ指定（height:1000px など）で行が間延びするのを防ぐ */
html[data-hhu="hayamihyou-matome"] .hym-ref .hym-tw > table:not(#hys table){height:auto!important}
/* スマホ：テーマが表を display:block にして右側に空白が残るので、枠いっぱいの表に戻す */
@media (max-width:640px){
  html[data-hhu="hayamihyou-matome"] .hym-ref .hym-tw > table:not(#hys table):not(.hhu-stk-on){display:table!important;width:100%!important;max-width:none!important}
  html[data-hhu="hayamihyou-matome"] .hym-ref .hym-tw:not(.hhu-stk-on){overflow-x:auto}
}

/* ===== はじめる：追加セクション ===== */
.hhu-page .hj-rt__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.hhu-page .hj-rt__tabs button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:11px 14px;border-radius:12px;background:#fff;border:1.5px solid #e5e7eb;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .15s,box-shadow .15s,background .15s}
.hhu-page .hj-rt__tabs button b{font-size:14.5px;font-weight:900;color:#14213d;line-height:1.35}
.hhu-page .hj-rt__tabs button small{font-size:11.5px;color:#6b7280;line-height:1.5}
.hhu-page .hj-rt__tabs button:hover{border-color:var(--c)}
.hhu-page .hj-rt__tabs button.is-on{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#0f172a));border-color:transparent;box-shadow:0 10px 20px -12px var(--c)}
.hhu-page .hj-rt__tabs button.is-on b,.hhu-page .hj-rt__tabs button.is-on small{color:#fff}
.hhu-page .hj-rt__tabs button:focus-visible{outline:3px solid #FFC94A;outline-offset:2px}
.hhu-page .hj-rt__l{display:none;list-style:none!important;margin:0!important;padding:0!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:none}
.hhu-page .hj-rt__l.is-on{display:grid}
.hhu-page .hj-rt__l li{list-style:none!important;margin:0!important;padding:0!important;position:relative;animation:hjUp .45s both;animation-delay:calc(var(--j) * 70ms)}
.hhu-page .hj-rt__l li:before{display:none!important}
.hhu-page .hj-rt__l li:not(:last-child):after{content:"";position:absolute;right:-9px;top:50%;width:8px;height:2px;background:var(--c);z-index:1}
.hhu-page .hj-rt__l a{display:flex;flex-direction:column;gap:4px;height:100%;box-sizing:border-box;padding:12px 14px 30px;background:#fff;border:1px solid #e5e7eb;border-top:4px solid var(--c);border-radius:12px;text-decoration:none!important;color:#1f2937!important;position:relative;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:box-shadow .15s,transform .15s}
.hhu-page .hj-rt__l a:hover{box-shadow:0 12px 22px -14px rgba(16,24,40,.35);transform:translateY(-2px)}
.hhu-page .hj-rt__n{font-size:10.5px;font-weight:900;letter-spacing:.12em;color:var(--c)}
.hhu-page .hj-rt__l small{font-size:11.5px;font-weight:700;color:#6b7280}
.hhu-page .hj-rt__l b{font-size:14px;font-weight:900;line-height:1.5;color:#14213d}
.hhu-page .hj-rt__l i{position:absolute;right:12px;bottom:10px;width:18px;height:18px;color:var(--c)}
.hhu-page .hj-rt svg,.hhu-page .hj-map__ls svg,.hhu-page .hj-tr__ls svg,.hhu-page .hj-wd__more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
@keyframes hjUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.hhu-page .hj-map__in{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:18px;align-items:start;background:linear-gradient(160deg,#fff,#F1F5F9);border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 12px 26px -20px rgba(15,23,42,.45)}
.hhu-page .hj-map__fig{min-width:0}
.hhu-page .hj-map__svg{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #e2e8f0;background:#F8FAFC}
.hhu-page .hj-map__svg .hj-w{fill:none;stroke:#CBD5E1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hhu-page .hj-map__svg .hj-f{fill:none;stroke:#F59E0B;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 9;opacity:0;animation:hjFlow 1s linear infinite;transition:opacity .3s}
.hhu-page .hj-map__svg .hj-f.is-always{opacity:.9}
@keyframes hjFlow{to{stroke-dashoffset:-22}}
.hhu-page .hj-map__svg[data-on="1"] .hj-f,
.hhu-page .hj-map__svg[data-on="0"] .hj-f0,.hhu-page .hj-map__svg[data-on="2"] .hj-f2,.hhu-page .hj-map__svg[data-on="3"] .hj-f3,.hhu-page .hj-map__svg[data-on="4"] .hj-f4,.hhu-page .hj-map__svg[data-on="5"] .hj-f5,.hhu-page .hj-map__svg[data-on="6"] .hj-f6{opacity:1}
.hhu-page .hj-map__svg[data-on="0"] .hj-w0,.hhu-page .hj-map__svg[data-on="2"] .hj-w2,.hhu-page .hj-map__svg[data-on="3"] .hj-w3,.hhu-page .hj-map__svg[data-on="4"] .hj-w4,.hhu-page .hj-map__svg[data-on="5"] .hj-w5,.hhu-page .hj-map__svg[data-on="6"] .hj-w6{stroke:#FDE68A;stroke-width:5}
.hhu-page .hj-map__svg .hj-led{animation:hjBlink 1.2s steps(2) infinite}
@keyframes hjBlink{50%{opacity:.15}}
.hhu-page .hj-map__svg .hj-air{opacity:0}
.hhu-page .hj-map__svg[data-on="3"] .hj-air{animation:hjAir 1.6s ease-in-out infinite}
@keyframes hjAir{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(6px)}}
.hhu-page .hj-map__svg .hj-glow{opacity:.12;transition:opacity .5s}
.hhu-page .hj-map__svg[data-on="4"] .hj-glow{opacity:1;animation:hjGlow 2.6s ease-in-out infinite}
@keyframes hjGlow{50%{opacity:.75}}
.hhu-page .hj-map__svg .hj-sw{transition:transform .3s;transform-box:fill-box}
.hhu-page .hj-map__svg[data-on="4"] .hj-sw{transform:translateY(5px)}
.hhu-page .hj-map__svg .hj-tv{transition:fill .4s}
.hhu-page .hj-map__svg[data-on="2"] .hj-tv{fill:#38BDF8;animation:hjTv 2.4s ease-in-out infinite}
@keyframes hjTv{0%,100%{fill:#38BDF8}50%{fill:#A78BFA}}
.hhu-page .hj-map__svg .hj-drum{transform-box:fill-box;transform-origin:center}
.hhu-page .hj-map__svg[data-on="5"] .hj-drum{animation:hjSpin 1.1s linear infinite}
@keyframes hjSpin{to{transform:rotate(360deg)}}
.hhu-page .hj-map__svg .hj-chg{transform-box:fill-box;transform-origin:left center;transform:scaleX(.25)}
.hhu-page .hj-map__svg[data-on="6"] .hj-chg{animation:hjChg 2.8s ease-in-out infinite}
@keyframes hjChg{0%{transform:scaleX(.15)}85%,100%{transform:scaleX(1)}}
.hhu-page .hj-pin{cursor:pointer}
.hhu-page .hj-pin__c{fill:var(--c);stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 3px rgba(15,23,42,.35));transition:r .2s}
.hhu-page .hj-pin__r{fill:none;stroke:var(--c);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:hjPing 2.2s ease-out infinite}
.hhu-page .hj-pin text{font-size:10.5px;font-weight:900;fill:#fff;pointer-events:none}
.hhu-page .hj-pin.is-on .hj-pin__c{r:11;stroke:#FFC94A;stroke-width:2.5}
.hhu-page .hj-pin.is-on .hj-pin__r{animation-duration:1.3s}
@keyframes hjPing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
.hhu-page .hj-map__chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.hhu-page .hj-map__chips button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:99px;background:#fff;border:1.5px solid #e5e7eb;font-size:12.5px;font-weight:800;color:#1f2937;line-height:1.3;transition:border-color .15s,background .15s}
.hhu-page .hj-map__chips button em{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c);color:#fff;font-size:11px;font-weight:900}
.hhu-page .hj-map__chips button:hover{border-color:var(--c)}
.hhu-page .hj-map__chips button.is-on{background:var(--c);border-color:var(--c);color:#fff}
.hhu-page .hj-map__chips button.is-on em{background:#fff;color:var(--c)}
.hhu-page .hj-map__chips button:focus-visible{outline:3px solid #FFC94A;outline-offset:2px}
.hhu-page .hj-map__panel{min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.hhu-page .hj-map__panel.is-in{animation:hjUp .35s both}
.hhu-page .hj-map__ph{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 0 10px;border-bottom:2px solid var(--c)}
.hhu-page .hj-map__ph em{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 65%,#0f172a));color:#fff;font-size:15px;font-weight:900;box-shadow:0 6px 12px -8px var(--c)}
.hhu-page .hj-map__ph b{font-size:18px;font-weight:900;color:#14213d}
.hhu-page .hj-map__w{margin:0 0 12px!important;padding:0!important;font-size:14px;line-height:1.85;color:#1f2937}
.hhu-page .hj-map__t{background:#F8FAFC;border-radius:10px;padding:10px 12px;margin:0 0 12px}
.hhu-page .hj-map__t span{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;color:#fff;background:#334155;border-radius:5px;padding:2px 7px;margin:0 0 6px}
.hhu-page .hj-map__t p{margin:0!important;padding:0!important;font-size:13px;line-height:1.85;color:#334155}
.hhu-page .hj-map__ls{display:flex;flex-direction:column;gap:6px}
.hhu-page .hj-map__ls a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--c) 35%,#fff);background:color-mix(in srgb,var(--c) 7%,#fff);color:#14213d!important;text-decoration:none!important;font-size:13.5px;font-weight:800;line-height:1.45;transition:background .15s}
.hhu-page .hj-map__ls a svg{color:var(--c)}
.hhu-page .hj-map__ls a:hover{background:color-mix(in srgb,var(--c) 14%,#fff)}

.hhu-page .hj-tr__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hhu-page .hj-tr__c{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.hhu-page .hj-tr__c:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 55%,#0f172a))}
.hhu-page .hj-tr__q{font-size:15.5px;font-weight:900;color:#14213d;line-height:1.4}
.hhu-page .hj-tr__a{margin:0!important;padding:0!important;font-size:13px;line-height:1.8;color:#374151}
.hhu-page .hj-tr__f{font-size:13px;font-weight:800;line-height:1.65;color:#14213d;background:color-mix(in srgb,var(--c) 8%,#fff);border-radius:9px;padding:8px 10px}
.hhu-page .hj-tr__f span{display:inline-block;margin:0 8px 0 0;font-size:10.5px;font-weight:900;color:#fff;background:var(--c);border-radius:5px;padding:2px 7px;vertical-align:1px}
.hhu-page .hj-tr__ls{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.hhu-page .hj-tr__ls a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:var(--c)!important;text-decoration:none!important;line-height:1.45;padding:4px 0}
.hhu-page .hj-tr__ls a:hover{text-decoration:underline!important}
.hhu-page .hj-tr__nt{margin:10px 0 0!important;padding:10px 14px!important;font-size:12.5px;line-height:1.7;color:#7F1D1D;background:#FEF2F2;border:1px solid #FECACA;border-radius:10px}

.hhu-page .hj-wd__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hhu-page .hj-wd__c{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none!important;color:#1f2937!important;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:box-shadow .15s,transform .15s}
.hhu-page .hj-wd__c:hover{box-shadow:0 12px 22px -14px rgba(16,24,40,.35);transform:translateY(-2px)}
.hhu-page .hj-wd__k{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#16A34A,#14532D);color:#fff;font-size:17px;font-weight:900;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 6px 12px -8px #14532D}
.hhu-page .hj-wd__b{display:flex;flex-direction:column;gap:3px;min-width:0}
.hhu-page .hj-wd__b b{font-size:14px;font-weight:900;color:#14213d;line-height:1.4}
.hhu-page .hj-wd__b small{font-size:12px;line-height:1.7;color:#4b5563}
.hhu-page .hj-wd__more{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;padding:11px;border-radius:12px;background:#14532D;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800;box-shadow:0 10px 20px -14px #14532D}

@media (max-width:900px){
  .hhu-page .hj-map__in{grid-template-columns:minmax(0,1fr)}
  .hhu-page .hj-rt__l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hhu-page .hj-rt__l li:nth-child(2):after{display:none}
  .hhu-page .hj-wd__g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .hhu-page .hj-rt__tabs{gap:6px}
  .hhu-page .hj-rt__tabs button{padding:9px 8px;text-align:center;align-items:center;justify-content:center}
  .hhu-page .hj-rt__tabs button b{font-size:12.5px}
  .hhu-page .hj-rt__tabs button small{display:none}
  .hhu-page .hj-rt__l{grid-template-columns:minmax(0,1fr);gap:8px}
  .hhu-page .hj-rt__l li:after{display:none!important}
  .hhu-page .hj-rt__l a{padding:11px 40px 11px 14px;border-top:1px solid #e5e7eb;border-left:4px solid var(--c)}
  .hhu-page .hj-rt__l i{top:50%;bottom:auto;transform:translateY(-50%)}
  .hhu-page .hj-map__in{padding:10px;gap:12px}
  .hhu-page .hj-map__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .hhu-page .hj-map__chips button{flex:none}
  .hhu-page .hj-map__panel{padding:14px}
  .hhu-page .hj-tr__g{grid-template-columns:minmax(0,1fr)}
  .hhu-page .hj-wd__g{grid-template-columns:minmax(0,1fr);gap:8px}
  .hhu-page .hj-wd__c{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){
  .hhu-page .hj-map__svg *,.hhu-page .hj-rt__l li,.hhu-page .hj-map__panel.is-in{animation:none!important}
}

/* ===== 総合案内：追加セクション ===== */
.hhu-page .gd-rt__ls{display:flex;flex-direction:column;gap:10px}
.hhu-page .gd-rt__ln{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:center;background:linear-gradient(120deg,#fff 60%,color-mix(in srgb,var(--c) 6%,#fff));border:1px solid #e5e7eb;border-left:5px solid var(--c);border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.hhu-page .gd-rt__who{display:flex;align-items:center;gap:10px;min-width:0}
.hhu-page .gd-rt__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 60%,#0f172a));box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 8px 14px -10px var(--c)}
.hhu-page .gd-rt__ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hhu-page .gd-rt__who b{display:block;font-size:15px;font-weight:900;color:#14213d;line-height:1.35}
.hhu-page .gd-rt__who small{display:block;font-size:11.5px;color:#6b7280;line-height:1.5}
.hhu-page .gd-rt__st{list-style:none!important;margin:0!important;padding:0!important;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px}
.hhu-page .gd-rt__st:before{content:"";position:absolute;left:calc(100% / (var(--n) * 2));right:calc(100% / (var(--n) * 2));top:15px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--c) 22%,#fff)}
.hhu-page .gd-rt__dot{position:absolute;top:11px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#FFC94A;border:2px solid var(--c);box-shadow:0 0 0 4px color-mix(in srgb,#FFC94A 35%,transparent);z-index:2;animation:gdRide 5.2s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:var(--d)}
@keyframes gdRide{0%{left:calc(100% / (var(--n) * 2));opacity:0}6%{opacity:1}88%{left:calc(100% - 100% / (var(--n) * 2));opacity:1}100%{left:calc(100% - 100% / (var(--n) * 2));opacity:0}}
.hhu-page .gd-rt__st li{list-style:none!important;margin:0!important;padding:0!important;min-width:0}
.hhu-page .gd-rt__st li:before{display:none!important}
.hhu-page .gd-rt__st a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none!important;color:#1f2937!important;padding:0 2px}
.hhu-page .gd-rt__pt{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--hc);color:#fff;font-size:14px;font-weight:900;border:3px solid #fff;box-shadow:0 0 0 2px var(--c),0 6px 12px -6px rgba(15,23,42,.5);transition:transform .15s}
.hhu-page .gd-rt__st a:hover .gd-rt__pt{transform:scale(1.12)}
.hhu-page .gd-rt__nm{display:flex;flex-direction:column;gap:2px;min-width:0}
.hhu-page .gd-rt__nm b{font-size:13.5px;font-weight:900;color:#14213d;line-height:1.35}
.hhu-page .gd-rt__nm small{font-size:11.5px;color:#6b7280;line-height:1.45}
.hhu-page .gd-rt__st a:hover b{color:var(--hc)}

.hhu-page .gd-nw__l{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hhu-page .gd-nw__l li{list-style:none!important;margin:0!important;padding:0!important;min-width:0;animation:hjUp .4s both;animation-delay:calc(var(--i,0) * 50ms)}
.hhu-page .gd-nw__l li:before{display:none!important}
.hhu-page .gd-nw__l a{display:flex;align-items:center;gap:12px;height:100%;box-sizing:border-box;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none!important;color:#1f2937!important;transition:box-shadow .15s,transform .15s}
.hhu-page .gd-nw__l a:hover{box-shadow:0 10px 20px -14px rgba(16,24,40,.35);transform:translateY(-1px)}
.hhu-page .gd-nw__d{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;width:48px}
.hhu-page .gd-nw__d b{font-size:14px;font-weight:900;color:#14213d;font-feature-settings:"tnum"}
.hhu-page .gd-nw__d em{font-style:normal;font-size:10.5px;font-weight:900;color:#fff;background:#475569;border-radius:5px;padding:1px 7px}
.hhu-page .gd-nw__d em.is-new{background:linear-gradient(135deg,#EA580C,#C2410C)}
.hhu-page .gd-nw__t{flex:1;min-width:0;font-size:13.5px;font-weight:800;line-height:1.55;color:#14213d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hhu-page .gd-nw__e{grid-column:1/-1;font-size:13px;color:#6b7280;padding:12px 0}
.hhu-page .gd-nw__more,.hhu-page .gd-hw__b a{display:inline-flex;align-items:center;gap:6px;text-decoration:none!important;font-weight:800}
.hhu-page .gd-nw__more{margin:10px 0 0;font-size:13.5px;color:#14213d!important}
.hhu-page .gd-nw__more svg,.hhu-page .gd-hw__b a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.hhu-page .gd-hw__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hhu-page .gd-hw__c{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.hhu-page .gd-hw__fg{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 10%,#fff),#F8FAFC);border-bottom:3px solid var(--c);padding:6px 8px}
.hhu-page .gd-hw__fg svg{display:block;width:100%;height:auto;max-height:120px}
.hhu-page .gd-hw__b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1}
.hhu-page .gd-hw__b b{font-size:14.5px;font-weight:900;color:#14213d;line-height:1.4}
.hhu-page .gd-hw__b p{margin:0!important;padding:0!important;font-size:12.5px;line-height:1.75;color:#4b5563}
.hhu-page .gd-hw__b a{margin-top:auto;font-size:13px;color:var(--c)!important}
.hhu-page .gd-type{animation:gdType 5s steps(8) infinite}
@keyframes gdType{0%{clip-path:inset(0 100% 0 0)}30%,100%{clip-path:inset(0 0 0 0)}}
.hhu-page .gd-caret{animation:gdCaret 5s steps(8) infinite}
@keyframes gdCaret{0%{transform:translateX(-52px)}30%,100%{transform:none}}
.hhu-page .gd-res{opacity:0;animation:gdRes 5s ease-out infinite}
.hhu-page .gd-res2{animation-name:gdRes2}.hhu-page .gd-res3{animation-name:gdRes3}
@keyframes gdRes{0%,34%{opacity:0;transform:translateY(4px)}40%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes gdRes2{0%,42%{opacity:0;transform:translateY(4px)}48%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes gdRes3{0%,50%{opacity:0;transform:translateY(4px)}56%,92%{opacity:1;transform:none}100%{opacity:0}}
.hhu-page .gd-pop{opacity:0;animation:gdPop 4.6s ease-out infinite}
@keyframes gdPop{0%,30%{opacity:0;transform:translateY(5px)}38%,86%{opacity:1;transform:none}100%{opacity:0}}
.hhu-page .gd-tap,.hhu-page .gd-tap2{transform-box:fill-box;transform-origin:center;animation:gdTap 4.6s ease-out infinite}
@keyframes gdTap{0%,14%{opacity:0;transform:scale(.4)}22%{opacity:.5;transform:scale(1)}32%,100%{opacity:0;transform:scale(1.8)}}
.hhu-page .gd-star{fill:transparent;animation:gdStar 4.6s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes gdStar{0%,24%{fill:transparent;transform:none}30%{fill:#F2A900;transform:scale(1.35)}36%,90%{fill:#F2A900;transform:none}100%{fill:transparent}}
.hhu-page .gd-toast{opacity:0;animation:gdPop 4.6s ease-out infinite}
.hhu-page .gd-bub{opacity:0;animation:gdPop 4.6s ease-out infinite}
.hhu-page #hhu-pal.gd-flash,#hhu-pal.gd-flash{animation:gdFlash 1.6s ease-out}
@keyframes gdFlash{0%,60%{box-shadow:0 0 0 4px #FFC94A}100%{box-shadow:0 0 0 0 rgba(255,201,74,0)}}

@media (max-width:900px){
  .hhu-page .gd-hw__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hhu-page .gd-rt__ln{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .hhu-page .gd-rt__ln{padding:12px}
  .hhu-page .gd-rt__st{grid-template-columns:minmax(0,1fr);gap:8px;padding-left:0!important}
  .hhu-page .gd-rt__st:before{left:15px;right:auto;top:17px;bottom:17px;width:4px;height:auto}
  .hhu-page .gd-rt__dot{left:15px!important;margin-left:-4px;animation-name:gdRideV}
  @keyframes gdRideV{0%{top:11px;opacity:0}6%{opacity:1}88%{top:calc(100% - 23px);opacity:1}100%{top:calc(100% - 23px);opacity:0}}
  .hhu-page .gd-rt__st a{flex-direction:row;text-align:left;gap:10px;align-items:center}
  .hhu-page .gd-rt__nm{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
  .hhu-page .gd-nw__l{grid-template-columns:minmax(0,1fr)}
  .hhu-page .gd-hw__g{grid-template-columns:minmax(0,1fr)}
  .hhu-page .gd-hw__c{flex-direction:row}
  .hhu-page .gd-hw__fg{flex:none;width:132px;border-bottom:0;border-right:3px solid var(--c);display:flex;align-items:center;padding:4px}
  .hhu-page .gd-hw__b{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){
  .hhu-page .gd-rt__dot,.hhu-page .gd-hw__fg *,.hhu-page .gd-nw__l li{animation:none!important}
  .hhu-page .gd-res,.hhu-page .gd-pop,.hhu-page .gd-toast,.hhu-page .gd-bub{opacity:1}
}

/* ===== 転職・キャリア：整理 ===== */
html[data-hhu="guide-career"] .cr-hhb{margin:18px 0 26px!important}
html[data-hhu="guide-career"] .cr-stu{margin:6px 0 18px}
html[data-hhu="guide-career"] ul.cr-q{list-style:none!important;margin:10px 0 16px!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;counter-reset:crq}
html[data-hhu="guide-career"] ul.cr-q li{list-style:none!important;margin:0!important;padding:12px 14px 12px 52px!important;position:relative;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #475569;border-radius:12px;font-size:13.5px;line-height:1.75;color:#1f2937;box-shadow:0 1px 2px rgba(16,24,40,.05);counter-increment:crq}
html[data-hhu="guide-career"] ul.cr-q li:before{content:counter(crq)!important;display:grid!important;place-items:center;position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#475569,#1E293B);color:#fff;font-size:14px;font-weight:900;border:0!important;margin:0!important;box-shadow:0 6px 12px -8px #1E293B}
html[data-hhu="guide-career"] ul.cr-q li::marker{content:none}
@media (max-width:640px){html[data-hhu="guide-career"] ul.cr-q{grid-template-columns:minmax(0,1fr)}}

html[data-hhu="guide-career"] .cr-more{margin:12px 0 22px;padding:14px 16px;background:linear-gradient(160deg,#fff,#F8FAFC);border:1px solid #e2e8f0;border-radius:14px}
html[data-hhu="guide-career"] .cr-more__h{font-size:14px;font-weight:900;color:#14213d;margin:0 0 10px;padding-left:10px;border-left:4px solid #B87333}
html[data-hhu="guide-career"] .cr-more__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-hhu="guide-career"] .cr-more__c{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #B87333;border-radius:10px;text-decoration:none!important;color:#1f2937!important;transition:box-shadow .15s,transform .15s}
html[data-hhu="guide-career"] .cr-more__c:hover{box-shadow:0 10px 20px -14px rgba(16,24,40,.35);transform:translateY(-1px)}
html[data-hhu="guide-career"] .cr-more__c b{font-size:13.5px;font-weight:900;color:#14213d;line-height:1.5}
html[data-hhu="guide-career"] .cr-more__c small{font-size:11.5px;color:#6b7280;line-height:1.5}
html[data-hhu="guide-career"] .cr-more__cos{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0}
html[data-hhu="guide-career"] .cr-more__cos span{font-size:12px;font-weight:800;color:#475569;margin-right:4px}
html[data-hhu="guide-career"] .cr-more__co{display:inline-block;padding:4px 11px;border-radius:99px;background:#fff;border:1.5px solid #e5e7eb;font-size:12.5px;font-weight:800;color:#14213d!important;text-decoration:none!important}
html[data-hhu="guide-career"] .cr-more__co:hover{border-color:#B87333}
html[data-hhu="guide-career"] .cr-more__all{display:inline-block;margin:12px 0 0;font-size:13px;font-weight:800;color:#B87333!important;text-decoration:none!important}
@media (max-width:640px){html[data-hhu="guide-career"] .cr-more__g{grid-template-columns:minmax(0,1fr)}}
/* ===== 転職・キャリア：章カード ===== */
html[data-hhu="guide-career"] .cps-post-main p.cr-intro{font-size:15px!important;line-height:1.95!important;color:#1f2937!important;background:linear-gradient(135deg,#F8FAFC,#EEF2F7);border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px!important;margin:0 0 18px!important;position:relative}
html[data-hhu="guide-career"] .cps-post-main p.cr-intro strong,html[data-hhu="guide-career"] .cps-post-main p.cr-intro b{color:#14213d;background:linear-gradient(transparent 62%,#FDE68A 62%)}
html[data-hhu="guide-career"] .cps-post-main .cr-sec{margin:30px 0!important;border-radius:20px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 22px 40px -30px rgba(15,23,42,.55),0 2px 6px -2px rgba(15,23,42,.06);overflow:hidden;position:relative}
html[data-hhu="guide-career"] .cps-post-main .cr-sec > h2.cr-h{all:unset;box-sizing:border-box;display:flex!important;align-items:center;gap:16px;width:100%;padding:20px 24px!important;margin:0!important;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(120deg,var(--c) 0%,color-mix(in srgb,var(--c) 62%,#0f172a) 100%)!important;border:0!important;scroll-margin-top:80px}
html[data-hhu="guide-career"] .cps-post-main .cr-sec > h2.cr-h::before{content:""!important;display:block!important;position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);border:0!important;margin:0!important;left:auto!important;bottom:auto!important;transform:none!important}
html[data-hhu="guide-career"] .cps-post-main .cr-sec > h2.cr-h::after{content:""!important;display:block!important;position:absolute;left:0;right:0;bottom:0;height:4px;top:auto!important;width:auto!important;background:linear-gradient(90deg,#FFC94A,rgba(255,201,74,0))!important;border:0!important;margin:0!important;transform:none!important}
html[data-hhu="guide-career"] .cr-h__n{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.55);font-size:26px;font-weight:900;color:#fff;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 10px 18px -12px rgba(0,0,0,.6);position:relative;z-index:1}
html[data-hhu="guide-career"] .cr-h__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}
html[data-hhu="guide-career"] .cr-h__t small{font-size:11px;font-weight:900;letter-spacing:.18em;color:#FFE08A;line-height:1.3}
html[data-hhu="guide-career"] .cr-h__t b{font-size:24px;font-weight:900;color:#fff;line-height:1.3;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.18)}
html[data-hhu="guide-career"] .cr-h__t em{font-style:normal;font-size:14px;font-weight:700;color:rgba(255,255,255,.92);line-height:1.5}
html[data-hhu="guide-career"] .cr-h__c{flex:none;display:inline-flex;align-items:baseline;gap:2px;padding:6px 12px;border-radius:99px;background:#fff;color:var(--c);font-size:12px;font-weight:900;position:relative;z-index:1;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
html[data-hhu="guide-career"] .cr-h__c b{font-size:18px}
html[data-hhu="guide-career"] .cr-h__ic{flex:none;position:relative;z-index:1;opacity:.95}
html[data-hhu="guide-career"] .cr-h__ic svg{display:block;width:46px;height:46px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
html[data-hhu="guide-career"] .cps-post-main .cr-sec__b{padding:20px 24px 22px}
html[data-hhu="guide-career"] .cps-post-main .cr-sec__b > p.cr-lead{font-size:14.5px!important;line-height:1.9!important;color:#1f2937!important;background:color-mix(in srgb,var(--c) 6%,#fff);border-left:5px solid var(--c);border-radius:0 12px 12px 0;padding:12px 16px!important;margin:0 0 16px!important}
html[data-hhu="guide-career"] .cps-post-main .cr-sec__b > p:not(.cr-lead):not([class*="hcr__"]){font-size:13.5px!important;color:#475569!important}
html[data-hhu="guide-career"] .cps-post-main .cr-sec ul.hhu-cl{counter-reset:crl;gap:12px;margin:0 0 12px!important}
html[data-hhu="guide-career"] .cps-post-main .cr-sec ul.hhu-cl>li{counter-increment:crl;padding:14px 44px 14px 60px!important;border:1px solid #e5e7eb!important;border-radius:14px;background:linear-gradient(180deg,#fff,#FAFBFC);box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 16px -14px rgba(16,24,40,.25);transition:transform .15s,box-shadow .15s,border-color .15s;background-image:linear-gradient(180deg,#fff,#FAFBFC)}
html[data-hhu="guide-career"] .cps-post-main .cr-sec ul.hhu-cl>li.hhu-cl__i::before{content:counter(crl,decimal-leading-zero)!important;display:grid!important;place-items:center;position:absolute;left:14px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 60%,#0f172a));color:#fff;font-size:13px;font-weight:900;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 6px 12px -8px var(--c);border:0!important;margin:0!important}
html[data-hhu="guide-career"] .cps-post-main .cr-sec ul.hhu-cl>li.hhu-cl__i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E"),linear-gradient(180deg,#fff,#FAFBFC);background-repeat:no-repeat;background-position:right 14px center,0 0;background-size:18px 18px,auto}
html[data-hhu="guide-career"] .cps-post-main .cr-sec ul.hhu-cl>li:hover{transform:translateY(-2px);border-color:var(--c)!important;box-shadow:0 14px 24px -16px color-mix(in srgb,var(--c) 70%,#000)}
html[data-hhu="guide-career"] .cps-post-main .cr-sec ul.hhu-cl>li a.hhu-cl__a{font-size:15px;line-height:1.5}
html[data-hhu="guide-career"] .cps-post-main .cr-sec details.hhu-cl__soon{margin:4px 0 0!important;border-radius:12px;background:#F8FAFC}
html[data-hhu="guide-career"] .cps-post-main .cr-sec h3{all:unset;display:flex!important;align-items:center;gap:10px;margin:26px 0 12px!important;font-size:18px!important;font-weight:900!important;color:#14213d!important;line-height:1.4}
html[data-hhu="guide-career"] .cps-post-main .cr-sec h3::before{content:""!important;display:block!important;flex:none;width:8px;height:24px;border-radius:4px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 55%,#0f172a));position:static!important;border:0!important;margin:0!important}
html[data-hhu="guide-career"] .cps-post-main .cr-sec h3::after{display:none!important}
html[data-hhu="guide-career"] .cps-post-main .cr-sec--t9 .hcr__wrap{border-radius:14px;overflow:hidden;box-shadow:0 12px 26px -20px rgba(15,23,42,.5)}
html[data-hhu="guide-career"] .cps-post-main .cr-sec .gc-ad{margin:10px 0 0}
html[data-hhu="guide-career"] .cps-post-main .cr-sec .cr-hhb{margin:6px 0 20px!important}
@media (max-width:640px){
  html[data-hhu="guide-career"] .cps-post-main .cr-sec{margin:22px 0!important;border-radius:16px}
  html[data-hhu="guide-career"] .cps-post-main .cr-sec > h2.cr-h{padding:14px 14px!important;gap:10px}
  html[data-hhu="guide-career"] .cr-h__n{width:42px;height:42px;border-radius:12px;font-size:20px}
  html[data-hhu="guide-career"] .cr-h__t b{font-size:19px}
  html[data-hhu="guide-career"] .cr-h__t em{font-size:12px}
  html[data-hhu="guide-career"] .cr-h__ic{display:none}
  html[data-hhu="guide-career"] .cr-h__c{padding:4px 9px}
  html[data-hhu="guide-career"] .cr-h__c b{font-size:15px}
  html[data-hhu="guide-career"] .cps-post-main .cr-sec__b{padding:14px 12px 16px}
  html[data-hhu="guide-career"] .cps-post-main .cr-sec ul.hhu-cl>li{padding:12px 36px 12px 54px!important}
  html[data-hhu="guide-career"] .cps-post-main .cr-sec ul.hhu-cl>li.hhu-cl__i::before{left:10px;width:32px;height:32px}
  html[data-hhu="guide-career"] .cps-post-main p.cr-intro{font-size:14px!important;padding:12px 14px!important}
}
@media (max-width:640px){html[data-hhu="guide-career"] .cps-post-main .cr-sec .cr-hhb{margin:6px -12px 18px!important;border-radius:0!important}}
/* ===== ハブのリンク先（子ページ）共通 ===== */
html[data-hhc] body #contents #sidebar{display:none!important}
html[data-hhc] body #contents #main-contents.main-contents,html[data-hhc] body #contents #onecolumn960.main-contents{float:none!important;width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
html[data-hhc] .cps-post-header.hhc-hero{position:relative;overflow:hidden;margin:0 0 14px!important;padding:18px 26px 22px!important;border-radius:18px;background:linear-gradient(120deg,var(--c) 0%,color-mix(in srgb,var(--c) 58%,#0f172a) 100%)!important;box-shadow:0 18px 34px -24px color-mix(in srgb,var(--c) 70%,#000),inset 0 1px 0 rgba(255,255,255,.18);border:0!important}
html[data-hhc] .cps-post-header.hhc-hero::before{content:"";position:absolute;right:-70px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),rgba(255,255,255,0) 70%);pointer-events:none}
html[data-hhc] .cps-post-header.hhc-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#FFC94A,rgba(255,201,74,0));pointer-events:none}
html[data-hhc] .cps-post-header.hhc-hero > *{position:relative;z-index:1}
html[data-hhc] .cps-post-header.hhc-hero h1.cps-post-title{color:#fff!important;font-size:26px!important;font-weight:900!important;line-height:1.45!important;letter-spacing:.02em;margin:8px 96px 0 0!important;padding:0!important;border:0!important;background:none!important;text-shadow:0 2px 10px rgba(0,0,0,.2)}
html[data-hhc] .cps-post-header.hhc-hero h1.cps-post-title::before,html[data-hhc] .cps-post-header.hhc-hero h1.cps-post-title::after{display:none!important}
html[data-hhc] .cps-post-header.hhc-hero .hhc__d{margin:8px 96px 0 0!important;padding:0!important;font-size:14px!important;line-height:1.8!important;color:rgba(255,255,255,.92)!important;max-width:820px}
html[data-hhc] .cps-post-header.hhc-hero .cps-post-meta{margin-top:10px!important;opacity:.85}
html[data-hhc] .cps-post-header.hhc-hero .cps-post-meta,html[data-hhc] .cps-post-header.hhc-hero .cps-post-meta *{color:rgba(255,255,255,.85)!important;font-size:12px!important}
html[data-hhc] .cps-post-header.hhc-hero .cps-post-cat a,html[data-hhc] .cps-post-header.hhc-hero .cps-post-cat > span{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}
html[data-hhc] .cps-post-header.hhc-hero .hhc__ic{position:absolute;right:26px;top:50%;transform:translateY(-50%);z-index:1;display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.4);box-shadow:inset 0 -4px 0 rgba(0,0,0,.15)}
html[data-hhc] .cps-post-header.hhc-hero .hhc__ic svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html[data-hhc] .hhc__crumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;font-weight:800;line-height:1.4}
html[data-hhc] .hhc__crumb a{display:inline-flex;align-items:center;gap:4px;text-decoration:none!important}
html[data-hhc] .hhc__crumb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html[data-hhc] .hhc-hero .hhc__crumb a{color:#FFE08A!important}
html[data-hhc] .hhc-hero .hhc__crumb,html[data-hhc] .hhc-hero .hhc__crumb span{color:rgba(255,255,255,.8)}
html[data-hhc] .cps-post-header.hhc-plain{margin-bottom:10px!important}
html[data-hhc] .cps-post-header.hhc-plain .hhc__crumb a{color:var(--c)!important}
html[data-hhc] .cps-post-header.hhc-plain .hhc__crumb,html[data-hhc] .cps-post-header.hhc-plain .hhc__crumb span{color:#94A3B8}
html[data-hhc] .cps-post-header.hhc-plain h1.cps-post-title{font-weight:900!important;color:#14213d!important;border-left:6px solid var(--c)!important;padding-left:14px!important;margin-top:8px!important}
html[data-hhc] .hhc__sib{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0 16px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
html[data-hhc] .hhc__sl{font-size:11.5px;font-weight:900;color:#64748B;margin-right:4px;letter-spacing:.04em}
html[data-hhc] .hhc__sib a{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:99px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:800;color:#1f2937!important;text-decoration:none!important;line-height:1.3;transition:border-color .15s,background .15s}
html[data-hhc] .hhc__sib a:hover{border-color:var(--c)}
html[data-hhc] .hhc__sib a.is-on{background:var(--c);border-color:var(--c);color:#fff!important}
html[data-hhc] .hhc__sib a.hhc__hub{background:color-mix(in srgb,var(--c) 10%,#fff);border-color:color-mix(in srgb,var(--c) 35%,#fff);color:var(--c)!important}
html[data-hhc] .hhc__sib a.hhc__hub svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:640px){
  html[data-hhc] .cps-post-header.hhc-hero{padding:14px 16px 18px!important;border-radius:14px;margin-left:0!important;margin-right:0!important}
  html[data-hhc] .cps-post-header.hhc-hero h1.cps-post-title{font-size:20px!important;margin-right:0!important}
  html[data-hhc] .cps-post-header.hhc-hero .hhc__d{margin-right:0!important;font-size:13px!important}
  html[data-hhc] .cps-post-header.hhc-hero .hhc__ic{display:none}
  html[data-hhc] .hhc__sib{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px 10px}
  html[data-hhc] .hhc__sib a,html[data-hhc] .hhc__sl{flex:none}
}
html[data-hhu] [data-hubnav="1"]{display:none!important}