/* HARITA トップ カテゴリ一覧のグループ分け 1.0.0 */
#hcatx.htg-on .htg-g{ margin:0 0 20px; }
#hcatx.htg-on .htg-g:last-child{ margin-bottom:0; }

#hcatx.htg-on .htg-gt{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:0 0 10px !important; padding:2px 0 2px 12px;
  border-left:5px solid var(--gc,#14213d);
  font-size:14px; font-weight:800; letter-spacing:.01em; color:#243447 !important;
}
#hcatx.htg-on .htg-gt::after{ display:none !important; }

#hcatx.htg-on .htg-name{
  font-size:15.5px; font-weight:800; color:var(--gc,#14213d); letter-spacing:.01em;
}
#hcatx.htg-on .htg-meta{
  font-size:11px; font-weight:800; color:#fff; background:var(--gc,#14213d);
  border-radius:999px; padding:3px 9px; letter-spacing:.02em; white-space:nowrap;
}
#hcatx.htg-on .htg-note{
  font-size:12px; font-weight:600; color:#7b8a99; letter-spacing:0;
}
#hcatx.htg-on .htg-gt a.htg-parent{
  font-size:11.5px; font-weight:700; color:var(--gc,#14213d) !important;
  text-decoration:none !important; white-space:nowrap;
}
#hcatx.htg-on .htg-gt a.htg-parent:hover{ text-decoration:underline !important; }

@media (max-width:640px){
  #hcatx.htg-on .htg-gt{ gap:7px; padding-left:10px; }
  #hcatx.htg-on .htg-name{ font-size:14.5px; }
  #hcatx.htg-on .htg-note{ flex:1 1 100%; margin-top:1px; }
}