@charset "UTF-8";
     @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ } .property-card-grid { } .property-card-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
}
.property-card {
width: calc(33.333% - 20px);
border: 1px solid #ccc;
border-radius: 10px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
text-decoration: none;
color: inherit;
}
.property-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.property-card-thumbnail img {
width: 100%;
height: auto;
display: block;
}
.property-card-body {
padding: 15px;
}
.property-card-title {
font-size: 1.2em;
margin-bottom: 10px;
}
.property-card-footer {
padding: 10px 15px;
background-color: #f5f5f5;
text-align: right;
}
.property-card-footer .btn {
background-color: #0073aa;
color: white;
padding: 6px 12px;
border-radius: 4px;
font-size: 0.9em;
text-decoration: none;
} @media screen and (max-width: 768px) {
.property-card {
width: 100%;
}
} .property-card a {
text-decoration: none;
} body {
font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
font-size: 16px;
line-height: 1.8;
color: #333;
} .property-card-title {
font-size: 18px;
font-weight: bold;
} .property-card-body p {
font-size: 14px;
}
.property-card-thumbnail {
position: relative;
}
.property-label {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 115, 170, 0.9); color: #fff;
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
border-bottom-right-radius: 8px;
z-index: 2;
} .navi,
.navi ul,
.navi li,
.navi a {
font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, sans-serif !important;
font-size: 16px;
font-weight: normal;
} .navi a {
color: #222 !important;
}