@charset "UTF-8";

.bx{
	width: 960px;
	height: 420px;
	background:  url(../img/top/bx_back.png) no-repeat  ;
	border: 0px solid #999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em 0 1.5em;
	margin: 0 auto 1em;
	}
	
	.but_box2 img{
float: left;
margin: 0 15px 10px;
}

.but_box{
width: 100%;
margin: 0 0 2em;
}



.but_box img{
float: left;
margin: 0 15px 10px;
}

.but_box .margin_b5{
	margin: 0 15px 5px;
	padding: 0;
	}

.ad_box{
margin: 0 auto 1.5em;
}

.ad_box h2{
font-size: 1.1em;
/*font-weight: 500;*/
letter-spacing: 0.1em;
padding: 0.5em;
margin: 0 auto 1em;
}

.list_area{
width: 100%;
margin: 2em auto 1em;
}

.price_style {
	font-size: 1.5em;
	font-weight: 800;
}

/*MyThumbnailのクラス設定(pタグとimgのマージン設定)*/
.myPic{
border: 1px solid #fff;
margin: 0 auto 0.5em;
}


/*オープンハウス*/

#open{
width: 100%;
margin: 0 auto 2em;
}

#open .open_bar{
font-size: 1.2em;
padding: 0.5em;
margin: 0 auto 1em;
}

.open_list{
width: 93.75%;
border-bottom: 1px #999 solid;
margin: 0 auto 0.5em;
}

.open_list .list_left{
width: 18%;
float: left;
}

.open_list .list_left img{
display: block;
margin: 0 auto;
margin-bottom: 0.5em;
}

.open_list .list_right{
float: left;
width: 80%;
margin-left: 1em;
margin-bottom: 0.5em;
}

.open_list .list_right h2{
width: 10em;
text-align: center;
line-height: 1.6em;
letter-spacing: 0.1em;
padding:0.2em 0;
margin: 0 0 0.5em;
}

.open_list .list_right h3{
font-size: 1.2em;
font-weight: 500;
letter-spacing: 0.1em;
margin: 0 0 0.2em;
}

.open_list .list_right h4{
float: left;
font-size: 1.3em;
font-weight: 500;
letter-spacing: 0.1em;
padding: 0.3em 0;
margin: 0 0 0.1em;
}

.open_list .list_right h5{
float: left;
width: 100%;
font-size: 1em;
font-weight: 500;
letter-spacing: 0.1em;
padding: 0.1em 0 0.3em;
margin: 0 0 0.5em;
}


.open_list .list_right .link_str{
float: left;
width: 98%;
text-align: center;
font-size: 1em;
line-height: 1.6;
background:#e8b5b5;
border-radius: 6px;
padding: 0.3em;
margin: 0 0 0 0.5em;
}

.open_list .list_right .link_str a{
text-decoration: none;
color: #333;
display: block;
}


/*一覧*/
.top_list_box{
width: 23%;
background:  #d7fbe8;
border: 1px #999 solid;
border-radius: 6px;
float: left;
overflow: hidden;
margin: 0 0.5em 0.8em 0.5em;
}

.top_list_box img{
display: block;
margin: 0 auto ;
}

.top_list_box h3{
width: 90%;
text-align: center;
background: #1e924e;
color: #fff;
letter-spacing: 0.1em;
margin: 0.3em auto ;
padding: 0.5em 0;
}



.top_list_box ul{
font-size: 0.9em;
text-align: center;
margin: 0 auto;
}

.top_list_box li{
line-height: 1.3;
}


.top_list_box .syousai_but{
width: 5em;
text-align: center;
border: 1px solid #fff;
border-radius: 5px;
line-height: 1.1;
font-size: 1.1em;
background: #fba6a6;
margin: 0 auto 0.3em;
}

.top_list_box .syousai_but a{
display: block;
color: #562E00;
text-decoration: none;
padding: 0.3em;
}

.top_list_box ul.ico,.top_list_box ul.gaku{
 width: 96%;
 margin: 0 auto;
}

.top_list_box ul.ico li,.top_list_box ul.gaku li{
padding: 0.2em;
}

.ico{
margin: 0 0 0.3em;
padding: 0;
}

.gaku{
margin: 0 0 0.5em;
}

.gaku li{
float: left;
}

.ico li , .gaku li{
float: left;
background: #f9d5e2;
border-radius: 5px;
color: #333;
border: 1px solid #fff;
line-height: 1.5em;
white-space: nowrap;
font-size: 0.9em;
padding: 0 0.3em ;
margin: 0 0.3em 0 0;
}

.ico li.text_color{
background: #fba6a6;
}


.inline_list{
	width: 96%;
	margin: 0 auto;
	}
	
.inline_list li{
	border-bottom: 1px dashed #999;
	padding: 0.4em 0;
	}

.inline_list li a{
	text-decoration: none;
	}
	
