/* No11 紹介サイトの雛形 2026-10-12。装飾より「表示が埋もれないこと」を優先する。
   【広告】と開示文は本文と同じ大きさ・同じ濃さで出す（運用基準 第3・1⑵カ・キ）。 */
:root {
  --ink: #1a1a1a;
  --bg: #ffffff;
  --line: #d8d8d8;
  --sub: #555555;
  --link: #0b4ea2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #ececec;
    --bg: #161616;
    --line: #3a3a3a;
    --sub: #b4b4b4;
    --link: #8ab4f8;
  }
}
:root[data-theme="dark"] {
  --ink: #ececec;
  --bg: #161616;
  --line: #3a3a3a;
  --sub: #b4b4b4;
  --link: #8ab4f8;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: system-ui, "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 17px;
  line-height: 1.85;
}

.wrap { max-width: 42rem; margin: 0 auto; padding: 0 16px 4rem; }

header.site { border-bottom: 1px solid var(--line); margin-bottom: 1.5rem; }
header.site .wrap { padding-top: 1.2rem; padding-bottom: 1.2rem; }
header.site a { color: inherit; text-decoration: none; font-weight: 700; }

h1 { font-size: 1.5rem; line-height: 1.5; margin: 1.6rem 0 0.6rem; }
h2 { font-size: 1.15rem; margin: 2rem 0 0.5rem; }

a { color: var(--link); }

/* 広告である旨と開示文。本文と同じ大きさ・同じ色。薄くしない・小さくしない。 */
.disclosure {
  margin: 0 0 1.4rem;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--line);
  font-size: inherit;   /* body と同じ大きさ。rem で書くと本文17pxより小さくなる */
  color: var(--ink);
}
.disclosure .ad { font-weight: 700; margin: 0; }
.disclosure .assoc { margin: 0.2rem 0 0; }

.meta { color: var(--sub); font-size: 0.95rem; }

.amazon-link {
  display: inline-block;
  margin: 1.2rem 0;
  padding: 0.7rem 1.1rem;
  border: 1px solid var(--link);
  border-radius: 4px;
  text-decoration: none;
}

footer.site {
  border-top: 1px solid var(--line);
  margin-top: 3rem;
  color: var(--sub);
  font-size: 0.95rem;
}
footer.site .wrap { padding-top: 1.2rem; }

/* お問い合わせフォーム */
form input[type="text"], form input[type="email"], form textarea {
  width: 100%;
  padding: 0.5rem;
  font: inherit;
  color: var(--ink);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 4px;
}
form button {
  font: inherit;
  padding: 0.6rem 1.4rem;
  color: var(--bg);
  background: var(--ink);
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}