/* main
------------------------------------------------------------------------------*/

.lp-title-wrap {
	top: 28%;
}

.lp-title-wrap .page-title {
	font-size: 21px;
	letter-spacing: 4px;
}

@media screen and (max-width: 650px) {
	/*--- 表示領域が650px以下の場合に適用するスタイル ---*/
	.lp-title-wrap .page-title {
		font-size: 18px;
		letter-spacing: 3px;
	}
}

@media screen and (max-width: 500px) {
	/*--- 表示領域が500px以下の場合に適用するスタイル ---*/
	.lp-head .img {
		height: 300px;
		overflow: hidden;
	}

	.lp-head .img img {
		margin: 0 0 0 -50%;
		max-width: inherit;
		min-height: 300px;
		width: 200%;
	}

	.lp-title-wrap .page-title {
		font-size: 16px;
	}
}


/* sale-item - 20201109 変更
--------------------------------------*/

.sale-item {
	height: auto;
}

@media screen and (max-width: 740px) {
	/*--- 表示領域が740px以下の場合に適用するスタイル ---*/
	.sale-item {
		display: inline-block;
		float: none;
		margin: 4% 3%;
		padding: 20px;
		width: 80%;
	}
}

.sale-item .img,
.sale-item .data {
	float: none;
	font-size: 120%;
	margin: 8px 0;
	width: auto;
}

.sale-item .data th {
	padding: 4px 8px;
	width: 40%
}

.sale-item .go {
	font-size: 1rem;
	padding: 0;
}


/* 売出中物件が無いときの代替え表示部分 - 20190820（新規追加） */

.sale-list-wrap.item-none .content-block .text {
	text-align: left;
}


/* lp-box
--------------------------------------*/

.inner.bnr-block {
	padding: 0;
}

.lp-box {
	height: 320px;
	margin: 0 3%;
	padding: 0;
}

.lp-box .fit-img-wrap img {
	margin: -20% 0 0 -20%;
	width: 140%;
}

.lp-box .detail .detail-inr-wrap {
	display: block;
	max-width: inherit;
	min-width: inherit;
	padding: 20px 2%;
	text-align: center;
	width: 96%;
}

.lp-box .detail-inr-wrap .text1 {
	font-size: 140%;
	letter-spacing: 3px;
}

.lp-box .detail-inr-wrap .text2 {}

.lp-box .detail-inr-info-wrap {
	height: 170px;
	padding: 0 2%;
	text-align: center;
}

.lp-box .detail-inr-info-wrap .left-area {
	display: block;
	min-width: inherit;
	padding: 0;
	width: 100%;
}

.lp-box .detail-inr-info-wrap .tel .ico {
	height: 32px;
	margin-bottom: 2px;
}

.lp-box .detail-inr-info-wrap .tel {
	height: auto;
	margin: 6px auto 0;
	overflow: hidden;
}

.lp-box .detail-inr-info-wrap .tel span {
	font-size: 32px;
	padding: 0 3px;
}

.lp-box .detail-inr-info-wrap .tel a {
	color: #c7a97b;
}

.lp-box .detail-inr-info-wrap .pc {
	display: none;
}

.lp-box .detail-inr-info-wrap .mb {
	display: inline-block;
}

.lp-box .detail-inr-info-wrap .tel p {
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

.lp-box .detail-inr-info-wrap .notes {
	height: 65px;
	text-align: center;
}

.lp-box .detail-inr-info-wrap .right-area {
	bottom: 0;
	display: block;
	left: 0;
	margin-bottom: 10px;
	min-width: inherit;
	padding: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 200;
}

.lp-box .detail-inr-info-wrap .link {
	margin: 0 2%;
}

.lp-box .detail-inr-info-wrap .link .btn {
	font-size: 120%;
	line-height: 1.2;
}


@media screen and (max-width: 500px) {
	/*--- 表示領域が500px以下の場合に適用するスタイル ---*/
	.lp-box {
		height: 350px;
	}

	.lp-box .fit-img-wrap img {
		margin: -40% 0 0 -75%;
		width: 250%;
	}

	.lp-box .detail-inr-wrap .text1 {
		font-size: 130%;
		letter-spacing: 3px;
	}

	.lp-box .detail-inr-wrap .text2 {
		font-size: 210%;
	}

	.lp-box .detail-inr-info-wrap {
		height: 200px;
	}

	.lp-box .detail-inr-info-wrap .tel {
		height: 135px;
	}

	.lp-box .detail-inr-info-wrap .notes {
		font-size: 1rem;
		height: 95px;
	}

	.lp-box .detail-inr-info-wrap .right-area {
		margin-bottom: 10px;
	}
}


/* lp-box no-img
--------------------------------------*/

.lp-box.no-img .detail-inr-info-wrap {
	padding: 0 2%;
}


@media screen and (max-width: 500px) {
	/*--- 表示領域が500px以下の場合に適用するスタイル ---*/
	.lp-box.no-img {
		height: 350px;
	}

	.lp-box.no-img .detail-inr-info-wrap .tel {
		height: 135px;
	}

	.lp-box.no-img .detail-inr-info-wrap .notes {
		height: auto;
	}
}