@charset "utf-8";
/* CSS Document */
html{scroll-padding-top: 100px;}
body{font-family: "メイリオ", "ＭＳ Ｐゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,Font Awesome 5 Free;	/*フォント種類*/
position:relative;}

/*mainブロック内のh1タグ*/
main h1 {
	padding: 5px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: ;	/*文字間隔を少しだけ広くとる設定*/
	color: #171C61;font-size:24px;
}

.jsLikeButton.unLike{font-size:30px;color:#666;padding:10px;border:solid 1px #666;border-radius:50px;padding:10px;}
.jsLikeButton.liked{font-size:30px;color:#fe3774;padding:10px;border:solid 1px #fe3774;border-radius:50px;padding:10px;}

.ikkatsu_check{width:26px;height:26px;margin-right:5px;vertical-align:-4px;}
.allcheck{width:26px;height:26px;margin-right:10px;vertical-align:-4px;}
.history{padding-left:5px;}
.favorite a{text-decoration:none;}.history a{text-decoration:none;}
.history i{font-size:30px;}
.favorite i{font-size:30px;}

.u-visible-hidden{display:none;}
.favorite_button i:hover{color:#fe3774;}
.is-choosen .favorite_button i {
    opacity: 1;
    color: #fe3774;
}

.header_links__list{align-items:center;display:flex;justify-content:flex-end}
.header_links li{margin-left:10px;text-align:center}
.header_links a{display:block;font-size:10px;font-size:.625rem}
.header_links a:not(.menu-toggle){color:#4f4f4f}
.header_links span[class^=icon-]{display:block;font-size:24px;font-size:1.5rem}
.header_links .main-header-menu-toggle{background:none;padding:0}
.header_links .main-header-menu-toggle.toggled{pointer-events:none;visibility:hidden}
.icon-heart:before { content: "\f004";}


#check-fixed{
display:none;
opasity:0;
transtion:0.3s ease all;/* スムーズに表示させる用 */
min-height:70px;
z-index:5;position: fixed;left:0;bottom:0;
background:rgba(195,227,252,0.9);
padding:20px;text-align:center;width:100%;margin:0 auto;
}

#check-fixed.active{display:block;
opasity:1;}

.b{font-weight:bold;}
.check-fixed a{text-decoration:none;}
#check-fixed a{text-decoration:none;}

.zencheck{background:#d2eafc;padding:10px;margin-bottom:15px;border-radius:5px;position:relative;}
.zencheck:after{content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  left: -75%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #d2eafc transparent transparent transparent;
  border-width: 15px 15px 0 15px;}
.zencheck a{text-decoration:none;}

.narabi-box{display:flex;align-items: center;}

.wrap_bt{width:200px;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	margin:0 auto;}

.b_mei{padding-top:-6px;}

.history{position:relative;}
.counta{display:block;position:absolute;right:25px;bottom:40px;border-radius:50px;background-color:#CCC;color:#FFF;padding:3px 5px 2px 5px;line-height:1;}

.favorite{position:relative;}
.favorites_c{display:block;position:absolute;right:20px;bottom:40px;border-radius:50px;background-color:#CCC;color:#FFF;padding:3px 5px 2px 5px;line-height:1;}


.c-button{display:inline-block;padding:2px;background:#171C61;color:#FFF;border-radius:30px;font-size:18px;width:200px;text-align:center;}
.c-button:hover{padding:2px;background:#389a38;color:#FFF;}

.c-button2{padding:2px;background:#171C61;color:#FFF;border-radius:30px;font-size:18px;width:200px;}
.c-button2:hover{padding:2px;background:#389a38;color:#FFF;}


/* ポップアップメッセージを隠す */
.hidden {
  display: none;
}

/* ポップアップメッセージを画面右下に配置 */
#btn1-text {  
max-width:350px;
  padding: 10px;
  border-radius: 5px;
  background: #D0E2F0;
  font-weight: bold;
  text-align: center;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 20%;
}

#btn1-text a{text-decoration:none;}

#btn2-text {  
max-width:350px;
  padding: 10px;
  border-radius: 8px;
  background: #D0E2F0;
  font-weight: bold;
  text-align: center;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 20%;
}

/* ポップアップアニメーションを3秒かけて実行 */
.popup-message {
  animation: popup 3s forwards;
}

@keyframes popup {
  0% {
    transform: translateY(15%);
    opacity: 0;
  }
  10%, 90% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: translateY(15%);
    opacity: 0;
    pointer-events: none;
  }
}


/*h1タグのbefor（下線のデフォルトの状態の設定）*/
main h1::before {
	background: #d9d9d9;	/*線となる背景の色*/
}

/*h1タグのbefor,after 共通設定*/
main h1::before ,main h1::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 3px;	/*ラインの高さ*/
}

/*h1タグのafter（アニメーションの初期設定）*/
main h1::after {
	background: #171C61;		/*線となる背景の色*/
	transition: 1s 0.5s;		/*1sはアニメーションの実行時間は1秒。0.5秒遅れてスタートする指定。*/
	transform: scaleX(0);		/*幅。最初は0にして見えなくしておく。*/
	transform-origin: left top;	/*線の出現起点が左からになるように。中央からの出現がよければこの１行削除。*/
}

/*h1タグのアニメーション結果。ライン幅が100%になる。*/
main h1.linestyle::after {
	transform: scaleX(1);
}

main h1 span{display:inline-block;}

.btn_margin{margin-top:8px;margin-bottom:12px;}

.shiborikomi{margin-top:20px;padding:10px;
border:solid 1px #171C61;}

.tb_ikkatsu{width:100%;}
.th_bukken{width:40%;border-right:none;border-left:none;text-align:left;}
.th_cont{width:40%;border-right:none;border-left:none;text-align:left;}
.th_tan{width:20%;border-right:none;border-left:none;text-align:left;}
.tb_ikkatsu td{border-right:none;border-left:none;}
.bukken_img{width:150px;height:auto;text-align:center;}
.bukken_name{min-width:270px;align-items: center;padding-left:5px;}

.hf_button{}

.wrap_b{width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: start;	/*並びかたの種類の指定*/
	margin:0 auto;}

.koumoku_b{font-weight:bold;color:#000;}

#img{
background:#FFF;
padding-top:10px;
padding-bottom:5px;
margin-top:10px;
}


input + #img{
  display: block;background:#FFF;
}
input:checked + #img {
  display:block;
}
#check{
  display:none;
}

#estate {
	padding: 15px 0;
}
#estate a {
	
}

#estate h3 {
	clear: both;
	margin: 0 auto 10px;
}

