body {
  font-family: 'Raleway', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
}

.sow-button {
  border-radius: 20px;
}

button:hover {
  border-radius: 20px;
}

.simple-banner-text {
  text-align: right !important;
}

.simple-banner .simple-banner-text {
  font-weight: 200;
  color: #4f4f4f;
  letter-spacing: 1px;
}


.tablepress thead th {
    background-color: yellow !important;
    color: black !important;
}

/* ----------------------------------------------------
   TablePress：ピンクグループ（tp-pink）
   使い方：テーブルの Extra CSS Classes に「tp-pink」と入力
   ヘッダー（トップバー）がピンクに変わります
---------------------------------------------------- */
.tablepress.tp-pink thead th {
    background-color: #f4d5d8 !important;
    color: #000 !important;
}

/* ----------------------------------------------------
   TablePress：マッサージ（tp-beige）
   使い方：テーブルの Extra CSS Classes に「tp-beige」と入力
   ヘッダー（トップバー）がベージュに変わります
---------------------------------------------------- */
.tablepress.tp-beige thead th {
    background-color: #e7e4db !important;
    color: #000 !important;
}

/* ----------------------------------------------------
   TablePress：マッサージ（tp-beige2）
   使い方：テーブルの Extra CSS Classes に「tp-beige2」と入力
   ヘッダー（トップバー）がベージュに変わります
---------------------------------------------------- */
.tablepress.tp-beige2 thead th {
    background-color: #d4d0c1 !important;
    color: #000 !important;
}

/* ----------------------------------------------------
   TablePress：Facial Individual（tp-green1）
   使い方：テーブルの Extra CSS Classes に「tp-green1」と入力
   ヘッダー（トップバー）がベージュに変わります
---------------------------------------------------- */
.tablepress.tp-green1 thead th {
    background-color: #dceee0 !important;
    color: #000 !important;
}


/* ----------------------------------------------------
   TablePress：Facial Individual（tp-green2）
   使い方：テーブルの Extra CSS Classes に「tp-green2」と入力
   ヘッダー（トップバー）がベージュに変わります
---------------------------------------------------- */
.tablepress.tp-green2 thead th {
    background-color: #d5e2d8 !important;
    color: #000 !important;
}
/* ----------------------------------------------------
   TablePress：（tea）
   トップバー背景：抹茶グリーン、文字白
---------------------------------------------------- */
.tablepress.tp-tea thead th {
    background-color: #6b8e23 !important; /* 抹茶グリーン */
    color: #fff !important;
    font-size: 12px !important;
}
/* ----------------------------------------------------
   TablePress：（cafe）
   トップバー背景：コーヒーブラウン、文字白
---------------------------------------------------- */
.tablepress.tp-cafe thead th {
    background-color: #795938 !important; /* コーヒー茶色 */
    color: #fff !important;
    font-size: 12px !important;
}




/* ----------------------------------------------------
   TablePress：Facial Add on Others（tp-green3）
   使い方：テーブルの Extra CSS Classes に「tp-green3」と入力
   ヘッダー（トップバー）がベージュに変わります
---------------------------------------------------- */
.tablepress.tp-green3 thead th {
    background-color: #bfdfc7 !important;
    color: #000 !important;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0 !important;
  margin-bottom: 0.2em !important;  /* 下は少しだけ余白を残す場合 */
}

/* priceテーブルのみ */
#tablepress-price {
  border-collapse: collapse !important;
}

/* セルの枠線 */
#tablepress-price th,
#tablepress-price td {
  border: 2px solid #5c4033 !important; /* 濃茶 */
  padding: 8px !important;
}

/* 行ごとの色 */
#tablepress-price tbody tr.odd {
  background-color: #e0e0d3 !important; /* 奇数行 */
}

#tablepress-price tbody tr.even {
  background-color: #fff7e0 !important; /* 偶数行 */
}

/* ヘッダー背景 */
#tablepress-price thead th {
  background-color: #e0cfa0 !important;
}


/* テーブル全体のヘッダーを大きくする */
.tablepress thead th {
  font-size: 1.15rem; /* お好みで調整（例: 1.15rem = 少し大きめ） */
  padding: 12px 10px; /* 行の高さを調整 */
  font-weight: 600;
}