@charset "utf-8";
/* CSS Document */
@import url("sp_kaiinkensaku.css");
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";


/*全体*/
*{
box-sizing:border-box;
margin:0;
padding:0;
}
a {
text-decoration: none!important;
}
li{
  list-style: none;
}
hr{
border-top: 1px solid #F5F5F5;
border-bottom: 1px solid #fff;
}

body {
	-webkit-text-size-adjust: 100%; 
	box-sizing:border-box; 
	word-break: break-all; 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 background-color: #fff;
}




/*SEOテキストボックス*/
#leadbox {
	box-sizing: border-box;
}
#leadbox input[type="checkbox"] {
  display: none;
}
#leadbox .next-link:after {
  content: "　...続きを読む"; 
		text-decoration: underline;
}
#leadbox input[type="checkbox"]:checked + .next-link:after {
  content: "閉じる"; 
  display: block;
}
#leadbox input[type="checkbox"]:checked ~ .leadboxtext {
  overflow: unset;
  height: unset;
}
#leadbox input[type="checkbox"]:checked ~ .leadboxtext:after {
  display: none;
}

.multiline-text{
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 2em ;
		padding: 10px 10px;
  background: #EAEAEA ;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 150%;
		color: #333;
}
.next-link,
.leadboxtext:after {
  content:"";
  position: absolute;  
  background: #EAEAEA ;
		padding: 4px 4px 6px 6px;
		line-height: 1;
		}

.next-link {
  color:#333;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.leadboxtext {
  width: 100%;
  height:80px;
  overflow: hidden;
  position: relative;
  line-height: 150%;
}
.leadboxtext:after {
  content: "";
  height: 100%;
  width: 100%;
  z-index: 2;
}

#leadbox .leadbox_t01{
font-weight: 600;
line-height: 130%;
padding: 0.6em 0.6em 0;
}


#list_main{
 background-color: #F5F5F5; 
 padding-top: 0.4em;
 padding-bottom: 0.4em;
}

#list_main img{
 border: none;
 text-align: center;
}
#list_main a:link {
	color:#191919 !important;
	text-decoration:none !important;
}
#list_main a:active {
	color:#191919 !important;
	text-decoration:none !important;
}  
#list_main a:visited {
	color:#191919 !important;
	text-decoration:none !important;
}
#list_main a:hover {
	color:#191919 !important;
	text-decoration: none;
	background-color:transparent;
}

#list_main hr{
 clear: both;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #fff;
 margin: 0.6em auto 0.6em;
}


.list {
	margin: 0.4em 4px 0.4em;
	display: block;
	overflow: auto;
	background-color: #fff;
	border: #ccc 1px solid;
	padding: 2% 1.6%;
}

.list .list01 {
float:left;
font-size: 14px;
font-weight: 600;
padding: 0.4em auto 0.4em !important;
}
.list01 a{
color: #000!important;
}
.manshon {
	font-size:14px;
 font-weight: 600;
	line-height:140%;
	margin-right:6px;
	padding-top:4px;
	color:#000;
	clear:both;
}
.bukkenname{
font-size:1.2em!important;
font-weight: 600;
line-height: 150%;
padding-top: 0em;
margin-top: 0;
color:#000;
display: inline;
}

.list .list02 {
font-size: 0.8em !important;
margin: 0.4em auto 0.4em ;
padding: 0;
line-height: 130%;
color:#333!important;
}
.list .list03 {
padding: 0.2em auto 0.1em ;
color:#B84547;
}
.list .list03_price {
font-size: 1em !important;
font-weight:600 !important;
padding: 0.2em auto 0.1em !important;
color:#B84547;
}
.list .list04 {
font-size: 0.8em !important;
font-weight:normal;
margin: 0.1em auto ;
padding: 0;
line-height: 110%;
color:#333!important;
}


.list .shubetsu {
display: block;
float: left;
background-color: #005ED5;
border: 1px #005ED5 solid;
font-size: 12px;
line-height: 100%;
padding: 4px 4px 2px 4px;
margin-top: 2px;
margin-right: 5px;
margin-bottom: 5px;
color: #fff;
}

.list .new {
display: block;
float: left;
background-color: #D50048;
border: 1px #D50048 solid;
font-size: 12px;
line-height: 100%;
padding: 4px 4px 2px 4px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 5px;
color: #fff;
animation: blink 5s infinite;
}
@keyframes blink {
  0% {opacity: 0;}
  20% {opacity: 1;}
}

.list .movie {
display: block;
float: left;
background-color: #FCEAF0;
border: 1px #D50048 solid;
font-size: 12px;
line-height: 100%;
padding: 4px 4px 2px 4px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 5px;
color: #D50048;
}



.list .list_l {
float: left;
text-align: left!important;
width: 100%;
overflow: auto;
display: block;
}
.list .list_r {
float:right!important;
width: 100%;
}



