/* SALES一覧 */
.salesList > ul { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:28px; margin:0; padding:0; list-style:none; align-items:stretch; }
.salesList > ul > li { min-width:0; margin:0; }
.salesList > ul > .defaultDisplay { display:block; }
.salesList > ul > .addDisplay { display:none; }
.salesList > ul > .addDisplay.active { display:block; }

/* カード */
.salesBox { height:100%; overflow:hidden; border-radius:8px; background:#fff; box-sizing:border-box; word-break:break-all; padding-bottom: 0;}
.salesBox__link { display:grid; grid-template-rows:auto auto 1fr; height:100%; color:inherit; text-decoration:none; }

/* ステータス・所在地 */

.sale__head { display: inline-grid; grid-template-columns:1fr; min-height:35px; box-sizing:border-box; width: 100%;}
.sale__head .status { min-height:35px; margin:0; padding:0; margin: 0 auto 0 0;}
.sale__head .status li { display:grid; place-items:center; min-width:92px; height:100%; margin:0; padding:4px 1.6em; box-sizing:border-box; border-radius:8px 0; font-size:clamp(10px, 1.9vw, 15px); line-height:1; }
.salesBox__area { display:block; min-width:0; width:100%; margin:0; padding:0.1em 10px; overflow:hidden; box-sizing:border-box; font-size:clamp(11px, 3.3vw, 18px); font-weight:700; line-height:35px; text-align:center;}


/* メイン画像 */
figure.salesBox__image { aspect-ratio:381 / 237; margin:0; overflow:hidden; }
figure.salesBox__image img { display:block; width:100%; height:100%; object-fit:cover; transition: all 0.3s;}
.salesBox__link:hover img{ opacity: 0.8; transition: all 0.3s;}

/* カード本文 */
.salesBox .textBox { display:grid; min-height:0; padding:0; justify-content: unset;}

/* 物件名 */
.salesBox__title { display:grid; place-content:center; min-height:70px; margin: 0 auto; padding: 0 10px; box-sizing:border-box; text-align:center; }
.salesBox .estateName { margin:0; font-size:clamp(10px, 1.9vw, 15px); font-weight:bold; line-height:1.5; }
.salesBox .estateSubtitle { margin:1px 0 0; font-size:10px; line-height:1.4; }

/* 特徴 */
.salesBox__points { display:grid; place-content:center; min-height:69px; padding:7px 10px; box-sizing:border-box; background:#9aaf9d; color:#fff; text-align:center; font-weight: bold;}
.salesBox__points.color_land { background:#A68D8D;}

.salesBox__points p { margin:0; font-size:clamp(12px, 2.2vw, 17px); line-height:1.55; }

/* 区画数・価格 */
.salesBox .specWrap{ min-height:83px; padding: 0 10px 5px; place-content: center; display: grid;}

/* 区画数 */
.salesBox .sectionBox { display:grid; place-items:center; box-sizing:border-box; text-align:center; }
.salesBox .sectionBox p { margin:0;  font-weight: bold;}
.salesBox .estatePlan {  font-weight: bold;}
.salesBox .estatePlan strong { font-size:clamp(10px, 2.4vw, 19px); }
.salesBox .estatePlan .sub { font-size:clamp(10px, 1.9vw, 15px);  }

/* 価格 */
.salesBox .specBox { display:grid; place-items:center;box-sizing:border-box; line-height:1; text-align:center; }
.salesBox .specBox p { margin:0; }
.salesBox .estatePrice { font-size:clamp( 10px , 2vw , 16px); }
.salesBox .estatePrice .priceLabel { margin-right:2px; font-weight: bold; }
.salesBox .estatePrice .price { margin:0 2px; font-size:clamp( 16px , 3.2vw , 25px); font-weight:bold; letter-spacing:0.04em; }
.salesBox .estatePrice .sub { font-size:clamp( 10px , 2vw , 16px); }

@media screen and (max-width:767px) {
	.salesList > ul { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }

	.sale__head { min-height: 20px;}
	.sale__head .status { min-height: 20px;}
	.salesBox__head .status li { min-width:50px; font-size:10px; }
	.salesBox__area { line-height: 1.8;}

	/* 物件名 */
	.salesBox__title { min-height:46px;  }

	/* 区画数・価格 */
	.salesBox .specWrap{ min-height:50px; }

	/* 特徴 */
	.salesBox__points { min-height:50px;}
	/* 区画数 */
	.salesBox .sectionBox { min-height:25px;}

	/* 価格 */
	.salesBox .specBox {  min-height:25px;}
}