/*
Theme Name:   BA_002 子テーマ
Template:     60l_design_b
Version:      1.0.0
Description:  BA_002_プロモーション重視の子テーマです
Author:       Visual Research
*/

/*********************************************************
//タイトル下の不要な下線
**********************************************************/
.contents_title span {
	border-bottom:none!important;
}
/*********************************************************
//スマホ版修正
**********************************************************/
@media screen and (max-width: 415px){
	.inner980 {
		width: 640px;
	}
	#main_contents_result{
		padding: 20px;
		box-sizing:border-box;
	}
	.result_building_wrap{
		margin-top: 30px;
	} 
	.result_building_thumb,.result_building_name{
		margin-top: 30px;
	}
	#result_area table{
		padding: 0;
	}
	.square_btn2{
		width: calc(50% - 15px);
	}
	.checkbox01-input:checked + .checkbox01-parts{
		background: #ECECEC;
		font-weight: bold;
	}
	.bkn_search_select_wrap ul {
		margin: 10px 0;
	}
	.form-check input[type='checkbox'] + .label-name::before {
		border: 2px solid #ffffff;
	}
	.form-check input[type='checkbox']:checked + .label-name::after{
		left: 82px;
	}
	.form-check-label input[type="submit"]{
		font-weight: bold;
	}
	.square_btn2 {
		font-weight: bold;
	}
	.form-check input[type='checkbox']:checked + .label-name::after {
		left: 75px;
	}
	.search_window_contents_inner dl.now dd {
		margin: auto;
	}
	.pager span{
		font-size: 30px;
		margin-bottom: 30px;
	}
	.tab_area label:hover{
		opacity:1;
	}
	#cboxClose {
		top: 5px;
		right: 5px;
		background: url(/wp-content/themes//60l_design_b_child/control.png) no-repeat ;
		width:50px;
		height: 50px;
		background-size: 50px!important;
	}
	.in-block {
		display: block;
	}
	dt, dd {
		padding: 10px 20px;
	}
	.result_sort_left {
		padding-left: 30px;
	}
	.dis,.dis2{
	    width: 130px;	
	}
	.sort, .sort2{
	    width: 315px;	
	} 
	.sort, .sort2, .dis, .dis2{
		padding: 10px;
	}
	.fc_orange {
		color: #ED6103;
		font-weight: bold;
	}
	.result_building_name {
		font-size: 24px;
	}
	#result_area table tr td a.btn-push-like i {
		font-size: 2rem;
		padding-top: 8px;
	}
	#result_area table tr td a.clsDisabled{
		background-color: white;
		border: none;
	}
	#result_area table tr td.rdus_left{
		border: 1px solid;
	}
	.result_building_thumb {
		width: 100%;
		height: 300px;
		background: #fff;
	}
	.result_building_thumb img {
		width: auto;
		object-fit: cover;
		height: 100%;
		margin: auto;
	}
	.result_building_name{
		width: 100%;
		margin: 0;
	}
	#result_area table tr {
		box-shadow: none;
	}
	#result_area table tr td,#result_area table tr td.bl_no{
		border-color:	#333;
	}
	#result_area table tr td.bl_no {
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
		border-left: 1px solid #333;
		padding-right: 15px;
	}
	.checkbox01-parts::before{
		width: 30px;
		height: 30px;
		top: -8px;
		background: #ECECEC;
	}
	.checkbox01-input:checked + .checkbox01-parts_room::after{
		left: 8px;
		top: 0;
	}
	/*テスト*/
	.checkbox01-input:checked + .checkbox01-parts::before{
		top: 0;
	}
	#result_area table tr td{
		border-left: none;
		border-right: none;
	}
	#select_area #submitBtn2 {
		margin-top: 15px;
	}
	.search_window_contents_inner{
		font-size: 24px;
	}
	#select_area {
		font-size: 26px;
	}
	.contents_title_underline {
		margin-top: 15px;
	}
	.contents_title {
		padding: 0 1em;
		box-sizing: border-box;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.contents_title span {
		font-size: 30px;
	}
	.radio01-input:checked + label::after ,.radio02-input:checked + label::after{
		width: 31px;
		height: 31px;
		top: 23px;
		left: 8px;
	}
	.pref_select span {
		font-size: 1em;
	}
	.bkn_search_select_wrap ul li.select_check_city span.count{
    font-size:  1em;
	}
    .bkn_search_select_wrap ul li.select_check_city span.count{
        float: none;
    }
	.bkn_search_select_wrap ul li.select_check_city .checkbox01-parts,.bkn_search_select_wrap ul li.select_check_city2 .checkbox01-parts{
        padding-left: 75px;
        width: calc(100% - 75px);
    }
	.select_re{
		padding: 10px;
	}
    .select_submit_more input[type="submit"]{
        font-size: 28px;
    }
	#select_area .submit_btn{
        color: #ffffff;
        font-size: 28px;
    }
    #select_area #submitBtn2 {
        font-size: 28px;
	}
	.radio02-input:checked + label{
		font-weight: bold;
	}

	.footer_telbox{
		padding: 20px;
		height: auto;
	}
	.search_window_contents_inner{
		padding: 25px 15px 0;
	}
	.search_window_contents_inner .result_search_area_midashi{
		font-size: 30px;
		font-weight: bold;
    }
	.search_window_contents_inner .result_search_area_midashi{
		padding: 10px;
		height: auto;
		background: none;
		color: #333;
	}
	.search_window_contents_inner dd .iframe_box{
		width: 100%;
		font-size: 24px;
		margin: auto;
		margin-bottom: 20px;
	}
	.iframe_box {
		height: 70px;
		line-height: 70px;
	}
	.square_btn2 {
		font-size: 28px;
		line-height: 70px;
	}
	.bkn_inqbtn_confirm,.bkn_inqbtn{
		font-size: 28px;	
	}
	.form-check input[type='checkbox'] + .label-name::before {
		width: 30px;
		height: 30px;
		top: 5px;
	}
	#switch span, #switch span.activ,#switch span, #switch span.active{
		width: 45%;
		font-size:24px;
	}
	.form-check .form-check input[type='checkbox'] + .label-name::before{
		width: 40px;
		height: 40px;
		top: 10px;
	}
	.form-check input[type='checkbox']:checked + .label-name::after{
		top: 30px;
		width: 15px;
		height: 23px;
		left: 73px;
	}
	.bkn_search_select_wrap ul li.select_check_city .checkbox01-input:checked + .checkbox01-parts::after,
	.bkn_search_select_wrap ul li.select_check_city2 .checkbox01-input:checked + .checkbox01-parts::after{
		left: 25px!important;
		width: 10px!important;
		top: 18px!important;
		height: 25px!important;
	}
	.bkn_search_select_wrap ul li.select_check_city .checkbox01-parts::before,
	.bkn_search_select_wrap ul li.select_check_city2 .checkbox01-parts::before{
        left: 10px!important;
    }
	.bkn_contact_item_label{
		margin-bottom: 10px;
	}
	.bkn_contact_item_label .checkbox01-input:checked + .checkbox01-parts::after,
	.selected .checkbox01-input:checked + .checkbox01-parts::after,
	.privacy_agree .checkbox01-input:checked + .checkbox01-parts::after,
	.privacy_agree .checkbox01-parts::after{
		left: 12px!important;
		width: 10px;
		height: 25px;
	}
	.bkn_contact_item_label .checkbox01-parts::before,
	.privacy_agree .checkbox01-parts::before{
		top: -5px;
		width: 40px;
		height: 40px;
    }
	.checkbox01-parts_form {
		padding-left: 45px;
	}
	.checkbox01-parts_form{
		font-size: 24px;
	}
	.swiper-slide{
		margin: auto;
		width: 540px;
	}
	.tab_wrap{
		margin-top: 0!important;
	}
	a.clsDisabled{
		border: none;
		background-color: white;
	}
	a.btn-push-like{
		font-size: 24px;
		height: 50px;
		line-height: 35px;
	}
	table.detail2 {
		font-size: 22px;
	}
	table.detail2 tbody tr td{
		padding: 10px;
	}
	#panel1 .sp .contact_box{
		margin-top: 30px;
		padding-bottom: 10px;
	}
	.tab_area{
		font-weight: bold;
	}
	.btn-toiawase-bulk,#form-bulk,.label-name{
		font-size: 28px;
		line-height: 70px;
	}
	#form-bulk .form-check input[type='checkbox'] + .label-name::after{
		left: 73px;
	}
	ul.breadcrumb li{
		font-size: 1.3rem;
	}
	.select_check_city .checkbox01-input:checked + .checkbox01-parts::after,
	.select_check_city2 .checkbox01-input:checked + .checkbox01-parts::after{
		left: 25px!important;
		width: 10px!important;
		top: 18px!important;
		height: 25px!important;
	}
	.select_check_city .checkbox01-parts::before,
	.select_check_city2 .checkbox01-parts::before{
        left: 10px!important;
    }
	select {
		color: #000;
	}
	.select_re{
		-webkit-appearance: none;
		appearance: none;
		border: 1px solid #999;
	}
}
/*----------------------------------------------------
旧サイトより
----------------------------------------------------*/

