/* DAKOKU top: mobile horizontal overflow correction. Load after style-gridfix05.css. */
@media (max-width: 720px) {
  html, body { width: 100%; max-width: 100%; overflow-x: clip; }
  .site-header, .hero, .section, .fan-section, footer { max-width: 100%; }
  .section { width: 100% !important; box-sizing: border-box; padding-left: 18px !important; padding-right: 18px !important; }
  .site-header { min-width: 0; }
  .site-header .brand { min-width: 0; flex: 0 1 190px; }
  .site-header .brand img { max-width: 100%; }
  .fan-button { flex: 0 0 auto; }
  .menu-button { flex: 0 0 40px; }
  .news-grid, .feature-grid { min-width: 0; grid-template-columns: minmax(0, 1fr); }
  .news-card, .feature, .section-title { min-width: 0; max-width: 100%; }
  .feature { grid-template-columns: minmax(0, 42%) minmax(0, 1fr); }
  .feature > img { width: 100%; min-width: 0; }
  .feature > div { min-width: 0; overflow-wrap: anywhere; }
  .feature span { max-width: 100%; white-space: normal; }
  .section-title h2, .section-title span, .section-title a { min-width: 0; overflow-wrap: anywhere; }
}