*{margin:0 auto;word-break:break-all;}body,input,textarea,form div,select{background:#ffc;color:#111;}body{padding:.5em;font:12.7px/1.4 sans-serif;}a,a:visited{text-decoration:underline;}a{color:#15d;}a:hover{text-decoration:none;font-weight:bold;}a:visited{color:#a5c;}a[target]:after{content:' >';color:red;}rt{user-select:none;}img,audio,video{display:block;margin:0;}img{max-width:100%;height:auto;}video{max-width:100%;max-height:500px;height:auto;width:auto;}h1,form h2,.c{text-align:center;}nav label:after{content:'≡';}.n label:after{content:'X';}.n,nav label{position:fixed;top:0;right:0;}.n a{display:block;color:#0b0;padding:1em;}.n a:hover{background:#555;}nav label{background:rgba(255,255,255,.5);padding:1em;}.n{display:none;}#SW:checked+p{display:block;background:#000;width:100%;height:100%;padding-top:2em;}@media only screen and (min-width:800px){html{background:#000;}body{font-size:18px;width:70%;margin-left:5%;}nav label{display:none;}.n{display:block;right:5%;}.n a{padding:0;}}h1{color:#938;}body{border:solid 1px #b30;padding:0;}header{background:#fee;padding:.5em;text-align:center;}h1{color:#053;}.main{display:flex;}.article{width:80%;padding:.5em;}.aside{width:20%;}ul{color:#fff;background:#044;text-align:center;list-style:none;padding:0;}ul li{margin-bottom:1em;}.aside a{display:block;}.aside a,aside a:visited{color:#fff;}.aside a:hover{color:#ff0;background:#288;}button[value="logout"]{padding:.2em;background:#fee;color:#00a;border:solid 1px #ccc;}button[value="logout"]:hover{background:#eef;color:#000;}.new_list{background:#fff;border:double 4px #c55;min-height:8em;}.p:before{content:"★";color:#a00;}.q:before{content:"◆";color:#00a;}.middle{padding:.5em;}.black_board{padding:.2em;background:#044;color:#eee;}.black_board h2{font-size:1.1em;color:#ff0;}.history{border-top:dashed .2em #81d;border-bottom:dashed .2em #81d;}.history p,.history h2{border-bottom:dotted 1px #000;}footer{padding:.5em;}