/*----------------------------------------------------
チェックボックス
----------------------------------------------------*/
.checkbox01-input{
	display: none;
  }
  .checkbox01-parts{
	padding-left: 20px;
	position:relative;
	margin-right: 20px;
  }
  .table_w01 .checkbox01-parts{
	  margin-right: 0px;
  }
  .checkbox01-parts_room{
	  margin-right: 10px;
	  padding-left: 35px;
  }
  .checkbox01-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
	  box-sizing: border-box;
  }
  .checkbox01-parts_room::before{
	  width: 20px;
	height: 20px;
	  top: 3px;
	  
  }
  .checkbox01-parts_building::before,.checkbox01-parts_building::after{
	  margin-left: 15px;
  }
  .checkbox01-input:checked + .checkbox01-parts{
	color: #115FAE;
	  background: #FFE4C6;
  }
  .checkbox01-input:checked + .checkbox01-parts_room{
	color: #333333;
	background: none;
  }
  .checkbox01-input:checked + .checkbox01-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #115FAE;
	border-right: 3px solid #115FAE;
  }
  .checkbox01-input:checked + .checkbox01-parts_room::after{
	
	top: -4px;
	left: 5px;
	width: 12px;
	height: 17px;
	transform: rotate(40deg);
	border-bottom: 3px solid #EF6000;
	border-right: 3px solid #EF6000;
  }
  
  
  .search_checkbox label,#result_area label {
	  padding-left:		30px;			/* ラベルの位置 */
	  font-size:		1em;
	  line-height:		1em;
	  display:		inline-block;
	  cursor:			pointer;
	  position:		relative;
	  margin-bottom: 0.8rem;
  }
  #result_area label{
	  z-index: 2;
	  padding-left:0px;	
  }
  #result_area .room_wrap label{
	  z-index: 2;
	  padding-left:2px;	
  }
  @media screen and (max-width: 980px) {
  .checkbox01-parts_room{
	  padding-left: 10px;
  }
	  .checkbox01-parts_form{
		  padding-left: 35px;
	  }
	 #result_area .rb_tab_area label:before,#result_area .form-check label:before{
		 content: none;
	  }
	  
  }
  
  /*売却を検討の方*/
  .sale_box{
	  background-image: url("../60l_design_b_child/bnr_skyhouse03.jpg");
  }
  /*賃貸管理*/
  .kanri_box{
	  background-image: url("../60l_design_b_child/bnr_house.jpg");
  }
  .flow_box{
	  background-image: url("../60l_design_b_child/bnr_flow.jpg");
  }
  .qanda_box{
	  background-image: url("../60l_design_b_child/bnr_qanda.jpg");
  }
  .apart_box{
	  background-image: url("../60l_design_b_child/bnr_apart.jpg");
  }
  .sample_box{
	  background-image: url("../60l_design_b_child/bnr_sample.jpg");
  }
  .renovation_box{
	  background-image: url("../60l_design_b_child/bnr_renovation.jpg");
  }
  .room_box{
	  background-image: url("../60l_design_b_child/bnr_room.jpg");
  }
  /*スライダーのずれ対策*/
  .op:hover{
	  opacity: 1;
	transform: scale(1.05);	/*画像の拡大率*/
	  transition-duration: 0.3s;	/*変化に掛かる時間*/
  }
  .search_superbox {
	background-color: #ffeee6;
  }
  .contents_title{
	font-size: 2rem;
  }
  
  /*仲介業者の皆様へ*/
  .linkpdf {
	width: 100%;
	background-image: url("../60l_design_b_child/women_c.jpg");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: right ; 
  }
  .linkpdf a{
	float: left;
	padding-left: 10px;
  }
  .chukai_img{
	width: 100%;
  }
  @media screen and (max-width: 980px){
	.linkpdf {
	  width: 100%;
	  background-image: none;
	}
	.linkpdf a{
	  line-height: 3rem;
	  font-size: 1.3rem;
	}
  
	.linkpdf img{
	  width: auto;
	  height: 40px;
	  margin-bottom: 20px;
	}
  }
  /**************************************************************************************/
