@charset "utf-8";
/* CSS Document */



/*------ 会員登録 --------*/
.member h1 {
	color: #A57B73;
	font-size: 1.25rem;
	text-align: center;
	letter-spacing: 0.2rem;
	display: block;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid #ABABAC;
	margin-bottom: 1rem;
}


/*------ 検索窓 --------*/
.search_container{
  box-sizing: border-box;
  position: relative;
  border: 1px solid #999;
  display: block;
  padding: 3px 10px;
  border-radius: 20px;
  height: 2.3em;
  width: 100%;
  overflow: hidden;
}
.search_container input[type="text"]{
  border: none;
  height: 2.0em;
	width: 100%;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-size: 0em;
  border: none;
  background: none;
  color: #959696;
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  right: 0;
  top: -10px;
  outline : none;
}


/*------ 新着、並べ替え --------*/
.be-ne .line-up {
	width: 100%;
}
.be-ne span {
	width: 13%;
	display: block;
	padding: 0.3rem;
	text-align: center;
	border: 1px solid #808080;
}
.be-ne .next {
	width: 70%;
}
.line-up span {
	width: 50%;
	display: block;
	padding: 0.3rem;
	text-align: center;
	border: 1px solid #808080;
}
.line-up .sort {
	width: 50%;
}
.search span {
	display: block;
	text-align: center;
	font-size: 1.15rem;
	margin-bottom: 0.2rem;
}
.c-glay {
	background-color: #808080;
	color: #fff;
}


/*------ 物件一覧 --------*/
.sec1 .entry {
	width: 100%;
}
.sec1 .entry .sel {
	background-color: #A57B73;
	padding: 0.4rem;
	text-align: center;
	color: #fff;
}
.sec1 .entry .address {
	background-color: #ABABAC;
	padding: 0.4rem;
	text-align: center;
	color: #fff;
}
.sec1 .data {
	background-color: #EDEEEE;
	padding: 1.2rem;
	background-image: url(../images/property/back.svg);
	background-repeat: no-repeat;
	background-size: 80% auto;
}
.sec1 .data img {
	display: block;
	margin: 0 auto 1rem;
}
.sec1 .data h3 {
	color: #927F55;
	font-size: 1.2rem;
	line-height: 1.8rem;
	letter-spacing: 0.15rem;
}
.sec1 .data hr {
	border-bottom: 1px solid #808080;
	border-top: 0 none;
}
.sec1 .next-page {
	width: 100%;
	font-family: 'Cormorant Garamond', serif;
	text-align: center;
	margin-bottom: 0;
}
.sec1 .next-page span {
	font-size: 1.5rem;
}

/*------ 非公開 --------*/
.sec1 .data {
	position: relative
}
.sec1 .close-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(237,238,238,0.9);
}
.sec1 .close-text {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	width: 100%;
}
.sec1 .close-text p {
	display: block;
	text-align: center;
}
/*------ end --------*/




@media (min-width: 768px) {

	/*------ 会員登録 --------*/
	.member h1 {
		font-size: 1.4rem;
	}
	.member .box {
		width: 74%;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #ABABAB;
		padding: 0.6rem;
	}
	.member .box .box1 img, .member .box .box2 img {
		width: auto;
		height: 82.5px;
	}


	/*------ 検索窓 --------*/
	.search_container{
	  padding: 7px 10px;
	  height: 3em;
	}
	.search_container input[type="text"]{
		height: 2.0em;
		width: 84%;
	}
	.search_container input[type="submit"]{
	  top: -4px;
	}


	/*------ 新着、並べ替え --------*/
	.be-ne .line-up {
		width: 100%;
	}
	.be-ne span {
		width: 15%;
		padding: 0.2rem;
	}
	.be-ne .next {
		width: 66%;
	}
	.line-up span {
		padding: 0.2rem;
	}
	.search span {
		text-align: left;
		margin-bottom: 0.3rem;
		text-indent: 0.4rem;
	}


	/*------ 物件一覧 --------*/
	.sec1 .data {
		background-size: 60% auto;
	}
	.sec1 .next-page {
		font-size: 1.3rem;
	}
	.sec1 .next-page span {
		font-size: 2rem;
	}
	.w-50 {
		width: 48.7% !important;
	}


	/*------ 非公開 --------*/

}


@media (min-width: 992px) {
	/*------ 会員登録 --------*/
	.member .box {
		width: 600px;
	}
	.member .box .box1 img, .member .box .box2 img {
		height: 97.5px;
	}

	/*------ 非公開 --------*/
	.sec1 .close-text {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
}




@media (min-width: 1200px) {
	/*------ 物件一覧 --------*/
	.sec1 .data {
		background-size: 40% auto;
	}
	.sec1 .data p {
		font-size: 0.9rem;
		line-height: 1.6rem;
	}
	.sec1 .next-page {
		font-size: 1.6rem;
	}
	.sec1 .next-page span {
		font-size: 2.6rem;
	}

	/*------ 会員登録 --------*/
	.member .box {
		width: 740px;
	}
	.member .box .box1 img, .member .box .box2 img {
		height: 121px;
	}

	/*------ 非公開 --------*/
	.sec1 .close-text {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}

}
