@charset "UTF-8";

/* ============================================
  カスタムカラーテーマ（暖色系）
============================================ */
:root {
  --warm-primary: #d97059;
  --warm-secondary: #e89073;
  --warm-light: #ffecd2;
  --warm-bg: #fff8f0;
}

/* ============================================
  背景
============================================ */
body {
  background: white url(../img/bg.png) no-repeat fixed center center;
  background-size: cover;
  font-family: "Noto Serif JP", serif;
}

/* ============================================
  ナビゲーション
============================================ */
.navbar {
  background: rgba(255, 248, 240, 0.95) !important;
}

/* ============================================
  見出し
============================================ */
h2 {
  color: var(--warm-primary);
  border-bottom: 3px solid var(--warm-secondary);
}

/* ============================================
  リンク
============================================ */
a {
  color: var(--warm-primary);
}

a:hover {
  color: #c85a3f;
}

/* ============================================
  テーブル
============================================ */
.table-light {
  background-color: var(--warm-bg) !important;
}

/* ============================================
  メンバーカード
============================================ */
.member-card {
  background: url(../img/member_carg_bg.png) no-repeat bottom center / cover;
}

.member-sns {
  font-size: 0; /* 改行による空白を削除 */
}

.member-sns a {
  display: inline-block;
  margin: 0 4px;
}

.member-sns img {
  display: block;
}

/* ============================================
  フッター
============================================ */
footer {
  background: rgba(255, 248, 240, 0.95) !important;
  border-top: 3px solid var(--warm-secondary);
}