/* 2019 6 10*/
/**************************************************************************************/

.border_r {
  border-right: 1px solid white;
}
.pad_t110{
  padding-top: 110px;
}
.top_new_superbox_in{
  width: 45%;
}

.top_color_superbox {
  padding: 64px 0px;
  width: 100%;
  height: auto;
}
p{
  font-size: 16px;
}

ul,ol{
  list-style: inside;
  font-size: 16px;
}
.t40{
  top: -40px;
}
.t90{
  top: -90px;
}
.t135{
  top: -135px;
}
.pdt30{
  padding-top: 30px;
}
.mgt30{
  margin-top: 30px;
}
.mar20{
  margin: 20px;
}
.mgb30{
  margin-bottom: 30px;
}
.pdb30{
  padding-bottom: 30px;
}
.pad30{
  padding-bottom: 30px;
}
.haed_gnavi_item_jp {
  font-weight: bold;
}
.haed_gnavi_item {
  width: 150px;
}

.header_telbox{
  width: 200px;
  line-height: 1.5rem;
}
.header_tel_during{
  line-height: 18px;
}
.header_inqbox{
  width: 430px;
}
.header_inq_title {
  margin-bottom: 10px;
}
.header_inq_notice {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1px;
  border: white solid 1px;
  margin-top: 20px;
  color: white;
}
.header_contactbox {
  height: 60px;
  line-height: 60px;
}
.subtitle{
  font-size: 25px;
  font-weight: bold;
  display: inline-block;
  color: #c11f3d;
  line-height: 2;
  padding-right: 1em;
  background-image: url("./images/top/icon_owner.png");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  left: 25px;
  top: -23px;
  transform: translate(0,50%);
  z-index: 99;
  /*border-bottom: 2px solid #c11f3d;*/
}
.top_color_superbox_in {
  width: 48%;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(20,16,7,.2);
  transition: all .2s;
}