.list .img01 {
float: left;
clear: both;
width: 100%;
margin: 0.6em 0.4em 0.4em 0em ;
text-align: center;
}
.list .img02 {
float: left;
height: 60px;
margin: 0.2em 0.2em 0.2em 0em;
text-align: center;
}
.list .img03 {
float: left;
height: 60px;
margin: 0.2em 0.2em 0.2em ;
text-align: center;
}
.list .img04 {
float: left;
height: 60px;
margin: 0.2em 0.2em 0.2em ;
text-align: center;
}

.list .list_data{
margin: 0.4em 0.6em 0.4em auto;
padding-left:0.4em; 
display: block;
word-break: normal;
}
.list .list_photos{
clear: both;
margin: 0.4em 0.6em 0.2em 0;
display: block;
word-break: normal;
}

.list_hr {
 clear: both !important;
	height: 0px !important;
	border-top: 2px solid #0060d5;
 margin-bottom: 0 !important;
}
.list_hr02{
 clear: both;
	border-top: 1px solid #ccc;
margin: 0 ;
}
.list_hr03{
 clear: both;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
 margin:0px 4px 0px 4px ;
}

.list_ken{
font-size: 0.8em;
color: #003981;
} 

/*ヘッダー*/
#header_juken {
background-color:#004BAA;
width: 100%;
display:block;
overflow: hidden;
color: #fff;
padding: 0.4em;
}
#header_juken ul {
clear: both;
list-style: none;
}
#header_juken .juken_logo {
float: left;
width: 23%;
height: auto;
margin: 0.3em auto 0.2em 0.1em;
}
#header_juken .header_logout{
float:right;
color: #fff;
font-size:0.7em ;
text-decoration: none;
margin: 0.3em 1em auto auto;
}
#header_juken li a {
color: #fff;
text-decoration: none;
}


#header_list {
background-color:#005FD5;
width: 100%;
display:block;
overflow: hidden;
color: #fff;
}
#header_list h1{
padding: 0.2em 0.6em;
font-size: 1.3em;
font-weight: 600;
line-height: 150%;
}
#header_list p{
clear: both;
font-size:1.2em;
font-weight: 600;
text-align: center;
padding: 0.4em 0.6em 0.4em;
margin: 0;
}


#header_list_navi {
background-color:#005FD5;
width: 100%;
display:block;
overflow: hidden;
padding: 0 1%;
}
#header_list_navi ul {
clear: both;
list-style: none;
padding-left: 1%;
}
#header_list_navi li a {
float: left;
font-size:0.9em;
font-weight: 600;
text-align: center;
margin: 0.6em 1% 0.6em 0;
color: #005FD5;
text-decoration: none;
background-color:  #FFF;
padding: 0.4em 1% 0.2em;
width: 24%;
}


#header_list_navi02 {
background-color:#005FD5;
width: 100%;
display:block;
overflow: hidden;
padding: 0 2% 2px;
box-sizing: border-box;
}
#header_list_navi02 ul {
clear: both;
list-style: none;
text-align: center;
}
#header_list_navi02 li a {
color: #005FD5;
text-decoration: none;
}
#header_list_navi02 li {
float: left;
font-size:0.9em;
font-weight: 600;
text-align: center;
background-color:  #FFF;
padding: 0.4em 0.2em 0.2em;
box-sizing: border-box;
}
#header_list_navi02 li:nth-child(1) {
width: 49%;
margin: 0.6em 2% 0 0;
}
#header_list_navi02 li:nth-child(2) {
width: 49%;
margin: 0.6em 0 0 0;
}
#header_list_navi02 li:nth-child(3) {
width: 32%;
margin: 0.6em 2% 0 0;
}
#header_list_navi02 li:nth-child(4) {
width: 32%;
margin: 0.6em 2% 0 0;
}
#header_list_navi02 li:nth-child(5) {
width: 32%;
margin: 0.6em 0 0 0;
}
/*/ヘッダー*/
　


#list_order {
background-color:gainsboro;
width: 100%;
display:block;
overflow: hidden;
}
/*.list_order01 {
	width: 94%;
	margin: 0.6em auto 0.6em;
	padding: 1% 1.6%;
	display: block;
	overflow: auto;
	background-color: #fff;
	border: #fff 1px solid;
 border-radius:5px;
	font-size: 1em;
}*/

.list_order01{
clear: both;
width: 100%;
padding: 6px;
margin:1em auto 0;
box-sizing: border-box;
}
.list_order01 a{
padding: 3px 6px 2px;
margin: 2px 8px 6px 0px;
display:inline-block;
overflow: auto;
border:solid 1px #ccc;
}

#list_orderform01{
margin: 0.2em auto;
}
#list_orderform04 option{
font-size: 1em;
	margin: 0;
	padding: 0;
}
#list_orderform02 select{
	margin: 0;
	padding: 0;
}
#list_orderform02 option{
font-size: 1em;
	margin: 0;
	padding: 0;
}


