@charset "utf-8";


/*********************************************************

top専用CSS

/*********************************************************/

h2.midashi.brown img{background-color: #F1EBE2;}
footer{margin-top: 0px;}


/* スライダー ----------------------------------- */
#mainImg{height: 500px;}
#mainImg img{ display: block;padding-top: 25px;margin:0 auto;position: relative;z-index: 1;}

/* スライダー追加CSS */
.sp-slides-container{position:absolute !important; top:2px;}
.sp-buttons{padding-top:45px !important;}
.sp-button{border-color: #392f29 !important;}
.sp-selected-button{background-color: #392f29 !important;}


/* 施工事例 -----------------------------------*/
#case{margin:80px auto 0 auto; padding-bottom:100px; overflow: hidden;text-align: center;vertical-align: top;}
/* 表示ボックス */
#case dl{width: 47%; overflow: hidden; display: inline-block;margin:0 3% 30px 0;}
/* 画像 */
#case dt{float: left; ;width:207px;}
/* テキスト */
#case dd{float:right;width: 48%;font-size: 15px;text-align: left;}
#case dd p{margin: 10px 0; font-size: 14px;line-height: 1.4;}
#case dd a{font-size:12px;}


/* 物件情報 ----------------------------------- */
#info{width: 100%;background: #f1ebe2;padding:80px 0 120px; }

#info a {
	width: 31.3%;
	display: inline-block;
	margin: 0px 1% 30px;
	box-shadow: 2px 2px 2px -1px #d2ccc4;
	-moz-box-shadow: 2px 2px 2px -1px #d2ccc4;
	-webkit-box-shadow: 2px 2px 2px -1px #d2ccc4;
	text-decoration: none;
	background: #fff;
	vertical-align: top;
}
#info a:hover {opacity: 0.8;}

/* テキストボックス -------------- */
#info dl{text-align: left;}
/* 画像 */
#info dt{height: 192px; overflow: hidden; text-align: center;}

/* テキスト */
#info dd{padding: 20px;}
/* 土地 */
#info dd .home{margin-bottom: 10px;}
/* 物件名 */
#info dd em {
	font-size: 16px;
	text-decoration: underline;
	color: #ce2a33;
	margin-bottom: 10px;
	font-weight: bold;
	display: block;
	line-height: 1.4;
	letter-spacing: 0;
}
/* 詳細 */
#info dd p{font-size:12px;color:#503c30; line-height: 1.6;}





/*################################################################################
  media query
################################################################################*/

/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
	
    h2.midashi{margin-bottom: 30px;}
	
    /*スライダー*/
    #mainImg{height: 250px;}
    #mainImg img{height: 240px;padding-top: 10px;}
	
	/* スライダー追加CSS */
	.sp-buttons{padding-top:20px !important;}
	
	
	
    /* 施工事例 ------------------------------- */
	#case{margin-top: 50px;padding-bottom: 30px;}
    #case .commonWidth{margin-top: 20px;}
	
	#case dl{width: 100%;max-width: 280px; float: none; margin: 0 auto 35px;}
	/* 画像 */
	#case dt{width: 100%; float: none;margin-bottom: 10px;}
	/* テキスト */
	#case dd{width:auto; float:left;}
	#case dd p{margin: 10px 0px 5px; }
	
    /* 物件情報 ----------------------------------- */
	#info{width: 100%;padding:20px 0 40px;}
	#info a {width: 100%;margin: 0px 0px 30px;}
	/* 物件名 */
	#info dd em {margin-bottom: 5px;}
	
}