/* ============================================================
   WORDS — カラーミー標準ページ用CSS
   「お問合せ」「マイアカウント・会員ログイン」「友達に教える」
   「メルマガ登録・解除」「レビュー」「オプション在庫・値段表」
   「プライバシーポリシー」など、CSSのみ編集できるページの
   CSS欄にそれぞれ貼り付けてください（同じ内容でOKです）
   ============================================================ */

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #26231e;
  background: #ffffff;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
}

/* 見出し */
h1, h2, h3, h4 {
  font-weight: 700;
  letter-spacing: .05em;
  color: #26231e;
  line-height: 1.6;
}
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }

/* リンク */
a { color: #bd8c2f; text-decoration: none; transition: opacity .2s; }
a:hover { opacity: .7; }

/* テーブル（オプション在庫表・注文内容など） */
table { border-collapse: collapse; background: #fff; }
th, td {
  border: 1px solid #e5e0d3;
  padding: 10px 14px;
  font-size: 13px;
  text-align: left;
}
th { background: #f7f5ef; font-weight: 700; letter-spacing: .04em; }
tr:nth-child(even) td { background: #fcfbf7; }

/* 入力フォーム */
input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="number"], select, textarea {
  border: 1px solid #e5e0d3;
  border-radius: 4px;
  background: #fff;
  padding: 10px 12px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  color: #26231e;
  max-width: 100%;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #cf9c3a;
}

/* ボタン（送信・確認など） */
input[type="submit"], input[type="button"], button {
  background: #cf9c3a;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 12px 28px;
  cursor: pointer;
  transition: background .25s;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
  background: #bd8c2f;
}

/* ラジオ・チェックボックスは標準のまま */
input[type="radio"], input[type="checkbox"] {
  all: revert;
  accent-color: #cf9c3a;
}

/* 区切り線・補足テキスト */
hr { border: none; border-top: 1px solid #e5e0d3; margin: 24px 0; }
small { color: #7a7368; }