@charset "utf-8";


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

二階層目専用CSS

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

/*　見出し */
h2.midashi{margin-top: 80px;margin-bottom: 80px;}
/* 画像じゃなくてテキストの場合 */
h2.midashi.text span {
	color: #392F29;
	background: #fff;
	font-size: 40px;
	font-weight: normal;
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0px 50px;
	line-height: 1.3;
}


/*********************************************************************************
会社概要
*********************************************************************************/
#company dl {border-bottom: 1px solid #f1ebe2;margin-bottom: 20px;padding-bottom: 20px;}
#company dl dt{margin-left: 10px; color: #ce2a33; float: left;font-weight: bold;}
#company dl dd{margin-left: 21%;}
#company dl dd small{display: block;margin-top: 5px;}
/* リストのナンバー表示 */
#company dl dd ul.num li{list-style-type:decimal;margin-left: 1.6em;}



/*********************************************************************************
施工事例+物件情報　共通
*********************************************************************************/
/* スライダー */
#infoWorks .slider {
	padding: 20px 116px 30px;
	border: 1px solid #d6d2cb;
	box-shadow: 2px 2px 2px -1px #d6d2cb;
	-moz-box-shadow: 2px 2px 2px -1px #d6d2cb;
	-webkit-box-shadow: 2px 2px 2px -1px #d6d2cb;
}

/*スライダー矢印*/
#infoWorks .sp-previous-arrow:before,
#infoWorks .sp-previous-arrow:after,
#infoWorks .sp-next-arrow:before,
#infoWorks .sp-next-arrow:after {background: #7b7b7b !important;}

/*建物名*/
#infoWorks .name {margin-bottom: 22px;}
#infoWorks .name .home {
	text-align: center;
	width: 120px;
	float: left;
	font-size: 16px;
	padding: 1px 0px;
	margin-right: 10px;
}
#infoWorks .name p{line-height: 1.3;margin-left: 140px;font-size: 21px;}

/* 一覧へ戻る */
#infoWorks .back{text-align: right;font-size: 12px;margin-top: 10px;}
#infoWorks .back a{text-decoration: none;color: #392F29;}
#infoWorks .back a:hover{color: #CE2A33;}


/* 建物情報 ------------- */
#infoWorks #data{padding-top:50px;margin-top:50px;background: #f1ebe2; }
#infoWorks #data dl{border: 1px solid #a29b90;overflow: hidden;font-size: 12px; min-height: 30px;}
#infoWorks #data dl:nth-child(1){border-bottom:none;}
#infoWorks #data dt {
	width: 140px;
	height: 100%;
	background: #fff;
	float: left;
	padding: 14px 0 32767px 14px;
	margin-bottom: -32767px;
}
#infoWorks #data dd{float: left;margin:14px 0 14px 14px;}


#infoWorks #data .table{overflow: hidden;}
#infoWorks #data .table dl{float: left; width: 50%;padding-bottom: 100%;margin-bottom: -100%;border-bottom: none;}

/* 表の左側 */
#infoWorks #data .table dl:nth-child(2n+1){clear: left;}
/* 表の右側 */
#infoWorks #data .table dl:nth-child(even){border-left: none;}
/* テキストエリア */
#infoWorks #data .table dd{width:280px;}

/* 下部お問い合わせbox ---------------------- */
#infoWorks #data .contact {margin: 60px auto 0; padding-bottom: 100px;text-align: center;}
#infoWorks #data .contact a:hover{opacity: 0.8;}

/* 電話番号 */
#infoWorks #data .contact .tel{width: 280px;margin-right: 40px;display: inline-block;}
/* お問い合わせ */
#infoWorks #data .contact .mail{
	background: #392f29;
	padding:7px 55px;
	margin: 4px;
	color: #fff;
	letter-spacing: 5px;
	border: 1px dashed #fff;
	border-radius: 5px;
	display: inline-block;;
	font-size: 19px;
	vertical-align: top;
	text-decoration: none;
	-moz-box-shadow: 0 0 0 4px #392f29,1px 1px 4px 3px rgba(10, 10, 0, .5);
	-webkit-box-shadow: 0 0 0 4px #392f29,1px 1px 4px 3px rgba(10, 10, 0, .5);
	box-shadow: 0 0 0 4px #392f29,1px 1px 6px 3px rgba(10, 10, 0, .5);
}
#infoWorks #data .contact .mail i {padding-right: 8px;}





/*********************************************************************************
施工事例
*********************************************************************************/
/* 一覧ページ */
#works #ichiran a {width: 21%;margin: 0px 2% 30px;display: inline-block;text-decoration: none;vertical-align: top;}
#works #ichiran a:hover {opacity: 0.8;}
/* 新築かリフォームか */
#works #ichiran a h4{width: 100%;}
/* キャッチテキスト */
#works #ichiran a p {line-height: 1.4;font-size: 14px;}




