/*
Theme Name:     EstateEngine
Theme URI:      https://www.enginethemes.com/
Description:    The WordPress real estate theme that lets you build your own site from different modules. Dedicated mobile design included.
Author:         EngineThemes
Author URI:     https://www.enginethemes.com/themes
Version:        1.4.1
*/

/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:100%;
	max-width:700px;
	margin:0 auto;
	border: 3px solid #e5e5e5;
	table-layout: fixed;
	border-collapse: collapse;
}
table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input[type=text],
.CF7_table input[type=email],
.CF7_table input[type=tel],
.CF7_table select,
.CF7_table textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	padding: 8px 10px;
	border-radius: 4px;
	font-size: 14px;
}
.CF7_table textarea {
	height: 130px;
	resize: vertical;
}
.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 4px 7px;
	background: #f79034;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 4px 7px;
	background: #bdbdbd;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列・データ列 */
.CF7_table th,
.CF7_table td {
	padding: 12px 16px;
	vertical-align: middle;
}

@media screen and (min-width: 768px){
	.CF7_table th{
		width: 32%;
		background-color:#ebedf5;
	}
	.CF7_table td{
		width: 68%;
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
		width:95%;
	}
	.CF7_table tr,
	.CF7_table td,
	.CF7_table th{
		display: block;
		width: 100%;
		line-height: 2.5em;
		box-sizing: border-box;
	}
	.CF7_table th{
		background-color:#ebedf5;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	padding: 12px 48px;
	border-radius: 6px;
	cursor: pointer;
	margin:0 auto;
	display: block;
}
.wpcf7 input.wpcf7-submit:hover {
	background-color:#e07820;
}
.CF7_btn{
	text-align:center;
	margin-top:20px;
}
.wpcf7-spinner{
	width:0;
	margin:0;
}

/* お問い合わせページ レイアウト修正 */
.page-id-6525 .col-md-9 {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.page-id-6525 .col-md-3 {
    display: none !important;
}

.page-id-6525 .wpcf7-form {
    max-width: 100% !important;
    margin: 0 !important;
}

.page-id-6525 .CF7_btn,
.page-id-6525 .wpcf7-form p:last-child {
    text-align: center !important;
}

.page-id-6525 .wpcf7 input.wpcf7-submit {
    display: inline-block !important;
    margin: 20px auto 0 !important;
    float: none !important;
}

.box-ico .fa {
    font-size: 3.0em !important;
    color: #009688 !important;
}

#back-to-top {
    display: none;
    position: fixed;
    bottom: 32px;
    right: 32px;
    width: 52px;
    height: 52px;
    background: #f79034;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    z-index: 9999;
    transition: background .25s, transform .25s;
    box-shadow: 0 4px 12px rgba(247,144,52,.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

#back-to-top:hover {
    background: #e07820;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(247,144,52,.5);
}

#back-to-top:active {
    transform: translateY(-1px);
}

#back-to-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -2px;
}

/* レビュー・評価を非表示 */
.rate-it,
.review-wrapper,
.place-review,
.rating-wrapper,
.de-review,
.add-review {
    display: none !important;
}