@media (orientation: landscape) {
  body.asahi div#leftmap  {float: left;  width: 44vw; height: 44vw; margin: 0 auto;}
  body.asahi div#rightmap {width: 44vw; height: 44vw; margin: 0 auto;}
}
@media (orientation: portrait) {
  body.asahi div#leftmap  {float: left;  width: 96vw; height: 44vh; margin: 0 auto;}
  body.asahi div#rightmap {width: 96vw; height: 44vh; margin: 0 auto;}
}

p.#info {border: 1px solid #444422;}
div#leftmap  {float: left;  width: 44vw; height: 80vh; margin: 0 auto;}
div#rightmap {width: 44vw; height: 80vh; margin: 0 auto;}