.list_favorite_btn{
  float: right;
		color: #225588;
  font-size:0.7em;
  text-align:center;
  display:block;
  background:#fff;
  border:1px solid #225588;
  padding:4px 4px 2px 4px;
		margin:0.2em 0.2em auto auto;
  border-radius:3px;
		text-decoration:none;
		position:absolute;
}
.list_favorite_btn a{
		color: #225588!important;
}

#list_number {
background-color: #F5F5F5; 
width: 100%;
display:block;
overflow: hidden;	
margin: 6px 0 6px ;
font-size:0.8em;
line-height: 130%;
}
#list_number ul {
clear: both;
list-style: none;
padding: 12px 12px 0;
}
#list_number li {
float: left;
text-align: center;
text-decoration: none;
}
#list_number .list_number_01{
font-size:1em !important;
font-weight: 600 !important;
padding: 0;
margin: 0 ;
}
#list_number .list_number_left{
float: left;
padding: 0;
margin: 0 0 0 -7px;
}
#list_number .list_number_left02{
float: left;
padding: 0;
margin: 0;
}
#list_number .list_number_right{
float:right;
padding: 0 ;
margin: 0;
}
#list_number .list_number_right02{
float:right;
padding: 0 ;
margin: -0.2em auto 0.4em auto;
}


/*コメントボックス*/
.leadbox02{
    padding: 0px ;
				box-sizing: border-box;
				display: block;
				overflow: auto;
}
.leadbox02 input[type="checkbox"] {
  display: none;
}
.leadbox02 .next-link02:after {
  content: "...続きを読む"; 
		text-decoration: underline;
}
.leadbox02 input[type="checkbox"]:checked + .next-link02:after {
  content: "閉じる"; 
  display: block;
}
.leadbox02 input[type="checkbox"]:checked ~ .leadboxtext02 {
  overflow: unset;
  height: unset;
}
.leadbox02 input[type="checkbox"]:checked ~ .leadboxtext02:after {
  display: none;
}


.multiline-text02{
position: relative;
width: 100%;
overflow: hidden;
margin: 0.2em auto 0;
padding: 6px 6px 4px;
border: solid 1px #DCDCDC;
box-sizing: border-box;
font-size: 14px;
line-height: 150%;
}
.next-link02,
.leadboxtext02:after {
  content:"";
  position: absolute;  
  background: #fff ;
		padding: 3px 6px 6px 3em;
		}
.next-link02 {
  color:#666;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.leadboxtext02 {
width: 100%;
height:64px;
overflow: hidden;
position: relative;
font-size: 14px;
line-height: 150%;
}
.leadboxtext02:after {
  content: "";
  height: 100%;
  width: 100%;
  z-index: 2;
}



/*メール限定非公開物件*/
.mailbukken{
text-align: center;
padding:4px 4px 2px;
background-color: #FDEBEC;
margin: 5px 4px;
border: #B84547 1px solid;
position: relative;
color: #333;
}
.mailbukken a{     
	display: block;
 color: #333;
 }
.mailbukken a:before {     
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 95%;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #B84547;
}

.mailbukken02{
font-size: 0.8em;
}
.mailbukken03{
color:#B84547;
font-size: 1.2em!important;
font-weight: 600;
text-decoration: underline;
}


.pages{
text-align: center;
letter-spacing:0.2em;
}
.pages a{
color: #005FD5!important;
}
.pages a:link, .pages a:active, .pages a:hover, .pages a:visited{
color: #005FD5!important;
}


/*一覧絞り込み*/
#list_order{
width: 100%;
box-sizing: border-box;
margin: -0.4em auto 0;
padding: 0.1em 0.4em;
display: block;
}
.list_order01 dl{
clear: both;
padding-top: 2px;
}
.list_order01 dt{
width: 15%;  
background-color: #EDEDED;
padding: 3px 4px 2px;
margin-right: 10px;
text-align: center;
display: block;
float: left;
line-height: 180%!important;
}
.list_order01 dd{
display: block;
}
#list_order select{
  width: 30%;
  outline:none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 30px;
  padding: 5px;
  border:1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  font-size: 0.9em!important;
	}
#list_order input[type='submit']{
  border: none;
  display: block;
  width: 100%;
  max-width: 300px;
  padding: 6px;
  border-radius: 5px;
  background-color: #999;
  color: #fff;
  font-size: 0.9em!important;
  font-weight: bold;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  margin: -1em auto 0;
}



/* 情報07 */
.ichiran_info07 a{
padding: 3px 6px 2px;
margin: 1em 8px -4px 8px;
display:inline-block;
overflow: auto;
border:solid 1px #ccc;
font-size: 0.9em;
font-weight: 600;
color: #005ED5;
background-color: #FFF;
}
.info07_02 a{
font-size: 0.8em!important;
font-weight: 500!important;
padding: 6px 12px 4px!important;
margin: 1em 8px -4px 6px!important;
}


