.kirin-title-nav{display:block;width:100%;background:rgba(17,17,17,.72);margin:0}
.kirin-title-nav__inner{display:flex;flex-wrap:nowrap;width:100%;max-width:none;margin:0;gap:0;padding:0}
.kirin-title-banner{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:48px;background:transparent;overflow:hidden;text-decoration:none;color:#fff;border:0;border-right:1px solid rgba(255,255,255,.28);box-sizing:border-box}
.kirin-title-banner:last-child{border-right:0}
.kirin-title-banner span{display:block;padding:10px 6px;font-size:15px;font-weight:800;letter-spacing:.06em;text-align:center;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.kirin-title-banner img{display:none}
.kirin-title-banner.has-img{position:relative;height:56px;min-height:0;padding:0;background:#111}
.kirin-title-banner.has-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .2s ease}
.kirin-title-banner.has-img span{position:absolute;left:0;right:0;bottom:0;padding:12px 6px 6px;background:linear-gradient(transparent,rgba(0,0,0,.82));text-shadow:0 1px 3px #000}
.kirin-title-banner.has-img:hover img,.kirin-title-banner.has-img.on img{transform:scale(1.04)}
.kirin-title-banner:hover{background:rgba(0,0,0,.28)}
.kirin-title-banner.on{background:rgba(0,0,0,.42);color:#ffd45a;box-shadow:inset 0 -3px 0 #ffd45a}

.kirin-title-home{margin:16px 0 8px}
.kirin-title-home .ec-role{max-width:1130px;margin:0 auto;padding:0 10px}
.kirin-title-home__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.kirin-title-banner--lg{min-height:64px;height:auto;border-radius:6px}
.kirin-title-banner--lg span{font-size:18px}
.kirin-title-banner--lg.has-img{height:168px;min-width:0}
.kirin-title-banner--lg.has-img span{font-size:22px;padding:28px 10px 10px}

.kirin-title-banner--wide{display:flex;width:100%;min-height:44px;height:auto;min-width:0;border-radius:6px;margin-bottom:8px}
.kirin-title-banner--wide span{font-size:16px}
.kirin-title-banner--wide.has-img{height:120px}
.kirin-title-banner--wide.has-img span{font-size:20px;padding:24px 8px 8px}
.ec-itemNav a.kirin-cat-banner-link{padding:0;background:transparent;border:0;display:block}
.ec-itemNav .kirin-title-banner--wide.has-img img{border-radius:6px}
.kirin-title-cats-skip{display:none!important}
.kirin-title-cats{background:#fff;overflow:visible}

@media (max-width:768px){
  .kirin-title-banner{min-height:40px}
  .kirin-title-banner span{font-size:12px;padding:8px 4px}
  .kirin-title-banner.has-img{height:44px}
  .kirin-title-banner--lg.has-img{height:132px}
  .kirin-title-banner--lg.has-img span{font-size:18px}
  .kirin-title-banner--wide.has-img{height:96px}
}