#img h2 {
	clear: both;
	margin: 0 auto 10px;
	border-bottom:none;
	font-size:18px;margin-left:10px;
}

#img h2::before {
	background: none;	/*線となる背景の色*/
}

/*h2タグのbefor,after 共通設定*/
#img h2::before ,#img h2::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 3px;	/*ラインの高さ*/
}

/*h2タグのafter（アニメーションの初期設定）*/
#img h2::after {
	background: none;		/*線となる背景の色*/	
}

/*h2タグのアニメーション結果。ライン幅が100%になる。*/
#img h2.linestyle::after {
	transform: scaleX(1);
}

#estate h3{
	color:#171C61;
	border-bottom:solid 2px #171C61;
	position:relative;padding: 0.2em 0.5em 0.2em 2em;/*[上][右][下][左]*/
	font-size:17px;	
	width:100%;
	margin:0 auto;
	margin-bottom:10px;background: linear-gradient(0deg, #ededed 0%, #fff 100%);
	text-align:left;	
	}

#estate h3:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f152";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  left: 0.5em;/*アイコンの位置*/
  top: 0.8em;/*アイコンの位置*/
  color: #171C61; /*アイコン色*/
}

#estate .gaitou{
	color:#171C61;
	border-bottom:solid 2px #171C61;
	position:relative;padding: 0.2em 0.5em 0.2em 2em;/*[上][右][下][左]*/
	font-size:17px;	line-height:1.5;
	width:100%;
	margin:0 auto;font-weight:bold;
	margin-bottom:10px;background: linear-gradient(0deg, #ededed 0%, #fff 100%);
	text-align:left;	
	}

#estate .gaitou:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f152";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  left: 0.5em;/*アイコンの位置*/
  top: 0.8em;/*アイコンの位置*/
  color: #171C61; /*アイコン色*/
}

.wd48{width:48%;}

.mL70{
margin-left:70px;
}
.pL70{
padding-left:70px;
}
.mB10{
	margin-bottom:10px;
	}

.wrap_t{
display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;justify-content: space-between;
}

#map{
	width: 70%;margin:0 auto;}

#map a:hover {
  opacity: 0.6;
}
	
#map2{display:none;}
}




#step03 h3,#step03 h2{margin-bottom:0;padding-bottom:0;line-height:1;}
.dvr_l a{display:block;width:270px;padding:5px;background:#171C61;text-decoration:none;color:#FFF;text-align:center;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);margin-bottom:10px;}

.dvr_l a:hover{background:#389a38;}

#step04 .hyo td{padding-bottom:5px;}


#estate .hyo {
	border-collapse: collapse;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	margin: 0 auto 25px;
}
#estate .hyo th,
#estate .hyo td {
	font-weight: normal;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	padding: 10px;
	line-height:1.7;
}
#estate .hyo th {
	background-color: #EEE;
}

