/* Fresh-path override while ConoHa/WEXAL serves a cached copy of style.css. */
@media (min-width: 981px) and (max-width: 1100px) {
  .nav-toggle { display: flex; order: 1; z-index: 1001; }
  .site-logo { order: 2; }
  .header-lang { order: 3; position: relative; z-index: 1001; }
  .main-nav {
    position: fixed;
    inset: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    padding: 88px 20px 32px;
    overflow-y: auto;
    background: rgba(254, 241, 0, .98);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
  }
  .main-nav.is-open { opacity: 1; pointer-events: auto; }
  .main-nav-list { width: min(100%, 420px); flex-direction: column; align-items: stretch; gap: 4px; }
  .main-nav-list > li > a { min-height: 48px; padding: 12px 20px; border: 2px solid transparent; font-size: 1rem; text-align: center; }
  .main-nav-list > li[style*="margin-left"] { margin-left: 0 !important; }
}

@media (min-width: 801px) and (max-width: 1200px) {
  .material-page .detail-tier { grid-template-columns: auto minmax(0, 1fr); }
  .material-page .detail-tier > .detail-dl-form,
  .material-page .detail-tier > .detail-dl-single,
  .material-page .detail-tier > .btn,
  .material-page .detail-tier > a.btn,
  .material-page .detail-tier > form,
  .material-page .detail-tier > .detail-dl-list,
  .material-page .detail-tier__na { grid-column: 1 / -1; width: 100%; }
  .material-page .detail-tier > .detail-dl-form .btn,
  .material-page .detail-tier > .detail-dl-single .btn,
  .material-page .detail-tier > a.btn,
  .material-page .detail-tier > form > .btn { width: 100%; }
}

@media (min-width: 801px) and (max-width: 900px) {
  .material-page .detail-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; overflow: visible; }
  .material-page .detail-gallery { display: block; width: 100%; max-width: 560px; margin: 0 auto; padding: 0; border: 0; background: transparent; }
  .material-page .detail-info { width: 100%; padding: 0; }
  .material-page .detail-desc { margin-top: 17px; padding: 0 2px; }
}