.inline_list .ctg_icon{
	font-size: 0.7em;
	text-align: center;
	background: #fba6a6;
	border-radius: 4px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0.3em 0.5em;
	margin-right: 0.5em;
	}
	
.inline_list .title{
	font-size: 1.1em;
	letter-spacing: 0.01em;
	vertical-align: middle;
	}
	
#topic_list{
		clear: both;
	text-align: right;
	margin: 1em 0 0;
}
	
#topic_list a{
	width: 10em;
	font-size: 0.8em;
	text-decoration: none;
	color: #fff;
	background: #0ea0f4;
	border-radius: 6px;
	border: 1px solid #0b76c2;
	padding: 0.3em;
	margin: 0 auto 1em;
	}

.more_link{
	clear: both;
	width: 10em;
	background: #0ea0f4;
	border-radius: 6px;
	border: 1px solid #0b76c2;
	padding: 0.5em;
	margin: 0 auto 1em;
	}
	

	
.more_link a{
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	}

/*Facebook設定*/
/*レスポンシブ設定*/
/*
#facbook_box{
	margin: 1em auto;
	}	
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; }
*/

.fb-page{
	margin: 0 auto 1em;
	}

/*スマートフォンタイプ（480px以下）*/
 @media only screen and (max-width: 480px) {/*スマートフォン*/
 
.but_box{
width: 100%;
margin: 1em auto 2em;
}

.but_box2 img{
float: none;
display: block;
margin: 0 auto 0.5em ;
}

.but_box img{
float: none;
display: block;
margin: 0 auto 0.5em ;
}

.but_box .margin_b5{
	margin: 0 auto 5px;
	padding: 0;
	}
	
.ad_box{
margin: 0 auto 1.5em;
}

.ad_box h2{
font-size: 1.1em;
font-weight: 500;
letter-spacing: 0.1em;
padding: 0.5em;
margin: 0 auto 1em;
}

.list_area{
width: 100%;
margin: 2em auto 1em;
}

.price_style {
	font-size: 1.5em;
	font-weight: 800;
}



/*オープンハウス*/

#open{
width: 100%;
margin: 0 auto 2em;
}

#open .open_bar{
font-size: 1.2em;
padding: 0.5em;
margin: 0 auto 1em;
}

.open_list{
width: 100%;
border-bottom: 1px #999 solid;
margin: 0 auto 0.5em;
}

.open_list .list_left{
width: 30%;
float: left;
}

.open_list .list_right{
float: left;
width: 68%;
margin-left: 2%;
margin-bottom: 0.5em;
}

.open_list .list_right h2{
width: 100%;
text-align: center;
line-height: 1.6em;
letter-spacing: 0.1em;
padding:0.2em 0;
margin: 0 0 0.2em;
}

.open_list .list_right h3{
font-size: 1.2em;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0;
margin: 0 0 0.2em;
}

.open_list .list_right h5{
float: none;
width: 100%;
font-size: 1.1em;
font-weight: 500;
letter-spacing: 0.1em;
padding: 0.1em 0 0.3em;
margin: 0 0 0.1em;
}

.open_list .list_right h4{
float: none;
font-size: 1.1em;
line-height: 1.5;
font-weight: 500;
letter-spacing: 0.1em;
padding: 0.3em 0;
margin: 0 0 0.2em;
}


.open_list .list_right .link_str{
float: none;
width: 100%;
text-align: center;
font-size: 1em;
line-height: 1.6;
background:#e8b5b5;
border-radius: 6px;
padding: 0.3em 0;
margin: 0;
}

.open_list .list_right .link_str a{
text-decoration: none;
color: #333;
display: block;
}


/*一覧*/
.top_list_box{
width: 45%;
border-radius: 6px;
float: left;
overflow: hidden;
margin: 0 1% 5%;
padding: 0 1%;
}

.top_list_box img{
display: block;
margin: 0 auto ;
}

.top_list_box h3{
width: 90%;
text-align: center;
margin: 0.6em auto 0.3em ;
padding: 0.5em 0;
}



.top_list_box ul{
font-size: 0.8em;
text-align: center;
margin: 0 auto;
}

.top_list_box li{
line-height: 1.3;
}


.top_list_box .syousai_but{
width: 5em;
text-align: center;
border: 1px solid #fff;
border-radius: 5px;
line-height: 1.1;
font-size: 1.1em;
background: #fba6a6;
margin: 0 auto 0.3em;
}

.top_list_box .syousai_but a{
display: block;
color: #562E00;
text-decoration: none;
padding: 0.3em;
}

.top_list_box ul.ico,.top_list_box ul.gaku{
 width: 96%;
 margin: 0 auto;
}

.top_list_box ul.ico li,.top_list_box ul.gaku li{
padding: 0.2em;
}