#estate #sortTable thead tr th {
	text-align: center;
}
#estate #sortTable thead tr th:nth-child(1) {
	width: 35%;
}
#estate #sortTable thead tr th:nth-child(2) {
	width: 18%;
}
#estate #sortTable thead tr th:nth-child(3) {
	width: 10%;
}
#estate #sortTable thead tr th:nth-child(4) {
	width: 27%;
}
#estate #sortTable thead tr th:nth-child(5) {
	width: 10%;
}

#estate #sortTable tbody tr td:nth-child(1) {
}
#estate #sortTable tbody tr td:nth-child(2) {
	text-align: center;
}
#estate #sortTable tbody tr td:nth-child(3) {
	text-align: center;
}
#estate #sortTable tbody tr td:nth-child(4) {
	font-size: 97.5%;
}
#estate #sortTable tbody tr td:nth-child(5) {
	text-align: center;
}

#estate .list-result {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	margin: 0 auto 25px;
}
#estate .list-result th,
#estate .list-result td {
	text-align: left;
	font-weight: normal;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	padding: 10px;
}
#estate .list-result thead th {
	background-color: #EEE;
}
#estate .list-result thead th a {
	font-size: 62.5%;
	color: #333;
}
#estate .list-result tbody th {
	font-weight: bold;
	color: #006;
}
#estate .list-result tbody .celltext {
	text-align: left;
}
#estate .list-result input,  
#estate .list-result keygen, 
#estate .list-result select, 
#estate .list-result button {
	font-size: 116.66666666%;
}
#estate .list-result textarea {
	font-size: 133.33333333%;
}
#estate .list-result input, 
#estate .list-result textarea {
	padding: 0.25em;
}

#estate input[type="button"] {
	outline: none;
	color:#CE4C7F;
	cursor: pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color:#f9f9f9;
	text-shadow:1px 1px 0px #ffffff;
	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	padding: 0.5em 1em;
}
#estate input[type="button"]:hover {
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background-color:#e9e9e9;
}

#estate input[type="checkbox"]{
margin-right:3px;
}

#estate #delete,
#estate #touroku,
#estate #back {
	font-size: 133.33333333%;
	letter-spacing: 1em;
	text-indent: 1em;
}
#estate #delete {
	color: #999;
}
#estate #delete:hover {
	color: #FFF;
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	text-decoration: none;
	text-shadow: none;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}


#estate #touroku {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	border:1px solid #124d77;
	font-weight: bold;
	color: #FFF;
	text-shadow:1px 1px 0px #336;
	float: right;
	padding: 0.5em 2em;
}
#estate #touroku:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	border:1px solid #124d77;
	text-shadow:1px 1px 0px #336;
}

#estate #back {
	color: #999;
	float: right;
}
#estate #back:hover {
	color: #666;
}

#sales_price_from,
#sales_price_to {
	text-align: right;
}

#estate .filter {
	background-image: url(../image/icon_rial_search.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	font-size: 96.725%;
	color: #333;
	border: solid 1px #CCC;
	padding:  5px 15px  5px 70px;
	margin: 0 auto 15px;
		
}

#estate .filter p{
margin-bottom:0;padding-bottom:0;line-height:1.5;
}

#estate .pager { text-align: center; margin: 20px 0; }
#estate .pager span,
#estate .pager a { display: inline-block; list-style: none; font: bold 12px/13px Arial, Helvetica, sans-serif; padding: 5px 9px; color: #171C61; background: #CCC; word-spacing: normal; margin: 0 1px; }
#estate .pager a { display: inline-block; padding: 5px 9px; text-decoration: none;}
#estate .pager a,
#estate .pager a:link,
#estate .pager a:visited,
#estate .pager a:active { background: #171C61; color: #fff; }
#estate .pager a:hover,
#estate .pager a:focus { background: #389a38; }
#estate .pager span,
#estate .pager a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