.top_color_superbox_in img{
  width: 100%;
}
.top_color_superbox_in a img:hover{
  opacity: 0.7;
}
.top_smallbox{
  /*height: 70px;*/
  padding: 20px;
  background-color: white;
}
.top_searchpickup_superbox img {
  width: 85%;
}
.map img{
  width: 640px;
}
@media screen and (max-width: 980px){
.top_color_superbox_in {
  width: 100%;
  margin-bottom: 30px;
}

}

/**************************************************************************************/
/* 2019 6 10　色の変更*/
/**************************************************************************************/

/*ボタン*/
.header_contactbox , .footer_contactbox ,.inqbtn ,.header_contactbox_add , .top_blog_more_wrap {
  background-color: #d63755;
  box-shadow: 0px 4px 0px #ba1634;
  color: white;
}
.header_contactbox {
  background-color: #ffeee6;
  box-shadow: 0px 4px 0px #eabab9;
  color: #333333;
}
.header_inqbox {
  background-color: #d35d71;
  opacity: 0.9;
  border: none;
  padding: 20px 16px 16px;
}
.footer_tel_superbox ,.news_backtoindex{
  background-color: #ffeee6;/*薄い色*/
}
.header_inq_title {
  background-color: white;
}
.top_searchpickup_superbox  , .top_news_superbox ,.inqbackbtn {
  background-color: #ffeee6;/*薄い色*/
}
.gnavi_superbox , .gnavi_sp_overlay ,#header_sp , .news_title {
  background-color: #d35d71;/*えんじ*/
}
.haed_gnavi_item , .gnavi_sp_item ,.header_telbox ,.header_tel_during ,.news_title{
  color: white;
}
.news_title_date ,.newsindex_itemdate ,.fa_yellow , .contents_title_en ,.staff_item ,.f_16 ,.staff_table td span.staff_item {
  color: #d35d71;/*えんじ*/
}
.haed_gnavi_item_en {
  color: #ecc4c3;/*ピンク*/
}
.footer_copy{
  color: white;
  background-color: #d35d71;
  padding: 20px 0;
}
.header_gnavibtn{
  background-color: #c11f3d;
}
.inq_itemtitle {
  border-bottom: 2px solid #c11f3d;
}
.news_title_single {
  border-left: 10px solid #d35d71;/*えんじ*/
  background-color: #ffeee6;
}
.contents_title_hr {
  border-top: 1px dashed #ecc4c3;/*ピンク*/
}
.footer_left_linkbox {
  border-top: 1px solid #ecc4c3;
  border-bottom: 1px solid #ecc4c3;
}

