@charset "UTF-8";

@import url("default.css");



#left_col {
    width: calc(100% * 1000 / 1150);
    float: left;
}
@media screen and (max-width: 1000px) {
#left_col {	    width: auto; float: none;
}
	}
/*
 物件一覧
---------------------------------------------------------------------- */

.list_box { width:100%; margin:0 0 0 0; font-size:70%; background:#f3f1ed; padding:5px 15px 15px 15px; color:#76726b; box-sizing:border-box;}
.list_box p.list_box_t1 { color:#000; font-size:160%;}
.list_box p.list_box_t2 { color:#999; height:20px; overflow:hidden;}
.list_box p.list_box_t3 { border-bottom:1px #b9b2a6 dotted; border-top:1px #b9b2a6 dotted; padding:10px auto!important; margin:10px 0; height:40px;}
.list_box_l { float:left; margin-bottom:5px;}
.list_box_l span { color:#c2442e;}
.r_space { margin-right:25px;}
.list_box ul.cat_btn li {font-size:60%; padding:5px 15px; margin:0 5px 0 0;}

.list_box_img { border:1px solid #f3f1ed; background:#fff; box-sizing:border-box; display: table-cell!important;}
.list_box_img .list_box_img_l { float:left; width:57%; border-right:1px solid #f3f1ed; box-sizing:border-box; height:115px; overflow:hidden;}
.list_box_img .list_box_img_r { float:right; width:39%; margin:0 2% 0 2%; height:115px; overflow:hidden; display: table-cell!important;}
.list_box_img img { width:100%; box-sizing:border-box; margin:0 0; vertical-align:middle!important;}
.list_box_img .list_box_img_r img { width:100%; box-sizing:border-box; margin:0 0; vertical-align:bottom!important;}


@media screen and (min-width: 769px) {
#post_list .article .image img {
    display: block;
    width: 100%;
    object-fit: contain;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
right: 0;
}
}


}



/*
物件詳細
---------------------------------------------------------------------- */
ul.cat_btn { margin:10px 0 0 0;}
ul.cat_btn li { float:left; background:#2b5285; font-size:80%; color:#fff; padding:5px 20px; margin:0 7px 0 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

.cath_t {
color: #333;
font-size:140%;
padding: 20px 10px;
border-top: solid 3px #333;
border-bottom: solid 3px #333;
margin:40px 0 40px 0;
}


.madori_box { border:1px solid #ddd; padding:30px; margin:0 0 50px 0; text-align:center;}
.madori_box img { max-width:80%;}

dl.property { width:96%; font-size:100%; margin:0 4% 0 0; padding:20px 0 20px 0; border-bottom:1px solid #ccc;}
dl.property2 { width:46%; font-size:100%; margin:0 4% 0 0; padding:20px 0 20px 0; border-bottom:1px solid #ccc; float:left;}
dl.property dt,
dl.property2 dt { float:left; width:120px; box-sizing:border-box; font-weight:600; margin:0; padding:0;}
dl.property dd,
dl.property2 dd { float:left; box-sizing:border-box; color:#555; margin:0; padding:0; line-height: 1.5;}

.Contactbox { background:#f8f8f8; padding:35px 40px 40px 40px;}
ul.Contactbox_li { clear:both;}
ul.Contactbox_li li { float:left; width:80%; margin:0 10%; text-align:center;}
.Contactbox_t { text-align:center; margin:0 0 25px 0; font-weight:600; font-size:120%;}

.gallery_box { width:700px; margin:0 auto 50px auto; height:650px;}
.swiper-container {
        width: 100%;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
	background: #ddd no-repeat;
        background-size: auto 100%;
        background-position: 50% 50%;
    }
    .gallery-top {
        height: 85%;
        width: 100%;
    }
    .gallery-thumbs {
        height: 15%;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
        height: 100%;
        opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }


@media screen and (max-width: 768px) {

.gallery_box { width:90%; margin:0 5% 50px 5%; height:400px;}

.cath_t {
line-height:150%;
}

.Contactbox { background:#f8f8f8; padding:20px 20px 20px 20px;}
ul.Contactbox_li { clear:both;}
ul.Contactbox_li li { float:none; width:90%; margin:0 auto 0 auto; text-align:center;}
.Contactbox_t { text-align:center; margin:0 0 15px 0; font-weight:600; font-size:120%;}
ul.Contactbox_li li img { width:100%; max-width:340px; margin-top:20px;}


dl.property { width:96%; font-size:90%; margin:0 2% 0 2%; padding:20px 0 20px 0; border-bottom:1px solid #ccc;}
dl.property2 { width:96%; font-size:90%; margin:0 2% 0 2%; padding:20px 0 20px 0; border-bottom:1px solid #ccc; float:none;}

dl.property dt,
dl.property2 dt { width:70px;}

dl.property dd,
dl.property2 dd { line-height:130%;}

ul.cat_btn { margin:10px 0 0 0;}
ul.cat_btn li { float:left; background:#2b5285; font-size:80%; color:#fff; padding:5px 5px!important; margin:0 7px 0 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
ul.cat_btn_list li {font-size:110%!important; padding:5px 10px!important;}
}

}