/* ======================
新築物件ページ
====================== */

/* グリッド */

.estate-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* カード */

.estate-item{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
transition:0.3s;
}

/* 画像 */

.estate-item img{
width:100%;
height:220px;
object-fit:cover;
}

/* テキスト */

.estate-item-content{
padding:20px;
}

.estate-item h3{
font-size:18px;
margin-bottom:10px;
}

.price{
color:#7b4f2a;
font-weight:700;
margin-bottom:5px;
}

/* ボタン */

.estate-item a{
display:inline-block;
margin-top:10px;
color:#7b4f2a;
text-decoration:none;
font-weight:600;
}

/* ホバー */

.estate-item:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* ======================
レスポンシブ
====================== */

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

.estate-grid{
grid-template-columns:1fr;
}

}

/* ======================
物件なし表示
====================== */

.no-estate{
text-align:center;
padding:80px 20px;
background:#fff;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
max-width:700px;
margin:0 auto;
}

.no-estate h2{
font-size:24px;
margin-bottom:20px;
}

.no-estate p{
color:#666;
line-height:1.8;
margin-bottom:30px;
}

/* ボタン */

.no-estate-btns{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

/* 塗りボタン */

.btn{
display:inline-block;
background:#7b4f2a;
color:#fff;
padding:12px 25px;
border-radius:5px;
text-decoration:none;
transition:0.3s;
}

.btn:hover{
background:#5b3a1e;
transform:translateY(-3px);
}

/* 枠ボタン */

.btn-outline{
display:inline-block;
border:2px solid #7b4f2a;
color:#7b4f2a;
padding:10px 25px;
border-radius:5px;
text-decoration:none;
transition:0.3s;
}

.btn-outline:hover{
background:#7b4f2a;
color:#fff;
}