@charset "utf-8";


.close {position:fixed; top:0px; right:0px; width:75px; height:75px; z-index:500;}
.clear {clear: both;}

.property_wrap {background:#000; position:fixed; top:0px; right:0px; width:100%; height:100%; overflow:scroll;-webkit-overflow-scrolling:touch; }
.main_gallery {height:calc(100% - 130px);padding:15px 0px;}
.main_gallery .swiper-container {height:100%;}
.main_gallery .swiper-slide {text-align:center;background:#000; }
.main_gallery .swiper-slide img {height:100%; max-width: none;}
.swiper-button-next, .swiper-button-prev {opacity:1;}


.thumbs_area {height:20%;width:60%;float:left;padding: 8px 30px 22px 30px;}
.thumbs_area .thumbs-container {width:100%;height:100%;box-sizing:border-box;overflow:hidden;padding: 10px 0;padding-top:0;}
.thumbs_area .swiper-slide { height:100px;width:100px;cursor:pointer;padding:2px; }
.thumb_inner {height:100%;width:100%;border:solid #fff 2px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.thumbs {opacity:0.4;transition:0.2s;}
.thumbs.active {opacity:1.0;}

.property_detail {width:40%;float:right;position:relative; }
.property_detail .property_outline {position:absolute;top:0px;right:1em;cursor:pointer; }
.property_detail .property_detail_inner {padding:10px 30px;}
.property_detail h3 {color:#fff;margin-bottom:15px;font-size:19px;line-height:22px;}
.property_detail p {color:#fff;margin-bottom:18px;font-size:15px;line-height:21px;}
.property_detail h3 span img{width:125px;vertical-align: top;}
.dis_pc{display:block;}
.swiper-button-prev::after{ display: none;}
.swiper-button-next::after{ display: none;}
.swiper-button-prev{background-image: url(../imgs/mansion_gallery/back.svg);width: 60px;height: 80px;background-size: cover;margin-top: -40px;}
.swiper-button-next{background-image: url(../imgs/mansion_gallery/next.svg);width: 60px;height: 80px;background-size: cover;margin-top: -40px;}


@media (max-width:768px){
	.main_gallery {height:70%;}
	.thumbs_area {height:20%;width:100%;float:none;}
	.property_detail {width:100%;float:none;padding-top:30px; }
	.property_detail .property_outline {left:1em;right:1em;margin:0px auto;}
	.dis_pc{display:none;}
	.swiper-button-prev,.swiper-button-next{width:30px;height:40px;}
}