#estate #step01 {
	position: relative;
	border: solid 1px #CCC;
	height:350px;
	padding: 30px;
	margin: 0 auto 30px;
}
	#estate #step01 h3,#estate #step01 h2 {
		margin: 0 auto;
	}
	#estate #step01 p {
		font-size: 10px;
		color: #666;
		padding: 0 0 0 64px;
	}
	#estate #map-jp {
		position: absolute;
		left: 400px;
		top: 30px;
		width: 304px;
		height:292px;
		background-image: url(../image/map_jp_00.gif);
	}
	#estate #map-jp.c01 {
		background-image: url(../image/map_jp_01.gif);
	}
	#estate #map-jp.c02 {
		background-image: url(../image/map_jp_02.gif);
	}
	#estate #map-jp.c03 {
		background-image: url(../image/map_jp_03.gif);
	}
	#estate #map-jp.c04 {
		background-image: url(../image/map_jp_04.gif);
	}
	#estate #map-jp.c05 {
		background-image: url(../image/map_jp_05.gif);
	}
	#estate #map-jp.c06 {
		background-image: url(../image/map_jp_06.gif);
	}
	#estate #map-jp.c07 {
		background-image: url(../image/map_jp_07.gif);
	}
	
	#estate #map-jp input,
	#estate #map-jp input[type="button"] {
		outline: none;
		font-size: 0.9em;
		color:#CE4C7F;
		width: 115px;
		position: absolute;
		padding: 1px;
		cursor: pointer;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:1px solid #dcdcdc;
		text-decoration:none;
		background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
		background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
		background-color:#f9f9f9;
		text-shadow:1px 1px 0px #ffffff;
		-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
		-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
		box-shadow:inset 1px 1px 0px 0px #ffffff;
	}
	#estate #map-jp input[type="button"]:hover {
		background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
		background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
		background-color:#e9e9e9;
	}
	
	#estate #map-jp input[type="button"].select {
		text-decoration:none;
		background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
		background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
		background-color:#63b8ee;
		color:#FFF;
		text-shadow:1px 1px 0px #666;
		-webkit-box-shadow:inset 1px 1px 0px 0px #bee2f9;
		-moz-box-shadow:inset 1px 1px 0px 0px #bee2f9;
		box-shadow:inset 1px 1px 0px 0px #bee2f9;
	}
	#estate #map-jp input:disabled {
		background: #EEE !important;
		color: #CCC;
	}
	
	#estate #map-jp input.c01 {
	left: 150px;
	top: 30px;
	}
	#estate #map-jp input.c02 {
	left: 190px;
	top: 100px;
	}
	#estate #map-jp input.c03 {
	left: 190px;
	top: 190px;
	}
	#estate #map-jp input.c04 {
	left: 110px;
	top: 140px;
	}
	#estate #map-jp input.c05 {
	left: 40px;
	top: 240px;
	}
	#estate #map-jp input.c06 {
	left: 60px;
	top: 180px;
	}
	#estate #map-jp input.c07 {
	left: -70px;
	top: 200px;
	}
	#estate #map-jp input.c08 {
		left:300px;
		top: 250px;
	}
.l_pref{
	width:85%;
	margin:0 auto;
	}	
#step02 {
	margin: 0 auto 30px;
}

	#step02 input,
	#step02input[type="button"] {
		outline: none;
		font-size: 93.75%;
		color:#CE4C7F;
		width: 115px;
		padding: 4px;
		margin: 0 10px 10px 0;
		cursor: pointer;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:1px solid #dcdcdc;
		text-decoration:none;
		background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
		background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
		background-color:#f9f9f9;
		text-shadow:1px 1px 0px #ffffff;
		-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
		-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
		box-shadow:inset 1px 1px 0px 0px #ffffff;
	}
	#step02 input[type="button"]:hover {
		background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
		background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
		background-color:#e9e9e9;
	}
	
	#step02 input[type="button"].select {
		text-decoration:none;
		background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
		background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
		filterhyo:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
		background-color:#63b8ee;
		color:#FFF;
		text-shadow:1px 1px 0px #666;
		-webkit-box-shadow:inset 1px 1px 0px 0px #bee2f9;
		-moz-box-shadow:inset 1px 1px 0px 0px #bee2f9;
		box-shadow:inset 1px 1px 0px 0px #bee2f9;
	}
	#step02 input:disabled {
		background: #EEE !important;
		color: #CCC;
	}
	
#step03 {
	margin: 0 auto 30px;
}
	#step03 label {
		color:#666;
		font-size: 93.75%;
		display: block;
		width: 18%;
		float: left;
		cursor: pointer;
		margin-left:70px;		
	}
	#step03 label:hover {
		background-color: #EEE;
		color:#468ccf;
	}
	
#step04 {
}

	#step04 .hyo {
		width: 85%;
	}

#submit {
	margin: 0 auto 30px;
}
	#submit span {
		display: block;
		outline: none;
		font-size: 1em;
		font-weight: bold;
		color:#333;
		width: 320px;
		padding: 0;
		margin: 0 auto 10px;
		cursor: pointer;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:1px solid #dcdcdc;
		text-decoration:none;
		background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
		background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
		background-color:#f9f9f9;
		text-shadow:1px 1px 0px #ffffff;
		-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
		-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
		box-shadow:inset 1px 1px 0px 0px #ffffff;
	}
	#submit span:hover {
		background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
		background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
		background-color:#e9e9e9;
	}
	#submit span input {
		cursor: pointer;
		font-size: 113%;
		font-weight: bold;
		background: none;
		background-image: url(../image/icon_rial_search.png);
		background-repeat: no-repeat;
		background-position: 250px 10px;
		border: none;
		padding: 14px 10px;
		margin: 0;
		width: 100%;
	}
	