/* 情報08 */
.ichiran_info08 {
background-color: #EAEAEA;
clear: both;
width: 100%;
box-sizing: border-box;
margin: 0 auto 0.4em;
padding-bottom: 0.6em;
}
.ichiran_info08 li{
font-size: 0.9em;
font-weight: 400!important;
line-height: 130%;
padding: 0.4em 0.4em 0 0.4em;
}
.ichiran_info08 a{
color:#06C;
}
.ichiran_info08 p{
background-color: #0060D3;
color: #fff;
font-size: 0.9em;
font-weight: 600;
padding-top: 0.4em;
padding-bottom: 0.2em;
padding-left: 0.6em;
margin-bottom: 0.4em;
}

.ichiran_info10{
background-color: #EAEAEA;
clear: both;
width: 100%!important;
box-sizing: border-box;
margin: 0 auto 0.4em;
padding: 0.6em;
}
.ichiran_info10 li {
width: 100%!important;
}
.ichiran_info10 li a {
width: 100%!important;
 padding: 8px 20px 8px 10px;
 display: block;
 overflow:auto;
 font-size: 14px;
 line-height: 160%;
 background-color: #fff;
 color: #444;
 background-image: url(/main/images/inin/common/side-arrow.png);
 background-repeat: no-repeat;
 background-position: right center;
 border-bottom: 1px solid #ccc;
}
.ichiran_info10 li:first-child{
 border-top: 1px solid #ccc;
}
 .ichiran_info10 img{
width: 100px;
padding: 0 5px 0 0;
float: left;
}


/*パンくず*/
.pankuzubox{
background-color: #F4F4F4;
padding: 0.1em 0.1em 0.1em 0.1em;
}
#pankuzu {
margin:0.4em 0.6em 0.4em 0.6em ;
font-size:0.9em;
	line-height:130%;
text-align:left;
}
#pankuzu li {
	display:inline;
	list-style-type:none;
 padding-left:0px;
}
#pankuzu li a {
	padding-right:10px;
	background:url(/images/topicpath.gif) no-repeat right center;
 display: inline;
}
#pankuzu a:link, #pankuzu a:active, #pankuzu a:hover, #pankuzu a:visited {
	text-decoration:none;
	color:#06C;
}
#pankuzu a:hover{
padding: 0.2em 10px 0 0em!important;
}
#pankuzu li a {
padding: 0.2em 10px 0 0em!important;
}


/**/
.btn_kaiin{
width: 50%;
margin: 2px auto 12px;
padding: 3px;
background-color: #8597CD;/*#C42023*/
text-align: center;
color: #fff;
font-size: 12px;
font-weight: 500;
text-decoration: none!important;
display: block;
overflow: auto;
border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px; 
}
.btn_kaiin a{
text-decoration: none!important;
display: block;
}
.btn_kaiin a:link{
text-decoration: none!important;
}
.btn_kaiin a:hover{
 opacity: 0.6!important;
 }
header_list .btn_kaiin a{
text-decoration: none!important;
}





/*下部リンク集*/
.ichiran_footword{
font-size: 14px;
line-height: 150%;
margin: 2em 0;
background-color: #F1F1F1;
display: block;
overflow: auto;
}
.ichiran_footword02{
margin: 0;
padding: 0.6em 1em 1em;
background-color: #F1F1F1;
overflow: auto;
}
.ichiran_footword a{
color: #06C;
}
.ichiran_footword ul{
overflow: auto;
margin-top: 2px;
}
.ichiran_footword li{
float: left;
margin-right: 1.4em;
line-height: 180%;
}
.footword_t01{
font-weight: 600;
padding-top: 0.6em;
margin-bottom: 0.2em;
border-bottom: 1px solid #ccc;
}
.footword_t02{
font-weight: 600;
background-color: #0060D3;
color: #fff;
padding-top: 0.4em;
padding-bottom: 0.4em;
padding-left: 0.6em;
}
.footword_t03{
font-size: 14px;
font-weight: 600;
padding-top: 0.6em;
}
.footword_t04{
font-size: 14px;
font-weight: 600;
background-color: #0060D3;
color: #fff;
padding-top: 0.4em;
padding-bottom: 0em;
padding-left: 0.6em;
}

/*footer*/
.footer-small {
 margin-top: 2em;
 font-size: 1em;
}
.footer-small ul li{
border-top: none!important;
}
.footer-small li{
width: 100%!important;
　border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px; 
    border-bottom-style: solid;
  font-weight: normal !important;
}
.footer-small__list {
 margin: 0 auto
}
.footer-small__list li {
 border-bottom: 1px solid #fff;
}
.footer-small__list li:last-child a {
 　border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px; 
    border-bottom-style: solid;
}
.footer-small__list li a {
 background-color: #d6e3f4;
 display: block;
 padding: 6px 10px;
	color: #333;
	font-size: 0.9em;
font-weight: 400!important;
}
.footer-small__list--primary li:first-child a {
 background-color: #0F63D2;
 color: #fff
}
.footer-small p {
 margin-bottom: 1em;
 white-space: nowrap
}
.footer-small__info {
 background-color: #235fca;
 color: #fff;
 font-size: 1em;
 margin: 0;
 padding: 0.5em ;
 text-align: left;
}
.footer-small__copyright {
 font-size: 9px
}
/**/


