@charset "utf-8";
/* ======================== ﾌﾜｼ｡ ==========================

	[01]:要素リセット
	[02]:共通スタイル
	[03]:リンクスタイル
	[04]:ヘッダー要素
	
======================================================== */


/* -------------------------[01]:施工事例スタイル*/
ul.pref_list li{
	display: inline-block;
	padding: 2px 20px 2px 0;
}

section.sortBox {
	margin-bottom: 30px;
}

div.resultBox	{ padding: 0px; }
div.resultData	{ width:320px; height: 380px; border: 3px solid #d4d1c3; padding: 0px; margin-bottom: 10px; float:left; margin-left:20px; }
div.resultData:nth-child(3n+1)	{ margin-left:0; }
div.resultBox .detailCap	{ width: 100%; min-height: 24px; text-align: left; padding: 6px 6px 0px; }
div.resultBox .itemDetail	{ padding: 6px; text-align:center; }
div.resultBox .photoData	{ width: 280px; padding: 1px; margin:0 auto; }
div.resultBox .photoData img	{ max-width: 280px; max-height: 300px; padding: 1px; margin:0 auto; }
div.resultBox .btnBox		{ width: 100%; margin-top:5px; text-align:center; }
div.resultBox .btnBox div	{ padding: 0; }

div.detailBox	{ padding: 0px; }
div.detailData	{ border: 3px solid #d4d1c3; padding: 0px; margin-top: 10px; }
div.detailBox .detailCap	{ width: 100%; text-align: left; padding: 8px 8px 0px; }
div.detailBox .itemDetail	{ padding: 10px; }
div.detailBox .photoData	{ width: 430px; padding: 1px; float: left; text-align: center; }
div.detailBox .textData		{ width: 520px; background:#e5e5e5; margin-left:15px; float: right; padding: 10px 10px; text-align:left; }
div.detailBox .textData .detailData	{ padding: 0px 0px 5px; }
div.detailBox .textData .detailData span	{ display: block; float: left; width: 76px; height: 21px; margin-right: 3px; }
div.detailBox .textData .detailData .itemData	{ background: #f2f1ed; padding: 3px 5px 1px; width: 310px; float: left; border-radius: 3px; text-align: left; color: #664a00; font-size: 11px; }
div.detailBox .textData .detailData ul	{  }
div.detailBox .textData .detailData li	{ width: 140px; float: left; background: url(../img/works/works_detail_icon.png) no-repeat 0% 50%; padding: 0px 0px 0px 10px; }
div.detailBox .btnBox		{ width: 125px; float: right; margin-top:10px; }
div.detailBox .btnBox div	{ padding: 0; }


a.btn { display: inline-block; background:#55838d; padding: 3px 6px; border-radius:2px; color: #fff; }
a.btn:hover { opacity: 0.6; }


div.noResult	{ color:#990000; font-weight:bold; text-align:center; margin:50px auto; }

@media screen and (min-width:0px) and (max-width:767px){
	div.resultData	{ width:100%; margin-left: 0; }
	div.resultBox .photoData	{ width: 100%; }
	div.detailBox .photoData	{ width: 100%; padding: 1px; float: left; text-align: center; }
	div.detailBox .textData		{ width: 100%; background:#e5e5e5; margin-left:15px; float: right; padding: 10px 10px; text-align:left; }
div.detailBox .textData .detailData .itemData	{ background: #f2f1ed; padding: 3px 5px 1px; width: 100%; float: left; border-radius: 3px; text-align: left; color: #664a00; font-size: 11px; }
}