@charset "utf-8";
  .property_main__title {
font-size: 2.5em;
font-weight: 900;
line-height: 120%;
margin-bottom: 20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
position: relative;
text-align: center;
}
.property_main__title::before,
.property_main__title::after {
content: "";
width: 50px;
height: 4px;
background-color: #000;
margin: 0px 4px 4px;
}
.property_main__title::before {
transform: rotate(45deg);
}
.property_main__title::after {
transform: rotate(-45deg);
}
.property_sub__title {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 2px !important;
} .property_cat__wrapper {
margin-bottom: 20px;
}
.property_cat__item {
padding: 0 6px;
font-size: 12px;
font-weight: bold;
color: #fff;
}
.item_1 {
background-color: #f39700;
}
.item_2 {
background-color: #004b92;
} .property_name {
margin-bottom: 20px;
}
.property_name p {
font-size: 1.5em;
font-weight: 900;
line-height: 120%;
} .property_main_img__wrapper {
margin-bottom: 32px;
}
.property_main_img_item {
text-align: center;
vertical-align: middle;
border: 1px solid #e6e6e6;
box-sizing: border-box;
margin-right: 20px;
}
.property_main_img_item img,
.property_main_img_item .wp-block-image img:not([style*="object-fit"]) {
width: 500px;
height: 323px !important;
object-fit: contain;
font-family: "object-fit: contain;";
}
.property_main_img_item:last-child {
margin-right: 0;
}
.slider {
margin: 0 auto;
max-width: 500px;
width: 100%;
}
.slider-img img {
height: auto;
width: 100%;
}
.slick-next {
right: -10px !important;
}
.slick-prev {
left: -10px !important;
}
.slick-arrow {
z-index: 2 !important;
}
.slick-next:before,
.slick-prev:before {
font-family: slick;
font-size: 20px;
line-height: 1;
opacity: 0.75;
color: #333 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} @keyframes fadezoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}
} .slick-animation {
animation: fadezoom 5s 0s forwards;
} .property_sub_img__wrapper {
display: flex;
margin-bottom: 32px;
}
li.property_sub_img__item {
width: calc(100% / 9);
}
li.property_sub_img__item a {
text-align: center;
border: 1px solid #e6e6e6;
box-sizing: border-box;
margin-right: 10px;
display: flex;
align-items: center;
height: 100%;
} .property_price__wrapper {
margin-bottom: 32px;
}
.property_price__title {
font-size: 1.6em;
font-weight: bolder;
padding: 10px;
text-align: center;
background: #f5be40;
margin-bottom: 20px;
}
.property_price__text {
text-align: center;
font-size: 2em;
font-weight: bolder;
padding-bottom: 10px;
line-height: 1;
}
.property_price__text small {
font-size: 80%;
} .property_staff_comment__wrapper {
margin-bottom: 32px;
}
.property_staff_comment__title {
font-size: 1.6em;
font-weight: bolder;
padding: 10px;
text-align: center;
background: #004b92;
color: #fff;
margin-bottom: 20px;
}
.property_staff_comment__text p {
text-align: center;
font-weight: bold;
} .g-map {
margin-bottom: 32px;
} .property_detail__wrapper {
margin-bottom: 40px;
}
.property_detail__title {
font-size: 1.6em;
font-weight: bolder;
padding: 10px;
text-align: center;
background: #f4f4f4;
margin-bottom: 20px;
}
.property_detail_table {
width: 100%;
}
.property_detail_table th {
width: 15%;
padding: 20px;
font-weight: bold;
vertical-align: middle;
background: #f4f4f4;
border: 1px solid #ccc;
}
.property_detail_table td {
width: 35%;
padding: 20px;
border: 1px solid #ccc;
} .wp-block-table.spec-table,
table.spec-table {
overflow: visible;
}
.wp-block-table.spec-table table,
table.spec-table {
width: 100%;
border-collapse: collapse;
} .wp-block-table.spec-table table th,
.wp-block-table.spec-table table td,
table.spec-table th,
table.spec-table td {
border: 1px solid #ccc;
padding: 16px;
vertical-align: middle;
} @media (min-width: 769px) { .wp-block-table.spec-table table tr > *:nth-child(1),
.wp-block-table.spec-table table tr > *:nth-child(3),
table.spec-table tr > *:nth-child(1),
table.spec-table tr > *:nth-child(3) {
background: #f7f7f7;
font-weight: 700;
white-space: nowrap;
width: 18%;
} .wp-block-table.spec-table table tr > *:nth-child(2),
.wp-block-table.spec-table table tr > *:nth-child(4),
table.spec-table tr > *:nth-child(2),
table.spec-table tr > *:nth-child(4) {
width: auto;
}
} @media (max-width: 768px) { .wp-block-table.spec-table table tr,
table.spec-table tr {
display: grid;
grid-template-columns: 1fr 2fr;
} .wp-block-table.spec-table table tr > *,
table.spec-table tr > * {
display: block;
width: 100%;
box-sizing: border-box;
} .wp-block-table.spec-table table tr > *:nth-child(1),
table.spec-table tr > *:nth-child(1) {
grid-column: 1;
background: #f7f7f7;
font-weight: 700;
border-right: 1px solid #ccc;
}
.wp-block-table.spec-table table tr > *:nth-child(2),
table.spec-table tr > *:nth-child(2) {
grid-column: 2;
} .wp-block-table.spec-table table tr > *:nth-child(3),
table.spec-table tr > *:nth-child(3) {
grid-column: 1;
background: #f7f7f7;
font-weight: 700;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.wp-block-table.spec-table table tr > *:nth-child(4),
table.spec-table tr > *:nth-child(4) {
grid-column: 2;
border-top: 1px solid #ccc;
} .wp-block-table.spec-table table th,
.wp-block-table.spec-table table td,
table.spec-table th,
table.spec-table td {
padding: 10px 8px;
font-size: 0.9rem;
}
} .closing__wrapper {
margin-bottom: 62px;
}
.closing__text {
text-align: center;
font-weight: bold;
font-size: 2rem;
} .property_cta__wrapper {
margin-bottom: 32px;
} @media screen and (max-width: 768px) {
.section_inner {
padding-top: 100px;
}
.property_main__title {
text-align: center;
font-size: 1.5em;
}
.property_sub__title {
font-size: 1rem;
} .property_detail_table tr {
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 2fr;
}
.property_detail_table th,
.property_detail_table td {
font-size: 0.75rem;
padding: 10px 4px;
}
.property_detail_table th {
width: 100%;
border-bottom: none;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.property_detail_table td {
width: 100%;
border-bottom: none;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: none;
}
.property_detail_table tbody {
border-bottom: 1px solid #ccc;
}
.property_price__title,
.property_staff_comment__title,
.property_detail__title,
.property_price__text,
.closing__text {
font-size: 1.25rem;
}
.property_staff_comment__text p {
font-size: 0.85rem;
}
}