html{font-size:16px}html,body,#container{height:100%;margin:0;padding:0;color:#000;background-color:#fff}@media (prefers-color-scheme: dark){html,body,#container{color:#fff;background-color:#000}}body{margin-top:0px;padding-top:0px}body>#container{height:auto;min-height:100%}#container{box-sizing:border-box;border-left:3px double #000;border-right:3px double #000}@media (prefers-color-scheme: dark){#container{border-left:3px double #fff;border-right:3px double #fff}}@media only screen and (min-width: 750px){#container{position:relative;clear:both;margin:0 auto;width:750px}}@media only screen and (max-width: 749px){#container{width:100%}}#menu{margin:0px;padding:0px;border-bottom:3px double #000}@media (prefers-color-scheme: dark){#menu{border-bottom:3px double #fff}}#menu input#menu-toggle,#menu label[for="menu-toggle"]{display:none}@media only screen and (max-width: 749px){#menu input#menu-toggle,#menu label[for="menu-toggle"]{display:inline}}@media only screen and (max-width: 749px){#menu input#menu-toggle{position:absolute;left:-9999px}#menu input#menu-toggle:checked ~ ul{display:flex}#menu label[for="menu-toggle"]{position:absolute;top:.2em;right:3px;font-size:48px;font-weight:bold}}#menu ul{width:100%;margin:0px;padding:0px;list-style:none}#menu ul li a{display:block;padding:0px 10px;box-sizing:border-box;font-weight:bold;text-decoration:none;overflow:hidden}@media only screen and (min-width: 750px){#menu{width:744px}#menu ul{display:flex;flex-direction:row}#menu ul li{position:relative;width:100%;padding:4px 0px}#menu ul li a{font-size:24px;text-align:center}#menu ul li ul{position:absolute;left:-9999px;z-index:1;width:100%;background-color:#fff;border:1px solid #000;border-bottom:2px solid #000;border-right:2px solid #000}}@media only screen and (min-width: 750px) and (prefers-color-scheme: dark){#menu ul li ul{background-color:#000;border:1px solid #fff;border-bottom:2px solid #fff;border-right:2px solid #fff}}@media only screen and (min-width: 750px){#menu ul li:hover ul,#menu ul li.sfhover ul{left:auto;margin:4px 0px 0px -2px;display:block}#menu ul li:hover ul li,#menu ul li.sfhover ul li{position:relative;width:100%;padding:0px;border-top:1px dotted #000;clear:both}}@media only screen and (min-width: 750px) and (prefers-color-scheme: dark){#menu ul li:hover ul li,#menu ul li.sfhover ul li{border-top:1px dotted #fff}}@media only screen and (min-width: 750px){#menu ul li:hover ul li:first-child,#menu ul li.sfhover ul li:first-child{border-top:none}#menu ul li:hover ul li a,#menu ul li.sfhover ul li a{padding:0px 10px;color:#000;background-color:#fff;font-size:20px;text-decoration:none;overflow:hidden}}@media only screen and (min-width: 750px) and (prefers-color-scheme: dark){#menu ul li:hover ul li a,#menu ul li.sfhover ul li a{color:#fff;background-color:#000}}@media only screen and (min-width: 750px){#menu ul li:hover ul li a:hover,#menu ul li:hover ul li a.sfhover,#menu ul li.sfhover ul li a:hover,#menu ul li.sfhover ul li a.sfhover{color:#fff;background-color:#000}}@media only screen and (min-width: 750px) and (prefers-color-scheme: dark){#menu ul li:hover ul li a:hover,#menu ul li:hover ul li a.sfhover,#menu ul li.sfhover ul li a:hover,#menu ul li.sfhover ul li a.sfhover{color:#000;background-color:#fff}}@media only screen and (min-width: 750px){#menu ul li:hover ul li ul,#menu ul li.sfhover ul li ul{position:absolute;left:-9999px;width:100%;z-index:1}#menu ul li:hover ul li:hover ul,#menu ul li:hover ul li.sfhover ul,#menu ul li.sfhover ul li:hover ul,#menu ul li.sfhover ul li.sfhover ul{top:.5em;left:150px;margin-bottom:.5em}}@media only screen and (max-width: 749px){#menu{width:100%}#menu ul{display:none;flex-direction:column}#menu ul li a{text-align:left;font-size:32px}#menu ul li ul{display:block;padding:0 30px;box-sizing:border-box}#menu ul li ul li a{padding:0 0 0 1em;text-indent:-1em;font-size:24px;font-weight:normal}}#main{box-sizing:border-box;padding:10px;word-break:break-word}@media only screen and (min-width: 750px){#main{width:744px}}@media only screen and (max-width: 749px){#main{width:100%}}.login_box{margin:0px;padding:5px 0px}@media only screen and (min-width: 750px){.login_box{float:right}}#paging{margin-top:15px;padding-top:7px;border-top:1px solid #000}@media (prefers-color-scheme: dark){#paging{border-top:1px solid #fff}}#paging a{padding:5px;font-size:18px;font-weight:bold}#paging a.active{text-decoration:none}
