@charset "utf-8";

#houseList a{
color: #124a6e;
font-weight:bold;
display:block;
}
#houseList a span{
font-size:10px;	
color: #333;
font-weight:normal;
}
#houseList li:hover{
opacity:0.5;
}

#houseList .single{
line-height:45px;
}

/*footer*/
@charset "utf-8";
footer {
background-color: #3495ce;
padding-top: 15px!important;
width:100%;
/*min-width: 1200px;*/
/*height: 190px;*/
}
footer #comFooter {
display: block;
clear: both;
width: auto;
overflow: hidden;
/*padding:20px auto 20px;*/
}
footer #comFooter #houseList {
width:1200px;
margin:0 auto;
padding:8px 0;
display:block;
clear:both;
overflow:hidden;
}
footer #comFooter #houseList li {
float:left;
text-align:center;
border-right:1px solid;
width:125px;
height:40px;
box-sizing:content-box;
}
footer #comFooter #houseList li:first-child{
border-left:1px solid;
margin-left:55px;
}

footer #comFooter #comsite {
display: block;
clear: both;
width: 1100px;
margin:20px auto;
overflow: hidden;
}
footer #comFooter #comsite #comBt {
float: left;
width: 230px;
}
footer #comFooter #comsite #comSitemapB {
float: left;
width: 860px;
color: #FFF;

}
footer #comFooter #comsite #comSitemapB .comSitemap {
/*width: 710px;*/
/*margin-bottom: 10px;*/
display: block;
clear: both;
overflow: hidden;
font-size: 10px;
line-height: 18px;
}
footer #comFooter #comsite #comSitemapB .comSitemap li {
float: left;
margin:5px 0;
padding:5px 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFF;
line-height:10px;
}
#copyRight {
display: block;
width: 1200px;
text-align:right;
color:#ffffff;
margin: 0 auto;
padding:0 0 15px;
}
#copyBack {
background-color: #3995CC;
padding: 0 0 120px 0;
}


/* pop_bnr */
#popbnr_area {
position: fixed;
bottom: 0;
width: 100%;
z-index: 2;
}
#popbnr_area #popbnr_close_box {
width: 900px;
margin: 0 auto;
}
#popbnr_area #popbnr_close_box #popbnr_close {
float: right;
cursor: pointer;
}
#popbnr_area #popbnr {
clear: both;
width: 100%;
background: #fff;
background-color: rgba(255,255,255,0.5);
border-top: 1px #aaa solid;
}
#popbnr_area #popbnr #popbnr_box {
width: 900px;
height: 100px;
margin: 0 auto;
padding: 10px 0;
display: block;
}
#popbnr_area #popbnr #popbnr_box #bnr_reserve {
float: left;
width: 789px;
}
#popbnr_area #popbnr #popbnr_box #bnr_request {
float: right;
width: 101px;
}
#popbnr_area #popbnr_close:hover,
#popbnr_area #popbnr #popbnr_box #bnr_reserve:hover,
#popbnr_area #popbnr #popbnr_box #bnr_request:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

footer #houseListback {
/*background: url(../images/pc/fback.gif) repeat-x left top;*/
height:57px;
width:100%;
}
footer #footerBack {
background: url(fnback.gif) repeat-x left top;
width:100%;
}



@media screen and (max-width: 768px) {
/* !SP================================================ */
.sp .list_contents{
	background:#F4F6F3;
}
.sp #list_contents {
	margin: 0px auto;
	width: 90%;
	background:#F4F6F3 url(http://www.shibano-net.co.jp/sp/hp2/images/bg_youtube2.gif) repeat left top;
	padding: 20px 5%;
}
.sp #list_contents li {
	width: 50%;
	float: left;
}
.sp #list_contents li img {
	width: 100%;
	height: auto;
}

.sp #list_btn {
	width: 100%;
	padding: 3% 0 34% 0;
	background: url(http://www.shibano-net.co.jp/sp/hp2/common/images/bg_contact.png) repeat-x left top;
	background-size: contain;
}
.sp #l_box {
	width: 40%;
	float: left;
}
.sp #l_box #tit_con {
	width: 100%;
	float: left;
}
.sp #l_box li {
	width: 50%;
	float: left;
}
.sp #r_box {
	width: 60%;
	float: left;
}
.sp #r_box li {
	width: 50%;
	float: left;
}
.sp #l_box li img,
.sp #r_box li img {
	width: 100%;
}
.sp #l_box .cf1,
.sp #r_box .cf1 {
	content: "";
	display: block;
	height: 1px;
	overflow: hidden;
}

.sp #tit_contents img {
	width: 100%;
	height: auto;
}


.sp #box_menu {
	width: 100%;
    display: none;
	clear: both;
}
.sp #box_menu img {
	width: 100%;
} 

.sp footer {
	width: 100%;
	padding: 15px 0 100px 0;
	/*padding: 15px 0 0 0;*/
	text-align: center;
	background: url(http://www.shibano-net.co.jp/sp/hp2/common/images/f_bg.gif) #c8dbe2 repeat-x left top;
	clear: both;
}
.sp section #list_menu #btn_logo {
	width: 75%;
	margin: 5% 5% 0 0;
	float: left;
}
.sp section #btn_menu {
	width: 20%;
	float: left;
}
.sp section #list_btn li {
	float: left;
}
.sp section #list_btn li img {
	width: 100%;
}
.sp section #list_btn #tel {
	width: 40%;
}
.sp section #list_btn .contact {
	width: 20%;
}
.sp footer #box_switch {
	width: 100%;
	display: block;
	clear: both;
	overflow: hidden;
}
.sp footer #box_switch li {
	width: 50%;
	float: left;
}
.sp footer #box_switch li img {
	width: 100%;
	margin: 0;
	padding: 0;
}
.sp footer img {
	width: 50%;
	margin: 5% 25%;
	padding: 10px 0 0 0;
}
.sp footer #copy {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 5px 0;
	background: #4a5b62;
	color: #fff;
	font-size: 10px;
}
.sp footer #f_logo {
	padding: 10px 0;
	clear: both;
}
.sp address {
	font-size: 14px;
	padding: 0 0 10px 0;
}

}