.mblist_data{
margin: 8px 2px;
font-size: 14px!important;
line-height: 150%!important;
box-sizing: border-box;
color: #000;
}

.mblist_data table{
text-align: left;
width: 100%;
border-collapse: collapse;
}
.mblist_data th{
width: 25%;
padding: 4px 6px 3px;
text-align: left;
vertical-align: top;
background-color: #EFEFEF;
border: 1px solid #dcdcdc;
font-weight: normal;
}
.mblist_data td{
padding: 4px 6px 3px;
background-color: #fff;
border: 1px solid #dcdcdc;
}


#order{
margin: 6px 6px 0px 6px;
}

/*絞込みアコーディオン*/
.p-accordion{
  justify-content: space-between;
}
.p-accordion li{
clear: both;
}
.p-accordion__item{
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
.p-accordion__item:first-child{
  padding-top: 4px;
}
.p-accordion__head a{
  display: block;
  color: #0060d5;
  text-decoration: none;
  background-color: #D8D8D8;
  padding: 6px 12px;
  position: relative;
}
.p-accordion__head a::before,
.p-accordion__head a::after{
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background-color:#0060d5;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto 0;
  transition: .2s;
}
.p-accordion__head a::before{
  transform: rotate(90deg);
}
.p-accordion__item[data-active] .p-accordion__head a::before{
  transform: rotate(270deg);
  opacity: 0;
}
.p-accordion__item[data-active] .p-accordion__head a::after{
  transform: rotate(180deg);
}
.p-accordion__content{
  margin-top: 6px;
  padding: 0 12px;
}
.p-accordion__content p a{
line-height: 180%;
color: #000;
padding: 4px 0;
border-bottom: 1px #ccc solid;
display: block;
}
.p-accordion__content p:last-child{
  margin-bottom: 8px;
 }
/**/



.p-accordion__content02{
  margin-top: 6px;
  padding: 0 12px;
}
.p-accordion__content02 p a{
font-size: 14px;
line-height: 150%;
color: #06C;
background-color: #F1F1F1;
padding: 4px 0;
margin-right: 1.4em;
text-decoration: underline!important;
}
.p-accordion__content02 p:last-child{
  margin-bottom: 8px;
 }

/**/



/*ページ内リンク*/
#tofooterlink {
margin: 2px 6px 0 6px;
}
#tofooterlink .tofooterlink_btn {
min-width: 20%;
display: inline-block;
text-align: left;
text-decoration: none;
padding: 6px 20px 3px 26px;
position: relative;
margin-bottom: 0.6em;
background-color: #D8D8D8;
color: #0060d5;
}
#tofooterlink .tofooterlink_btn:before {
font-family: "FontAwesome";
content: "\f107";
position: absolute;
left: 8px;
margin-top: 2px;
}
#tofooterlink .tofooterlink_btn:hover {
background-color: #D8D8D8!important;
opacity: 0.6;
text-decoration: underline;
}




.space01{
margin-top: 1em;
}
.space02{
margin-top: 2em;
}



.ichiran_shiten{
width: 100%;
margin:1em auto 1em;
padding: 0.6em 1em 0.1em;
text-align: left;
box-sizing: border-box;
background-color: #F1F1F1;
overflow: auto;
}
.ichiran_shiten ul{
}
.ichiran_shiten li{
float: left;
padding: 2px 2px 2px 2px;
background-color: #fff;
margin: 0.2em 0 0.4em 0;
border:solid 1px #999;
text-decoration: none!important;
border-radius: 6px;
}
.ichiran_shiten li a{
background-color: #CBE0F9;
display: block;
text-decoration: none!important;
color: #292929!important;
font-weight: 600!important;
padding: 2px 6px 1px 6px;
}
.ichiran_shiten h3{
font-weight: 600;
border-bottom: 2px dotted #999;
margin-bottom: 4px;
}
.ichiran_shiten p{
font-size: 14px;
}



/* こだわり条件から */
#kodawari{
margin:4px auto 0;
background-color:#fafafa;
padding: 0px 0px 12px 0px;
display: block;
overflow: auto;
box-sizing: border-box;
}
#kodawari h2{
background-color: #0060D3;
color: #fff;
font-size:14px;
font-weight: 600;
padding:8px 0 8px 0.6em;
margin:0 auto 6px;
}

#kodawari h3{
 position: relative;
 clear: both;
 margin:10px auto 2px;
 padding:4px 0 4px 20px;
 font-size:14px;
 font-weight:600;
 background: #D7E6F9;
 color:#333;
}
#kodawari h3:before{
 content: "";
 position: absolute;
 background: #005FD5;
 top: 20%;
 left: 0.5em;
 height: 20px;
 width: 4px;
 border-radius: 1px;
 -webkit-border-radius: 1px;
 -moz-border-radius: 1px;
}
#kodawari p a:hover{
 background-color:#ccc;
}
#kodawari ul {
clear: both;
overflow: auto;
padding: 6px;
}
#kodawari ul li{
float: left;
width: 47%;
list-style: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 background: #fff;
 margin: 6px 2% 3px 3px;
