/* =====================================================================
   梅ばあさんの家に関する調査 — 2003年頃の個人サイト風
   既定: MS P明朝/ゴシック、灰色の背景、固定幅 720px
   ===================================================================== */

html, body { margin: 0; padding: 0; }

body {
  background: #b9b3a6 url("/ume/assets/images/bg-paper.svg") repeat;
  color: #1a1a1a;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: 15px;
  line-height: 1.85;
  text-rendering: geometricPrecision;
  -webkit-text-size-adjust: 100%;
}

/* テキスト選択 */
::selection { background: #6a1010; color: #fff; }

/* 全体コンテナ */
.shell {
  width: 720px;
  max-width: calc(100% - 8px);
  margin: 0 auto;
  background: #ece6d6;
  border: 1px solid #4a4030;
  border-top: none;
  border-bottom: none;
  box-shadow: 0 0 0 1px #2a200f, 0 0 22px rgba(0,0,0,.4);
}

/* ヘッダー (テーブル風だが div で組む) */
.head {
  background: #2b1010;
  color: #f1e6c8;
  padding: 14px 18px 18px;
  border-bottom: 4px ridge #6a1010;
  position: relative;
}
.head h1 {
  font-family: "ＭＳ Ｐ明朝","HG明朝E","MS PMincho","Hiragino Mincho ProN",serif;
  font-size: 26px;
  margin: 0;
  letter-spacing: .12em;
  color: #f3d6a6;
  text-shadow: 0 0 1px #000, 1px 1px 0 #000;
}
.head h1 small { display:block; font-size:11px; color:#a0917a; margin-top:4px; letter-spacing:.4em; font-weight:normal; }
.head .tag {
  font-size: 11px;
  color: #c2a35a;
  margin-top: 6px;
  letter-spacing: .12em;
}
.head .tag b { color: #f3d6a6; }

/* ナビゲーション (テーブル風) */
.nav {
  background: #1a0808;
  border-top: 1px solid #6a1010;
  border-bottom: 1px solid #6a1010;
  padding: 6px 0;
  text-align: center;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 12px;
}
.nav a {
  color: #e6c98a;
  text-decoration: underline;
  margin: 0 8px;
  padding: 2px 4px;
}
.nav a:visited { color: #b89d6a; }
.nav a:hover { color: #fff; background: #6a1010; text-decoration: none; }
.nav a[aria-current="page"] {
  color: #fff;
  background: #6a1010;
  text-decoration: none;
  padding: 2px 6px;
}

/* 警告バー (上の方に常に出す古臭いやつ) */
.warning {
  background: #ffffcc;
  border: 1px solid #8a7a3a;
  border-left: 4px solid #aa1010;
  color: #2a1a00;
  padding: 8px 12px;
  margin: 14px 18px 0;
  font-size: 12px;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.warning b { color: #aa1010; }

/* 本文ブロック */
.content {
  padding: 22px 30px 30px;
}
.content h2 {
  font-size: 19px;
  border-left: 8px solid #6a1010;
  border-bottom: 1px dashed #6a1010;
  margin: 28px 0 14px;
  padding: 4px 0 4px 10px;
  background: linear-gradient(to right, #d5c9a8, #ece6d6 80%);
  letter-spacing: .06em;
}
.content h3 {
  font-size: 16px;
  margin: 22px 0 10px;
  padding-left: 6px;
  border-left: 4px solid #6a1010;
}
.content p { margin: 0 0 1em; }
.content blockquote {
  margin: 14px 0;
  padding: 10px 16px;
  background: #f6efd8;
  border-left: 6px solid #6a1010;
  font-family: "ＭＳ Ｐ明朝","Yu Mincho",serif;
  color: #2a1a0a;
}
.content blockquote .who {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #5a4a30;
  text-align: right;
}
.content hr {
  border: none;
  border-top: 1px dashed #6a1010;
  margin: 30px 0;
}
.content a { color: #2222aa; text-decoration: underline; }
.content a:visited { color: #6a118a; }
.content a:hover { background: #ffffcc; }

/* リード文 */
.lead {
  background: #1a0808;
  color: #e6c98a;
  border: 1px solid #6a1010;
  padding: 14px 18px;
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.9;
}

/* 写真 */
figure {
  margin: 18px auto;
  text-align: center;
}
figure img, figure svg {
  max-width: 100%;
  border: 1px solid #4a3010;
  background: #000;
  box-shadow: 4px 4px 0 #4a4030;
}
figcaption {
  font-size: 11px;
  color: #4a3a20;
  margin-top: 6px;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
figure.polaroid {
  display: inline-block;
  background: #ece6d6;
  padding: 8px 8px 22px;
  border: 1px solid #8a7a4a;
  box-shadow: 5px 5px 0 rgba(0,0,0,.35);
  transform: rotate(-1deg);
}
figure.polaroid figcaption {
  font-family: "Caveat","Yu Mincho",serif;
  font-size: 13px;
  color: #1a0808;
}
.photo-blur img, .photo-blur svg { filter: blur(3px) saturate(.55) contrast(1.18) brightness(.78); }
.photo-dark img, .photo-dark svg { filter: saturate(.55) contrast(1.2) brightness(.7); }

/* 記事一覧 */
.report-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.report-list li {
  padding: 12px 0;
  border-bottom: 1px dotted #6a4a20;
}
.report-list .date {
  display: inline-block;
  width: 110px;
  color: #6a4a20;
  font-family: ui-monospace,"Courier New",monospace;
  font-size: 12px;
}
.report-list a {
  color: #2222aa;
  font-weight: bold;
  text-decoration: underline;
}
.report-list .lead-text {
  display: block;
  margin: 4px 0 0 110px;
  color: #2a1a0a;
  font-size: 13px;
}

/* 掲示板 */
.bbs-form {
  background: #d5c9a8;
  border: 2px inset #4a3010;
  padding: 12px;
  margin-top: 18px;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 12px;
}
.bbs-form label { display: block; margin: 6px 0 2px; }
.bbs-form input[type="text"], .bbs-form textarea {
  width: 100%;
  background: #fff;
  border: 1px inset #888;
  font-family: inherit;
  font-size: 13px;
  padding: 4px 6px;
  box-sizing: border-box;
}
.bbs-form textarea { height: 110px; resize: vertical; }
.bbs-form .actions { margin-top: 10px; display: flex; gap: 10px; align-items: center; }
.bbs-form button {
  background: linear-gradient(to bottom, #f5e9c0, #c9b888);
  border: 1px outset #8a7a4a;
  padding: 4px 14px;
  font-family: inherit;
  font-size: 12px;
  cursor: pointer;
}
.bbs-form button:active { border-style: inset; }
.bbs-msg { margin-top: 8px; color: #aa1010; font-size: 12px; min-height: 16px; }

.bbs-list { margin-top: 22px; }
.bbs-post {
  background: #f6efd8;
  border: 1px solid #8a7a4a;
  border-left: 4px solid #6a1010;
  margin-bottom: 8px;
  padding: 8px 12px;
}
.bbs-post .h {
  font-size: 12px;
  color: #5a4a30;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  margin-bottom: 4px;
}
.bbs-post .h .no { color: #aa1010; font-weight: bold; }
.bbs-post .h .name { color: #2222aa; font-weight: bold; margin: 0 6px; }
.bbs-post .h .date { color: #5a4a30; }
.bbs-post .body {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 13px;
  line-height: 1.75;
}
.bbs-empty { color: #5a4a30; font-style: italic; padding: 20px; text-align: center; }

/* 管理 */
.admin-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.admin-table th, .admin-table td {
  padding: 6px 8px;
  border-bottom: 1px solid #8a7a4a;
  vertical-align: top;
}
.admin-table th { background: #d5c9a8; text-align: left; }
.admin-table tr.removed { opacity: .4; text-decoration: line-through; }
.admin-table tr.seed td { background: #f5edd0; }
.admin-table .del-btn {
  background: linear-gradient(to bottom, #f8d8d8, #c97070);
  border: 1px outset #8a3a3a;
  padding: 2px 8px;
  cursor: pointer;
  font-family: inherit;
  font-size: 11px;
}
.admin-table .del-btn:active { border-style: inset; }

/* フッタ */
.foot {
  background: #2b1010;
  color: #a0917a;
  padding: 14px 18px;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 11px;
  border-top: 4px ridge #6a1010;
  text-align: center;
}
.foot .upd { color: #f3d6a6; }
.foot .counter {
  display: inline-block;
  background: #000;
  color: #ff5050;
  padding: 2px 8px;
  font-family: "Courier New",monospace;
  letter-spacing: 4px;
  border: 1px solid #6a1010;
  margin-left: 8px;
}

/* スマホ */
@media (max-width: 760px) {
  body { font-size: 14px; }
  .shell { width: 100%; box-shadow: none; }
  .head { padding: 12px 14px; }
  .head h1 { font-size: 20px; }
  .nav a { display: inline-block; margin: 2px; }
  .content { padding: 18px 14px 24px; }
  .report-list .date { display: block; width: auto; }
  .report-list .lead-text { margin-left: 0; }
}

/* IEっぽい仕上げ: GIFアニメ風の点滅 */
.blink {
  animation: blink 1.4s steps(2, start) infinite;
}
@keyframes blink { to { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .blink { animation: none; } }

/* 追記欄 */
.addendum {
  background: #1a0808;
  color: #e6c98a;
  padding: 12px 18px;
  border-left: 4px solid #aa1010;
  font-size: 13px;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  margin: 22px 0;
}
.addendum strong { color: #ff7070; }

/* 古い表 */
table.old-info {
  width: 100%;
  border-collapse: collapse;
  background: #f6efd8;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 12px;
  margin: 12px 0;
}
table.old-info th, table.old-info td {
  border: 1px solid #6a4a20;
  padding: 6px 8px;
  text-align: left;
}
table.old-info th { background: #d5c9a8; width: 30%; }