/* Decorative artwork is positioned outside layout flow to preserve banner dimensions. */
.home-banner-mascot,.home-banner-mark{display:none}
.home-ranking-column{display:flex;flex-direction:column;gap:26px;min-width:0}
body[data-design="cool"] .home-ranking-column{grid-column:span 2}
body[data-design="cool"] .home-ranking-column>.yj-ketsui-banner{padding:28px 24px}
body[data-design="cool"] .home-ranking-column .cool-ketsui-art strong{font-size:30px}
@media(max-width:760px){
  body[data-design="cool"] .home-ranking-column{grid-column:1/-1;gap:16px}
}
@media screen{
  body[data-design="cool"].home-page .infaer-sidebar-banner>.home-banner-mascot{display:block;position:absolute;right:14px;bottom:8px;width:84px;height:calc(100% - 16px);max-height:134px;object-fit:contain;object-position:right bottom;pointer-events:none}
  body[data-design="cool"].home-page :is(.hoikuen-sidebar-banner,.gakkou-sidebar-banner)>.home-banner-mark{display:block;position:absolute;top:10px;right:16px;width:36px;height:36px;fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:square;stroke-linejoin:miter;pointer-events:none}
  @media(min-width:761px) and (max-width:1050px){
    body[data-design="cool"].home-page .infaer-sidebar-banner>.home-banner-mascot{right:8px;bottom:8px;width:36px;height:54px}
    body[data-design="cool"].home-page :is(.hoikuen-sidebar-banner,.gakkou-sidebar-banner)>.home-banner-mark{right:12px;width:24px;height:24px}
  }
  @media(max-width:760px){
    body[data-design="cool"].home-page .infaer-sidebar-banner>.home-banner-mascot{right:12px;width:72px;max-height:120px}
    body[data-design="cool"].home-page :is(.hoikuen-sidebar-banner,.gakkou-sidebar-banner)>.home-banner-mark{width:32px;height:32px}
  }
}