/* ===== 全体 ===== */
body.top-base {
  margin: 0;
  padding: 0;
  background: #fafafa;
  color: #222;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
}

/* ===== レイアウト ===== */
main.top-container {
  max-width: 720px;
  margin: 0 auto;
  padding: 80px 24px;
  box-sizing: border-box;
}


/* ===== h1（SEO用・控えめ） ===== */
.site-title {
  font-size: 14px;
  font-weight: normal;
  color: #666;
  margin-bottom: 64px;
}

/* ===== 段落の役割分け ===== */
p {
  margin: 0;
}

p.lead {
  font-size: 28px;
  line-height: 1.6;
  margin-bottom: 32px;
}

p.soft {
  font-size: 18px;
  line-height: 1.9;
  margin-bottom: 40px;
}

p.note {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  margin-top: 24px;
}

/* ===== 質問文 ===== */
p.question {
  font-size: 20px;
  margin: 64px 0 24px;
}

/* ===== リンク ===== */
.top-links ul {
  list-style: none;
  padding: 0;
  margin: 0 0 64px;
}

.top-links li {
  margin-bottom: 16px;
}

.top-links a {
  text-decoration: none;
  color: #222;
  border-bottom: 1px solid #ccc;
}

.top-links a:hover {
  opacity: 0.7;
}

/* ===== 相談ボタン ===== */
.talk-button {
  display: inline-block;
  margin: 24px 0 32px;
  padding: 12px 28px;
  border: 1px solid #222;
  text-decoration: none;
  color: #222;
}

.talk-button:hover {
  background: #222;
  color: #fff;
}

/* ===== フッター ===== */
.top-footer {
  margin-top: 80px;
}

/* ===== 話しかけてみる ボタン ===== */
.talk-button {
  display: inline-block;
  margin: 32px 0 40px;
  padding: 14px 32px;
  border: 1px solid #222;
  color: #222;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.05em;
  transition: background 0.2s ease, color 0.2s ease;
}

.talk-button:hover {
  background: #222;
  color: #fff;
}

/* ===== h1 強制指定（最終） ===== */
body.top-base h1.site-title {
  font-size: 14px !important;
  font-weight: normal;
  color: #666;
  margin-bottom: 64px;
  line-height: 1.8;
}

/* ===== 背景：水の中のような静かなレイヤー ===== */
body.top-base::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("./water-bg.jpg"); /* ← 画像名 */
  background-size: cover;
  background-position: center;
  opacity: 0.4;
  z-index: -1;
}

/* ==============================
   固定ページ（TOP世界観）専用
   ============================== */

/* テンプレ限定 */
.top-fixed-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 96px 20px 140px;
}

/* H1（静かな見出し） */
.top-fixed-page .top-h1 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 64px;
}

/* 本文 */
.top-fixed-page .top-article {
  font-size: 1rem;
  line-height: 1.9;
}

.top-fixed-page .top-article p {
  margin-bottom: 1.6em;
}

/* Cocoon由来の装飾を無効化 */
.top-fixed-page .entry-content,
.top-fixed-page .article,
.top-fixed-page .content-in {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}

/* 念のためサイドバー完全無効 */
.top-fixed-page .sidebar,
.top-fixed-page #sidebar,
.top-fixed-page #sidebar-wrap,
.top-fixed-page .widget-area {
  display: none !important;
}
/* 固定ページ（TOP世界観）にも同じフォントを適用 */
body.page-template-page-topbase {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
  background: #fafafa;
  color: #222;
}

.site-title {
  display: none !important;
}