.textAlert {
	font-size: 160%;
	font-family: Arial, Helvetica, sans-serif;
	color: #C00;
}

.textAlert2 {
	font-size: 160%;
	font-family: Arial, Helvetica, sans-serif;
	color: #C00;
}

.textAlert3 {
	font-size: 200%;
	font-family: Arial, Helvetica, sans-serif;
	color: #C00;
}

#estate .ninsho{
border-collapse:  collapse;     /* セルの線を重ねる */
	width:60%;
	margin:0 auto;
	margin-bottom:20px;
	}
#estate .ninsho th{
	border:solid 1px #CCC;
	padding:5px;
	vertical-align:middle;
	background:#EDEDED;
	}
	
#estate .ninsho td{
	border:solid 1px #CCC;
	padding:5px;
	vertical-align:middle;
	}

#estate .ninsho td p{	
	padding-bottom:0;
	margin-bottom:0;
	}
	
input[type="text"],input[type="password"]{
	background-color:#FFF;	
}

input[type="submit"]{
width:150px;border:solid 1px #CCC;border-radius:5px;
text-align:center;
pading:5px 10px 5px 10px;
background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
		background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
		background-color:#f9f9f9;
		text-shadow:1px 1px 0px #ffffff;
		-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
		-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
		box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.line{border-bottom:solid 1px #CCC;padding-top:10px;padding-bottom:10px;}

.line1{border-bottom:solid 1px #CCC;border-top:solid 1px #CCC;}

input[type="submit"]:hover{
background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
		background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
		background-color:#e9e9e9;
}

.mfp_buttons input[type="submit"]{color:#000;}

.wd100px{width:120px;text-indent:1em;}
.wd100pr{width:100%;}
.wd30{width:30%;}
.wd70{width:70%;padding-right:10px;}
.mbt10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.fs18{font-size:18px;}
.fs20{font-size:20px;}

.tbl_lst th{font-weight:normal;text-align:left;}

.konji{color:#171C61;}

.bg_l_gray{
	background:#EDEDED;
}

.btn_det a{display:block;width:200px;text-align:center;background:#171C61;border-radius:30px;color:#FFF;margin:0 auto;margin-top:5px;text-decoration:none;padding-bottom:10px;padding-top:10px;}
.btn_det a:hover{background:#d6ac03;color:#FFF;}
.hide {
	display: none;
}

.btn_toi a{display:block;width:200px;text-align:center;background:#389a38;border-radius:30px;color:#FFF;margin:0 auto;margin-top:5px;text-decoration:none;padding-bottom:10px;padding-top:10px;}
.btn_toi a:hover{background:#d6ac03;color:#FFF;}

.btn_toi2 a{display:block;width:300px;text-align:center;background:#389a38;border-radius:30px;color:#FFF;margin:0 auto;margin-top:5px;text-decoration:none;padding-bottom:10px;padding-top:10px;}
.btn_toi2 a:hover{background:#d6ac03;color:#FFF;}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix{display: inline-block;} 

.wrap_bussaku{
	width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap:nowrap;gap:1rem;
	align-items:flex-start;
	justify-content: space-evenly;	/*並びかたの種類の指定*/
	margin:0 auto;
}

.ichiran{border:solid 1px #CCC;
border-radius:10px;padding-right:20px;
background:#FFF;margin-bottom:20px;}


.bukken_mei a{
text-decoration:none;
color:#171C61;
}
.wd210{}
.wd_cont{width:1000px;max-width:1100px;}

.thumb{max-width:300px;height:auto;}
.thumb_1{max-width:200px;height:auto;}
.thumb_2{max-width:148px;height:auto;}
.thumb_3{width:120px;height:80px;}

.c_label{float:left;
padding:1.2rem;border-radius:.1rem 0 0 0;background:#CCC}

.bukken_mei{font-size:20px;color:#171C61;padding:2px;margin-bottom:5px;font-weight:bold;}

.slider-container{
		width:100%;
		margin:0 auto;
	}
	.slick-slide{
		padding:2px;
	}
	#thumbs .slick-current img{
		opacity:1.0;border:solid 2px #CCC;
	}
	
	.slick-prev3,.slick-next3{z-index:2;}
	.slick-prev3{left:25%!important;}
	.slick-next3{right:25%!important;}
	
	.slick-prev3::after,
.slick-next3::after {
	display: block;
	content: "\f105";		/*この形を出力する。このままだと下向き矢印になってしまうので、下の方の設定でそれぞれ90度回転させています。*/
  font-family: FontAwesome;
  color: #fff;		/*三角の色*/
	font-size: 25px;	/*三角のサイズ*/
	background-color:#666 ;
	opacity: 0.8;
	border-radius: 50px;margin:-5px;
	padding: 0 17px;	/*上下  左右*/
}

.slick-prev4,.slick-next4{z-index:2;}
	.slick-prev4{left:5px!important;top:25%;}
	.slick-next4{right:5px!important;top:25%;}
	
	.slick-prev4::after,
.slick-next4::after {
	display: block;
	content: "\f105";		/*この形を出力する。このままだと下向き矢印になってしまうので、下の方の設定でそれぞれ90度回転させています。*/
  font-family: FontAwesome;
  color: #666;		/*三角の色*/
	font-size: 25px;	/*三角のサイズ*/	
	opacity: 0.8;
	border-radius: 50px;margin:-5px;
	padding: 0 17px;	/*上下  左右*/
}

/*左側の三角*/
.slick-prev3 {
	left: 0px;	/*左からの配置場所*/
z-index:2;
}

/*左側の三角を回転させる指定*/
.slick-prev3::after {
	transform: rotate(180deg);
}

/*左側の三角*/
.slick-prev4 {
	left: 0px;	/*左からの配置場所*/
z-index:2;
}

/*左側の三角を回転させる指定*/
.slick-prev4::after {
	transform: rotate(180deg);
}
	
.slider-img {	
  margin: 0 auto;
  position: relative;
}

.slider-img img{
	height:420px;width:auto;
	margin: 0 auto;
	}

.slider-img2 img{
	height:100px;width:auto;
	margin: 0 auto;
	}
.bottom-right {
  position: absolute;
  bottom: 5px;
  right: 45%;color:#FFF;background:rgba(0,0,0,0.6);padding:5px 10px 5px 10px;/*上　右　下　左*/
}	
.list_img1{height:300px;width:auto;}
.fs20{font-size:24px;}

.wd100pr dl{
display: flex;
flex-wrap: wrap;
}

.wd100pr dt {
width: 150px;
padding: 10px;
border-bottom: 1px solid #ccc;
display: table-cell;
vertical-align: middle;
}

.wd100pr dd {
width: calc(100% - 150px);
padding: 10px;
border-bottom: 1px solid #ccc;
display: table-cell;
vertical-align: middle;
}

.wd48 dl{
display: flex;
flex-wrap: wrap;color:#000;
}

.wd48 dt {
width: 150px;
padding: 10px;
border-bottom: 1px solid #ccc;
display: table-cell;
vertical-align: middle;
}
.wd48 dd {
width: calc(100% - 150px);
padding: 10px;
border-bottom: 1px solid #ccc;
display: table-cell;
    vertical-align: middle;
}

.btn_return input[type="button"]{border-radius:40px;color:#FFF;background-color:#171C61;width:140px;margin:0 auto;border:none;}
.btn_return input[type="button"]:hover{background-color:#d59938;}



/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */ 


@media screen and (max-width:1400px) {
.th_bukken{width:50%;}
.th_cont{width:35%;}
.th_tan{width:15%;}
.bukken_name{min-width:260px;}
}


@media screen and (max-width:1300px) {
#map{position: relative;
	width: 100%;margin:0 auto;}
}

@media screen and (max-width:1100px) {
.bukken_name{min-width:230px;}
.wrap_b{
	flex-wrap: nowrap;
	}
.tb_ikkatsu{	
	border-collapse:  collapse;     /* セルの線を重ねる */
	width:100%;
	border-bottom:solid 1px #CCC;
	}

.tb_ikkatsu th {
        display: none;
    }
.tb_ikkatsu td {border-bottom:none;}
 
    /* セルをブロックとして表示 */
    .tb_ikkatsu td {
        display: block;
    }
    .th_cont{border-bottom:none;}
 
    /* 最初の項目に背景色を付ける */
    .tb_ikkatsu td:nth-child(1) {
        
        background-color: #EDEDED;
    }
    .tb_ikkatsu td:nth-child(1) {
        
    }
    
    .tb_ikkatsu td:nth-child(2){border-bottom:none;}
 
    /* セルに見出し代わりの文字を付加 */
    .tb_ikkatsu td:nth-child(2):before {
        content: '所在地等：';
    }
 
    .tb_ikkatsu td:nth-child(3):before {
        content: '担当店：';
    }    

}


@media screen and (max-width:1020px) {
#bknlist{}

.narabi-box{margin-bottom:10px;margin-left: auto;}

}


@media screen and (max-width:1000px) {
.wrap_bussaku{
flex-wrap:wrap;
}
.slider-img img{
	height:360px;width:auto;
	margin: 0 auto;
	}
.wd_cont{width:94%;margin:0 auto;}
}

.ichiran{padding-right:20px;}

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


.narabi-box{margin-bottom:10px;}

}


@media screen and (max-width:900px) {
#step03 label {		
		width: 33%;margin-left:50px;
		}
.slider-img img{
	width:auto;
	height:350px;margin: 0 auto;
	}
}


@media screen and (max-width:800px) {
#estate #map-jp {
		position: absolute;
		left: 200px;
		top: 30px;
		width: 304px;
		height:292px;
		background-image: url(../image/map_jp_00.gif);
	}

.p-property__btns .c-button--favIcon{float:left;margin-top:4.8em;padding:.6rem}
.c-button--favIcon svg{width:30px;height:30px}

#estate h4,#estate h3 {
	width:100%;
	}
	
#check-fixed{
z-index:5;position: fixed;left:0;bottom:60px;
}
}

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

#map{display:none;}

.ken_pc{display:none;}

#map2{display:block;}

#map2 ul{padding:0;list-style :none;}

#map2 ul li{float:left;width:48%;text-indent:0px;}

#map2 ul li a{display:block;
text-decoration:none;padding:10px;
border:solid 1px #171C61;background:#FFF;color:#171C61;}

#map2 ul li a:hover{background:#EDEDED;}

.chiho_sp{display:block;}

}

@media screen and (max-width:700px) {
.slick-prev3{left:10%!important;}
	.slick-next3{right:10%!important;}
}

@media screen and (max-width:680px) {
.slick-prev3{left:0%!important;}
	.slick-next3{right:0%!important;}
.slick-prev4{left:0%!important;}
	.slick-next4{right:0%!important;}
	
	.zencheck:after{display:none;}
}
@media screen and (max-width:650px) {

#bknlist{width:100%;}
}
@media screen and (max-width:600px) {
#estate #map-jp {
		position: absolute;
		left: 100px;
		top: 30px;
		width: 304px;
		height:292px;
		background-image: url(../image/map_jp_00.gif);
	}
#step03 h3,#step03 h2{font-size:18px;}
#step04 h3,#step03 h2{font-size:18px;}
#step03 label {		
		width: 50%;margin-left:0;
		}

.textAlert2 {
	font-size: 120%;
	font-weight:bold;
	}

#estate .list-result th,
#estate .list-result td {
	text-align: left;
	font-weight: normal;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	line-height:1.5;
	font-size:0.9em;
	padding: 5px;
}

.wd48{width:100%;}

#estate #sortTable thead tr th:nth-child(1) {
	width: 35%;
}
#estate #sortTable thead tr th:nth-child(2) {
	width: 10%;
}
#estate #sortTable thead tr th:nth-child(3) {
	width: 0;
}
#estate #sortTable thead tr th:nth-child(4) {
	width: 40%;
}
#estate #sortTable thead tr th:nth-child(5) {
	width: 15%;
}


#estate #sortTable tbody tr td:nth-child(4) {
	font-size:0.9em;line-height:1.4;
}

