@charset "UTF-8";
/*******************************************
 * 物件お問い合わせcss
 *
 * menu
 * 1.各コンテナ
 *  1-1 お問い合わせフォーム
 *  1-2 チェックボックス
 *  1-3 テキストエリア
 *  1-4 ラジオボタン
 *  1-5 セレクトボックス
 *  -6 検索ボタン
 * 2.エラー
 * 3.各ボックス
 *  3-1 お名前
 *  3-2 連絡方法
 *  3-3 お問い合わせ内容
 *  3-4 個人情報のお取り扱いについて
 * 4.チェックボックス
 ******************************************/
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/******************************************
* 1.各コンテナ
*    1-1 お問い合わせフォーム
*    1-2 チェックボックス
*    1-3 テキストエリア
*    1-4 ラジオボタン
*    1-5 セレクトボックス
*    1-6 検索ボタン
 ******************************************/
/*========================================
 * 1-1 お問い合わせフォーム
 ========================================*/
#container-estate-contact {
  width: 728px;
  border: none;
  margin: 0;
}
#container-estate-contact tr {
  border-bottom: 1px dotted #ccc;
}
#container-estate-contact tr.box-contact_mail td input {
  width: 350px;
}
#container-estate-contact tr.box-contact_tel {
  margin: 15px 0;
}
#container-estate-contact tr.box-contact_tel td {
  padding: 10px 0;
}
#container-estate-contact tr th {
  width: 200px;
  height: 80px;
  background: none;
  border: none;
  color: #6d6d6c;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 0;
}
#container-estate-contact tr th .icon-contact {
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 5px;
  padding: 2px 3px;
}
#container-estate-contact tr th .icon-contact_required {
  background: #f52800;
}
#container-estate-contact tr th .icon-contact_optionally {
  background: #f59100;
}
#container-estate-contact tr td {
  font-size: 14px;
  border: none;
  text-align: left;
  padding: 0;
}
#container-estate-contact tr td input {
  width: 298px;
  height: 38px;
  line-height: 38px;
  background: #f8f8f5;
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 0 5px;
}
#container-estate-contact tr td span {
  font-size: 14px;
  margin-left: 10px;
}
#container-estate-contact tr td ul li {
  font-size: 14px;
  display: inline-block;
}
/******* 1-2 チェックボックス ****************************/
#container-estate-contact .block-contact_check {
  height: 238px;
}
#container-estate-contact .block-contact_check th {
  vertical-align: top;
  padding-top: 36px;
}
#container-estate-contact .block-contact_check td {
  height: 239px;
  vertical-align: top;
  padding-top: 30px;
}
#container-estate-contact .block-contact_check td .block-contact_check_inner {
  width: 484px;
}
#container-estate-contact .block-contact_check td .block-contact_check_inner .box-contact_check {
  float: left;
  margin-bottom: 10px;
}
#container-estate-contact .block-contact_check td .block-contact_check_inner .box-contact_check input {
  width: 298px;
  height: 38px;
  line-height: 38px;
  background: #f8f8f5;
  border: 1px solid #ccc;
  padding: 5px;
}
.block-contact_check_confilm {
  height: auto;
}
.block-contact_check_confilm td {
  height: auto;
}
/******* 1-3 テキストエリア ****************************/
.box-contact_check_textBox input[type=checkbox] + label {
  vertical-align: top;
}
.box-contact_check_textBox textarea {
  width: 385px;
  height: 100px;
  background: #f8f8f5;
  font-size: 14px;
  border: 1px solid #ccc;
  padding: 5px;
  margin-left: 10px;
}
#f_content_etc {
  margin-left: 0;
  height: 10em;
}
/******* 1-4 ラジオボタン ****************************/
.block-contact_radio_inner {
  width: 4px;
  padding-top: 30px;
}
.block-contact_radio_inner .box-contact_radio {
  float: left;
  margin-bottom: 20px;
}
.block-contact_radio_inner .box-contact_radio input + label {
  margin-right: 19px;
}
/******* 1-5 セレクトボックス ****************************/
select {
  width: 200px;
  height: 40px;
  background: #f8f8f5;
  font-size: 14px;
  border: 1px solid #ccc;
  padding: 0 5px;
}
/******* 1-6 検索ボタン ****************************/
#container-estate-contact .block-contact_btn td .block-contact_check_inner_button .box-contact_check_button {
  width: 484px;
  margin: 20px auto;
  text-align: center;
}
#container-estate-contact .block-contact_btn td .block-contact_check_inner_button .box-contact_check_button input {
  width: 172px;
  height: 50px;
  background: #DE0000;
  border: 1px solid #DE0000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
