@charset "UTF-8";
/* CSS Document */

.estates article{ padding: 2.0em 0; border-bottom: dotted 1px #a8a8a8;}
.estates article *{ margin-top: 0;}
.estates a{ margin: 0; padding: 0; color: #000; text-decoration: none; display: grid; grid-template-columns: 200px auto; gap: 0 2.0em;}
.estates figure{ margin: 0; padding: 125% 0 0 0; align-self:auto; background: no-repeat center center / cover;}
.estates .category{ display: flex; gap: 0 1.0em;}
.estates .category li{ font-size: 86%; line-height: 1.2; padding: 0.5em 1.0em; border: solid 1px #a8a8a8; border-radius: 1.5em;}
.estates h3{ font-size: 116%; margin: 1.0rem 0 0 0;}
.estates .excerpt{ margin: 1.0rem 0 0 0; font-size: 93%; line-height: 1.5;}

@media screen and ( max-width: 480px ) {
  .estates a{ grid-template-columns: 125px auto; gap: 0 1.0em;}
}

.estate article{}
.estate article h2{ font-size: 148%;}
.estate article .hinfo{ margin: 1.0em 1.0em 0 1.0em; }
.estate article .hinfo li{ margin: 0; padding: 0.7em 1.0em; font-size: 86%; border-bottom: dotted 1px #ccc;}
.estate article .body{ margin: 2.0em 0 0 0;}

.estate .gallery{ margin: 2.0em 0 0 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem;}
.estate .gallery *{ margin: 0;}
.estate .gallery a{ display: block; padding: 100% 0 0 0; background: #f8f8f8 no-repeat center center / contain;}
.estate .gallery p{ font-size: 77%; line-height: 1.5;}
@media screen and ( max-width: 480px ) {
  .estate .gallery{ grid-template-columns: repeat(3,1fr); gap: 1.0rem;}
}

.estate .table_basic{ margin-top: 2.0em;}
.table_basic *{ margin-top: 0;}
.table_basic caption{ display: block; font-size: 108%; margin-bottom: 1.0em;}
.table_basic tbody{ display: grid; grid-template-columns: repeat( 2, 1fr); gap: 0.7em 1.5em; font-size: 86%; line-height: 1.5;}
.table_basic tbody tr{ display: grid; gap: 0 1.5em; grid-template-columns: 8.0em auto;}
.table_basic tbody th{ border-right: solid 1px #ccc; padding: 0 0; display: block; font-weight: 600;}
.table_basic tbody td{ padding: 0 0; display: block;}
@media screen and ( max-width: 480px ) {
  .table_basic tbody{ grid-template-columns: 1fr;}
}


.gmap-wrapper{ margin: 2.0em 0 0 0; border: solid 1px #ccc; padding: 56.25% 0 0 0; position: relative;}
.gmap-wrapper iframe{ margin: 0; padding: 0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
@media screen and ( max-width: 480px ) {
  .gmap-wrapper{ padding: 100% 0 0 0;}
}