#step04 .hyo th{
	display:block;
}
#step04 .hyo td{
	display:block;text-align:center;margin-bottom:5px;
}

#step04 input[type="text"]{width:80%;margin:0 auto;}

#step04 .hyo {
		width: 85%;margin:0 auto;
	}

#estate .ninsho{
	width:100%;
}

#estate .ninsho th,#estate .ninsho td{
display:block;text-align:center;
}

.slick-prev3{left:10px!important;}
	.slick-next3{right:10px!important;}
.slick-prev4{left:0%!important;}
	.slick-next4{right:0%!important;}

.btn_det a{padding:5px;width:160px;}
.btn_toi a{padding:5px;width:160px;}

}


@media screen and (max-width:520px) {
.wrap_bt{width:100%;margin:0 auto;justify-content:space-evenly;margin-bottom:10px;}
.narabi-box{width:280px;margin:0 auto;margin-bottom:10px;}

}

@media screen and (max-width:500px) {
.wd100pr dt {
width: 100%;
padding-top: 10px;padding-bottom:0;
border-bottom: none;
display: table-cell;
vertical-align: middle;
font-weight:bold;
}

.ichiran{padding-left:0px;margin-left:0px;}

#step03{font-size:14px;}

main h1 {font-size:20px;}

.wd100pr dd {
width: 100%;
padding-bottom: 10px;padding-top:0;
border-bottom: 1px solid #ccc;
display: table-cell;
vertical-align: middle;
}

.wd48 dl{
display: flex;
flex-wrap: wrap;color:#000;
}

.wd48 dt {
width: 100%;
padding-top: 10px;padding-bottom:0;
border-bottom: none;
display: table-cell;
vertical-align: middle;font-weight:bold;
}
.wd48 dd {
width: 100%;
padding-bottom: 10px;padding-top:0;
border-bottom: 1px solid #ccc;
display: table-cell;
    vertical-align: middle;
}
.list_img1{width:100%;height:auto;}

.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0%;color:#FFF;background:rgba(0,0,0,0.6);padding:5px 10px 5px 10px;/*上　右　下　左*/
}

}

