/*

Theme Name: BA_003_物件検索重視

Author: 60L.design

Description:  60L.design_seto info@60l.jp 本テーマは一般配布しておりません。修正、改修等は制作会社の窓口までお問合せ下さい。

Version: 1.0

*/
/**************************************************************************************/
/* 2018/12/14　ラインナップページ*/
/**************************************************************************************/
.lineup_link{
	text-align: center;
	background: #ffffff;
	width: 900px;
	border-radius: 10px;
	font-size: 22px;
	color: #9dc815;
	padding: 20px;
	margin: 0 auto;
	font-weight: bold;
}
.lineup_link_btn{
	margin: 0 auto;
	width: 715px;
}
.lineup_link_btn img{
	float: left;
	margin: 13px;
}
.lineup_title{
	font-size: 26px;
	font-weight: bold;
	color: #6e94a7;
	text-align: left;
	line-height: 30px;
}
.lineup_title_fl:first-letter{
    font-size: 2em;
}
.lineup_area{
	background: #b8cfdb;
	width: 900px;
	margin: 0 auto;
	border-radius: 5px;
	padding: 30px;
}
.lineup_area_inner{
	background: #ffffff;
	padding: 30px;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
.green{
	color: #9dc815;
	font-size: 20px;
	font-weight: bold;
}

/**************************************************************************************/
/* 2018/12/14　テラスハウスページ*/
/**************************************************************************************/
.terrace_link{
	text-align: center;
	background: #c0c0c0;
	width: 550px;
	border-radius: 10px;
	font-size: 22px;
	color: #ffffff;
	padding: 20px;
	margin: 0 auto;
	font-weight: bold;
}
.terrace_link_btn{
	margin: 0 auto;
	width: 500px;
}
.terrace_link_btn img{
	float: left;
	margin: 13px;
}
.terrace_main{
	width: 800px;
	margin: 0 auto;
}
.terrace_01{
	width: 300px;
	float: left;
	margin-top: 40px;
}
.terrace_02{
	width: 500px;
	float: right;
	margin-top: 40px;
}
.terrace_03{
	width: 400px;
	float: left;
	margin-top: 40px;
}
.terrace_04{
	width: 400px;
	float: right;
	margin-top: 40px;
}
.f_20{
	font-size: 20px;
}
.w_100{
	width: 100%;
	height: auto;
}
.ta_left{
	text-align: left;
	display: block;
    padding: 10px 20px;
}
.ta_right{
	text-align: left;
	display: block;
	float: right;
	width: 45%;
}
.ta_left_img{
	float: left;
	width: 50%;
}
.ta_left_img img{
	width: 100%;
}
.ta_center{
	text-align: center;
}
.tab_area_wrap{
	width: 800px;
	background: #f5f4e9;
	clear: both;
	padding: 20px 0;
}
.tab_wrap{width:700px; margin:30px auto; clear: both;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{width:210px; margin:0 5px; display:inline-block; padding:12px 0; color:#fff; background:#989898; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; border-radius: 10px 10px 0 0;}
.tab_area label:hover{opacity:0.5;}
.panel_area{ background:#ffffff; padding: 20px;}
.tab_panel{width:100%; padding:30px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

#tab1:checked ~ .tab_area .tab1_label{background:#9cc715; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#9cc715; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#9cc715; color:#fff;}
#tab3:checked ~ .panel_area #panel3{display:block;}
.panel_area table{
	width: 100%;
}
p.terrace_tab_midasi{
	color: #7a9eb0;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 20px;
}
.terrace03_wrap{
	width: 920px;
	background: #f5f4e9;
	clear: both;
	padding: 20px 20px;
	margin: 30px auto;
}
.terrace03_wrap img{
	float: left;
	margin: 5px;
}
.mt_60{
	margin-top: 60px;
}
.mt_40{
	margin-top: 40px;
}
.mt_20{
	margin-top: 20px;
}
.mb_40{
	margin-bottom: 40px;
}
.mb_20{
	margin-bottom: 20px;
}

.ml_20{
	margin-left: 20px;
}
.mr_20{
	margin-right: 20px;
}
.ml_30{
	margin-left: 30px;
}
.mr_30{
	margin-right: 30px;
}
.w_60{
	width: 60%;
}
/**************************************************************************************/
/* 2018/12/14　ドロップダウンメニュー*/
/**************************************************************************************/
.free_area{
	
}
.free_area a{
	display: inline-block;
	width: 400px;
	height: auto;
	margin-bottom: 30px;
}
.free_area a img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 980px){
	.free_area a{
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 30px;
}
.free_area a img{
	width: 100%;
	height: auto;
}
}
.haed_gnavi_item{
	width: 163px;
}
.mr_top_m10{
	margin-top: -11px;
}

.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
}

.menu > li {
    float: left;
	width: 100%;
    height: 50px;
	list-style:none;
}

.menu > li a {
    display: block;
    color: #fff;
	list-style: none;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: none;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
	list-style: none;
	/*line-height: 50px;*/
	height: 50px;
	vertical-align: middle;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #111;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
*/
/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}
.menu > li.menu__single {
    position: absolute;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 150%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
ul.menu__second-level{
	margin-top: -4px;
	
}
ul.chintai{
	margin-top: -15px;
}
ul.menu__second-level li{
	position: relative;
	
}
ul.menu__second-level li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	line-height: 50px;
}
li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}
.f_12{
	font-size: 12px;
	/*line-height: 12px;*/
}
.mr_5{
	margin: 10px;
	
}

/**************************************************************************************/
/* 2018/12/14　トーン合わせ*/
/**************************************************************************************/
.footer_left a, .footer_left a:link {
    float: left;
    line-height: 25px;
	display: table-cell;
	vertical-align: bottom;
}
.footer_logo {
    margin-right: 20px;
}
.top_mainimage_flex{
	top: 310px;
}
.nagare_img, .nagare_arrow{
	margin: 0 auto;
}
.header_contactbox{
	background: #ef8600; /*オレンジ*/
}
.contents_title_underline,.company_shop_itembox,.shop_item_title,.inqbtn{
	background: #66a004; /*グリーン*/
}
.inq_itemtitle{
	border-bottom: 2px solid #66a004; /*グリーン 下線*/
}

.search_ul_superbox{
	background: #e1f0c8 ; /*うすいグリーン*/
}
@media screen and (max-width: 980px){
	.gnavi_sp_overlay,.header_gnavibtn.on,.footer_contactbox_sp{
		background: #ef8600; /*オレンジ*/
	}
	.top_mainimage_flex {
    top: 130px;
}
	.footer_tel_num{
		color: #ef8600;
	}
	.terrace_main{
		width: 100%;
		clear: both;
	}
	.terrace_01,.terrace_02,.terrace_03,.terrace_04,.ta_left2,.ta_left2 img,.ta_right,.sp_sumai,.lineup_link_btn{
		width: 100%;
		clear: both;
	}
	.terrace03_wrap{
		width: 96%;
		padding: 2%;
	}
	.lineup_link{
		width: 100%;
		padding: 0;
	}
	.lineup_link_btn img{
		width: 33%;
		height: auto;
	}
	.lineup_link_btn{
		margin-bottom: 20px;
	}
	.tab_area_wrap{
		width: 100%;
	}
	
	.terrace_link{
		width:90%;
		padding: 3%;
	}
	.sp_sumai{
		margin: 0;
		padding: 0;
	}
	.f_20{
		font-size: 1.6em;
		font-weight: bold;
	}
	.tab_wrap,.lineup_area{
		width: 100%;
	}
	.tab_area{
		width: 96%;
	}
	.sp_sumai img, .terrace_03 img{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.sp_sumai2{
		width: 100%;
		clear: both;
		margin: 0;
		padding: 0;
		margin-top: 20px;
	}
	.sp_sumai2 img{
		width: 100%;
		height: auto;
		margin-top: 0px;
	}
	.tab_area_wrap{
		clear: both;
		padding: 10px 0;
		margin-top: 20px;
	}
	.tab_area label{
		width: 31%; 
	}
	.terrace_04{
		margin-bottom: 20px;
	}
	.panel_area{
		width: 86%;
		padding: 4%;
		margin: 0 auto;
	}
	.tab_panel p{
		font-size: 20px;
	}
	.terrace03_wrap img{
		margin: 1%;
		width: 48%;
	}
	.lineup_area{
		width: 90%;
	}
	.lineup_link_btn img{
		margin: 0;
		margin-bottom: 20px;
	}
	p.terrace_tab_midasi{
		font-size: 26px;
	}
	.mt_0{
		margin-top: 0;
	}
	.footer_logo{
		width: 150px;
	}
	.nagare_img{
		width: 100%;
		height: auto;
	}
}


/* 査定フォーム・スタッフ紹介ページ追加*/

.satei_th{
	width: 150px;
	display: inline-block;
}
h1{
	margin-top: -1px;
}
.mw_wp_form select{
		height: 40px;
		width: 200px;
	}
.mw_wp_form textarea{
	padding: 10px;
}
@media screen and (max-width: 980px){
	
	.satei_th{
	width: 200px;
	display: inline-block;
}
.inq_itemtitle{
	font-size: 26px;
}
	.mw_wp_form input {
    box-sizing: border-box;
    height: 70px;
    font-size: 26px;
    padding: 10px;
	
	}.mw_wp_form select{
		height: 70px;
		width: 100%;
	}
	.mw_wp_form_input{
		font-size: 24px;
		
	}
	.textarea{
		width: 100%;
	}
	.mw_wp_form textarea{
		font-size: 26px;
	}
}
.staff_table{
	width: 75%;
    border: none;
    border-collapse: collapse;
	float: right;
}
.staff_table tr {
	padding: 2%;
}

	
.staff_table td {
    text-align: left;
    padding: 0;
    border: none;
	vertical-align: top;
}
.staff_table td.staff_name{
	font-size: 20px;
	font-weight: bold;
	padding: 0px 20px;
	
    padding-bottom: 10px;
}
.staff_table td span.staff_yomi{
	font-size: 14px;
	margin-left: 15px;
	font-weight: normal;
	color: #737373;
}
.staff_table td.staff_comment{
	padding: 0px 20px;
	display: table-cell;
	vertical-align: top;
}
.staff_table td span.staff_item{
	color: #FF5F00;
	display: inline-block;
	font-weight: bold;
}
.staff_table td span.staff_item_inner{
	margin-right: 20px;
	display: inline-block;
}
.staff_table td span.tokucho{
	padding-bottom: 10px;
	display: block;
	word-break: keep-all;
}
.staff_table td span.comment_area{
	background: rgba(255,255,255,0.4);
	display: block;
	padding: 15px;
}
.staff_area_inner{
	border-bottom: 1px dashed #686868;
	overflow: visible;
	padding: 20px ;
}
.staff_image{ 
	clear: both;
	float: left;
	width: 25%;
}
.staff_image img{
	width: 100%;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 
.f_16{
	font-size: 16px;
	color: #FF5F00;
}
@media screen and (max-width: 980px){
	h1{
		margin-top: 0;
	}
	.staff_image{ 
	clear: both;
	width: 100%;
	padding: 20px 0 30px 0;
	}
	.staff_table{
	width: 100%;
    border: none;
    border-collapse: collapse;
	clear: both;
	}
	.staff_area_inner{
		padding: 20px 0;
	}
	.staff_table td.staff_name{
	font-size: 24px;
	}
}
/**************************************************************************************/
/* 2018/12/11　トップページ物件一覧の項目追加*/
/**************************************************************************************/
@media screen and (max-width: 1105px) and (min-width: 981px){
	.flex::before{
	  content:"";
	  display: block;
	  width:23%;
	  order:1;
	}
	.flex::after{
	  content:"";
	  display: block;
	  width:23%;
	}
}


.wrap_bkn span.price{
	font-size: 16px;
	font-weight: bold;
	color: #E85D00;
}
.wrap_bkn span.bkn_name{
	font-size: 14px;
	font-weight: bold;
}
.wrap_bkn span.layout, .wrap_bkn span.type{
	display: inline-block;
}
.wrap_bkn span.img_wrap{
	margin-bottom: 10px;
}
.wrap_bkn span.catch{
	color: #B30002;
}
.inline_bl{
	display: inline-block;
}
.wrap_bkn span.room{
	text-align: right;
	}

/**************************************************************************************/
/* 2018/11/19　お知らせのタグ追加*/
/**************************************************************************************/
.news_tag {
	margin-right: 5px;
	padding: 1px 3px;
	font-size: 0.8em;
/*	border: solid 1px #fff;*/
}
.newsindex_item .new {
	background: #fb6e1a;
	color: #fff;
}
.newsindex_item .import {
	background: #d20404;
	color: #fff;
}
.newsindex_item .campaign {
	background: #fb386f;
	color: #fff;
}
.newsindex_item .rent {
	background: #0458bf;
	color: #fff;
}
.newsindex_item .sale {
	background: #35bf04;
	color: #fff;
}
/**************************************************************************************/
/* 2018/11/15　トップページにバナー設定エリア追加*/
/**************************************************************************************/
.top_bnr_superbox {
	padding: 88px 0px 64px;
	width: 100%;
	height: auto;
	background-color: #F3F3F3;
}


/**************************************************************************************/
/* 2018/11/07　Font Awesome修正*/
/**************************************************************************************/
.header_telbox,.footer_telbox{
	font-size: 1.2em;
}
.header_contactbox,.header_favoritebox{
	font-size: 0.95em;
}
.fa_green{
	color: #01B868;
	font-size: 1.1em;
}
.fa_em03{
		font-size: 1.1em;
		margin-left: 5px;
}
.fa_em04{
		font-size: 1.2em;
		margin-left: 15px;
		vertical-align: -1px;
}
.fa_em05{
	color: #EB6100;
}
.fa_em06{
	color: #008A4E;
	font-size: 1.3em;
	margin-left: 15px;
	vertical-align: -2px;
}
.fa_em07{
	color: #008A4E;
	font-size: 1.3em;
	margin-right: 15px;
	vertical-align: -2px;
}
.fa_em08{
	color: #008A4E;
	font-size: 1.3em;
	margin-left: 15px;
	vertical-align: -2px;
}
/* 見出し下線修正 */
.contents_title_underline{
	width: 410px;
}
@media screen and (max-width: 980px){
	.footer_telbox_sp a i{
		color: #ef8600;
	}
	.footer_contactbox_sp a i{
		color: #ef8600;
	}
	.footer_contactbox_sp{
		padding-top: 25px;
	}
	.fa_white{
		color: white;
	}
	.fa_em01{
		font-size: 3.5em;
		margin: 0.22em;
	}
	.fa_em02{
		font-size: 3em;
		margin: 0.23em;
	}
	.btn_submit{
		padding: 28px 0;
	}
	.fa_em09{
		color: #ef8600;
		font-size: 1.3em;
		margin-left: 15px;
		vertical-align: -2px;
	}
}
/**************************************************************************************/
/* 2018/10/15　特選物件*/
/**************************************************************************************/
.wrap_bkn {
	width: 176px;
	height: auto;
	overflow: hidden;
	margin: 5px 10px 10px 10px;
}
.wrap_bkn a {
	display: inline-block;
}
.wrap_bkn img {
	width: 174px;
	border: solid 1px #e1f0c8;
}
.wrap_bkn span {
	font-size: 12px;
	padding: 0 5px;
	display: block;
}
.wrap_bkn span.bkn_name {
	font-weight: bold;
	border-bottom: dotted 1px #e1f0c8;
}

@media screen and (max-width: 980px) {
.wrap_bkn {
	width: 46%;
	margin: 5px 10px 10px 10px;
	height: auto;
}
.wrap_bkn img {
	width: 100%;
}

}
/**************************************************************************************/
/* 2018/12/17　flexbox最終行並び調整*/
/**************************************************************************************/
@media screen and (max-width: 1105px) and (min-width: 981px){
	.flex::before{
	  content:"";
	  display: block;
	  width:23%;
	  order:1;
	}
	.flex::after{
	  content:"";
	  display: block;
	  width:23%;
	}
}