overflow:auto;
vertical-align: middle;
}
#kodawari ul li:nth-child(even){
 margin: 6px 1% 3px 3px;
}
#kodawari ul li a{
display: block;
text-decoration: none;
 background-color:#fff;
 color: #004B91;
 font-size:11px;
 font-weight:normal;
 line-height: 135%;
 padding: 4px 3px 4px 4px;
}
#kodawari ul li a:hover{
opacity: 0.6;
}
#kodawari ul li img{
float: left;
margin: 0 6px 4px 0;
height:50px;
}



/*詳細を見るボタン*/
.btn_shousai{
width: 100%;
text-align: center;
background-color: #0E6BED;
color: #fff;
font-weight: 600;
letter-spacing: 1px;
padding: 12px 10px 10px;
margin: 1em auto 1.6em;
border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    position: relative;
box-sizing: border-box;
display: block;
overflow: auto;
}
.btn_shousai:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    left: 90%;
    margin-top: -4px;
    transform: rotate(45deg);
}
.btn_shousai:hover {
opacity: 0.6;
}



/*アクションボタン*/
.action-btn{
width: 100%;
clear: both;
margin: 1em auto 8px;
overflow: auto;
}
.btn_siryou{
width: 48%;
float: left;
margin-right: 4%;
}
.btn_okini{
width: 48%;
float:right;
}
.btn_siryou a,.btn_okini a{
width: 100%;
font-weight: 600;
color: #005ED5;
padding: 4px 10px;
display:inline-block;
border: 1px solid #005ED5;
border-radius: 8px;
  -webkit-border-radius:8px;
  -moz-border-radius: 8px;
text-decoration: none;
}
.action-btn i{
padding-right: 4px;
}


.highslide-body b{
font-size: 12px;
font-weight: normal;
}
#highslide-html img{
position:relative;
top: -40px;
}






.review_box02 {
margin-top: 0!important;
}



/*街情報（イラスト）*/
.towninfo{
width: 100%!important;
border: 1px solid #0060D3;
padding: 6px;
overflow: auto;
background-color: #F1F1F1;
margin-top: 1em;
box-sizing: border-box;
}

.towninfo_ill{
float:left;
padding-right: 10px;
width: 96%;
}
.towninfo_text{
float:left;
color: #333!important;
}
.towninfo_text a{
color: #333!important;
}
.towninfo_tit{
font-size: 16px;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
}
.towninfo_p{
font-size: 12px;
}
.towninfo_btn{
padding-top: 8px;
font-size: 12px;
}


.banner_space{
padding: 10px;
margin: 0 auto;
}
.banner_space img{
width:100%!important;
}





/*PR物件*/
.prbu{
width: 100%;
max-width: 1000px;
font-size: 12px;
overflow: auto;
box-sizing: border-box;
margin-bottom: 3em;
text-align: center;
}
.prbu a{
color: #333;
}
.prbu_titile{
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: left!important;
padding: 6px 10px 2px 10px;
margin-bottom: 4px;
background-color: #55B4FC;
}
.prbu01,.prbu02,.prbu03{
clear: both;
width: auto;
padding: 8px 12px;
margin: 8px ;
border: 1px dashed #55B4FC;
background-color: #EBF3F9;
box-sizing: border-box;
}


.prbu_pr{
color: #55B4FC;
border: 1px solid #55B4FC;
padding: 0 4px 0 8px;
margin-right: 4px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px; 
}
.prbu_shu{
}
.prbu_tit{
font-size: 16px;
font-weight: 600;
margin-top: 2px;
margin-bottom: 4px;
text-align: center;
}
.prbu_pho {
width: 100%;
text-align: center;
}
.prbu_pho img{
height: 100px;
margin: 0 auto;
}
.prbu_pri{
font-size: 16px;
font-weight: 600;
text-align: center;
}
.prbu_btn{
margin-top: 4px;
}
.prbu_btn img{
margin-right: 10px;
}



