/* Preserve the existing desktop design and allow the same article URL on phones. */
@media (max-width: 940px) {
  body { font-size: 16px; line-height: 1.8; }
  #container { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 8px; }
  #rndtop, #rndbody, #rndbottom { background-image: none; background-color: #fff; }
  #rndtop { height: auto; padding: 4px 0; }
  #rndtop h1 { height: auto; line-height: 1.5; padding-top: 8px; padding-bottom: 8px; font-size: 14px; }
  #header { height: auto; min-height: 150px; background-size: auto 100%; }
  #header h2, #header .title { position: static; box-sizing: border-box; width: 100%; padding: 24px 16px 8px; font-size: 28px; line-height: 1.4; }
  #headertext { position: static; box-sizing: border-box; width: 100%; padding: 4px 16px 24px; font-size: 12px; line-height: 1.7; }
  #contents { padding: 12px 0; }
  #main, #menu { float: none; box-sizing: border-box; width: 100%; }
  #main h2, #main h3 { box-sizing: border-box; line-height: 1.6; background-color: #599c15; padding: 8px 12px; }
  #main h2 span, #main h3 span { background-image: none; padding-right: 0; }
  #text1 { overflow-wrap: anywhere; padding: 12px; }
  #text1 h3 { position: static; width: auto; }
  #menu h4, #menu .menubox, #menu ul, #menu li, #menu li a { box-sizing: border-box; width: auto; background-size: 100% auto; }
  #menu li a { padding-top: 10px; padding-bottom: 10px; font-size: 15px; line-height: 1.5; }
  #space1 { overflow-wrap: anywhere; }
  #sitemaps .sbox1, #sitemaps .sbox2 { float: none; box-sizing: border-box; width: 100%; }
  #footer { font-size: 12px; line-height: 1.7; padding: 12px; overflow-wrap: anywhere; }
}