@media screen and (max-width:480px) {
#estate #map-jp {
		position: absolute;
		left: 10px;
		top: 60px;
		width: 100%;
		height:250px;
		background-image: url(../image/map_jp_00.gif);
	}

main h1{line-height:1.5;}

.wd210{width:96%;height:auto;margin:0 auto;padding-top:5px;padding-bottom:5px;}

th{font-size:14px;width:34%;}
td{font-size:15px;line-height:1.5;width:calc(100% - 34%);padding-top:5px;padding-bottom:5px;}

.k_mb5px{margin-bottom:10px;}

#estate #map-jp input,
	#estate #map-jp input[type="button"] {
		outline: none;
		font-size: 0.8em;
		color:#CE4C7F;
		width: 100px;
		position: absolute;
		padding: 0.5px;
		cursor: pointer;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:1px solid #dcdcdc;
		text-decoration:none;
		background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
		background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
		background-color:#f9f9f9;
		text-shadow:1px 1px 0px #ffffff;
		-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
		-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
		box-shadow:inset 1px 1px 0px 0px #ffffff;
	}
#estate #map-jp input.c01 {
	left: 150px;
	top: 30px;
	}
	#estate #map-jp input.c02 {
	left: 190px;
	top: 100px;
	}
	#estate #map-jp input.c03 {
	left: 190px;
	top: 190px;
	}
	#estate #map-jp input.c04 {
	left: 110px;
	top: 140px;
	}
	#estate #map-jp input.c05 {
	left: 40px;
	top: 240px;
	}
	#estate #map-jp input.c06 {
	left: 60px;
	top: 180px;
	}
	#estate #map-jp input.c07 {
	left: 0px;
	top: 210px;
	}
	#estate #map-jp input.c08 {
		left:300px;
		top: 300px;
	}
