/* ------------------------------------- 
 *  ショップ名
 * ------------------------------------- */
.title_area a{
  text-align: center !important;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -9999px;
  display:block;
  height: 70px;
}

/* ------------------------------------- 
 *  フォーム
 * ------------------------------------- */
.c-input--text {
  border-color: #e3e3e3;
}
.c-input--text:focus {
  border-color: #8c8c8c;
}
.c-input--select {
  border-color: #f5f5f5;
  background: #f5f5f5;
}

/* ------------------------------------- 
 *  メッセージ
 * ------------------------------------- */
.c-alert {
  color: #8b6060;
  background: #f4efef;
}

/* ------------------------------------- 
 *  通常ボタン
 * ------------------------------------- */
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #4c3535; /* ボタンの文字の色を指定 */
}
.c-button {
  background: #f5f0f0; /* 通常時　ボタンの背景色を指定 */
}
  .c-button:hover {
    background: #e8dfdf; /* マウスオーバー時　ボタンの背景色を指定 */
  }

.c-button:disabled,
.c-button.disabled,
.c-button:disabled:hover,
.c-button.disabled:hover {
  background: #ddd;
  color: #efefef;
  cursor: default;
  box-shadow: none;
}

/* ------------------------------------- 
 *  送信ボタン
 * ------------------------------------- */
.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: #fa4a4a; /* 通常時　ボタンの背景色を指定 */
}
  .c-button--primary:hover {
    background: #fa7070; /* マウスオーバー時　ボタンの背景色を指定 */
  }