/**********
 style-realestate.css
**********/
#realestate{}



/** h2 **/
h2#title{
	background:#fff url(../realestate/img/h2bg.jpg) no-repeat right center!important;
	background-size:88%;
}

@media only screen and (max-width: 768px) {
	h2#title{
        background:#fff url(../realestate/img/h2bg.jpg) no-repeat center center!important;
		background-size:70%;
		padding-top:36px;
	}
}





/*********
 rsContents
**********/
#reContents{
	padding-bottom:10px;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width:100%;
	max-width:1080px;
	margin:0 auto;
	text-align:left;
}

@media only screen and (max-width:768px) {
	#reContents{
        width:92%;
        margin: 0 auto;
    }
}

/*********
 primary secondary
**********/
#primary{
	width:75%;
	max-width:790px;
	text-align:left;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}
#secondary{
	width:21%;
	max-width:210px;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}

@media only screen and (max-width:768px) {
	#primary{
		width:100%;
		margin:0 auto;
	}
	#secondary{
		width:100%;
		margin:0 auto;
	}
}

/**********
 sideNavi
***********/
#newsSubNavi{}
#newsSubNavi ul{}
#newsSubNavi ul li{
	padding-bottom:20px;
}

#newsSubNavi ul li:last-child{
	border-bottom:none;
}

#newsSubNavi ul li a{
	display:block;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#0054a0;
	padding:10px 0 9px 0;
	color:#fff;
	text-align:center;
	text-decoration:none;
	width:100%;
	max-width:300px;
	margin:0 auto;
	transition: all 0.3s ease 0s;
}

#newsSubNavi ul li a:visited{}
#newsSubNavi ul li a:hover,
#newsSubNavi ul li a:active{
	color:#fff;
	opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -khtml-opacity: .75;
    -moz-opacity: .75
}




/**********
 re_list
**********/
#re_list{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

/** re_blk **/
.re_blk{
    width: 100%;
    border: 1px solid #7a7a7a;
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
	.re_blk{
        width: 100%;
        max-width: 760px;
        margin: 0 auto 40px auto;
    }
}

.re_blk > a{
    border-top:5px solid #0054a0;
    text-decoration: none;
	transition: all 0.3s ease 0s;
    color: #000;
    display: block;
}

.re_blk > a:hover,
.re_blk > a:active{
	opacity: 0.8;  
	filter: alpha(opacity=200);  
}


.re_blk h3{
    padding: 10px 10px 8px;
    font-size: 1.7rem;
    font-weight: bold;
    background: #f9f8f4;
}

.re_blk h3 span{
    margin-left: 12px;
    border: 1px solid #e21c24;
    color: #e21c24;
    background: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 2px;
}

/** re_blkInner **/
.re_blkInner{
    padding: 15px 18px 5px;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .re_blkInner > div{
        padding: 0;
    }
}


/** re_blk_img **/
.re_blk_img{
    width: 200px;
    text-align: left;
}
.re_blk_img img{
    width: 190px;
	height: 190px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	margin:0 auto;
}

@media only screen and (max-width: 768px) {
	.re_blk_img{
        display: block;
        width: 150px;
        text-align: left;
    }
    .re_blk_img img{
        width: 130px;
        height: 130px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        margin:0 auto 0 0;
    }
}


/** re_blk_about **/
.re_blk_about{
    width: 30%;
}

@media only screen and (max-width: 768px) {
    .re_blk_about{
        flex: 1;
    }
}

/** re_blk_plice **/
.re_blk_plice{
    text-align: right;
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 15px;
}

.re_blk_plice span{
    color: #e65a24;
    padding-left: 5px;
}

.re_blk_plice span:first-of-type{
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    .re_blk_plice{
        text-align: left;
        font-size: 1.45rem;
        font-weight: bold;
        padding-top: 0;
        padding-bottom: 5px;
    }
    .re_blk_plice span:first-of-type{
        font-size: 1.88rem;
        padding-bottom: 5px;
    }
}

/** re_blk_comment **/
.re_blk_comment{
    background: #f9f8f4;
}

.re_blk_comment > div{
    padding: 7px 9px;
}

.re_blk_comment > div h4{
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 4px;
}

.re_blk_comment > div p{
    font-size: 1.42rem;
    line-height: 1.5;
}