#container-estate-contact .block-contact_btn td .block-contact_check_inner_button .box-contact_check_button input:hover {
  opacity: 0.7;
}
#container-estate-contact .block-contact_btn td .block-contact_check_inner_button .box-contact_check_button input[disabled] {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  cursor: not-allowed;
}
#container-estate-contact .block-contact_btn td .block-contact_check_inner_button .box-contact_check_button input[disabled]:hover {
  opacity: 1;
}
/******************************************
* 2 エラー
 ******************************************/
.block-contact-error {
  background: #ffdddd;
  border: 1px solid #ff0000;
  padding: 20px;
  margin: 20px 0;
}
.block-contact-error ul li {
  line-height: 1.5rem;
  font-size: 12px;
  color: #ff0000;
}
.block-contact-error ul li.notice {
  font-size: 14px;
  font-weight: bold;
}
/******************************************
* 3.各ボックス
*   3-1 お名前
*   3-2 連絡方法
*   3-3 お問い合わせ内容
*   3-4 個人情報のお取り扱いについて
******************************************/
/******* 3-1 お名前 *********************/
/******* 3-2 連絡方法 *********************/
.block-contact_type .box-contact_email {
  margin: 15px 0;
}
.block-contact_type .box-contact_tel {
  margin: 15px 0;
}
.block-contact_type .box-contact_tel td {
  padding: 10px 0;
}
.block-contact_type .box-contact_time {
  margin: 15px 0 20px;
}
/******* 3-3 お問い合わせ内容 *********************/
/******* 3-4 個人情報のお取り扱いについて *********************/
#layout-main .block-contact-attention {
  width: auto;
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 15px 20px 20px;
  margin: 20px 0 0;
}
#layout-main .block-contact-attention .block-contact-head {
  width: auto;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: none;
}
#layout-main .block-contact-attention p {
  line-height: 20px;
  color: #555;
  font-size: 12px;
  margin-top: 11px;
}
#layout-main .block-contact-attention p a {
  color: #555;
  text-decoration: underline;
}
#layout-main .block-contact-attention p a:hover {
  text-decoration: none;
}
/******************************************
 4.チェックボックス
 ******************************************/
input[type=radio],
input[type=checkbox] {
  display: inline-block;
  margin-right: 2px;
}
input[type=radio] + label,
input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
}
@media (min-width: 1px) {
  input[type=radio],
  input[type=checkbox] {
    display: none;
    margin: 0;
  }
  input[type=radio] + label,
  input[type=checkbox] + label {
    padding: 0 0 0 23px;
  }
  input[type=radio] + label::before,
  input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #fff;
  }
  input[type=radio] + label::before {
    border: 2px solid #ccc;
    border-radius: 30px;
  }
  input[type=checkbox] + label::before {
    border: 2px solid #ccc;
  }
  input[type=radio]:checked + label::after,
  input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  input[type=radio]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #DE0000;
    border-radius: 8px;
  }
  input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #DE0000;
    border-bottom: 3px solid #DE0000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
input[type=radio] + label,
input[type=checkbox] + label {
  font-size: 14px;
}
/******************************************
 *5.あなたにおすすめ5件以下の時
 ******************************************/
.no-slide {
  position: static !important;
  width: 20%;
}
.no-slide a {
  margin: 0 5px !important;
}
/*# sourceMappingURL=estate_contact.css.map */