/* 10km.dev 共通スタイル */
body { margin: 0; padding: 14px 18px; background: #fff url(img/bg_tile.gif); color: #222; }
/* 古い DOCTYPE（互換モード）では表の中に文字の設定が継承されないので td / th にも書く */
body, td, th { font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size: 13px; line-height: 1.8; }
a:link, a:visited { color: #222; }
a:hover { color: #fff; background: #222; text-decoration: none; }
.nav a { margin-right: 16px; letter-spacing: 1px; }
.gray { color: #888; }
.title { letter-spacing: 3px; }
.line { border-top: 1px solid #222; }

/* 本文の列と大きい画像：PC では幅 720px、スマホでは画面いっぱい */
.col { width: 100%; max-width: 720px; }
.wide { width: 100%; max-width: 720px; height: auto; }
/* 小さい画像は1行に3枚 */
.thumb { width: 31%; height: auto; margin: 0 1% 1% 0; }

.spec th { color: #888; font-weight: normal; text-align: left; padding-right: 20px; white-space: nowrap; vertical-align: top; }
.list td { border-bottom: 1px solid #ddd; padding: 6px 0; vertical-align: top; }
.win { border: 1px solid #999; width: 380px; max-width: 100%; background: #fff; }
.win .bar { border-bottom: 1px solid #999; padding: 0 6px; background: #f4f4f4; }
.win .body { height: 104px; overflow-y: scroll; padding: 2px 8px; }
textarea { width: 100%; font-family: Verdana, monospace; font-size: 11px; border: 1px solid #999; }

/* スマホ */
@media (max-width: 600px) {
  body { padding: 10px 12px; }
  .nav a { margin-right: 10px; }
  .upd { display: none; }
  /* メンバー表は1人ずつ縦に並べる */
  .list tr { display: block; padding: 6px 0; border-bottom: 1px solid #ddd; }
  .list td { display: block; width: auto; border: 0; padding: 0; }
}