.ico{
margin: 0 0 0.3em;
padding: 0;
}

.gaku{
margin: 0 0 0.5em;
}

.gaku li{
float: left;
}

.ico li , .gaku li{
float: left;
border-radius: 5px;
color: #562E00;
border: 1px solid #fff;
line-height: 1.5em;
white-space: nowrap;
font-size: 0.9em;
padding: 0 0.3em ;
margin: 0 0.3em 0 0;
}

.ico li.text_color{
background: #fba6a6;
}

.bx{
	width: 100%;
	height: auto;
	background: none;
	border: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto 1em;
	}

}/*スマートフォン*/

/*タブレットタイプ*/
@media only screen and  (min-width: 481px) and (max-width: 960px) {/*タブレット*/

.but_box{
width: 100%;
margin: 0 auto 2em;
}

.but_box img{
width: 30%;
float: left;
margin: 0 1% 10px ;
}

.but_box2 img{
width: 30%;
float: left;
margin: 0 1% 10px ;
}

.but_box .margin_b5{
	margin: 0 1% 5px;
	padding: 0;
	}

.ad_box{
margin: 0 auto 1.5em;
}

.ad_box h2{
font-size: 1.1em;
font-weight: 500;
letter-spacing: 0.1em;
padding: 0.5em;
margin: 0 auto 1em;
}

.list_area{
width: 100%;
margin: 2em auto 1em;
}

.price_style {
	font-size: 1.5em;
	font-weight: 800;
}

/*MyThumbnailのクラス設定(pタグとimgのマージン設定)*/
.myPic{
border: 1px solid #fff;
margin: 0 auto 0.5em;
}


/*オープンハウス*/

#open{
width: 100%;
margin: 0 auto 2em;
}

#open .open_bar{
font-size: 1.2em;
padding: 0.5em;
margin: 0 auto 1em;
}

.open_list{
width: 100%;
border-bottom: 1px #999 solid;
margin: 0 auto 0.5em;
}

.open_list .list_left{
width: 18%;
float: left;
}

.open_list .list_left img{
display: block;
margin: 0 auto;
margin-bottom: 0.5em;
}

.open_list .list_right{
width: 80%;
float: left;
margin-left: 1%;
margin-bottom: 0.5em;
}

.open_list .list_right h2{
width: 10em;
text-align: center;
line-height: 1.6em;
letter-spacing: 0.1em;
padding:0.2em 0;
margin: 0 0 0.5em;
}

.open_list .list_right h3{
font-size: 1.2em;
font-weight: 500;
letter-spacing: 0.1em;
margin: 0 0 0.5em;
}

.open_list .list_right h4{
float: left;
font-size: 1.3em;
font-weight: 500;
letter-spacing: 0.1em;
padding: 0.3em 0;
margin: 0 0 0.5em;
}


.open_list .list_right .link_str{
float: left;
width: 95%;
text-align: center;
font-size: 1em;
line-height: 1.6;
background:#e8b5b5;
border-radius: 6px;
padding: 0.3em;
margin: 0 auto;
}

.open_list .list_right .link_str a{
text-decoration: none;
color: #333;
display: block;
}


/*一覧*/
.top_list_box{
width: 30%;
border-radius: 6px;
float: left;
overflow: hidden;
margin: 0 0.5em 0.8em 0.5em;
}

.top_list_box img{
display: block;
margin: 0 auto ;
}

.top_list_box h3{
width: 90%;
text-align: center;
margin: 0.3em auto ;
padding: 0.5em 0;
}



.top_list_box ul{
font-size: 0.9em;
text-align: center;
margin: 0 auto;
}

.top_list_box li{
line-height: 1.3;
}


.top_list_box .syousai_but{
width: 5em;
text-align: center;
border: 1px solid #fff;
border-radius: 5px;
line-height: 1.1;
font-size: 1.1em;
background: #fba6a6;
margin: 0 auto 0.3em;
}

.top_list_box .syousai_but a{
display: block;
color: #562E00;
text-decoration: none;
padding: 0.3em;
}

.top_list_box ul.ico,.top_list_box ul.gaku{
 width: 96%;
 margin: 0 auto;
}

.top_list_box ul.ico li,.top_list_box ul.gaku li{
padding: 0.2em;
}

.ico{
margin: 0 0 0.3em;
padding: 0;
}

.gaku{
margin: 0 0 0.5em;
}

.gaku li{
float: left;
}

.ico li , .gaku li{
float: left;
border-radius: 5px;
color: #562E00;
border: 1px solid #fff;
line-height: 1.5em;
white-space: nowrap;
font-size: 0.9em;
padding: 0 0.3em ;
margin: 0 0.3em 0 0;
}

.ico li.text_color{
background: #fba6a6;
}

.bx{
	width: 100%;
	height: auto;
	background: none;
	border: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto 1em;
	}


}/*タブレット*/