@media only screen and (max-width: 768px) {
    .re_blk_comment{
        background: none;
    }
    
    .re_blk_comment > div{
        padding: 0;
    }
    
    .re_blk_comment > div h4{
        display: none;
    }

    .re_blk_comment > div p{
        font-size: 1.3rem;
        line-height: 1.5;
        color: #4d4d4d;
    }

}


/** re_blk_info **/

.re_blk_info{
    width: 36%;
}

@media only screen and (max-width: 768px) {
    .re_blk_info{
        width: 100%;
    }
}

.re_blk_info table{
    width: 100%;
    font-size: 1.52rem;
}

@media only screen and (max-width: 768px) {
    .re_blk_info table{
        margin-top: 15px;
    }
}
.re_blk_info table tr{
    border-top: 1px solid #aaa;
}

.re_blk_info table tr:last-of-type{
    border-bottom: 1px solid #aaa;
}


.re_blk_info table tr th{
    font-weight: normal;
    width: 24%;
    background: #f9f8f4;
    vertical-align: middle;
}

.re_blk_info table tr th p,
.re_blk_info table tr td p{
    font-size: 0.86em;
    padding: 8px;
}

@media only screen and (max-width: 768px) {
    .re_blk_info table tr th{
        width: 70px;
    }
    .re_blk_info table tr th p,
    .re_blk_info table tr td p{
        padding: 6px;
    }
}

/** re_blkInner **/
.re_blk_contact{
    margin-top: 17px;
    padding: 17px 100px 18px;
    border-top: 1px solid #aaa;
}

@media only screen and (max-width: 768px) {
    .re_blk_contact{
        margin-top: 17px;
        padding: 17px 10px 18px;
    }
}

.re_blk_contact a{
    background: #e65a24;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 48.2%;
    text-align: center;
    border-radius: 6px; 
    font-size: 1.1em;
    transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 768px) {
    .re_blk_contact a{
        font-size: 1.5rem;
    }
}


.re_blk_contact a.re_blk_detail{
    background: #0054a0;
}

.re_blk_contact a span{
    padding: 5px;
    display: block;
}

@media only screen and (max-width: 768px) {
   .re_blk_contact a span{
        padding: 10px 4px 8px;
    }
}


.re_blk_contact a:hover,
.re_blk_contact a:active{
	opacity: 0.8;  
	filter: alpha(opacity=200);  
}



/*--------------------
 detail
---------------------*/

#reDetailWrap{
    width: 100%;
}
/*********
 rsDetail
**********/
.reDetail{
	padding-bottom:10px;
    max-width: 1050px;
}

/** mbTitle **/
.reDetail h3{
    border-top: 5px solid #0054a0;
    padding-bottom: 25px;
}

.reDetail h3 p{
    font-size: 1.7rem;
    color: #0054a0;
    font-weight: bold;
    text-align: left;
    padding: 10px 0;
}

/*********
 rsDetail_main
**********/
#reDetail_main{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align:left;
}


/*********
 rsDetail_img
**********/
#reDetail_img{
    width: 610px;
    display: block;
}

#reDetail_img > div{
    border: 1px solid #ccc;
    max-width: 610px;
}

@media only screen and (min-width: 769px) and (max-width: 1050px) {
   #reDetail_img > div{
        margin-right: 30px;
    }
}
@media only screen and (max-width: 768px) {
    #reDetail_img{
        width: 100%;
    }
    #reDetail_img > div{
        margin: 0 auto;
        text-align: center;
    } 
}


/*********
 rsDetail_about
**********/
#reDetail_about{
    flex: 1;
    max-width: 360px;
    border-top: 5px solid #0054a0;
}
@media only screen and (max-width: 768px) {
    #reDetail_about{
        width: 100%;
        max-width: 100%;
        border: none;
        padding-top: 35px;
    }
}

#reDetail_about h4{
    color: #0054a0;
    font-size: 2rem;
    line-height: 1.6;
    padding: 12px 0 15px;
}

/*********
 rsDetail_price
**********/
#reDetail_price{
    text-align: right;
    font-weight:bold;
}

#reDetail_price span{
    color: #e65a24;
    padding-left: 5px;
}

#reDetail_price span:first-of-type{
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    #reDetail_price{
        text-align: right;
    }
    #reDetail_price span:first-of-type{
        font-size: 1.88rem;
        padding-bottom: 5px;
    }
}


/*********
 rsDetail_info
**********/
#reDetail_info{
    width: 100%;
    padding-top: 20px;
}

