html[data-htt] #hqb,html[data-htt] #custom_html-441,html[data-htt] #custom_html-420,html[data-htt] .htt-hide{display:none!important}

html[data-htt] #main-contents-one{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;align-items:start}
html[data-htt] #home-top-widget,html[data-htt] #home-bottom-widget{display:contents!important}
html[data-htt] #main-contents-one>*,html[data-htt] #home-top-widget>*,html[data-htt] #home-bottom-widget>*{grid-column:1/-1;order:20;min-width:0}
html[data-htt] #htt-today{order:1}
html[data-htt] #home-top-widget>#block-160{order:2;grid-column:1/-1}
html[data-htt] #home-top-widget>#hlr{order:3;grid-column:1/-1}
html[data-htt] #main-contents-one>#hlib{order:4}
html[data-htt] #main-contents-one>#hqmap{order:5}
html[data-htt] #home-top-widget>#hwx{order:6}

.htt-fold.is-shut{padding:0!important;min-height:0!important;height:auto!important;max-height:none!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.htt-fold.is-shut:before,.htt-fold.is-shut:after{display:none!important}
.htt-fold.is-shut>:not(.htt-bar){display:none!important}
.htt-bar{display:flex!important;align-items:center;gap:14px;width:100%;margin:0 0 16px!important;padding:14px 18px!important;background:#fff!important;border:1px solid #e3e7ee!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px -14px rgba(16,24,40,.18)!important;cursor:pointer;text-align:left;font-family:inherit;color:#14213d!important;line-height:1.4;transition:transform .15s ease,box-shadow .15s ease}
.htt-bar:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,33,61,.16)!important}
.htt-fold:not(.is-shut)>.htt-bar{margin-bottom:12px!important;border-color:#14213d!important}
.htt-bar__i{flex:none;font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#eef1f6;border-radius:12px}

.htt-bar__tx{flex:1;min-width:0;display:flex;flex-direction:column}
.htt-bar__tx b{font-size:15.5px;font-weight:900}
.htt-bar__tx small{font-size:12px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.htt-bar__go{flex:none;display:inline-flex;align-items:center;gap:6px;background:#f1f3f7;color:#14213d;font-size:12.5px;font-weight:900;border-radius:99px;padding:5px 14px}
.htt-bar__go:after{content:"";width:7px;height:7px;border-right:2.2px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.htt-fold:not(.is-shut)>.htt-bar .htt-bar__go{background:#14213d;color:#fff}
.htt-fold:not(.is-shut)>.htt-bar .htt-bar__go:after{transform:rotate(-135deg);margin-top:3px}
.htt-bar__go .c{display:none}
.htt-fold:not(.is-shut)>.htt-bar .htt-bar__go .o{display:none}
.htt-fold:not(.is-shut)>.htt-bar .htt-bar__go .c{display:inline}
.pickup-contents-box.htt-fold.is-shut,#custom_html-433 .htt-fold.is-shut{max-width:1100px;margin-left:auto!important;margin-right:auto!important}

#htt-today{margin:0 0 22px}
#htt-today .hdb-box{position:static!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:visible!important;transform:none!important;opacity:1!important;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"hd hd" "cu list" "ft ft";border-radius:16px;box-shadow:0 8px 24px rgba(20,33,61,.14)}
#htt-today .hdb-hd{grid-area:hd}
#htt-today .hdb-bd{display:contents}
#htt-today .hdb-cu{grid-area:cu;margin:14px 8px 14px 16px!important;align-self:start}
#htt-today .hdb-list{grid-area:list;margin:14px 16px 14px 8px!important}
#htt-today .hdb-ft{grid-area:ft}
#htt-today .hdb-x,#htt-today [data-hdb-never],#htt-today .hdb-never,#htt-today .hdb-cl{display:none!important}
#htt-today .hdb-ttl{font-size:20px}

html[data-htt] #hlib .hc__tags{display:none!important}

@media (max-width:900px){
  html[data-htt] #main-contents-one{display:grid!important;grid-template-columns:minmax(0,1fr)}
  html[data-htt] #home-top-widget>#block-160,html[data-htt] #home-top-widget>#hlr{grid-column:1/-1}
  #htt-today .hdb-box{grid-template-columns:minmax(0,1fr);grid-template-areas:"hd" "cu" "list" "ft"}
  #htt-today .hdb-cu{margin:12px 12px 6px!important}
  #htt-today .hdb-list{margin:6px 12px 12px!important}
}
@media (max-width:640px){
  html[data-htt] #hlib .hlib__g{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html[data-htt] #hlib .hc{grid-column:auto!important;display:flex!important;flex-direction:column!important}
  html[data-htt] #hlib .hc .hc__shot{height:auto!important;min-height:0!important;aspect-ratio:16/9;width:100%}
  html[data-htt] #hlib .hc__d,html[data-htt] #hlib .hc__go,html[data-htt] #hlib .hlib__hint{display:none!important}
  html[data-htt] #hlib .hc__b{padding:8px 10px 10px!important}
  html[data-htt] #hlib .hc__t{font-size:14px!important;line-height:1.35!important}
  html[data-htt] #hlib .hc__eb{font-size:9px!important}
  html[data-htt] #hlib .hc__n{display:none!important}
  .htt-bar{padding:10px 12px!important;gap:10px}
  .htt-bar__i{width:32px;height:32px;font-size:18px}
  .htt-bar__tx b{font-size:14px}
  .htt-bar__go{padding:4px 10px;font-size:11.5px}
}

#htt-today #hdb{position:static!important;inset:auto!important;display:block!important;z-index:auto!important;padding:0!important;margin:0!important;background:none!important;width:auto!important;height:auto!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#htt-today #hdb .hdb-ov{display:none!important}
#custom_html-433 .htt-fold.is-shut{display:block!important;width:100%!important;grid-column:1/-1!important}

.htt-clamp{max-height:var(--htt-max,600px)!important;overflow:hidden!important;position:relative!important;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 110px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 110px),transparent)}
.htt-more{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;max-width:420px;margin:-6px auto 22px!important;padding:11px 18px!important;background:#14213d!important;color:#fff!important;border:0!important;border-radius:99px!important;font-family:inherit;font-size:14.5px!important;font-weight:900!important;cursor:pointer;box-shadow:0 5px 0 #0a1223,0 8px 16px rgba(20,33,61,.2)!important;position:relative;z-index:2}
.htt-more span{background:#B87333;border-radius:99px;padding:1px 10px;font-size:12px}
.htt-more:after{content:"";width:8px;height:8px;border-right:2.6px solid #fff;border-bottom:2.6px solid #fff;transform:rotate(45deg);margin:-4px 0 0 4px}
.htt-more:hover{transform:translateY(2px);box-shadow:0 3px 0 #0a1223,0 6px 12px rgba(20,33,61,.2)!important}

html[data-htt] #block-159,html[data-htt] #hz-block-159,html[data-htt] #custom_html-444{display:none!important}

html[data-htt] #hnt.htt-tabs{background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(20,33,61,.12)!important;padding:0 0 12px!important;overflow:hidden!important;margin-bottom:18px}
html[data-htt] #hnt.htt-tabs:before,html[data-htt] #hnt.htt-tabs:after{display:none!important}
html[data-htt] #hnt.htt-tabs .hnt__hd{display:flex!important;align-items:center;gap:12px;background:#14213d!important;margin:0 0 12px!important;padding:10px 16px 10px 20px!important;border:0!important;position:relative}
html[data-htt] #hnt.htt-tabs .hnt__hd:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#B87333}
html[data-htt] #hnt.htt-tabs .hnt__ttl{color:#fff!important;font-size:16px!important;font-weight:900!important;border:0!important;padding:0!important;background:none!important}
html[data-htt] #hnt.htt-tabs .hnt__ttl:before{display:none!important}
html[data-htt] #hnt.htt-tabs .hnt__hint{color:#b9c3d6!important;font-size:12.5px!important}
html[data-htt] #hnt.htt-tabs ul[role=tablist]{display:grid!important;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px!important;margin:0!important;padding:0 14px 4px!important;list-style:none!important;flex-wrap:nowrap!important;overflow:visible!important}
html[data-htt] #hnt.htt-tabs ul[role=tablist] li{margin:0!important;padding:0!important;list-style:none!important;min-width:0}
html[data-htt] #hnt.htt-tabs ul[role=tablist] li:before{display:none!important}
html[data-htt] #hnt.htt-tabs ul[role=tablist] button[data-t]{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-height:66px!important;margin:0!important;padding:9px 4px 8px!important;background:#fff!important;color:#14213d!important;border:1.5px solid #d5dce8!important;border-radius:12px!important;box-shadow:none!important;font-family:inherit;font-size:12.5px!important;font-weight:800!important;line-height:1.25!important;text-align:center;white-space:nowrap;transform:none!important;transition:background .15s,border-color .15s,color .15s}
html[data-htt] #hnt.htt-tabs ul[role=tablist] button[data-t]:hover{border-color:#14213d!important;background:#f3f6fb!important}
html[data-htt] #hnt.htt-tabs ul[role=tablist] button[data-t]:before,html[data-htt] #hnt.htt-tabs ul[role=tablist] button[data-t]:after{display:none!important}
html[data-htt] #hnt.htt-tabs ul[role=tablist] button[aria-selected=true]{background:#14213d!important;color:#fff!important;border-color:#14213d!important;box-shadow:inset 0 -4px 0 #B87333,0 4px 10px rgba(20,33,61,.22)!important}
html[data-htt] #hnt.htt-tabs .htt-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
html[data-htt] #hnt.htt-tabs button[aria-selected=true] .htt-ic{stroke:#FFC94A}
html[data-htt] #hnt.htt-tabs .htt-lb{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
html[data-htt] #hnt.htt-tabs .hntg{display:flex!important;align-items:center;gap:8px;margin:10px 14px 0!important;padding:7px 12px!important;background:#f6f3ee!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
html[data-htt] #hnt.htt-tabs .hntg__a{flex:none;transform:scale(.8)}
html[data-htt] #hnt.htt-tabs .hntg__b{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:13px!important;font-weight:700!important;color:#3a4454!important}
html[data-htt] #hnt.htt-tabs .hntg__b:before,html[data-htt] #hnt.htt-tabs .hntg__b:after{display:none!important}
html[data-htt] #hnt.htt-tabs .hnt__x{display:flex!important;align-items:center;gap:10px;margin:10px 14px 0!important;padding:0!important;background:none!important;border:0!important}
html[data-htt] #hnt.htt-tabs .hnt__toc{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;flex:1;min-width:0;padding:2px 0!important;scrollbar-width:none;background:none!important;border:0!important}
html[data-htt] #hnt.htt-tabs .hnt__toc::-webkit-scrollbar{display:none}
html[data-htt] #hnt.htt-tabs .hnt__toc:before{content:"この下に";flex:none;align-self:center;font-size:11.5px;font-weight:900;color:#B87333;margin-right:2px}
html[data-htt] #hnt.htt-tabs #hnt-toc.hnt__toc button.hnt__tl{flex:none!important;background:#fff!important;color:#14213d!important;border:1.5px solid #d5dce8!important;border-radius:99px!important;padding:4px 12px!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important;white-space:nowrap}
html[data-htt] #hnt.htt-tabs #hnt-toc.hnt__toc button.hnt__tl:before{content:"↓ ";color:#B87333}
html[data-htt] #hnt.htt-tabs #hnt-toc.hnt__toc button.hnt__tl:hover{border-color:#14213d!important}
html[data-htt] #hnt.htt-tabs .hnt__sf{flex:none;display:flex!important;gap:0;margin:0!important}
html[data-htt] #hnt.htt-tabs .hnt__sf input{width:180px!important;height:34px!important;border:1.5px solid #14213d!important;border-right:0!important;border-radius:99px 0 0 99px!important;padding:0 12px!important;font-size:13px!important;margin:0!important;box-shadow:none!important;background:#fff!important}
html[data-htt] #hnt.htt-tabs .hnt__sf button{height:34px!important;border:0!important;border-radius:0 99px 99px 0!important;background:#14213d!important;color:#fff!important;padding:0 14px!important;font-weight:900!important;font-size:13px!important}
html[data-htt] #hnt.htt-tabs .hnw__tg{display:none!important}

html[data-htt] #hnt.htt-tabs.is-stuck{border-radius:0 0 14px 14px!important;padding:8px 0 8px!important;box-shadow:0 6px 18px rgba(20,33,61,.22)!important;border-top:4px solid #B87333!important}
html[data-htt] #hnt.htt-tabs.is-stuck .hnt__hd,html[data-htt] #hnt.htt-tabs.is-stuck .hntg,html[data-htt] #hnt.htt-tabs.is-stuck .hnt__x,html[data-htt] #hnt.htt-tabs.is-stuck .hnt__note{display:none!important}
html[data-htt] #hnt.htt-tabs.is-stuck ul[role=tablist] button[data-t]{min-height:0!important;flex-direction:row!important;gap:5px!important;padding:7px 6px!important;font-size:12px!important}
html[data-htt] #hnt.htt-tabs.is-stuck .htt-ic{width:16px;height:16px}

html[data-htt] #hfv{border-radius:12px!important;border:1.5px dashed #c8d2e1!important;background:#fbfcfe!important;box-shadow:none!important}
html[data-htt] #hfv .hfv__btn{background:#14213d!important;color:#fff!important;border:0!important;border-radius:99px!important;font-weight:900!important;box-shadow:none!important}

@media (max-width:1100px){
  html[data-htt] #hnt.htt-tabs ul[role=tablist]{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:40px!important}
  html[data-htt] #hnt.htt-tabs ul[role=tablist]::-webkit-scrollbar{display:none}
  html[data-htt] #hnt.htt-tabs ul[role=tablist] li{flex:0 0 78px;scroll-snap-align:start}
  html[data-htt] #hnt.htt-tabs.is-stuck ul[role=tablist] li{flex:0 0 auto}
}
@media (max-width:640px){
  html[data-htt] #hnt.htt-tabs .hnt__hint{display:none!important}
  html[data-htt] #hnt.htt-tabs .hnt__hd:after{content:"横にスライド →";margin-left:auto;color:#b9c3d6;font-size:11.5px;font-weight:700}
  html[data-htt] #hnt.htt-tabs ul[role=tablist] li{flex:0 0 72px}
  html[data-htt] #hnt.htt-tabs ul[role=tablist] button[data-t]{min-height:62px!important;font-size:11.5px!important}
  html[data-htt] #hnt.htt-tabs .hnt__x{flex-direction:column;align-items:stretch}
  html[data-htt] #hnt.htt-tabs .hnt__sf input{flex:1;width:auto!important}
  html[data-htt] #hnt.htt-tabs .hnt__sf{width:100%}
}
html[data-htt] #hnt.htt-tabs.is-stuck{left:0!important;right:0!important;width:auto!important;max-width:min(1360px,calc(100vw - 16px))!important;margin-left:auto!important;margin-right:auto!important}

html[data-htt] #hnt,html[data-htt] #hnt-sp,html[data-htt] #hfv,html[data-htt] .pickup-contents-box{display:none!important}
html[data-htt] #main-contents-one>#htt-hubs{order:7}
html[data-htt] #home-top-widget>#custom_html-445{order:8}
html[data-htt] #home-top-widget>#hmkbox{order:9}
html[data-htt] #home-top-widget>#htp{order:10}

#htt-hubs{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(20,33,61,.12);overflow:hidden;margin:0 0 24px}
#htt-hubs .htt-hubs__hd{display:flex;align-items:baseline;gap:12px;background:#14213d;padding:11px 18px 11px 22px;position:relative}
#htt-hubs .htt-hubs__hd:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#B87333}
#htt-hubs .htt-hubs__t{color:#fff;font-size:17px;font-weight:900}
#htt-hubs .htt-hubs__s{color:#b9c3d6;font-size:12.5px}
#htt-hubs .htt-hubs__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}
#htt-hubs .htt-hub{display:flex!important;align-items:center;gap:10px;padding:12px 12px!important;background:#fff;border:1.5px solid #d5dce8;border-radius:12px;text-decoration:none!important;color:#14213d!important;transition:border-color .15s,background .15s,transform .15s}
#htt-hubs .htt-hub:hover{border-color:#14213d;background:#f3f6fb;transform:translateY(-1px)}
#htt-hubs .htt-hub__ic{flex:none;width:40px;height:40px;padding:8px;border-radius:10px;background:#14213d;fill:none;stroke:#FFC94A;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}
#htt-hubs .htt-hub__b{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
#htt-hubs .htt-hub__b b{font-size:15px;font-weight:900;color:#14213d}
#htt-hubs .htt-hub__b small{font-size:11.5px;color:#5a6474;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#htt-hubs .htt-hub__go{flex:none;width:8px;height:8px;border-right:2.4px solid #B87333;border-top:2.4px solid #B87333;transform:rotate(45deg);margin-right:4px}
@media (max-width:900px){#htt-hubs .htt-hubs__g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  #htt-hubs .htt-hubs__s{display:none}
  #htt-hubs .htt-hubs__g{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}
  #htt-hubs .htt-hub{flex-direction:column;text-align:center;gap:6px;padding:10px 4px!important}
  #htt-hubs .htt-hub__b small,#htt-hubs .htt-hub__go{display:none}
  #htt-hubs .htt-hub__b b{font-size:12.5px}
  #htt-hubs .htt-hub__ic{width:38px;height:38px}
}

html[data-htt] body #wrapper#wrapper,html[data-htt] body{background:#f3f5f8!important;background-image:none!important}
html[data-htt] #block-160,html[data-htt] #hlr,html[data-htt] #hlib,html[data-htt] #hwx,html[data-htt] #htt-hubs,html[data-htt] #custom_html-445,html[data-htt] #hmkbox,html[data-htt] #htp{background:#fff!important;background-image:none!important;border:1px solid #e3e7ee!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -14px rgba(16,24,40,.16)!important;padding:26px 28px!important;margin:0 0 28px!important;overflow:hidden}
html[data-htt] #hlr{padding:26px 28px 18px!important}
html[data-htt] #hlr:before,html[data-htt] #hlr:after,html[data-htt] #hwx:before,html[data-htt] #htp:before,html[data-htt] #block-160:before,html[data-htt] #hlib:before{display:none!important}
html[data-htt] #htt-today{margin-bottom:28px!important}
html[data-htt] #htt-today .hdb-box{border-radius:18px!important;overflow:hidden;border:1px solid #e3e7ee;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -14px rgba(16,24,40,.16)!important}
html[data-htt] #hqmap{margin-bottom:28px!important}
html[data-htt] #hqmap .hqmap-frame{border-radius:18px!important;overflow:hidden}

html[data-htt] #harita-wn,html[data-htt] #harita-rv,html[data-htt] #hpk{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}
html[data-htt] #hpk,html[data-htt] #harita-rv{border-top:1px solid #e9ecf2!important;padding-top:24px!important;margin-top:24px!important}
html[data-htt] #custom_html-445 .hsnvn,html[data-htt] #custom_html-445 .hsnvn__in{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
html[data-htt] #hmkbox>.harita-panel,html[data-htt] #htp-tools .harita-panel{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}

html[data-htt] .hwn__h,html[data-htt] .hlr__h,html[data-htt] .hlib__h,html[data-htt] .hwx__h,html[data-htt] .htp__h,html[data-htt] #hmkbox .harita-panel__title,html[data-htt] #htp .harita-panel__title,html[data-htt] #htt-hubs .htt-hubs__t{font-size:19px!important;font-weight:800!important;color:#14213d!important;letter-spacing:.02em!important;line-height:1.4!important;margin:0!important}
html[data-htt] .hwn__head,html[data-htt] .hlr__hd,html[data-htt] .hlib__hd,html[data-htt] .hwx__top,html[data-htt] .htp__top{padding:0 0 0 14px!important;margin:0 0 16px!important;position:relative;border:0!important;background:none!important;min-height:26px;align-items:center}
html[data-htt] .hwn__head:before,html[data-htt] .hlr__hd:before,html[data-htt] .hlib__hd:before,html[data-htt] .hwx__top:before,html[data-htt] .htp__top:before{content:""!important;display:block!important;position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:2px;background:#B87333}
html[data-htt] .hlib__ico{display:none!important}
html[data-htt] .hwx__eye,html[data-htt] .htp__eye{color:#B87333!important;font-size:10.5px!important;letter-spacing:.14em!important;font-weight:800!important}
html[data-htt] .hlr__sub,html[data-htt] .hwn__note,html[data-htt] .htt-hubs__s{color:#6b7385!important;font-size:12.5px!important}
html[data-htt] .hlr__cnt,html[data-htt] .hlib__chip{background:#f6ede4!important;color:#8a5321!important;border:0!important;border-radius:99px!important;font-weight:800!important;font-size:12px!important}

html[data-htt] #htt-hubs{padding:26px 28px!important}
html[data-htt] #htt-hubs .htt-hubs__hd{background:none!important;padding:0 0 0 14px!important;margin:0 0 16px;align-items:center}
html[data-htt] #htt-hubs .htt-hubs__hd:before{left:0;top:50%;bottom:auto;transform:translateY(-50%);width:4px;height:20px;border-radius:2px}
html[data-htt] #htt-hubs .htt-hubs__g{padding:0!important}
html[data-htt] #htt-hubs .htt-hub{border:1px solid #e3e7ee!important;border-radius:14px!important;background:#fbfcfd!important}
html[data-htt] #htt-hubs .htt-hub:hover{background:#fff!important;border-color:#14213d!important;box-shadow:0 8px 20px -10px rgba(20,33,61,.35)}
html[data-htt] #htt-hubs .htt-hub__ic{background:#eef1f6!important;stroke:#14213d!important}
html[data-htt] #htt-hubs .htt-hub:hover .htt-hub__ic{background:#14213d!important;stroke:#FFC94A!important}

html[data-htt] .hwn__filters{gap:6px!important;border:0!important;margin:0 0 10px!important}
html[data-htt] .hwn__f{background:#f1f3f7!important;color:#3a4458!important;border:0!important;border-radius:99px!important;padding:6px 14px!important;font-weight:800!important;font-size:12.5px!important;box-shadow:none!important;height:auto!important}
html[data-htt] .hwn__f.is-on{background:#14213d!important;color:#fff!important}
html[data-htt] .hwn__item{border-bottom:1px solid #eef0f4!important}
html[data-htt] .hwn__tag{background:#eef1f6!important;color:#14213d!important;border:0!important;border-radius:6px!important;font-weight:800!important}
html[data-htt] .hwn__item--tool .hwn__tag{background:#f6ede4!important;color:#8a5321!important}
html[data-htt] .hwn__item--note .hwn__tag{background:#eef0f2!important;color:#5b6576!important}
html[data-htt] .hwn__title{color:#1c2433!important}

html[data-htt] #hlib .hc{border:1px solid #e3e7ee!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden}
html[data-htt] #hlib .hc:hover{box-shadow:0 10px 24px -12px rgba(20,33,61,.35)!important}
html[data-htt] #hlib .hlib__hint{background:#f6f7f9!important;border:0!important;border-radius:12px!important;color:#4a5466!important}

html[data-htt] .hwx__cta,html[data-htt] .htt-more,html[data-htt] #hpk .ft a,html[data-htt] .hlr__more{border-radius:99px!important}
html[data-htt] .htt-more{box-shadow:none!important;background:#14213d!important}
html[data-htt] .htt-more:hover{transform:none;background:#22335a!important}

@media (max-width:640px){
  html[data-htt] #block-160,html[data-htt] #hlr,html[data-htt] #hlib,html[data-htt] #hwx,html[data-htt] #htt-hubs,html[data-htt] #custom_html-445,html[data-htt] #hmkbox,html[data-htt] #htp{padding:18px 14px!important;border-radius:16px!important;margin-bottom:20px!important}
  html[data-htt] .hwn__h,html[data-htt] .hlr__h,html[data-htt] .hlib__h,html[data-htt] .hwx__h,html[data-htt] .htp__h,html[data-htt] #hmkbox .harita-panel__title,html[data-htt] #htp .harita-panel__title,html[data-htt] #htt-hubs .htt-hubs__t{font-size:17px!important}
}


html[data-htt] #harita-market-summary.htt-mk-on{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:22px 0 0!important}
html[data-htt] #harita-market-summary.htt-mk-on .harita-mk__tbl,html[data-htt] #harita-market-summary.htt-mk-on>.harita-guide,html[data-htt] #harita-market-summary.htt-mk-on .harita-mk__note{display:none!important}
html[data-htt] #harita-market-summary.htt-mk-on .harita-mk__head{display:flex!important;align-items:baseline;gap:12px;background:none!important;border:0!important;box-shadow:none!important;padding:0 0 0 14px!important;margin:0 0 14px!important;position:relative;min-height:0!important;color:#14213d!important}
html[data-htt] #harita-market-summary.htt-mk-on .harita-mk__head:before,html[data-htt] #harita-market-summary.htt-mk-on .harita-mk__head:after{content:""!important;display:block!important;position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:2px;background:#B87333;right:auto;bottom:auto;inset:auto auto auto 0;opacity:1}
html[data-htt] #harita-market-summary.htt-mk-on .harita-mk__head>*:not(.harita-mk__title):not(.harita-mk__asof){display:none!important}
html[data-htt] #harita-market-summary.htt-mk-on .harita-mk__title{font-size:19px!important;font-weight:800!important;color:#14213d!important;letter-spacing:.02em}
html[data-htt] #harita-market-summary.htt-mk-on .harita-mk__asof{font-size:12px!important;color:#6b7385!important;background:none!important;border:0!important;padding:0!important}

#htt-mk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 8px}
#htt-mk .htt-mk__t{position:relative;display:flex;flex-direction:column;gap:2px;background:#fbfcfd;border:1px solid #e3e7ee;border-radius:14px;padding:12px 14px 10px;min-width:0;overflow:hidden}
#htt-mk .htt-mk__t.is-main{background:#14213d;border-color:#14213d;color:#fff;justify-content:center;padding:18px}
#htt-mk .htt-mk__n{font-size:12.5px;font-weight:800;color:#3a4458}
#htt-mk .is-main .htt-mk__n{color:#FFC94A;font-size:14px}
#htt-mk .htt-mk__u{font-size:10.5px;color:#8a5321;font-weight:700}
#htt-mk .htt-mk__v{font-size:13px;color:#5b6576;line-height:1.2;margin-top:4px;white-space:nowrap}
#htt-mk .htt-mk__v b{font-size:24px;font-weight:900;color:#14213d;letter-spacing:-.01em;margin-right:2px;font-feature-settings:"tnum"}
#htt-mk .is-main .htt-mk__v{color:#c9d1e0}
#htt-mk .is-main .htt-mk__v b{font-size:30px;color:#fff}
#htt-mk .htt-mk__c{align-self:flex-start;margin-top:4px;font-size:11.5px;font-weight:900;border-radius:99px;padding:1px 9px;background:#eef0f2;color:#5b6576}
#htt-mk .htt-mk__c.is-up{background:#fdeae7;color:#c2331f}
#htt-mk .htt-mk__c.is-dn{background:#e6f1fb;color:#1f5fa8}
#htt-mk .is-main .htt-mk__c.is-up{background:#c2331f;color:#fff}
#htt-mk .is-main .htt-mk__c.is-dn{background:#1f5fa8;color:#fff}
#htt-mk .htt-mk__s{font-size:10.5px;color:#8a93a3;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#htt-mk .is-main .htt-mk__s{color:#9aa6bd}
#htt-mk .htt-mk__sp{position:absolute;right:8px;top:10px;width:64px;height:30px;opacity:.9;pointer-events:none}
#htt-mk .htt-mk__sp svg{width:100%!important;height:100%!important}
#htt-mk .htt-mk__sp svg text,#htt-mk .htt-mk__sp svg line{display:none}
html[data-htt] #harita-market-summary.htt-mk-on details.hmui-detail{background:#f6f7f9!important;border:0!important;border-radius:12px!important;margin:8px 0 0!important;padding:0!important;box-shadow:none!important}
html[data-htt] #harita-market-summary.htt-mk-on details.hmui-detail>summary{padding:12px 16px!important;font-weight:800!important;color:#14213d!important;font-size:13.5px!important;cursor:pointer;list-style:none}
html[data-htt] #harita-market-summary.htt-mk-on details.hmui-detail[open]>summary{border-bottom:1px solid #e3e7ee}
html[data-htt] #harita-market-summary.htt-mk-on details.hmui-detail>:not(summary){margin:14px!important}

html[data-htt] #htp>#htp-tools{margin:0 0 6px}
html[data-htt] #htp .harita-panel__head{margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important}
html[data-htt] #htp .harita-panel__heading{padding:0 0 0 14px!important;position:relative;background:none!important;border:0!important}
html[data-htt] #htp .harita-panel__heading:before{content:""!important;display:block!important;position:absolute;left:0;top:12px;width:4px;height:20px;border-radius:2px;background:#B87333}
html[data-htt] #htp #kns-z-tools{display:none!important}
html[data-htt] #htp .harita-panel__desc{font-size:12.5px!important;color:#6b7385!important;margin:2px 0 0!important}
html[data-htt] #htp .htg__bar{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px!important;margin:0 0 14px!important;background:none!important;border:0!important;padding:0!important;position:static!important}
html[data-htt] #htp .htg__search{flex:0 0 260px;height:38px!important;border:1px solid #d5dce8!important;border-radius:99px!important;padding:0 16px!important;font-size:13.5px!important;background:#f6f7f9!important;box-shadow:none!important;margin:0!important}
html[data-htt] #htp .htg__filters{display:flex!important;flex-wrap:wrap;gap:6px!important;flex:1;margin:0!important}
html[data-htt] #htp .htg__filter{background:#f1f3f7!important;color:#3a4458!important;border:0!important;border-radius:99px!important;padding:8px 14px!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important}
html[data-htt] #htp .htg__filter.is-on{background:#14213d!important;color:#fff!important}
html[data-htt] #htp .htg__filter[data-htg-cat=all]{margin-left:auto;background:none!important;color:#8a5321!important;text-decoration:underline;text-underline-offset:3px}
html[data-htt] #htp .htg__filter[data-htg-cat=all].is-on{color:#14213d!important;background:#f6ede4!important;text-decoration:none}
html[data-htt] #htp .htg__group{margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
html[data-htt] #htp .htg__gtitle{font-size:13px!important;font-weight:800!important;color:#5b6576!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important}
html[data-htt] #htp .htg__gtitle:before{display:none!important}
html[data-htt] #htp .htg__grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important;gap:12px 8px!important}
html[data-htt] #htp .htg__tile{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;padding:6px 2px!important;background:none!important;border:0!important;box-shadow:none!important;text-decoration:none!important;min-height:0!important;height:auto!important;transform:none!important}
html[data-htt] #htp .htg__icon{width:56px!important;height:56px!important;display:flex!important;align-items:center;justify-content:center;font-size:26px!important;border-radius:16px!important;background:var(--htg-soft,#eef1f6)!important;border:1px solid var(--htg-line,#e3e7ee)!important;box-shadow:0 4px 10px -6px rgba(16,24,40,.25);transition:transform .15s,box-shadow .15s;margin:0!important}
html[data-htt] #htp .htg__tile:hover .htg__icon{transform:translateY(-2px);box-shadow:0 10px 18px -8px rgba(16,24,40,.35)}
html[data-htt] #htp .htg__name{font-size:12px!important;font-weight:700!important;color:#1c2433!important;text-align:center;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
html[data-htt] #htp .htp__star{position:absolute!important;top:0!important;right:calc(50% - 38px)!important;width:22px!important;height:22px!important;display:flex!important;align-items:center;justify-content:center;font-size:12px!important;background:#fff!important;border:1px solid #e3e7ee!important;border-radius:50%!important;color:#B87333!important;box-shadow:0 2px 6px rgba(16,24,40,.12)}
html[data-htt] #htp .htg__foot{font-size:11.5px!important;color:#8a93a3!important}
html[data-htt] #htp .htp__top{margin-top:18px!important;padding-top:16px!important;border-top:1px solid #e9ecf2!important}
html[data-htt] #htp .htp__top:before{top:calc(50% + 8px)!important}
html[data-htt] #htp.htt-noslot .htp__lead,html[data-htt] #htp.htt-noslot .htp__slots,html[data-htt] #htp.htt-noslot .htp__note{display:none!important}
html[data-htt] #htp.htt-noslot .htp__top:after{content:"ツールの ☆ を押すと、そのツールをこの場所に開いたまま置いておけます";display:block;width:100%;font-size:12px;color:#6b7385;margin-top:4px}
html[data-htt] #htp .htp__top{flex-wrap:wrap}
html[data-htt] #htp .htp__pro{background:#14213d!important;color:#fff!important;border:0!important;border-radius:99px!important;font-weight:800!important}

@media (max-width:900px){#htt-mk{grid-template-columns:repeat(2,minmax(0,1fr))}#htt-mk .htt-mk__t.is-main{grid-column:1/-1;grid-row:auto}}
@media (max-width:640px){
  #htt-mk .htt-mk__v b{font-size:20px}
  #htt-mk .is-main .htt-mk__v b{font-size:32px}
  #htt-mk .htt-mk__sp{width:48px;height:22px}
  html[data-htt] #htp .htg__search{flex:1 1 100%}
  html[data-htt] #htp .htg__filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  html[data-htt] #htp .htg__filter{flex:none}
  html[data-htt] #htp .htg__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 4px!important}
  html[data-htt] #htp .htg__icon{width:50px!important;height:50px!important;font-size:23px!important;border-radius:14px!important}
  html[data-htt] #htp .htg__name{font-size:11px!important}
  html[data-htt] #htp .htp__star{right:calc(50% - 34px)!important;width:20px!important;height:20px!important}
}
html[data-htt] #htp [hidden]{display:none!important}
html[data-htt] #harita-market-summary.htt-mk-on #hsz{display:none!important}
html[data-htt] #harita-market-summary.htt-mk-on.htt-hsz-open #hsz{display:block!important;margin-top:14px!important}
.htt-mk-tg{display:flex!important;align-items:center;justify-content:space-between;width:100%;margin:8px 0 0!important;padding:12px 16px!important;background:#f6f7f9!important;border:0!important;border-radius:12px!important;font-family:inherit;font-weight:800!important;color:#14213d!important;font-size:13.5px!important;cursor:pointer;text-align:left}
.htt-mk-tg:after{content:"+";width:22px;height:22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;color:#14213d}
.htt-mk-tg.is-open:after{content:"−"}
html[data-htt] #htp .htp__top{padding-left:0!important}
html[data-htt] #htp .htp__top:before{display:none!important}

html[data-htt] #harita-copper,html[data-htt] #harita-stk{display:none!important}
.htt-mk-src{font-size:11px!important;color:#8a93a3!important;margin:0 0 6px!important;line-height:1.6!important}
#htt-mk .htt-mk__t:has(.htt-mk__sp) .htt-mk__n{padding-right:70px}
@media (max-width:900px){#htt-mk>.htt-mk__t:last-child:nth-child(even){grid-column:1/-1}#htt-mk .htt-mk__t:has(.htt-mk__sp) .htt-mk__n{padding-right:52px}}

/* ===== 読む人に合わせた入口 ===== */
html[data-htt] #main-contents-one>#htt-who{order:0}
#htt-who{margin:0 0 26px}
#htt-who .htt-who__hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding-left:14px;position:relative}
#htt-who .htt-who__hd:before{content:"";position:absolute;left:0;top:5px;width:4px;height:20px;border-radius:2px;background:#B87333}
#htt-who .htt-who__t{font-size:19px;font-weight:900;color:#14213d}
#htt-who .htt-who__s{font-size:12.5px;color:#6b7385}
#htt-who .htt-who__all{margin-left:auto;height:32px;border:1.5px solid #cfd6e1;background:#fff;border-radius:99px;padding:0 14px;font-size:12.5px;font-weight:800;color:#14213d;cursor:pointer;font-family:inherit}
#htt-who .htt-who__tabs{display:none}
#htt-who .htt-who__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#htt-who .htt-who__c{--c:#14213d;--c2:#24365e;display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05),0 14px 30px -16px rgba(16,24,40,.4);border:1px solid #e3e7ee;min-width:0}
#htt-who .htt-who__c--new{--c:#e2740a;--c2:#f39a2e}
#htt-who .htt-who__c--gen{--c:#0b8f73;--c2:#19b08e}
#htt-who .htt-who__ch{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,var(--c),var(--c2));color:#fff;padding:16px 18px}
#htt-who .htt-who__ic{flex:none;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}
#htt-who .htt-who__ic svg{width:26px;height:26px;color:#fff}
#htt-who .htt-who__cb{display:flex;flex-direction:column;min-width:0}
#htt-who .htt-who__tag{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.06em;opacity:.95}
#htt-who .htt-who__tag i{display:none;font-style:normal;font-size:10.5px;background:#fff;color:var(--c);border-radius:99px;padding:1px 8px;letter-spacing:0}
#htt-who.is-mine .htt-who__tag i{display:inline-block}
#htt-who .htt-who__cb b{font-size:18px;font-weight:900;line-height:1.35;margin-top:2px}
#htt-who .htt-who__cb small{font-size:12px;line-height:1.5;opacity:.92;margin-top:3px}
#htt-who .htt-who__ls{display:flex;flex-direction:column;padding:8px 10px;flex:1}
#htt-who .htt-who__l{position:relative;display:flex;flex-direction:column;padding:9px 30px 9px 10px;border-radius:10px;text-decoration:none!important;color:#14213d!important;border-bottom:1px solid #eef1f5}
#htt-who .htt-who__l:last-child{border-bottom:0}
#htt-who .htt-who__l:after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-top:2.5px solid var(--c);border-right:2.5px solid var(--c);transform:translateY(-50%) rotate(45deg)}
#htt-who .htt-who__l:hover{background:#f5f7fa}
#htt-who .htt-who__l b{font-size:14.5px;font-weight:800;line-height:1.4}
#htt-who .htt-who__l small{font-size:11.5px;color:#6b7385;line-height:1.45}
#htt-who .htt-who__main{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 14px 16px;padding:12px 16px;border-radius:99px;background:var(--c);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:900;box-shadow:0 8px 16px -10px var(--c)}
#htt-who .htt-who__main span{display:inline-flex;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.25);align-items:center;justify-content:center;font-size:12px}
/* 選んだあと（PC）：自分の入口だけを横長に */
@media (min-width:761px){
  #htt-who.is-mine .htt-who__g{grid-template-columns:1fr}
  #htt-who.is-mine .htt-who__c:not(.is-on){display:none}
  #htt-who.is-mine .htt-who__c{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:auto auto}
  #htt-who.is-mine .htt-who__ch{grid-row:1/3}
  #htt-who.is-mine .htt-who__ls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;padding:10px 12px 0}
  #htt-who.is-mine .htt-who__l{border-bottom:0;background:#f7f9fb}
  #htt-who.is-mine .htt-who__main{justify-self:end;margin:8px 14px 12px}
}
/* スマホ：タブで切り替え */
@media (max-width:760px){
  #htt-who .htt-who__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:#e9edf3;border-radius:14px;padding:4px;margin:0 0 10px}
  #htt-who .htt-who__tab{display:flex;flex-direction:column;align-items:center;gap:3px;height:auto;margin:0;border:0;background:none;border-radius:11px;padding:8px 4px;font-family:inherit;font-size:12px;font-weight:900;color:#5b6576;cursor:pointer;line-height:1.3}
  #htt-who .htt-who__tab svg{width:20px;height:20px}
  #htt-who .htt-who__tab[aria-selected=true]{background:#fff;color:#14213d;box-shadow:0 2px 8px -2px rgba(16,24,40,.25)}
  #htt-who .htt-who__tab[data-k=pro][aria-selected=true]{color:#14213d}
  #htt-who .htt-who__tab[data-k=new][aria-selected=true]{color:#e2740a}
  #htt-who .htt-who__tab[data-k=gen][aria-selected=true]{color:#0b8f73}
  #htt-who .htt-who__g{grid-template-columns:1fr}
  #htt-who .htt-who__c:not(.is-on){display:none}
  #htt-who .htt-who__all{display:none}
  #htt-who .htt-who__s{font-size:11.5px}
}

/* ===== 入口カード：動く絵とアニメーション ===== */
#htt-who .htt-who__ch{position:relative;flex-direction:column;align-items:stretch;gap:0;padding:0 18px 16px;overflow:hidden}
#htt-who .htt-who__ic{display:none}
#htt-who .htt-who__art{position:relative;height:118px;margin:0 -18px 4px;border-bottom:1px solid rgba(255,255,255,.14);background:radial-gradient(120% 90% at 85% 0%,rgba(255,255,255,.18),rgba(255,255,255,0) 60%)}
#htt-who .htt-who__art svg{display:block;width:100%;height:100%;overflow:visible}
#htt-who .htt-who__cb{padding-top:10px}
#htt-who .htt-who__ch:after{content:"";position:absolute;top:-40%;left:-60%;width:40%;height:180%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:rotate(12deg);pointer-events:none;opacity:0}
#htt-who.is-vis .htt-who__ch:after{animation:httWhoShine 6s ease-in-out infinite}
#htt-who .htt-who__c--new .htt-who__ch:after{animation-delay:2s!important}
#htt-who .htt-who__c--gen .htt-who__ch:after{animation-delay:4s!important}
@keyframes httWhoShine{0%{left:-60%;opacity:0}8%{opacity:1}30%{left:130%;opacity:0}100%{left:130%;opacity:0}}

/* 共通：見えているときだけ動かす */
#htt-who:not(.is-vis) .htt-who__art *,#htt-who:not(.is-vis) .htt-who__ch:after,#htt-who:not(.is-vis) .htt-who__main:after{animation-play-state:paused!important}

/* 専門：単線結線図が描かれ、電気が流れる */
#htt-who .w-grid{animation:httWhoPan 4s linear infinite}
@keyframes httWhoPan{to{transform:translate(12px,12px)}}
#htt-who .w-draw{stroke-dasharray:520;stroke-dashoffset:520;animation:httWhoDraw 7s ease-in-out infinite}
#htt-who .w-draw2{stroke-dasharray:60;stroke-dashoffset:60;animation:httWhoDraw2 7s ease-in-out infinite}
@keyframes httWhoDraw2{0%{stroke-dashoffset:60;opacity:1}18%{stroke-dashoffset:0}90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.2}}
@keyframes httWhoDraw{0%{stroke-dashoffset:520;opacity:1}28%{stroke-dashoffset:0}90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.2}}
#htt-who .w-brk{animation:httWhoBrk 7s steps(1) infinite}
@keyframes httWhoBrk{0%,30%{fill:rgba(255,255,255,0)}31%,92%{fill:#ffd24a}93%,100%{fill:rgba(255,255,255,0)}}
#htt-who .w-load{fill:rgba(255,255,255,0);animation:httWhoLoad 7s ease-in-out infinite}
#htt-who .w-l2{animation-delay:.25s}
#htt-who .w-l3{animation-delay:.5s}
@keyframes httWhoLoad{0%,32%{fill:rgba(255,210,74,0)}40%,88%{fill:rgba(255,210,74,.9)}100%{fill:rgba(255,210,74,0)}}
#htt-who .w-bar{transform-box:fill-box;transform-origin:50% 100%;animation:httWhoBar 1.6s ease-in-out infinite alternate}
#htt-who .w-b2{animation-delay:-.4s}#htt-who .w-b3{animation-delay:-.8s}#htt-who .w-b4{animation-delay:-1.2s}#htt-who .w-b5{animation-delay:-.2s}
@keyframes httWhoBar{0%{transform:scaleY(.25)}100%{transform:scaleY(1)}}

/* 新人：本がめくれ、学習ルートを一歩ずつ進む */
#htt-who .w-page{transform-origin:42px 76px;animation:httWhoPage 3s ease-in-out infinite}
@keyframes httWhoPage{0%,25%{transform:scaleX(1)}55%,100%{transform:scaleX(-1)}}
#htt-who .w-spark circle{animation:httWhoTw 2.4s ease-in-out infinite}
#htt-who .w-spark circle:nth-child(2){animation-delay:.6s}#htt-who .w-spark circle:nth-child(3){animation-delay:1.2s}#htt-who .w-spark circle:nth-child(4){animation-delay:1.8s}
@keyframes httWhoTw{0%,100%{opacity:.15}50%{opacity:1}}

/* 一般：太陽が回り、電線から家へ電気が届き、窓に明かりがつく */
#htt-who .w-rays{transform-origin:30px 26px;animation:httWhoSpin 14s linear infinite}
@keyframes httWhoSpin{to{transform:rotate(360deg)}}
#htt-who .w-glint{animation:httWhoGlint 3.2s ease-in-out infinite}
@keyframes httWhoGlint{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}60%{transform:translate(14px,10px);opacity:0}100%{transform:translate(14px,10px);opacity:0}}
#htt-who .w-glow circle{animation:httWhoGlow 2.4s ease-in-out infinite}
@keyframes httWhoGlow{0%,100%{opacity:0}50%{opacity:.35}}

/* 表示されたとき：カードが順にふわっと出る */
#htt-who .htt-who__c{opacity:0;transform:translateY(22px)}
#htt-who.is-in .htt-who__c{animation:httWhoIn .75s cubic-bezier(.2,.8,.2,1) both}
#htt-who.is-in .htt-who__c:nth-child(2){animation-delay:.12s}
#htt-who.is-in .htt-who__c:nth-child(3){animation-delay:.24s}
@keyframes httWhoIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
#htt-who.is-in .htt-who__l{animation:httWhoL .55s ease-out both;animation-delay:calc(.3s + var(--i,0) * .07s)}
@keyframes httWhoL{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
#htt-who .htt-who__c{transition:translate .25s ease,box-shadow .25s ease}
#htt-who .htt-who__c:hover{translate:0 -4px;box-shadow:0 2px 4px rgba(16,24,40,.06),0 22px 40px -18px rgba(16,24,40,.5)}
#htt-who .htt-who__l:after{transition:right .2s ease}
#htt-who .htt-who__l:hover:after{right:7px}
#htt-who .htt-who__main{position:relative;overflow:hidden}
#htt-who .htt-who__main:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));transform:skewX(-18deg)}
#htt-who.is-vis .htt-who__main:after{animation:httWhoBtn 4.5s ease-in-out infinite}
@keyframes httWhoBtn{0%,60%{left:-40%}85%,100%{left:130%}}
#htt-who .htt-who__main span{transition:transform .2s}
#htt-who .htt-who__main:hover span{transform:translateX(3px)}

@media (min-width:761px){
  #htt-who.is-mine .htt-who__art{height:104px}
}
@media (max-width:760px){
  #htt-who .htt-who__art{height:104px}
  #htt-who .htt-who__tab{transition:background .2s,color .2s}
}
@media (prefers-reduced-motion:reduce){
  #htt-who *,#htt-who *:before,#htt-who *:after{animation:none!important;transition:none!important}
  #htt-who .htt-who__c{opacity:1;transform:none}
  #htt-who .w-draw,#htt-who .w-draw2{stroke-dashoffset:0}
}

#htt-who{margin:0 0 20px}
#htt-who .htt-who__hd{margin:0 0 8px}
#htt-who .htt-who__t{font-size:17px}
#htt-who .htt-who__s{font-size:11.5px}
#htt-who .htt-who__g{gap:10px}
#htt-who .htt-who__c{border-radius:14px}
#htt-who .htt-who__ch{padding:0 14px 10px}
#htt-who .htt-who__art{height:64px;margin:0 -14px 2px}
#htt-who .htt-who__cb{padding-top:6px}
#htt-who .htt-who__tag{font-size:11px}
#htt-who .htt-who__cb b{font-size:15px;margin-top:1px}
#htt-who .htt-who__cb small{font-size:11px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#htt-who .htt-who__ls{padding:4px 8px}
#htt-who .htt-who__l{padding:6px 26px 6px 8px}
#htt-who .htt-who__l b{font-size:13px;line-height:1.35}
#htt-who .htt-who__l small{display:none}
#htt-who .htt-who__l:after{width:7px;height:7px;right:10px}
#htt-who .htt-who__main{margin:2px 10px 10px;padding:8px 12px;font-size:12.5px}
#htt-who .htt-who__main span{width:18px;height:18px;font-size:10px}
@media (min-width:761px){
  #htt-who.is-mine .htt-who__c{grid-template-columns:minmax(0,240px) minmax(0,1fr)}
  #htt-who.is-mine .htt-who__art{height:56px}
  #htt-who.is-mine .htt-who__ls{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 6px;padding:8px 10px 0}
  #htt-who.is-mine .htt-who__main{margin:6px 10px 8px}
}
@media (max-width:760px){
  #htt-who .htt-who__art{height:56px}
  #htt-who .htt-who__tabs{margin:0 0 8px}
  #htt-who .htt-who__tab{padding:6px 4px;font-size:11.5px}
  #htt-who .htt-who__tab svg{width:17px;height:17px}
  #htt-who .htt-who__l{padding:5px 26px 5px 8px}
}

#htt-who .htt-who__art{height:118px;margin:0 -14px 4px}
#htt-who .htt-who__c.is-my .htt-who__tag i{display:inline-block}
@media (max-width:760px){#htt-who .htt-who__art{height:104px}}
html[data-htt] #harita-market-summary.htt-mk-on details.hmui-detail.htt-open>summary{pointer-events:none;cursor:default;border-bottom:1px solid #e3e7ee}
html[data-htt] #harita-market-summary.htt-mk-on details.hmui-detail.htt-open>summary::after,html[data-htt] #harita-market-summary.htt-mk-on details.hmui-detail.htt-open>summary::before{display:none!important}
#htt-today .hdb-box,#htt-today .hdb-box *,#htt-who,#htt-who *,#htt-hubs,#htt-hubs *,#htt-mk,#htt-mk *,#harita-wn,#harita-wn *,#harita-rv,#harita-rv *,#hlr,#hlr *{font-family:inherit!important}
#htt-today{margin:0 0 20px}
#htt-today .hdb-box{grid-template-areas:"hd hd" "cu list" "ft list"!important;grid-template-rows:auto auto 1fr;border-radius:14px!important}
#htt-today .hdb-hd{display:flex!important;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:12px 18px!important;min-height:0!important}
#htt-today .hdb-pen{display:none!important}
#htt-today .hdb-kick{font-size:11.5px!important;padding:2px 10px!important;margin:0!important}
#htt-today .hdb-ttl{font-size:18px!important;font-weight:900!important;margin:0!important;line-height:1.4!important;width:auto!important;letter-spacing:.02em}
#htt-today .hdb-sub{font-size:11.5px!important;margin:0!important;opacity:.85;width:auto!important}
#htt-today .hdb-cu{margin:12px 6px 8px 14px!important;padding:12px 14px!important;border-radius:12px!important}
#htt-today .hdb-cu-top{font-size:12px}
#htt-today .hdb-cu-val{font-size:32px!important;line-height:1.1!important}
#htt-today .hdb-cu-val small{font-size:14px!important}
#htt-today .hdb-chip{font-size:12.5px!important;padding:3px 9px!important}
#htt-today .hdb-cu-sub{font-size:11.5px!important}
#htt-today .hdb-cu svg{height:26px!important}
#htt-today .hdb-list{margin:12px 14px 12px 6px!important;gap:6px!important}
#htt-today .hdb-it{margin:0 0 6px!important}
#htt-today .hdb-it:last-child{margin-bottom:0!important}
#htt-today .hdb-it>a{padding:6px 12px 6px 8px!important;gap:10px!important;border-radius:10px!important}
#htt-today .hdb-tag{width:44px!important;min-width:44px!important;height:auto!important;min-height:0!important;padding:4px 2px!important;font-size:10.5px!important;line-height:1.3!important;border-radius:8px!important;align-self:stretch}
#htt-today .hdb-lab{font-size:11px!important}
#htt-today .hdb-t{font-size:14px!important;line-height:1.45!important}
#htt-today .hdb-rate{font-size:12px!important}
#htt-today .hdb-cd{padding:3px 7px!important;border-radius:8px!important}
#htt-today .hdb-cd b{font-size:17px!important}
#htt-today .hdb-cd small{font-size:9.5px!important}
#htt-today .hdb-ar{font-size:15px!important}
#htt-today .hdb-ft{padding:0 6px 14px 14px!important;align-self:start;background:none!important;border:0!important}
#htt-today .hdb-go{padding:9px 16px!important;font-size:13px!important;border-radius:10px!important;width:100%;box-sizing:border-box;text-align:center;display:block!important}
@media (max-width:760px){
  #htt-today .hdb-box{grid-template-areas:"hd" "cu" "list" "ft"!important;grid-template-columns:1fr!important}
  #htt-today .hdb-cu{margin:10px 10px 0!important}
  #htt-today .hdb-list{margin:10px!important}
  #htt-today .hdb-ft{padding:0 10px 12px!important}
  #htt-today .hdb-ttl{font-size:16px!important}
}
html[data-htt] #hmkbox details.hmui-stats>summary{pointer-events:none;cursor:default;list-style:none}
html[data-htt] #hmkbox details.hmui-stats>summary::-webkit-details-marker{display:none}
html[data-htt] #hmkbox details.hmui-stats>summary::after{display:none!important}

html[data-htt] #custom_html-433 .hcat.htt-fold{display:block!important}

#htp.htt-fold{display:flex!important;flex-direction:column}
#htp.htt-fold>.htt-bar{order:-1}
#htp.htt-fold>*{min-width:0}

html[data-htt] body #htp.htt-fold.is-shut{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html[data-htt] body #htp.htt-fold.is-shut>.htt-bar{margin:0 0 24px!important}

html[data-htt] body #hcatx.htt-fold.is-shut{max-width:1180px;margin:0 auto 24px!important;padding:0 16px!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important}
html[data-htt] body #hcatx.htt-fold.is-shut::before,html[data-htt] body #hcatx.htt-fold.is-shut::after{display:none!important}

html[data-htt] body section.hgrp.htt-fold.is-shut,html[data-htt] body #custom_html-433 .hcat.htt-fold.is-shut,html[data-htt] body #hcatx.htt-fold.is-shut{width:var(--htt-mw,100%)!important;max-width:none!important;margin-left:calc(50% - var(--htt-mw,100%) / 2)!important;margin-right:0!important;padding:0!important;box-sizing:border-box!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important}
html[data-htt] body #hcatx.htt-fold.is-shut{margin-top:0!important;margin-bottom:24px!important}
html[data-htt] body .htt-fold.is-shut>.htt-bar{width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}

html[data-htt] body section.hgrp.htt-fold.is-shut,html[data-htt] body #custom_html-433 .hcat.htt-fold.is-shut,html[data-htt] body #hcatx.htt-fold.is-shut,html[data-htt] body #htp.htt-fold.is-shut{margin-top:0!important;margin-bottom:16px!important}
html[data-htt] body .htt-fold.is-shut>.htt-bar{margin-top:0!important;margin-bottom:0!important}

html[data-htt] #harita-market-summary #hsz{display:none!important}

#htt-mk.v2{display:block!important;margin:0 0 10px}
#htt-mk.v2 .htt-mk__t{--c:#C2521F;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e7ee;border-radius:14px;padding:0;overflow:hidden;min-width:0;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 22px -16px rgba(16,24,40,.35);transition:translate .2s ease,box-shadow .2s ease}
#htt-mk.v2 .htt-mk__t:hover{translate:0 -2px;box-shadow:0 2px 4px rgba(16,24,40,.06),0 16px 30px -16px rgba(16,24,40,.45)}
#htt-mk.v2 .htt-mk__hd{display:flex;align-items:center;gap:8px;background:var(--c);color:#fff;padding:8px 12px}
#htt-mk.v2 .htt-mk__ic{flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}
#htt-mk.v2 .htt-mk__ic svg{width:17px;height:17px;color:#fff}
#htt-mk.v2 .htt-mk__n{font-size:13.5px!important;font-weight:900!important;color:#fff!important;letter-spacing:.02em;white-space:nowrap}
#htt-mk.v2 .htt-mk__u{margin-left:auto;font-size:10.5px!important;font-weight:800!important;color:#fff!important;background:rgba(255,255,255,.2);border-radius:99px;padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
#htt-mk.v2 .htt-mk__bd{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:12px 14px 4px}
#htt-mk.v2 .htt-mk__vw{display:flex;flex-direction:column;gap:6px;min-width:0}
#htt-mk.v2 .htt-mk__v{font-size:13px;color:#5b6576;line-height:1.1;white-space:nowrap;margin:0}
#htt-mk.v2 .htt-mk__v b{font-size:28px;font-weight:900;color:#14213d;letter-spacing:-.01em;margin-right:3px;font-feature-settings:"tnum"}
#htt-mk.v2 .htt-mk__c{align-self:flex-start;margin:0;font-size:12px;font-weight:900;border-radius:99px;padding:2px 10px;background:#eef0f2;color:#5b6576}
#htt-mk.v2 .htt-mk__c.is-up{background:#d6342a;color:#fff}
#htt-mk.v2 .htt-mk__c.is-dn{background:#1f5fa8;color:#fff}
#htt-mk.v2 .htt-mk__sp{position:static;flex:none;width:96px;height:44px;opacity:1}
#htt-mk.v2 .htt-mk__sp svg{width:100%!important;height:100%!important;overflow:visible}
#htt-mk.v2 .htt-mk__sp svg text,#htt-mk.v2 .htt-mk__sp svg line{display:none}
#htt-mk.v2 .htt-mk__sp path,#htt-mk.v2 .htt-mk__sp polyline{stroke:var(--c)!important;stroke-width:2.2!important}
#htt-mk.v2 .htt-mk__sp polygon{fill:var(--c)!important;opacity:.14}
#htt-mk.v2 .htt-mk__sp circle{fill:var(--c)!important;stroke:#fff!important}
#htt-mk.v2 .htt-mk__s{display:block;font-size:10.5px;color:#8a93a3;padding:4px 14px 10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#htt-mk.v2 .htt-mk__t.is-main{background:linear-gradient(135deg,#14213d 0%,#1f2f55 100%);border:0;margin:0 0 14px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__hd{background:transparent;padding:14px 18px 0}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__ic{background:var(--c)}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__n{font-size:15px!important;color:#FFC94A!important}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__u{background:rgba(255,255,255,.12)}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__bd{padding:8px 18px 4px;align-items:center}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__vw{flex-direction:row;align-items:center;gap:14px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__v{color:#c9d1e0;font-size:16px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__v b{font-size:46px;color:#fff}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__c{font-size:14px;padding:4px 12px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sp{flex:1;max-width:560px;height:64px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sp path,#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sp polyline{stroke:#FFC94A!important}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sp polygon{fill:#FFC94A!important;opacity:.18}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sp circle{fill:#FFC94A!important;stroke:#14213d!important}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__s{color:#9aa6bd;padding:4px 18px 14px}
#htt-mk.v2 .htt-mk__grp{margin:0 0 14px}
#htt-mk.v2 .htt-mk__gl{display:flex;align-items:baseline;gap:8px;margin:0 0 8px!important;padding:0 2px}
#htt-mk.v2 .htt-mk__gl b{font-size:13px;font-weight:900;color:#14213d}
#htt-mk.v2 .htt-mk__gl span{font-size:11px;color:#8a93a3}
#htt-mk.v2 .htt-mk__row{display:grid;gap:12px}
#htt-mk.v2 .htt-mk__row.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#htt-mk.v2 .htt-mk__row.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){
  #htt-mk.v2 .htt-mk__row.is-3{grid-template-columns:1fr}
  #htt-mk.v2 .htt-mk__row.is-2{grid-template-columns:1fr 1fr}
  #htt-mk.v2 .htt-mk__t.is-main .htt-mk__bd{flex-direction:column;align-items:stretch}
  #htt-mk.v2 .htt-mk__t.is-main .htt-mk__sp{width:100%;max-width:none;height:48px}
  #htt-mk.v2 .htt-mk__t.is-main .htt-mk__v b{font-size:38px}
}
@media (max-width:640px){
  #htt-mk.v2 .htt-mk__row.is-2{grid-template-columns:1fr}
  #htt-mk.v2 .htt-mk__v b{font-size:24px}
  #htt-mk.v2 .htt-mk__sp{width:84px;height:38px}
  #htt-mk.v2 .htt-mk__t.is-main .htt-mk__v b{font-size:34px}
  #htt-mk.v2 .htt-mk__t.is-main .htt-mk__vw{flex-wrap:wrap;gap:8px}
}

#htt-mk.v2 .htt-mk__vw{gap:8px}
#htt-mk.v2 .htt-mk__dt{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#4a5568;white-space:nowrap;line-height:1.2}
#htt-mk.v2 .htt-mk__dt i{flex:none;width:8px;height:8px;border-radius:50%;background:#94a3b8;position:relative}
#htt-mk.v2 .htt-mk__dt.is-ok i{background:#16a34a}
#htt-mk.v2 .htt-mk__dt.is-ok i:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #16a34a;opacity:0;animation:httPulse 2.4s ease-out infinite}
#htt-mk.v2 .htt-mk__dt.is-old i{background:#d97706}
#htt-mk.v2 .htt-mk__dt em{font-style:normal;font-size:10.5px;font-weight:800;background:#eef2f7;color:#334155;border-radius:99px;padding:1px 7px}
#htt-mk.v2 .htt-mk__dt.is-old em{background:#fef3c7;color:#92400e}
@keyframes httPulse{0%{transform:scale(.6);opacity:.7}80%,100%{transform:scale(1.6);opacity:0}}
#htt-mk.v2 .htt-mk__st{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 14px 2px}
#htt-mk.v2 .htt-mk__sx{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#f4f6f9;border-radius:10px;padding:7px 10px;min-width:0}
#htt-mk.v2 .htt-mk__sl{font-size:11.5px;font-weight:800;color:#334155;line-height:1.25;min-width:0}
#htt-mk.v2 .htt-mk__sl small{display:block;font-size:10px;font-weight:600;color:#8a93a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#htt-mk.v2 .htt-mk__sx b{font-size:16px;font-weight:900;color:#5b6576;white-space:nowrap;font-feature-settings:"tnum"}
#htt-mk.v2 .htt-mk__sx.is-up b{color:#d6342a}
#htt-mk.v2 .htt-mk__sx.is-dn b{color:#1f5fa8}
#htt-mk.v2 .htt-mk__sx.is-up{box-shadow:inset 3px 0 0 #d6342a}
#htt-mk.v2 .htt-mk__sx.is-dn{box-shadow:inset 3px 0 0 #1f5fa8}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__vw{flex-direction:column;align-items:flex-start;gap:8px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__dt{color:#c9d1e0;font-size:12.5px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__dt em{background:rgba(255,255,255,.14);color:#fff}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__st{padding:6px 18px 4px;max-width:560px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sx{background:rgba(255,255,255,.08);padding:9px 12px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sl{color:#e2e8f0;font-size:12.5px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sl small{color:#9aa6bd;font-size:10.5px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sx b{font-size:22px}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sx.is-up b{color:#ff8a7a}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sx.is-dn b{color:#8cb8ff}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sx.is-up{box-shadow:inset 3px 0 0 #ff8a7a}
#htt-mk.v2 .htt-mk__t.is-main .htt-mk__sx.is-dn{box-shadow:inset 3px 0 0 #8cb8ff}
@media (max-width:640px){
  #htt-mk.v2 .htt-mk__st{padding:8px 12px 2px;gap:6px}
  #htt-mk.v2 .htt-mk__sx{padding:6px 9px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px}
  #htt-mk.v2 .htt-mk__sl{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
  #htt-mk.v2 .htt-mk__sl small{display:inline}
  #htt-mk.v2 .htt-mk__sx b{font-size:15px}
  #htt-mk.v2 .htt-mk__t.is-main .htt-mk__st{padding:6px 14px 4px}
  #htt-mk.v2 .htt-mk__t.is-main .htt-mk__sx b{font-size:18px}
}

html[data-htt] #main-contents-one>#htt-rank,html[data-htt] #home-top-widget>#htt-rank{order:3;grid-column:1/-1}
#htt-rank{--c:#B87333;background:#fff;border:1px solid #e3e7ee;border-radius:18px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -14px rgba(16,24,40,.16);padding:26px 28px 22px;margin:0 0 28px;overflow:hidden;font-family:inherit;color:#1f2937;min-width:0}
#htt-rank *{font-family:inherit!important;box-sizing:border-box}
#htt-rank .hrk2__hd{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:0 0 0 14px;margin:0 0 16px;position:relative}
#htt-rank .hrk2__hd:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:2px;background:#B87333}
#htt-rank .hrk2__h{font-size:19px!important;font-weight:800!important;color:#14213d!important;letter-spacing:.02em;line-height:1.4!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#htt-rank .hrk2__h:before,#htt-rank .hrk2__h:after{display:none!important}
#htt-rank .hrk2__sub{font-size:12.5px;color:#6b7385}
#htt-rank .hrk2__rg{margin-left:auto;display:inline-flex;gap:2px;padding:3px;background:#f1f3f6;border-radius:10px}
#htt-rank .hrk2__rb{border:0;background:transparent;color:#4b5563;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:8px;cursor:pointer;line-height:1;margin:0;box-shadow:none;min-height:0;height:auto}
#htt-rank .hrk2__rb.is-on{background:#fff;color:#14213d;font-weight:900;box-shadow:0 1px 3px rgba(16,24,40,.15)}
#htt-rank .hrk2__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0}
#htt-rank .hrk2__tab{flex:none;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;transition:background .15s,color .15s;white-space:nowrap}
#htt-rank .hrk2__tab:hover{background:#e5e8ee;color:#111827}
#htt-rank .hrk2__tab.is-on{background:var(--c);color:#fff;font-weight:900}
#htt-rank .hrk2__panel{padding:0}
#htt-rank .hrk2__list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
#htt-rank .hrk2__list li{list-style:none!important;margin:0!important;padding:0!important;border:0;animation:hrk2In .35s ease both;animation-delay:calc(var(--i) * 50ms)}
#htt-rank .hrk2__list li:before,#htt-rank .hrk2__list li:after{display:none!important}
@keyframes hrk2In{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#htt-rank .hrk2__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;transition:background .15s,border-color .15s}
#htt-rank .hrk2__list a:hover{background:#fff;border-color:var(--c)}
#htt-rank .hrk2__list li:first-child a{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 10px -4px rgba(16,24,40,.15)}
#htt-rank .hrk2__n{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#6b7280;background:#e5e7eb;font-feature-settings:"tnum"}
#htt-rank .hrk2__n.r1{background:#E0A100;color:#fff}
#htt-rank .hrk2__n.r2{background:#8A97A8;color:#fff}
#htt-rank .hrk2__n.r3{background:#B87333;color:#fff}
#htt-rank .hrk2__tx{flex:1;min-width:0}
#htt-rank .hrk2__t{font-size:15px;font-weight:700;line-height:1.6;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#htt-rank .hrk2__v{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;color:#6b7280;white-space:nowrap;min-width:64px}
#htt-rank .hrk2__v b{font-size:16px;font-weight:800;color:#374151;margin-right:2px;font-feature-settings:"tnum"}
#htt-rank .hrk2__bar{display:block;width:64px;height:4px;background:#e5e7eb;border-radius:99px;overflow:hidden}
#htt-rank .hrk2__bar i{display:block;height:100%;width:0;background:var(--c);border-radius:99px;transition:width .6s ease}
#htt-rank li.is-sk{display:flex;align-items:center;gap:14px;padding:16px!important;background:#f8f9fb;border-radius:12px}
#htt-rank li.is-sk .hrk2__n{background:#eceef2}
#htt-rank li.is-sk .hrk2__t{height:14px;border-radius:6px;background:linear-gradient(90deg,#eceef2 25%,#f6f7f9 50%,#eceef2 75%);background-size:200% 100%;animation:hrk2Sk 1.2s linear infinite}
@keyframes hrk2Sk{from{background-position:200% 0}to{background-position:-200% 0}}
#htt-rank .hrk2__empty{padding:22px 8px!important;text-align:center;color:#6b7385;font-size:13px}
#htt-rank .hrk2__ft{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px}
#htt-rank .hrk2__note{font-size:12px;color:#6b7280}
#htt-rank .hrk2__more{font-size:13.5px;font-weight:800;color:#fff!important;background:var(--c);padding:9px 18px;border-radius:99px;text-decoration:none!important;transition:filter .15s}
#htt-rank .hrk2__more:hover{filter:brightness(1.08)}
@media (max-width:640px){
  #htt-rank{padding:18px 14px 16px;border-radius:16px;margin-bottom:20px}
  #htt-rank .hrk2__sub{display:none}
  #htt-rank .hrk2__hd{flex-wrap:nowrap;gap:8px;margin-bottom:14px}
  #htt-rank .hrk2__h{white-space:nowrap;font-size:16px!important}
  #htt-rank .hrk2__rg{flex:none}
  #htt-rank .hrk2__rb{padding:6px 8px;font-size:11.5px}
  #htt-rank .hrk2__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0 -14px 14px;padding:0 14px 2px}
  #htt-rank .hrk2__tabs::-webkit-scrollbar{display:none}
  #htt-rank .hrk2__tab{font-size:13px;padding:8px 13px}
  #htt-rank .hrk2__list{gap:6px}
  #htt-rank .hrk2__list a{gap:10px;padding:11px 12px}
  #htt-rank .hrk2__n{width:28px;height:28px;font-size:13.5px}
  #htt-rank .hrk2__t{font-size:14px}
  #htt-rank .hrk2__v{min-width:48px}
  #htt-rank .hrk2__v b{font-size:14px}
  #htt-rank .hrk2__bar{width:48px}
  #htt-rank .hrk2__ft{flex-direction:column;align-items:stretch}
  #htt-rank .hrk2__more{text-align:center}
}
@media (prefers-reduced-motion:reduce){#htt-rank .hrk2__list li{animation:none}#htt-rank .hrk2__bar i{transition:none}}

#htt-aa{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:18px 22px 18px 26px;border-radius:14px;background:linear-gradient(115deg,#064E3B 0%,#0E7A63 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 24px -12px rgba(6,78,59,.55);font-family:inherit}
#htt-aa *{font-family:inherit!important}
#htt-aa:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:#FFC94A}
#htt-aa:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
#htt-aa .htt-aa__art{flex:none;width:68px;height:68px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
#htt-aa .htt-aa__art svg{width:52px;height:52px}
#htt-aa .htt-aa__art .l1,#htt-aa .htt-aa__art .l2,#htt-aa .htt-aa__art .l3{transform-origin:17px 0;animation:httAaLine 3.6s ease-in-out infinite}
#htt-aa .htt-aa__art .l2{animation-delay:.25s}
#htt-aa .htt-aa__art .l3{animation-delay:.5s}
#htt-aa .htt-aa__art .hand{transform-origin:46px 46px;animation:httAaHand 3.6s linear infinite}
@keyframes httAaLine{0%{transform:scaleX(0)}25%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes httAaHand{to{transform:rotate(360deg)}}
#htt-aa .htt-aa__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-decoration:none!important;color:#fff!important}
#htt-aa .htt-aa__k{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;font-weight:900;letter-spacing:.04em}
#htt-aa .htt-aa__k:before{content:"";display:none}
#htt-aa .htt-aa__k{align-self:flex-start;background:#FFC94A;color:#064E3B;border-radius:99px;padding:3px 10px}
#htt-aa .htt-aa__k em{font-style:normal;font-weight:800;color:#064E3B;background:rgba(255,255,255,.6);border-radius:99px;padding:1px 8px;margin-right:-6px}
#htt-aa .htt-aa__h{font-size:20px;font-weight:900;letter-spacing:.02em;line-height:1.35;color:#fff}
#htt-aa .htt-aa__d{font-size:13px;line-height:1.7;color:#d1fae5}
#htt-aa .htt-aa__b{flex:none;display:flex;gap:10px;position:relative;z-index:1}
#htt-aa .htt-aa__go,#htt-aa .htt-aa__log{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;padding:11px 18px;border-radius:10px;text-decoration:none!important;white-space:nowrap;transition:transform .15s,filter .15s}
#htt-aa .htt-aa__go{background:#FFC94A;color:#064E3B!important;box-shadow:0 4px 0 #C99A1E}
#htt-aa .htt-aa__log{background:#fff;color:#064E3B!important;box-shadow:0 4px 0 #9CB8AE}
#htt-aa .htt-aa__go:hover,#htt-aa .htt-aa__log:hover{transform:translateY(-1px);filter:brightness(1.04)}
@media (max-width:900px){#htt-aa{flex-wrap:wrap}#htt-aa .htt-aa__b{width:100%}#htt-aa .htt-aa__go,#htt-aa .htt-aa__log{flex:1}}
@media (max-width:640px){#htt-aa{padding:16px 14px 16px 20px;gap:12px}#htt-aa .htt-aa__art{width:52px;height:52px;border-radius:12px}#htt-aa .htt-aa__art svg{width:40px;height:40px}#htt-aa .htt-aa__h{font-size:17px}#htt-aa .htt-aa__d{font-size:12.5px}#htt-aa .htt-aa__b{flex-direction:column;gap:8px}#htt-aa .htt-aa__go,#htt-aa .htt-aa__log{padding:11px 12px}}
@media (prefers-reduced-motion:reduce){#htt-aa .htt-aa__art *{animation:none!important}}