#estate #step01 {
	position: relative;
	border: solid 1px #CCC;
	height:350px;
	padding: 5px;
	margin: 0 auto 30px;
}

#estate h3,#estate h2 {
margin-left:0;
padding-left:30px;
}

#estate h4,#estate h3 {
	width:100%;
	}
.pL70{
padding-left:0;
}

.slider-img img{
	width:auto;
	height:300px;margin: 0 auto;
	}
#step04 h2,#step03 h2{font-size:16px;}
#step04 img,#step03 img{width:20px;height:auto;margin-right:5px;}
.mR10{margin-right:5px;}

}

@media screen and (max-width:473px) {
.btn_toi a{margin-left:50px;}
}

@media screen and (max-width:450px) {
.wrap_t{
display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;justify-content: space-evenly;}
	
	.slider-img img{
	width:auto;
	height:200px;margin: 0 auto;
	}
	
	.btn_toi a{padding-bottom:5px;padding-top:5px;margin-bottom:5px;}

.btn_toi2 a{padding-bottom:5px;padding-top:5px;}
.btn_det a{padding-bottom:5px;padding-top:5px;}
.thumb{width:100%;height:auto;}

#map2 ul{margin-top:20px;}
#map2 ul li{float:none;width:100%;text-indent:0px;}

#submit span{width:80%;margin:0 auto;}

.c-button{padding:3px;display:block;width:260px;margin:0 auto;}
.c-button2{width:260px;margin:0 auto;margin-top:10px;}

}

@media screen and (max-width:400px) {
.bottom-right {
  position: absolute;
  bottom: 0;font-size:12px;
  right: 0%;color:#FFF;background:rgba(0,0,0,0.6);padding:5px 10px 5px 10px;/*上　右　下　左*/
}

main h1 {font-size:18px;}
}
@media screen and (min-width:771px) {
#map2{display:none;}
.chiho_sp{display:none;}
}

@media screen and (min-width:611px) {
.under610{display:none;}
}

@media screen and (min-width:510px) {
.br-510{display:none;}

}