html,
body {
  margin: 0;
  max-width: 100%;
  overflow-x: auto;
}

body {
  box-sizing: border-box;
  padding-inline: 10px;
}

body > div[align="center"] {
  margin-inline: auto;
  max-width: 100%;
}

td[bgcolor="#996666"],
img[src*="images/menu/"],
img[src*="../images/menu/"],
csobj {
  display: none !important;
}

img[src$="head.gif"] {
  display: none !important;
}

#hotaru-archive-2023 {
  margin: 0 auto;
  text-align: center;
}

#hotaru-archive-2023 a {
  display: inline !important;
}

a[href^="hotaru/"][href$=".html"],
a[href^="hotaru"][href$=".html"],
a[href^="../hotaru/"][href$=".html"] {
  display: none !important;
}

img {
  height: auto;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  max-width: 100%;
}

@media (max-width: 900px) {
  html,
  body {
    font-size: 11pt !important;
    line-height: 16pt !important;
    -webkit-overflow-scrolling: touch;
  }

  .class1 {
    font-size: 11pt !important;
    line-height: 16pt !important;
  }

  td.class1 {
    font-size: 11pt !important;
    line-height: 16pt !important;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: normal;
  }

  td.class1 br {
    display: block;
    margin-bottom: 0.45em;
  }

  table[width] {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  td[width] {
    max-width: 100% !important;
    width: auto !important;
  }

  img[width] {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
  }

  img[width="706"],
  img[width="700"],
  img[width="600"],
  img[width="580"],
  img[width="560"],
  img[width="550"],
  img[width="541"] {
    width: 100% !important;
  }

  td {
    font-size: 1em !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  hr[width] {
    max-width: 100% !important;
    width: 100% !important;
  }

  #hotaru-archive-2023 {
    padding-inline: 4px;
  }
}