@media only screen and (max-width: 768px) {
    #reDetail_info{
        padding-top: 5px;
        width: 100%;
    }
}

#reDetail_info table{
    width: 100%;
}

@media only screen and (max-width: 768px) {
    #reDetail_info table{
        margin-top: 15px;
    }
}
#reDetail_info table tr{
    border-top: 1px solid #777;
}

#reDetail_info table tr:first-of-type{
    border-top: 1px solid #000;
}

#reDetail_info table tr:last-of-type{
    border-bottom: 1px solid #000;
}


#reDetail_info table tr th{
    font-weight: normal;
    width: 24%;
    background: #f9f8f4;
    vertical-align: middle;
}

#reDetail_info table tr th p,
#reDetail_info table tr td p{
    font-size: 1.6rem;
    padding: 8px;
}

@media only screen and (max-width: 768px) {
    #reDetail_info table tr th{
        width: 70px;
    }
    #reDetail_info table tr th p,
    #reDetail_info table tr td p{
        padding: 6px;
    }
}



/*********
 rsDetail_contact
**********/
#reDetail_contact{
    width: 100%;
    padding-top: 20px;
}

#reDetail_contact > p{
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 1.5rem;
}

#reDetail_contact #reDetail_contactInner{
    border-top: 4px solid #0054a0;
    background: #f9f8f4;
}

#reDetail_contact #reDetail_contactInner > div{
    padding: 12px;
    text-align: center;
}

#reDetail_contact #reDetail_contactInner > div h5{
    padding-bottom: 10px;
}

#reDetail_contact #reDetail_contactInner > div > a{
    background: #e65a24;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 80%;
    text-align: center;
    border-radius: 6px; 
    font-size: 1.1em;
    margin: 0 auto;
    transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 768px) {
    #reDetail_contact #reDetail_contactInner > div > a{
        font-size: 1.5rem;
    }
}

#reDetail_contact #reDetail_contactInner > div > a span{
    padding: 5px;
    display: block;
}

@media only screen and (max-width: 768px) {
   #reDetail_contact #reDetail_contactInner > div > a span{
        padding: 10px 4px 8px;
    }
}

#reDetail_contact #reDetail_contactInner > div > a:hover,
#reDetail_contact #reDetail_contactInner > div > a:active{
	opacity: 0.8;  
	filter: alpha(opacity=200);  
}



#reDetail_contact #reDetail_contactInner > div > div{
    padding-top: 10px;
    font-size: 1.5rem;
    font-weight: bold;
}

#reDetail_contact #reDetail_contactInner > div > div > p{
    color: #e65a24;
    font-size: 1.98rem;
}

#reDetail_contact #reDetail_contactInner > div > div span{
    font-size: 1.3rem;
    font-weight: normal;
}



/**********
 reDetail_comment 
**********/
#reDetail_comment{
    background: #f9f8f4;
    margin-top: 30px;
    padding: 30px 0;
}

#reDetail_comment table{
    width: 100%;
}

#reDetail_comment table tr th{
    width: 194px;
    border-left: 5px solid #0054a0;
    display:table-cell;
    vertical-align: middle;
    font-size: 1.7rem;
}

#reDetail_comment table tr th p{
    padding: 10px;
    color: #0054a0;
}

#reDetail_comment table tr th p span{
    display: block;
    font-weight: normal;
    font-size: 1.4rem;
    color: #333333;
}

#reDetail_comment table tr td{
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
    #reDetail_comment table tr th{
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }
    
    #reDetail_comment table tr th p{
        padding: 5px 15px;
    }
    #reDetail_comment table tr th p span{
        display: inline-block;
        padding-left: 15px;
    }
    
    #reDetail_comment table tr td{
       width: 100%;
       display: block;
    }

}

/**********
 reDetail_detail
**********/

#reDetail_detail{
    padding-top: 50px;
    padding-bottom: 60px;
}

#reDetail_detail h4{
    text-align: center;
    font-size: 1.7rem;
    margin-bottom: 15px;
}

#reDetail_detail table {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

#reDetail_detail table tr{
    border-top: solid 1px #8F8F8F;
}

#reDetail_detail table th {
    background: #f9f8f4;
    vertical-align: middle;
    width: 13%;
    max-width: 100px;
    font-weight: normal;
}
#reDetail_detail table td {
    background: #fff;
    display: table-cell;
}

