@charset "utf-8";

/* ****************************************************************************************************
   * フォームリスト
**************************************************************************************************** */

#tateuri_buy div.form-list {
  padding: 10px;
  letter-spacing: -0.4em;
  background: #f3ebe5;
}

#tateuri_buy div.form-list > * {
  letter-spacing: normal;
}

#tateuri_buy div.form-list div.item {
  padding: 10px 20px;
  vertical-align: top;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#tateuri_buy div.form-list {
  text-align: center;
}

#tateuri_buy div.form-list div.item {
  padding: 10px;
  vertical-align: top;
  display: inline-block;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tateuri_buy div.form-list div.item .title {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * リスト
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tateuri_buy div.form-list div.item ul.list,
#tateuri_buy div.form-list div.item ul.list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#tateuri_buy div.form-list div.item ul.list {
  max-width: none;
  margin: -5px;
  letter-spacing: -0.4em;
  text-align: center;
}

#tateuri_buy div.form-list div.item ul.list li {
  margin: 5px;
  letter-spacing: normal;
  vertical-align: middle;
  display: inline-block;
}

/* ****************************************************************************************************
   * 入力フォーム
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * テーブル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tateuri_buy div.form table.contact .required {
  color: #f00;
}

#tateuri_buy div.form table.contact th {
  text-align: left;
  white-space: nowrap;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * テキストフィールド
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tateuri_buy div.form input[type=text],
#tateuri_buy div.form input[type=email] {
  width: 100%;
  padding: 0.5em 1em;
  border: 1px solid #d3d3d3;
}

/* * ご予算
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#tateuri_buy div.form #input-yosan {
  width: 8em;
}

/* * 住宅ローン利用の方
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#tateuri_buy div.form #input-loan {
  width: 8em;
}

/* * 電話番号
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#tateuri_buy div.form #input-tel {
  width: 10em;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * セレクトメニュー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tateuri_buy div.form select {
  padding: 0.25em 1em;
  border: 1px solid #d3d3d3;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ラジオボタン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* * 建物の大きさ
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#tateuri_buy div.form #input-size .wpcf7-list-item {
  margin: 0;
  padding: 2px;
  padding-right: 1em;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#tateuri_buy div.form #input-size .wpcf7-list-item {
  padding-right: 0;
  display: block;
}

}

/* * 希望時間帯
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#tateuri_buy div.form #input-kibo-time {
  letter-spacing: -0.4em;
}

#tateuri_buy div.form #input-kibo-time > * {
  letter-spacing: normal;
}

#tateuri_buy div.form #input-kibo-time .wpcf7-list-item {
  width: 33.33%;
  margin: 0;
  padding: 2px;
  padding-right: 1em;
  vertical-align: top;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#tateuri_buy div.form #input-kibo-time .wpcf7-list-item {
  width: 100%;
  padding-right: 0;
  display: block;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * チェックボックス
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* * ご質問を選択してください
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#tateuri_buy div.form #input-subject .wpcf7-list-item {
  margin: 0;
  padding: 2px;
  display: block;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * テキステリア
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tateuri_buy div.form textarea {
  width: 100%;
  height: 12em;
  padding: 0.5em 1em;
  border: 1px solid #d3d3d3;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * フォームボタン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tateuri_buy div.form-button {
  text-align: center;
	width:40%;
	margin:20px auto;
	padding:10px;
	color:white;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#tateuri_buy div.form-button {
  margin: 10px 0 20px;
}

}