@charset 'utf-8';

.flag_wrap { position: absolute; top: -22px; left: 0; }
.h2_wrap h2 { font-size: 14px; line-height: 1em; font-weight: 700; }


.property_top_wrap { display: flex; flex-direction: column; gap: 40px; }
@media screen and (min-width:1025px) {
    .property_top_wrap { flex-direction: row; }
}

.property_top_left { display: flex; flex-direction: column; gap: 12px; }
.property_img_main_wrap { position: relative;  }
.property_img_wrap { position: relative; width: 100%; height: calc(min(60vw, 800px) + 60px); margin: 0 auto; border: 1px solid #B4B4B4; overflow: hidden; }
.property_img_track { display: flex; width: 100%; height: 100%; transition: transform 0.4s ease; }
.property_img_item { position: relative; flex: 0 0 100%; display: flex; flex-direction: column; }
.property_img{ width: 100%; aspect-ratio: 3 / 2; object-fit: contain; vertical-align: bottom; }
.property_img_text { position: absolute; bottom: 0; right: 0; left: 0; display: flex; align-items: flex-end; gap: 8px; width: 100%; padding: 8px; color: #FFF; font-size: 12px; line-height: 1.5em; font-weight: 700; background: #00000066; z-index: 1; }
.img_slider_arrow_left, .img_slider_arrow_right { position: absolute; top: min(calc(30vw - 8px), 384px); width: 32px; aspect-ratio: 1 / 1; padding: 6px; border: 2px solid #000; background: #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.img_slider_arrow_left { left: -8px; transform: rotate(180deg); }
.img_slider_arrow_right { right: -8px; }
.property_img_slider_wrap { display: block; width: 100%; overflow: hidden; }
.property_thumb_track { display: flex; gap: 8px; flex-wrap: nowrap; transition: transform 0.4s ease; }
.property_img_thumb { flex: 0 0 auto; width: calc((100% - 16px) / 3); cursor: pointer; }
.property_img_thumb img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: contain; border: 1px solid #676767; opacity: 0.5; }
.property_img_thumb.is_active img { outline: 1px solid #000; outline-offset: -1px; opacity: 1; }
.property_img_no_photo { display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 3 / 2; background: #B4B4B4; color: #676767; font-size: 20px; font-weight: 700; }
@media screen and (min-width:1025px) {
    .property_top_left { width: calc(calc(100% - 40px)/2); }
    .property_img_wrap { height: auto; }
}

.property_top_right { display: flex; flex-direction: column; gap: 20px; }
.property_info_wrap { display: flex; flex-direction: column; gap: 12px; width: 100vw; margin: 0 -5vw; padding: 20px 5vw; background: #EEE; }
.property_info_wrap dl { display: flex; gap: 12px;  }
.property_info_wrap dl dt { width: 70px; flex: 0 0 auto; }
.property_info_wrap dl:first-child dt { line-height: 36px; }
.property_point_wrap { display: flex; flex-direction: column; gap: 8px; }
@media screen and (min-width:1025px) {
    .property_top_right { width: calc(calc(100% - 40px)/2); }
    .property_info_wrap { width: 100%; margin: 0; padding: 20px; }
}

.property_detail_wrap { display: flex; flex-direction: column; gap: 40px; }

.property_comment_wrap { display: flex; flex-direction: column; gap: 12px; }