.footer_left_linkbox span {
  color: #333333;
}
@media screen and (max-width: 980px){
  .top_searchpickup_superbox_sp {
    background-color: #ffeee6;
  }
  .top_searchpickup_superbox_sp img {
    border: 3px white solid;
  }
  .map{
    width: 100%;
  }
}
/**************************************************************************************/
/* 便利css*/
/**************************************************************************************/
.tc{
  text-align: center;
}
.bold{
  font-weight: bold;
}
/* 改行管理*/
.br_pc{
  display: block;
}
.br_sp{
  display: none;
}
.w180 {
  width: 180px;
}
@media screen and (max-width: 980px){
  .br_pc{
    display: none;
  }
  .br_sp{
    display: block;
  }
}
/**************************************************************************************/
/* イメージマップ　クリッカブル*/
/**************************************************************************************/

.clickmap {
  stroke-width: 0;
  fill: red;
  opacity: 0;
  transition: .25s; 
  cursor: pointer;
}
.clickmap:hover{
  opacity: .25;
}
.map_width{
  width: 980px;
  height: auto;
}
.a {
  cursor: pointer;
}
.az:hover{
  opacity: .8;

}
.ab:hover{
  opacity: .8;
  transition: .25s;
}
.aq:hover{
  opacity: .8;
}
@media screen and (max-width: 640px){
  .map_width{
    width: 640px;
    height: auto;
  }
}
/* --- グラデーション設定 --- */
.a { fill: url(#a); }
.b { fill: url(#b); }

/* --- 共通設定 --- */
.c, .k { isolation: isolate; }

/* --- 塗りの色設定 --- */
.d { fill: #fff9c1; }
.e { fill: #82ba1d; }
.f, .bf, .u, .v { fill-rule: evenodd; }
.f { fill: #009245; }
.g { fill: #805125; }
.h { fill: #5b5b5b; }
.i { fill: #d88804; }
.j { fill: #ffb605; }
.k, .l { fill: #50351a; }
.m { fill: #ff7304; }
.n { fill: #ffcf54; }
.o { fill: #dfb28a; }
.p { fill: #82ccf3; }
.q { fill: #e13a83; }
.r { fill: #ffa9bb; }
.s { fill: #ff85bb; }
.t { fill: #fcead9; }
.u { fill: #517d2e; }
.v { fill: #381e11; }
.aa { fill: #64180e; }
.ab, .au { fill: #fff; }
.al { fill: #fce121; }
.an { fill: #564337; }
.ao { fill: #fffde7; }
.ap, .aw { fill: #7ca7d9; }
.aq { fill: #d50080; }
.ar { fill: #0c3675; }
.at { fill: #6e5f4c; }
.av { fill: #fffef4; }
.ax { fill: #fbcf82; }
.ay { fill: #5f320a; }
.az { fill: #f7931e; }
.ba { fill: red; }
.bb { fill: #f2f2f2; }
.bd, .bg { fill: #ccc; }
.be { fill: #603813; }
.bf { fill: #39b54a; }
.bh { fill: #4d4d4d; }
.bk { fill: #f15a24; }
.bm { fill: #c69c6d; }
.bn { fill: #e1cfa4; }
.bo { fill: #d1ffff; }

/* --- 線の設定 --- */
.w { stroke: #f15a24; stroke-width: 6.28px; }
.x { stroke: #d50080; stroke-width: 13.45px; }
.y, .z { stroke: #fff; stroke-width: 7.63px; }
.z { stroke-dasharray: 20.38 20.38; }
.ac, .ad, .bc { stroke: #603813; }
.ac { stroke-width: 0.62px; }
.ad, .ae { stroke-width: 0.93px; }
.ae, .af, .ag, .ah, .ai, .aj, .ak { stroke: #fcee21; }
.af, .ag, .ah, .ai, .aj, .ak { stroke-width: 1.55px; }
.ag { stroke-dasharray: 0.94 2.81; }
.ah { stroke-dasharray: 0.96 2.89; }
.ai { stroke-dasharray: 0.93 2.78; }
.aj { stroke-dasharray: 0.94 2.83; }
.ak { stroke-dasharray: 0.94 2.81; }
.an, .ao, .ap, .as, .at, .au, .av, .aw { stroke: #5f320a; }
.an, .ao, .ap, .as, .at, .au, .av { stroke-width: 2.24px; }
.aw, .bi, .bj { stroke-width: 2.69px; }
.bc { stroke-width: 1.62px; }
.bg { stroke: #f2f2f2; stroke-width: 2.31px; }
.bi { stroke: #82ba1d; }
.bj { stroke: #fff9c1; }

/* --- 特殊効果・ブレンドモード --- */
.am { mask: url(#c); }
.bl { opacity: 0.25; mix-blend-mode: multiply; }

/**************************************************************************************/
/* 追加ページ*/
/**************************************************************************************/
.kanri_box , .qanda_box ,.apart_box ,.room_box ,.sample_box ,.renovation_box,.flow_box{
  margin-bottom: 30px;
  padding: 30px;
  background-size:  cover;
  background-position: right center;
}


.kanri_subtitle{
  font-size: 1.6rem;
  text-align: center;
  margin: 0 auto 0 auto;
  letter-spacing: .1rem;
  /*background: rgba(26, 161, 83,0.5);*/
  width: auto;
/*  color: #d35d71;*/
}

.kanri_text{
  margin-bottom: 30px;
}
.kanri_text span{
  font-weight: bold;
}
/*売却を検討の方*/
.sale_box{
  min-height: 450px;
  padding: 30px;
  background-size:  cover;
  background-position:bottom;
}
.sale_subtitle{
  font-size: 1rem;
  margin: 0 auto 0 auto;
  text-align: center;
  letter-spacing: .1rem;
  /*background: rgba(26, 161, 83,0.5);*/
  width: auto;
  color: white;
  line-height: 2rem;
  font-weight: bold;
}
.min_menu{
  width: 470px;
  display: block;
  text-align: center;
    border-bottom: 1px solid #d35d71;
  color: #d35d71;
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 3px;
}
.min_menu p{
  color: #d35d71;
}
.min_menu span{
/*  border-bottom: 1px solid #d35d71;*/
  margin-bottom: 5px;
  padding-bottom: 3px;
/*
  width: 480px;
  display: block;
*/
/*  text-align: center;*/
}



@media screen and (max-width: 980px){
  .min_menu{
    width: 300px;
  }
  .sale_box{
    min-height: 550px;
  }

  /*スマホ版では文字左寄せ*/ 
  .kanri_subtitle{
    text-align: left;
  } 
}
/**************************************************************************************/
/* 追加ページ 仲介業者の皆様へ*/
/**************************************************************************************/

.btn-square {
  min-width: 265px;
  display: inline-block;
  padding: 1em 1.5em;
  text-decoration: none;   
  background: #d35d71;/*ボタン色*/   
  color: white;   
/*  border-bottom: solid 4px #ba1634;   */
  border-radius: 4px; 
  text-decoration: none;
  }
.btn-square a{
  text-decoration: none;
  }
/*PDFダウンロードボタン*/   
.btn-square_down {
  min-width: 265px;
  display: inline-block;
  padding: 0.5em 1em;  
  text-decoration: none;   
  background: rgba(68,120,185,0.5);/*ボタン色*/   
  color: white;   
  border-radius: 3px; 
}

/*
.btn-square_down a:link {
  color: white;} 未訪問のリンクの色
.btn-square_down p {
  color: white;
  } */

.btn-square:active { 
    /*ボタンを押したとき*/   -webkit-transform: translateY(4px);   transform: translateY(4px);/*下に動く*/   border-bottom: none;/*線を消す*/
} 
.btn-square_down:active { 
    /*ボタンを押したとき*/   -webkit-transform: translateY(4px);   transform: translateY(4px);/*下に動く*/   border-bottom: none;/*線を消す*/
} 


.salepage_subtitle{
  font-weight: bold;
  font-size: 1.5rem;
  background-color: #d35d71;
  color: white;
  padding: 10px;
  margin-top: 20px;
}

/*矢印*/
.arrow:after {
  border-top: 20px solid #d35d71;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  content: "";
  position: absolute;
/*  bottom: -5px;  三角形の高さ＋ボックスのボーダーをマイナスに */
  left: 50%;/* 中央寄せに使用 */
  margin-left: -20px; /* 中央寄せに使用 */
  margin-bottom: 30px;
  margin-top: 4px;
}
.relative{
  position: relative;
}
.absolute{
  position: absolute;
  left: -10px;
  bottom: -30px;
  z-index: 2;
}
/**************************************************************************************/
/* 微調整*/
/**************************************************************************************/
/*タイトル*/
.contents_title_jp {
  margin-top: 0;
}
/*スマホ版ずれる？*/
@media screen and (max-width: 980px){
  .inner980 {
    width: 100%;
  }
  .header_logo {
    width: 180px;
    height: auto;
  }
  .company_imagebox_image {
    width: auto;
  } 

}

/*スライダーの●を消す*/
.thumb-item-nav{
  display: none;
}
/*スライダーのサイズ固定*/
.slick-slide img {
/*  border: 3px white solid;*/
/*  width: 100%;*/
  height: auto;
}
.svgbox{
	height:850px;
}

.haed_gnavi_item_jp {
  font-size: 15px;
}

/*スマホ版のロゴが小さい*/
@media screen and (max-width: 980px){
  .header_logo {
    width: 300px;
  }
	.svgbox{
    height:500px;
  }
}
/*ユーザー側で変更した時崩れないように*/
.width60{
  width: 100%;
/*  min-width: 600px;*/
  margin: 0 auto;
}
.width60 img{
  width: 100%;

/*  min-width: 600px;*/
  height: auto;
}
.width30{
  width: 30%;
  min-width: 300px;
}
.width30 img{
  width: 30%;
  min-width: 300px;
  height: auto;
}
@media screen and (max-width: 980px){
  .width30 , .width60 {
    width: 100%;
  }
  .width30 img , .width60 img{
    width: 100%;
    height: auto;
  }
} 

/*　ページを追加、のサブタイトルを透明にする*/
.contents_title h1 {
  opacity: 0;
}

/*___________________揺れるボタン__________________________*/

#button {
  position: relative;
  outline: none;
  text-decoration: none;
/*  border-radius: 50px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  height: 40px;
/*  width: 100%;*/
  opacity: 1;
  background-color: #ffffff;
/*  border: 2px solid rgba(22, 76, 167, 0.6);*/
}
#button a {
  color: #164ca7;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.7px;
}
#button:hover {
  animation: rotate 0.7s ease-in-out both;
}
#button:hover a {
  animation: storm 0.7s ease-in-out both;
  animation-delay: 0.06s;
}
 
@keyframes rotate {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  25% {
    transform: rotate(3deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(-3deg) translate3d(0, 0, 0);
  }
  75% {
    transform: rotate(1deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}
@keyframes storm {
  0% {
    transform: translate3d(0, 0, 0) translateZ(0);
  }
  25% {
    transform: translate3d(4px, 0, 0) translateZ(0);
  }
  50% {
    transform: translate3d(-3px, 0, 0) translateZ(0);
  }
  75% {
    transform: translate3d(2px, 0, 0) translateZ(0);
  }
  100% {
    transform: translate3d(0, 0, 0) translateZ(0);
  }
}

/*___________________新着・特選スクロール表示に__________________________*/

#scrol{
  height: 430px;
  overflow: scroll;
}


/**************************************************************************************/
/* 仲介業者様*/
/**************************************************************************************/

#chukai_page ol{
	list-style-type: decimal;
}
.order_box{
/*  border: 1px solid #d35d71;*/
  padding: 20px;
  background: #fffae6;
}
.order_box_ti{
  font-size: 1.3rem;
  font-weight: bold;
  color: #d35d71;
}
#flow{
  padding: 30px 0;
}
.page_table {
  border-collapse: collapse;
/*  border: solid 2px #333333;*/
  width: 100%;
  background: white;
  margin-bottom: 30px;
}
.page_table td {
  width: 70%;
}
.page_table th {
  width: 30%;
  font-size: 1.1rem;
}
.page_table td , .page_table th {
  border: solid 1px #c4c4c2;
/*  text-align: center;*/
  padding: 10px;
}
  
/*   ここまで旧サイト流用 */
.header_logo {
    width: 180px;
    height: auto;
  }
.haed_gnavi_item_jp{
	color:white;
}
.news_contents a, .blog_index_story a, .newpage_contents a{
	    text-decoration: none;
}
@media screen and (min-width: 981px){
	.clsCountTitle p{
		font-size:10px;
	}
	.header_inq_title {
		line-height: 3;
		padding: 10px;
	}
	
	.header_telbox {
		line-height: 1.5;
		font-size: 12px;
	}
	.header_tel_num {
		line-height: 2rem;
	}
}
#footer {
    background: white;
}
.pad20{
	padding:20px;
}
.shadow{
	box-shadow: 0px 0px 8px 0px rgba(20, 16, 7, .2);
    transition: all .2s;
}
@media screen and (max-width: 980px) {
    .top_searchpickup_item_sp {
        width: 290px;
        height: auto;
        margin-bottom: 20px;
    }
}
/**************************************************************************************/
/* クリッカブルマップ*/
/**************************************************************************************/
.ab, .au {
    fill: #fff;
}