@charset "utf-8";
/* v.1.0.0 update.2015.08.27
 * 建築金物
 */
 /* header */
.header {
	padding-bottom:30px;
}
.header .title {
	background:#005bab;
}
/* main */
.main .top{
	margin-top:20px;
	height:auto;
}
.main .center .article {
	padding-bottom:20px;
}
.main .center .article .section{
	margin:30px 10px 0;
	position:relative;
}
.main .center .article .index {
	text-align:center;
}
.main .center .article .index img {
	padding:0 16px;
}
.main .center .article .use {
	text-align:center;
	margin-top:18px;
}
.main .center .article .use img {
	padding:12px 8px 0;
}
.main .center .article .use .text {
	margin-top:18px;
}
.main .center .article .feature {
	margin-top:40px;
}
.main .center .article .section.feature > .title {
	width:100%;
	text-align:center;
	padding-bottom:10px;
}
.main .center .article .feature .box {
	margin-top:16px;
}
.main .center .article .feature > .box span {
	font-size:80%;
}
.main .center .article .feature > .box.line{
	background-color:#52c3f1;
}
.main .center .article .example {
	background:#005bab;
	padding:20px;
	text-align:center;
}
.main .center .article .example .title {
	padding:20px;
}
.main .center .article .example .outer {
	background:#fff;
}
.main .center .article .example .text {
	padding:14px 10px;
}
.main .center .article .example .box {
	padding:20px 10px 10px;
}
.main .center .article .example .text.text7 {
	padding:20px 0 0 15px;
}

@media screen and (max-width: 800px){
	.header {
		padding-bottom:20px;
	}
	.main .center .article .section img {
		padding:0;
	}
	.main .center .article .index {
		margin-top:16px;
	}
	.main .center .article .section.index img {
		width:25%;
		padding:2%;
	}
	.main .center .article .section.use .image {
		width:100%;
	}
	.main .center .article .section.use .image img {
		height:35px;
		padding:1%;
		width:auto;
	}
	.main .center .article .section.use .text {
		width:96%;
	}
	.main .center .article .section.feature {
		margin-top:30px;
	}
	.main .center .article .section.example .title {
		padding:0;
	}
	.main .center .article .section.example {
		padding:10px;
	}
	.main .center .article .section.example img {
		width:90%;
		padding:2%;
	}
	.main .center .article .section.example .text.text1 {
		width:98%;
		padding:2% 0 2% 2%;
	}
	.main .center .article .section.example .text.text7 {
		width:98%;
		padding:2% 0 0 2%;
	}
}