* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 4px 10px 35px; background: #efefef; color: #000; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 14px; line-height: 1.5; }
main { width: min(1100px, 100%); margin: 0; }
a { color: #0000ee; text-decoration: underline; } a:visited { color: #551a8b; }
.board-nav { padding: 2px 0 8px; line-height: 1.65; font-size: 13px; }.board-name { color: #666; }
hr { height: 1px; border: 0; background: #888; margin: 0 0 10px; }
h1 { display: inline; margin: 0; color: #f00000; font-family: Arial, "メイリオ", sans-serif; font-size: 20px; font-weight: bold; }
.bar { display: inline; margin: 0 0 0 8px; color: #555; font-size: 12px; }
#posts { margin: 13px 0 18px; padding: 0; list-style: none; background: #efefef; }
.post { margin: 0 0 10px; padding: 0; white-space: normal; overflow-wrap: anywhere; }
.meta { color: #000; font-size: 14px; line-height: 1.45; }.post-no { color: #000; text-decoration: none; }.post-no:hover { text-decoration: underline; }
.name { color: #228811; font-weight: bold; }.visitor .name { color: #228811; }.player .name { color: #228811; }
.role { margin-left: 4px; color: #e00000; font-size: 11px; font-weight: bold; }.post-id { color: #000; text-decoration: none; }
.body { margin: 1px 0 0 20pt; white-space: pre-wrap; font-size: 15px; line-height: 1.55; }.anchor { color: #0000ee; text-decoration: underline; cursor: pointer; }
.write { width: min(620px, 100%); padding: 6px 8px 8px; border: 1px solid #aaa; background: #ddd; font-size: 13px; }.write-head { margin: -6px -8px 5px; padding: 2px 6px; background: #ccc; font-weight: bold; }
#access { margin: 3px 0 7px; } textarea { display:block; width: min(560px, 100%); resize: vertical; padding: 3px; border: 1px solid #777; background: #fff; font: 14px "ＭＳ Ｐゴシック", monospace; }
button { margin-top: 7px; padding: 1px 10px; border: 1px solid #777; border-radius: 0; background: #eee; color: #000; font: inherit; } button:disabled { color: #777; }.hint { margin: 5px 0 0; color: #555; font-size: 11px; }
@media (max-width: 520px) { body { padding: 4px 7px 25px; font-size: 13px; } h1 { display:block; font-size: 18px; }.bar { display:block; margin: 3px 0 0; }.body { margin-left: 12px; }.write { width: 100%; } }

.nav-action { margin: 0; padding: 0; border: 0; background: transparent; color: #0000ee; text-decoration: underline; cursor: pointer; font: inherit; } .nav-action:visited { color: #551a8b; }