@media (max-width: 800px) {
  html, body { width: auto !important; min-width: 0 !important; overflow-x: hidden; }
  body { font-size: 16px !important; line-height: 1.5; }
  body * { max-width: 100% !important; box-sizing: border-box; }
  img, video, iframe, embed, object, canvas { height: auto; }
  iframe[src*="youtube"], iframe[src*="youtu.be"] { aspect-ratio: 16/9; height: auto !important; }
  table { display: block; overflow-x: auto; }
  p, li, td, dd { font-size: 16px !important; }
  a { word-break: break-word; }
  input, select, textarea, button { font-size: 16px !important; min-height: 44px; }
}
@media (max-width: 800px) {
  #header, #menu1, #menu1 ul, #menu2, #middle, #page, #page .inner, #left, #right, #right0, #right1, #right2, #right3, #right4, #right5, #left .bottom1, #left .bottom2, #right .bottom1, #right .bottom2 { width: auto !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; }
  #header { height: auto !important; min-height: 60px; background-size: cover; }
  #header h1 a { position: static !important; margin: 0 !important; width: 100% !important; }
  #info { margin: 0 !important; text-align: center; line-height: 1.4 !important; height: auto !important; padding: 4px; }
  #menu1 { height: auto !important; display: flow-root; }
  #menu1 ul { margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; }
  #menu1 li, #menu2 li { float: none !important; }
  #menu1 a { width: auto !important; padding: 0 10px; min-width: 80px; background-size: 100% 100%; font-size: 14px !important; }
  #search { float: none !important; width: auto !important; margin: 6px 8px !important; background-size: 100% 100%; padding: 6px 8px !important; height: auto !important; }
  #srchfld { width: 70% !important; }
  #menu2 { height: auto !important; padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; }
  #menu2 a { width: auto !important; padding: 0 10px; background-size: 100% 100%; font-size: 14px !important; }
  #middle { height: auto !important; display: flex !important; flex-direction: column; }
  #left { order: 1; } #right { order: 2; }
  #page { padding-top: 10px !important; background-image: none !important; }
  #page .inner { min-height: 0 !important; padding: 6px !important; }
  #left .bottom1, #left .bottom2, #right .bottom1, #right .bottom2 { display: none !important; }
  .game { float: none !important; width: auto !important; height: auto !important; margin: 0 0 12px !important; background-size: 100% 100%; display: flow-root; }
  .game .screenshot { width: 40% !important; height: auto !important; }
  .game .screenshot img { width: 100% !important; height: auto !important; }
  .game .desc { width: 55% !important; font-size: 14px !important; }
  #right0, #right1, #right2, #right3, #right4, #right5 { padding: 0 10px !important; min-height: 0 !important; background-size: 100% auto; }
  body { overflow-x: clip !important; }
}
@media (max-width: 800px) {
  #footer { width: auto !important; height: auto !important; padding: 10px; }
  .game .desc .text { height: auto !important; min-height: 18px; }
  .game .desc .play { height: auto !important; line-height: 1.2 !important; padding: 6px 7px !important; }
  .game .desc .play .text { line-height: 1.2 !important; }
  .game .desc .icon5 { height: auto !important; max-height: 6.5em; overflow: hidden; }
}
@media (max-width: 800px) { #footer { order: 3; } body { background-position: calc(50% + 270px) 0 !important; } }