/* ===== 基本フォントと背景 ===== */
body {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f8f9fa; /* 明るめの背景 */
  color: #212529; /* 基本のテキスト色 */
  line-height: 1.6;
  padding-top: 60px;
}

/* ===== 見出し ===== */
h1, h2, h3, h4, h5, h6 {
  color: #343a40; /* 濃いグレーで統一 */
  font-weight: 600;
  margin-bottom: 0.75rem;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

/* ===== 段落 ===== */
p {
  color: #495057; /* 少し薄めのグレーで読みやすく */
  margin-bottom: 1rem;
}

/* ===== リンク ===== */
a {
  color: #0d6efd; /* Bootstrap primary と同じ */
  text-decoration: none;
  transition: color 0.2s;
}

a:hover {
  color: #0a58ca; /* 少し濃くしてホバー感 */
  text-decoration: underline;
}

/* ===== ボタン風リンク ===== */
a.btn-like {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  background-color: #0d6efd;
  color: #fff;
  border-radius: 0.25rem;
  transition: background-color 0.2s;
}

a.btn-like:hover {
  background-color: #0a58ca;
  text-decoration: none;
}

/* ===== リスト ===== */
ul, ol {
  color: #495057;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

/* ===== 強調テキスト ===== */
strong {
  color: #212529;
  font-weight: 700;
}

em {
  color: #495057;
  font-style: italic;
}

/* ===== ブロック引用 ===== */
blockquote {
  border-left: 4px solid #dee2e6;
  padding-left: 1rem;
  color: #6c757d;
  font-style: italic;
  margin: 1rem 0;
}



/* カスタム */

/* tbody 内で data-href がある tr にカーソルを変える */
tbody tr[data-href] {
cursor: pointer;
}