html {
  color: #000;
}

body {
  margin: 8px;
  overflow-wrap: anywhere;
}

a:link { color: #0000ff; }
a:visited { color: #660099; }
a:active { color: #f00; }

input, select, textarea, button { max-width: 100%; }
textarea { box-sizing: border-box; }

.pc.board-page {
  margin: 0;
  background: #fff url("/assets/ba.gif") repeat;
}

.pc.thread-page { background: #efefef; }

.pc-menu {
  position: fixed;
  inset: 0 auto 0 0;
  box-sizing: border-box;
  width: 103px;
  overflow: auto;
  padding: 4px 0;
  background: #fff;
  color: #c30;
  font-size: small;
}

.framed { margin-left: 103px; padding: 0 0 1px; }

.board-banner { text-align: center; }
.board-banner img { max-width: 100%; height: auto; vertical-align: top; }

.pc-box {
  box-sizing: border-box;
  width: 95%;
  margin: 0 auto 16px;
  border: 1px outset #aaa;
  padding: 7px;
}

.pc-box-inner { border: 1px inset #aaa; padding: 3px; }
.pc-box.green { background: #cfc; }
.pc-box.gray { background: #efefef; }

.box-links { float: right; white-space: nowrap; }
.center { text-align: center; }
.board-title { font-size: larger; }
.rules { padding: 0.9em 0 0.7em; }
.rules p { margin: 0.9em 0; }
.pc-thread-list { font-size: small; margin-top: 3px; }
.preview-title { font-size: x-large; color: #f00; }

.search { display: inline; }
.search-strip {
  box-sizing: border-box;
  width: 95%;
  padding: 3px;
  margin: 0 auto 16px;
  border: 1px solid #111;
  background: #c00000;
  color: #fff;
}
.search-strip a { color: #fff; font-size: small; font-weight: bold; }

.posts dd { white-space: pre-wrap; }
.pc .posts dd { margin-bottom: 1em; }
.pc .posts dt a { color: #000; text-decoration: none; }
.pc .posts dt a:hover { text-decoration: underline; }
.poster, .green-text { color: #008000; }
.poster.sage { color: #0000ff; }
.red-text, .pc-thread-title { color: #f00; }
.pc-thread-title { font-size: x-large; }
.pc-read-nav { text-align: center; font-weight: bold; }
.pc .preview-links { margin: 0 0 1em 40px; font-weight: bold; }

.write { margin: 1em 0; }
.write.inline { margin-left: 40px; margin-bottom: 0; }
.write .body-field { margin-left: 40px; }
.message-label textarea { max-width: 100%; vertical-align: top; }
.confirm-body { white-space: pre-wrap; }
.favorite, .keybar { display: inline; }
.favorite button {
  border: 0;
  background: none;
  color: #0000ff;
  font: inherit;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
}
.disabled { color: #aaa; }
.form-title { font-size: larger; }
footer { margin: 1em 8px; font-size: small; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

.phone {
  margin: 8px;
  background: #fff;
  font: 14px/1.32 "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.phone a, .phone .favorite button { color: #0033cc; }
.phone a:active { color: #f00; }
.phone-title { margin: 0 0 3px; font-size: 1em; color: #c00; }
.phone-list { margin-top: 2px; }
.phone hr { margin: 4px 0; }
.phone .posts { margin: 0; }
.phone .posts dd { margin: 0 0 0.55em; }
.phone .posts dt { border-top: 1px solid #ddd; padding-top: 2px; }
.phone .posts dt:first-child { border-top: 0; }
.phone .write input, .phone textarea { font-size: 16px; }
.phone footer { margin-left: 0; }

@media (max-width: 520px) {
  .pc .write.inline, .pc .write .body-field, .pc .posts dd, .pc .preview-links { margin-left: 12px; }
}