html,body{width:100%;height:100%;background-color:#f5f5f5;font-size:16px}@media screen and (width < 480px){html,body{font-size:10px}}*{margin:0;padding:0;border:0}.header{width:100%;padding:1rem;background-color:#fff}.header>.title{text-align:center;font-size:2rem;font-weight:700}.main{display:flex;flex-direction:column;align-items:center;font-size:1.2rem}.main>section.input{padding:5vh 10vw;display:flex;flex-direction:column;align-items:center}.main>section.input>*{display:block;margin:1rem}.main>section.input>.datetime,.main>section.input>.pref-select{padding:.5rem;width:calc(80vw - 2rem);max-width:280px;border:1px solid #000;border-radius:.5rem;background-color:#fff;resize:none}.main>section.input>.button{padding:.7rem;width:10rem;border-radius:2rem;text-align:center;background-color:#33e;color:#fff}.main>section.output{padding:0 1rem;border:#000 solid 1px;background-color:#fff}.main>section.output>*{margin:1rem 0}.main>section.output>*.sled-title{color:red}.main>section.output>*>.post-header>.post-number,.main>section.output>*>.post-header>.post-date,.main>section.output>*>.post-header>.post-time{margin-right:1ch}.main>section.output>*>.post-header>.post-author{font-weight:700}.main>section.output>*>.post-header .post-author-id-mark{color:#00f;text-decoration:underline}.main>section.output>*>.post-content{margin-left:4ch}.footer{padding:1rem;width:100%;background-color:#eee;top:100vh;position:sticky;text-align:center}.footer>.copyright{margin:1rem}.footer>.copyright .link{color:#00e;text-decoration:underline}.footer>.copyright .small{font-size:inherit}