#reDetail_detail table  th p,
#reDetail_detail table  td p{
    padding: 10px;
}

@media screen and (max-width: 768px) {
    #reDetail_detail {
    }
    #reDetail_detail table th {
        width: 13% !important;
    }
    #reDetail_detail table td {
        width: 86% !important;
    }
    #reDetail_detail tr:last-of-type{
    }
}


#detailList{
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
}

#detailList > div{
    border-top: solid 1px #8F8F8F;
    width: 50%;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#detailList > div:nth-of-type(-n+2) {
    border-top: none;
}

#detailList > div > p{
    width: 75%;
    display: block;
    font-size: 1.56rem;
}

#detailList > div > p:first-of-type{
    background: #f9f8f4;
    width: 25%;
}

#detailList > div > p span{
    display: block;
    padding: 10px;
}


@media screen and (max-width: 768px) {
    #detailList > div{
        width: 100%;
    }
    #detailList > div:nth-of-type(2) {
    border-top: solid 1px #8F8F8F;
    }
    #detailList > div > p{
        width: 74%;
        display: block;
    }

    #detailList > div > p:first-of-type{
        background: #f9f8f4;
        width: 26%;
        font-size: 1.46rem;
    }
    #detailList > div > p:first-of-type span{
        padding-left: 5px;
        padding-right: 5px;
    }
}


/**********
 reDetail_map
**********/
#reDetail_map{}

#reDetail_map h4{
    text-align: center;
    font-size: 1.7rem;
    margin-bottom: 15px;
}

#reDetail_mapInner {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 35%;
}
#reDetail_mapInner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 768px) {
    #reDetail_mapInner {
        padding-top: 65%;
    }
}


/**********
 reDetail_contactBtm
**********/
#reDetail_contactBtm{
}

#reDetail_contactBtm > div:first-of-type{
    width: 100%;
    text-align: center;
    background: #0054a0;
    padding: 30px 0;
}

#reDetail_contactBtm > div:first-of-type p{
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 768px) {
    #reDetail_contactBtm > div:first-of-type{
        padding: 20px 0;
    }
    #reDetail_contactBtm > div:first-of-type p{
        font-size: 1.76rem;
    }
}

/** #reDetail_contactBtm_link **/
#reDetail_contactBtm_link{
    padding-top: 30px;
    text-align: center;
}

#reDetail_contactBtm_link > p:first-of-type{
    font-weight: bold;
    font-size: 1.66rem;
    padding-bottom: 10px;
}

#reDetail_contactBtm_link > a{
    background: #e65a24;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    max-width: 500px;
    text-align: center;
    border-radius: 6px; 
    margin: 0 auto;
    transition: all 0.3s ease 0s;
}

#reDetail_contactBtm_link > a:hover,
#reDetail_contactBtm_link > a:active{
	opacity: 0.8;  
	filter: alpha(opacity=200);  
}

#reDetail_contactBtm_link > a p{
    padding: 15px 0;
    font-size: 2.3rem;
    font-weight: bold;
}

#reDetail_contactBtm_link > a p span{
    display: block;
    font-size: 1.5rem;
    font-weight: normal;
    padding-top: 3px;
}

@media only screen and (max-width: 768px) {
    #reDetail_contactBtm_link > a{
        font-size: 1.5rem;
        width: 74%;
    }
}


/** topPickupInner **/
#topPickupInner{
	width:100%;
	max-width:720px;
	margin:0 auto;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}


#topPickupInner a{
	display:block;
	width:48%;
	text-decoration:none;
	color:#282828;
}

#topPickupInner a img{
	display: block;
    object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE*/
    height: 220px;
    width: 100%;
}

#topPickupInner a p{
	display:block;
	width:100%;
	position:relative;
	padding-top:10px;
	text-align:left;
}

#topPickupInner a p span:after{
	content:"詳細　→";
	position:absolute;
	right:0;
	bottom:0;
	font-size:0.9em;
	color:#f0a53b;
}

#topPickupInner .linkBtn{
	display:none;
}



@media only screen and (max-width: 401px){
	
	#topPickupInner a{
		width:100%;
		margin-bottom:30px;
	}
	
	#topPickupInner a img{
		height:170px;
	}
	
	#topPickupInner .linkBtn{
		display:block;
		margin-top:10px;
		color:#fff;
	}

}