@charset "euc-jp";

/* ============================================================
   SSLページ用カスタマイズCSS
   （マイアカウント・新規会員登録・ログイン・お問い合わせ等）
   カラーミーショップ管理画面の
   「SSLページのカスタマイズ」欄に、ページごとに貼り付けてください。
============================================================ */

/* 背景色（サイトのヘッダー・フッターと同じクリーム色） */
body {
  background-color: #fcf7e8;
}

/* 通常ボタン */
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #5a4a3a; /* ボタンの文字の色 */
}
.c-button {
  background: #f5ede0; /* 通常時のボタン背景色 */
}
  .c-button:hover {
    background: #ecdfc9; /* マウスオーバー時のボタン背景色 */
  }

/* 送信ボタン（サイトのブランドオレンジ） */
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #fff; /* ボタンの文字の色 */
}
.c-button--primary {
  background: #D16B3A; /* 通常時のボタン背景色 */
}
  .c-button--primary:hover {
    background: #c86520; /* マウスオーバー時のボタン背景色 */
  }

/* 解除・退会ボタン（注意喚起の色味は維持） */
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: #86251e;
}
.c-button--danger {
  background: #feedeb;
}
  .c-button--danger:hover {
    background: #fdd9d7;
  }

/* テキスト入力エリア */
.c-input--text {
  border-color: #e0d8c8; /* 通常時の入力エリアのボーダー色 */
}
  .c-input--text:focus {
    border-color: #D16B3A; /* フォーカス時の入力エリアのボーダー色 */
  }

/* ショップロゴ画像を中央寄せにする
   （マイアカウント・お問い合わせ・友達に教える・メルマガ登録解除 用） */
.title_area {
  text-align: center !important;
  padding: 40px 0 !important;
}
.title_area img {
  width: 100px;
  height: auto;
}

/* 決済ページ(新デザイン)の場合はこちら */
.shop_title {
  text-align: center;
  padding: 40px 0;
}
.shop_title img {
  width: 100px;
  height: auto;
}