/*情報リンクボタン*/
.linkbtn-box {
 margin: 1.2em auto 1em;
 overflow:hidden;
 font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, YuGothic, "游ゴシック sans-serif";
 padding: 0 4px 0;
 box-sizing: border-box;
}
.linkbtn{
  -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.linkbtn,
a.linkbtn{
  width: 100%;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  display: inline-block;
  transition: all 0.3s;
  vertical-align: middle;
  text-decoration: none;
  color: #1b2538;
  border-radius: 0.5rem;
}
a.linkbtn:hover{
overflow: 0.6;
color:#0F63D2;
text-decoration: none;
}
.linkbtn i,
a.linkbtn i{
margin-right: 6px;
}

a.btn-hazard {
 padding: 6px 10px;
 border: 2px solid #333;
 background-color: #CFE5FF;
}
a.btn-park{
 padding: 6px 10px;
 border: 2px solid #333;
 background-color: #CFE5FF;
}
a.btn-school01, a.btn-school02, a.btn-school03{
 padding: 6px 10px;
 margin-bottom: 4px;
 border: 2px solid #333;
 background-color: #CFE5FF;
}
.linktitle, a.linktitle{
width: 100%;
overflow: auto;
font-size: 1em;
font-weight: 600;
line-height: 1.5;
padding-left: 10px;
display: inline-block;
text-decoration: none;
color: #1b2538;
}
a.linktitle :hover{
color: #1b2538;
text-decoration: none;
 }
.linkbtn-box ul{
clear: both;
}
.linkbtn-box li{
float: left;
width: 32%;
margin-right: 1.33%;
}


.loansimu_box{
float:left;
margin:-2px 0px 12px 0px;
box-sizing: border-box;
padding: 6px 2px 2px;
display: block;
overflow: auto;
}
.loansimu{
font-size: 12px;
font-weight: 600;
color: #3667A4;
padding: 4px 10px;
display:inline-block;
margin: 0;
overflow: auto;
border: 1px solid #C9DAF0;
background-color: #F4F4F4;
}
.loansimu a{
text-decoration: none;
color: #3667A4;
}
.loansimu a:hover{
opacity: 0.6;
}
.loansimu_ico,.loansimu_ico a{
font-size: 16px;
color: #3667A4;
margin-right: 6px;
position:relative;
top:2px;
}





/*お客様の声*/
.v_box{
  padding: 8px 4px 4px 4px;
  margin: 1em auto;
  text-align: center;
  overflow: auto;
  box-sizing:border-box;
  background-color: #eee!important;
  }
  .v_box a{
  text-decoration: none;
  color: #333;
  }
  .v_boxtitle{
  font-size: 1.1em;
  font-weight: 600;
  color: #333;
  }
  .v_box02{
  display: inline-block;
  width: 100%;
  padding: 2px;
  overflow: auto;
  box-sizing:border-box;
  background-color: #fff;
  text-align: left;
  }
  .v_img{
  max-width: 100%;
  float: left;
  margin: 6px;
  margin-top: 0.8em;
  }
  .v_title{
  font-size: 1em;
  margin: 0.8em auto 0.4em;
  padding: 0;
  }
  .v_syurui{
  font-size: 0.8em;
  font-weight: 600;
  color: #FFF;
  background-color: #2823A7;
  padding: 2px 4px;
  margin-right: 2px;
  }
  .v_syubetu{
  font-size: 0.8em;
  font-weight: 600;
  color: #FFF;
  background-color: #6A6976;
  padding: 2px 4px;
  }
  .v_come{
  font-size: 0.8em;
  line-height: 130%;
  text-align: left;
  margin-top: 0.8em;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  overflow: hidden;
  }
  .v_link{
  text-align: left;
  margin-left: 1em;
  font-size: 0.8em;
  font-weight: 600;
  }




  .banner_space{
    width: 100%!important;
    margin: 0.1em auto 2em;
    text-align: center!important;
    }
 /*相場価格ボタン*/   
    .souba_btn a{
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5;
    color: #1b2538;
    border:#555 2px solid;
    border-radius: 0.5rem;
    padding: 12px 6px;
    margin: 1em;
    display: block;
    background-color: rgba(203, 208, 223, 0.562);
    }
    .souba_btn a:hover{
    text-decoration: none;
    transition: all 0.3s;
    color: #035fd5;
    }	
    .souba_btn i{
    font-size: 20px;
      }	

/*相場価格*/
.souba_box01{
width: 100%;
box-sizing: border-box;
overflow: auto;
display: block;
margin: 1em auto 2em;
}
.souba_chikunen{
float: left;
width: 49%;
margin-right: 2%
}
.souba_menseki{
float: right;
width: 49%;
}
.souba_box02 table{
width: 100%;
border-collapse: collapse;
}
.souba_box02 table th{
width: 45%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.souba_box02 table td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.souba_tit{
font-size: 18px;
font-weight: 600;
}
@media screen and (max-width:500px) { 
.souba_chikunen{
float: none;
width: 100%;
margin-right: 0;
}
.souba_menseki{
float: none;
width: 100%;
margin-top: 2em;
}
}


/*コラムボタン*/
.banner_space02{
width: 100%!important;
margin: 2em auto 1em;
overflow: auto;
text-align: left!important;
}
.column_btn li{
float: none;
width: 98%;
margin: 0em 1% 1em;
}
.column_btn a{
font-size: 0.9em;
font-weight: 600;
line-height: 1.5;
color: #1E6497;
border:#77A8DC 2px solid;
border-radius: 0.5rem;
padding: 6px 6px;
display: block;
background-color:#DBE8F5;
}
.column_btn a:hover{
text-decoration: none;
transition: all 0.3s;
color: #1E6497;
}	
.column_btn i{
font-size: 18px;
color:#77A8DC;
	}	




/*PR*/
.pr_box-tit{
font-size: 0.8em;
color: #555;
text-align: center;
margin: 1em auto 0;
padding: 1em 0 0;
overflow: auto;
display: block;
background-color: #eee!important;
}
.pr_box{
padding: 0.4em 0 1.2em ;
margin: 0 auto 1em;
text-align: center;
overflow: auto;
box-sizing:border-box;
background-color: #eee!important;
}
.pr_box div{
 padding:4px;
 margin:0;
}




/*エリア、駅別相場*/
.tbl01 {
width: 100%;
margin: 1em auto 2px;
border-collapse: collapse;
}
.tbl01 th {
 background: #eee;
 border: solid 1px #ccc;
 padding: 14px 6px;
 text-align: center;
}
.tbl01 td {
 border: solid 1px #ccc;
 border-bottom: none;
 font-size: 14px;
 padding: 14px 4px;
 text-align: center;
  background: #fff;
}
.tbl01 td:last-child {
 border-bottom: solid 1px #ccc!important;
}
.tbl01 td:first-child {
 background: #fbf5f5;
}
 .tbl01 .thead {
font-size: 16px;
 }
.shubetu01{
font-size: 21px;
font-weight: 600;
text-align: left!important;
background-color: #78BEEE!important;
}
.shubetu01:before{
font-family: "Font Awesome 5 Free";
content: '\f015';
margin-right: 6px;
}
.shubetu02{
font-size: 21px;
font-weight: 600;
text-align: left!important;
background-color: #FFB660!important;
}
.shubetu02:before{
font-family: "Font Awesome 5 Free";
content: '\f5cb';
margin-right: 6px;
}
.shubetu03{
font-size: 21px;
font-weight: 600;
text-align: left!important;
background-color: #FFDE4B!important;
}
.shubetu03:before{
font-family: "Font Awesome 5 Free";
content: '\f1ad';
margin-right: 6px;
}

@media screen and (max-width: 640px) {
 .tbl01 {
  width: 100%;
 }
 .tbl01 .thead {
  display: none;
 }
 .tbl01 tr, .tbl01 td {
  display: block;
  width: 100%;
  position: relative;
 }
 .tbl01 tr {
  margin-bottom: 0px;
  }
 .tbl01 td {
  text-align: right;
  padding: 10px 8px;
   font-weight: 600;
  }
 .tbl01 td:first-child {
  background: #e9727e;
  color: #000;
  font-weight: 600;
  text-align: center;
  }
  .tbl01 td:before {
  content: attr(data-label);
  float: left;
  font-weight: 600;
  margin-right: 10px;
  }
}
@media screen and (max-width: 640px) {
}
 
 .add02{
text-align: right;
font-size: 12px!important;
color: #666!important;
margin-top:1px!important;
margin-bottom: 3em!important;
padding: 0;
}
 
.souba_ku{
 background-color: #fff;
 color: #69738C;
 padding: 10px 10px 6px 10px;
 font-weight:600;
 margin: 3em auto 0.4em!important;
 border: 2px dotted #929AAD;
}
.souba_ku span{
font-size: 24px;
position: relative;
top:3px;
}
.souba_eki{
 background-color: #fff;
 color: #69738C;
 padding: 10px 10px 6px 10px;
 font-weight:600;
 margin: 3em auto 0.4em!important;
 border: 2px dotted #929AAD;
}
.souba_eki i{
font-size: 19px;
margin-right: 6px;
position: relative;
top:2px;
}




/* --- 子育て環境 --- */
.kosodate-wrapper {
overflow-x: auto;
width: 100%;
max-width: 1000px;
margin-top: 1em;
}
.kosodate {
width:100%;
border-collapse: collapse;
box-sizing: border-box;
border: 1px solid #999;
font-size: 1em;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
color: #000;
}
.kosodate th {
min-width: 40%;
text-align : left;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 0.4em 0.2em 0.4em 0.8em;
}
.kosodate_tr01 th{
background-color: #F4F4F4;
}
.kosodate_tr01 td {
font-size: 1em;
font-weight: 600;
text-align :center;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 0.4em 0.2em 0.4em 0.4em!important;
background-color: #F4F4F4;
}
.kosodate td {
min-width: 20%;
color: #000;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 0.4em 0.2em 0.4em 0.8em;
}
.kosodate th span{
font-size: 0.8em;
font-weight: normal;
line-height: 140%;
}
.sp{
display:none;
}

@media screen and (max-width: 767px) {
.kosodate-wrapper {
 overflow-x: auto;
 width:auto;
}
.kosodate{
font-size: 0.9em;
}
.kosodate th {
max-width: 30%!important;
}
.kosodate td {
max-width: 20%!important;
white-space: nowrap!important;
}
.kosodate td span{
font-size: 0.7em;
}
.sp{
display:block!important;
}
}