@charset "utf-8";


/**************************************************
7. お問い合わせ
***************************************************/
/*------------------------------
mailformPro 共通
------------------------------*/
form#mailformpro {
  padding:0px!important;
}
/*inputフォーカス時の影やborderを消す 必須*/
form#mailformpro input:focus,
form#mailformpro textarea:focus,
form#mailformpro button[type="submit"]:focus{
  outline: 0;
  border: 2px solid #57b2e2;
}
/*label影やborderを消す 必須*/
form#mailformpro label.mfp_checked {
  padding: 0!important;
  border: 0!important;
  background-color: #fff!important;
  box-shadow: none!important;
}
form#mailformpro label.mfp_not_checked {
  padding: 0!important;
  border: 0!important;
}
/*input placeholderの色を変える 必須*/
form#mailformpro input::placeholder,
form#mailformpro input:-ms-input-placeholder,
form#mailformpro input::-ms-input-placeholder,
form#mailformpro textarea::placeholder,
form#mailformpro textarea:-ms-input-placeholder,
form#mailformpro textarea::-ms-input-placeholder {
  color: #555!important;
}
/*iosフォーカス防止*/
form#mailformpro input[type=text],
form#mailformpro input[type=tel],
form#mailformpro input[type=email],
form#mailformpro select,
form#mailformpro textarea {
  font-size: 16px!important;
}
/*入力時背景色変更*/
form#mailformpro .problem {
  background-color: #edf6fb;
}
/*------------------------------
mailform
------------------------------*/
#mailform .mailform-table{
  width: 100%;
  margin: 50px 0;
}
#mailform .mailform-table th {
  display: block;
  width: 100%;
  padding: 10px 0 5px;
  font-weight: bold;
  text-align: left;
}
#mailform .mailform-table td {
  display: block;
  width: 100%;
  padding: 0 0 10px;
  text-align: left;
}
#mailform .w100,
#mailform textarea{
  width: 100%!important;
  height: auto;
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #555;
}

/*メール確認ボタン*/
#mailform .btn-box {
  display: block;
  width: 200px;
  margin: auto;
}
#mailform .mailbtn {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  border: 0;
  background: #ae1c87;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
}

/*メール確認画面*/
table#mfp_confirm_table tr th, 
table#mfp_confirm_table tr td {
  border-top: 1px solid #555!important;
  border-bottom: 1px solid #555!important;
}
#mfp_overlay_inner h4{
  margin-bottom: 10px;
  font-size: 17px;
  font-size: 1.7rem;
  text-align: center;
  color: #000;
  font-weight: bold;
}
table#mfp_confirm_table tr.mfp_colored{
  background-color: #eee!important;
}
div.mfp_buttons button#mfp_button_send {
  width: 120px;
  height: 30px;
  background-color: #ae1c87;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}
div.mfp_buttons button#mfp_button_send:hover {
  opacity: 0.8;
}
div.mfp_buttons button#mfp_button_cancel {
  width: 120px;
  height: 30px;
  background-color: rgb(248, 202, 0);;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}
div.mfp_buttons button#mfp_button_cancel:hover {
  opacity: 0.8;
}