/* Legacy templates (0de.css / 1design.css) mobile baseline.
   Keep this file ASCII-only for Shift_JIS pages. */

html {
  -webkit-text-size-adjust: 100%;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

@media (max-width: 719px) {
  * {
    box-sizing: border-box;
  }

  body {
    width: auto !important;
    margin: 0 !important;
    padding: 0 0.75rem !important;
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif !important;
  }

  img,
  svg,
  video,
  canvas {
    max-width: 100% !important;
    height: auto !important;
  }

  div.al {
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
  }

  div.top {
    height: auto !important;
  }

  h1 {
    float: none !important;
    padding-right: 0 !important;
  }

  p.topimg {
    float: none !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  div.mada {
    float: none !important;
    width: auto !important;
  }

  div.submenu {
    width: auto !important;
    margin: 0 !important;
  }

  p.topbar,
  p.topbar2 {
    float: none !important;
    text-align: left !important;
  }

  ul.hemenu li,
  ul.hemenu2 li {
    float: none !important;
    display: inline-block !important;
    margin: 0.15rem 0.35rem 0.15rem 0 !important;
  }

  table {
    max-width: 100% !important;
  }

  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  td,
  th {
    word-break: break-word;
  }

  input,
  select,
  textarea,
  button {
    font-size: 16px !important;
  }
}