/*********************************************************************************
物件情報
*********************************************************************************/
#info footer{margin-top: 0;}
/*物件情報　一覧ページ*/
#info #ichiran{margin-bottom: 180px;}

/* サムネイル ------------- */
#info #ichiran a {
	width: 46%;
	margin: 0px 2% 2%;
	padding: 15px;
	font-size: 14px;
	border: 1px solid #958276;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}
#info #ichiran a:hover{opacity: 0.8;}

/* 画像 ------------- */
#info #ichiran a dt{width: 190px; text-align: center;float: left;}
#info #ichiran a dt img{max-height: 125px;}

/* テキスト ------------- */
#info #ichiran a dd{margin-left: 210px;}
#info #ichiran a dd p{padding-top: 10px;line-height: 1.5;font-size: 12px;}
#info #ichiran a dd p em{display: block;font-size: 15px;font-weight: bold;letter-spacing: 0px;margin-bottom: 3px;}





/* ********************************************************
コンタクト
※SSLを導入しているので、コンタクトのCSSは「contact」ディレクトリに入ってます
******************************************************** */






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

/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
    body{letter-spacing: 0px;}
    
	h2.midashi{margin: 40px auto;}
    h2.midashi.text span{padding: 0px 20px;font-size: 23px;}
	
    
	/*********************************************************************************
	会社概要
	*********************************************************************************/
	#company {margin-bottom: 110px;}
	#company dl {margin-bottom: 15px;padding-bottom: 15px;}
	#company dl dt{margin-left: 0px; float: none;margin-bottom: 5px;}
	#company dl dd{margin-left: 0%;line-height: 1.4;}
	#company dl dd small{margin-top: 8px;}
	/* リストのナンバー表示 */
	#company dl dd ul.num li{margin-left: 1.4em;}
    
	
    
	/*********************************************************************************
	施工事例+物件情報　共通
	*********************************************************************************/
	/* スライダー */
	#infoWorks .slider {width: auto;border: none;box-shadow: none; padding:0px;margin: 0; }
	#infoWorks .sp-thumbnails{margin-top: 15px;}
	
	/*建物名*/
	#infoWorks .name {margin-bottom: 15px;}
	#infoWorks .name .home{width:auto; float: none;font-size: 13px;padding: 2px 30px;margin-right: 0px;}
	#infoWorks .name p{;margin-left: 0px;font-size: 14px;margin-top: 10px;}
	
	/* 一覧へ戻る */
	#infoWorks .back{margin-top: 30px;}
	#infoWorks .back a{display: inline-block;border: 1px solid #ccc;padding: 2px 10px;}
	
	
	
	/*********************************************************************************
	施工事例
	*********************************************************************************/
	/* 一覧ページ */
	#works #ichiran a {width: 80%;margin: 0px auto 30px;display: block;}
	
    
    /*********************************************************
    物件情報
    **********************************************************/
	/* 物件情報　一覧ページ*/
	/* サムネイル ------------- */
	#info #ichiran a {width: 80%;margin: 0px auto 30px;padding: 15px;display: block;}
	
	/* 画像 ------------- */
	#info #ichiran a dt{width: 100%; float: none;}
	#info #ichiran a dt img{max-height: 200px;}
	
	/* テキスト ------------- */
	#info #ichiran a dd{margin-top: 10px;margin-left: 0px;}
	#info #ichiran a dd p{padding-top: 10px;font-size: 14px;}
	#info #ichiran a dd p em{font-size: 16px;margin-bottom: 3px;}
    
    
	/* 物件スペック */
	#infoWorks #data{padding-top:50px;margin-top:50px;}
	#infoWorks #data dl{font-size: 14px;line-height: 1.4;}
	#infoWorks #data dt {
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
		padding: 5px 0 5px 6px;
		font-size: 13px;
		color: #775757;
	}
	#infoWorks #data dd{width: auto; float: none; padding: 12px 10px; margin:0px;}
	
	#infoWorks #data .table dl{float: none; width: 100%;padding-bottom: 100%; margin-bottom: -100%;}
	#infoWorks #data .table dd{width:auto;}
	#infoWorks #data .table dl:nth-child(even){border-left: 1px solid #a29b90;}
	
	#infoWorks #data .contact {margin: 30px auto 0;}
	#infoWorks #data .contact .tel{width: 80%;margin: 0 auto 30px;}
	#infoWorks #data .contact .mail{font-size: 15px;}
	
	
	
}