@charset 'UTF-8';
/*  Add Custom CSS here.  */

/* Keep top banners aligned in one row with equal size */
.top__ranking .bnrs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px;
  align-items: stretch;
}

.top__ranking .bnrs > a {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 541 / 153;
}

.top__ranking .bnrs > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* SP: one banner per row (same breakpoint as other theme pages) */
@media (max-width: 767px) {
  .top__ranking .bnrs {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }
}