/*______ 物件一覧（間取図）div版（s01_search2） ______*/
/* ボタン（.prop-item__btn）は style_add_common.css */

.prop-plan{
	display: grid;
	grid-template-columns: 36px 290px 1fr;
	grid-template-rows: auto auto 1fr auto;
	grid-template-areas:
		"check price name"
		"check price detail"
		"photo photo detail"
		"btn   btn   btn";
	margin: 15px 0;
	border: 1px solid #ccc;
	background: #fff;
	line-height: 1.5;
}

.prop-plan__check{
	grid-area: check;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	border-right: 1px dotted #ccc;
}

.prop-plan__price{
	grid-area: price;
	padding: 10px;
	background: #ffffee;
	border-right: 1px dotted #ccc;
}

.prop-plan__price p{
	margin: 0;
}

.prop-plan__price p:first-child{
	font-weight: bold;
}

.prop-plan__price p span{
	color: #f00;
}

.prop-plan__name{
	grid-area: name;
	margin: 0;
	padding: 10px 10px 0;
	font-weight: bold;
}

.prop-plan__name a{
	color: #00478b;
}

.prop-plan__photo{
	grid-area: photo;
	margin: 0;
	padding: 10px;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	text-align: center;
}

.prop-plan__photo a{
	display: inline-block;
}

.prop-plan__photo img{
	display: block;
	width: 280px;
	height: 210px;
	object-fit: contain;
}

.prop-plan__detail{
	grid-area: detail;
	padding: 5px 10px 10px;
}

.prop-plan table.detail{
	margin: 5px 0 10px;
}

.prop-plan .option ul{
	margin: 0;
	padding: 0;
	list-style: none;
}