@charset "UTF-8";
/*
サイドフェンス

/* 0. page-header, page title
-------------------------------------*/
.page-header_l_inner { padding: 20px 0; }
.bread-nav { font-size: 1.3rem; }
.bread-nav a { color: #666; }
.product_pagetitle { padding: 0 0 60px; }
.page-product_tit {
	margin: 0 0 40px;
	text-align: center;
	font-size: 3.0rem;
	line-height: 1.1;
	letter-spacing: .05em;
}
.product_pagetitle p {
	width: 770px;
	margin: 0 auto;
	font-size: 1.8rem;
	line-height: 1.6;
}

page-top { background: url(/gate-around/sidefence//images/top_bg.png) repeat-x 0 95px; }

@media (max-width: 767px) {

.page-top {
		background: url(/gate-around/sidefence/images/top_bg.png) repeat-x 0 20px;
		background-size: auto 371px;}
}


@media (max-width: 767px) {
.bread-nav, .torisetu-btn { margin-bottom: 15px; }
	
.imgtxt-page-product_tit {
	width: 239px;
	height: 35px;
	background: url(/gate-around/sidefence/images/page_title.png) no-repeat center top;
	background-size: 100% auto;
	margin-bottom: 0;
}

.product_pagetitle { margin: 0 10px; }
.product_pagetitle p {
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.6;
}
}
/* --------------------------------------------------
	1. 
-------------------------------------------------- */
.product_tit {
	border-bottom: 2px solid #717171;
	padding-bottom: 5px;
	margin-bottom: 25px;
}

	
.product_read {
	color: #629521;
	margin-bottom: 15px;
}
/* --------------------------------------------------
	2. 
-------------------------------------------------- */
.product .row .product-parts { margin: 30px 0 50px; }
.product_subtit { margin-bottom: 30px; }
.product .row: after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
.product-matter_img {
	text-align: center;
	margin: 30px 0 60px;
}
.product-matter_img img { margin: 0 auto; }
.product-matter_desc h3 { margin-bottom: 30px; }
.product-matter_desc p { margin-bottom: 1em; }
.product-about_tit {
	background: #f3e9db;
	padding: 15px 0;
	border-top: 1px solid #918778;
	margin-bottom: 25px;
	text-align: center;
}
.product-parts .grid4 h4 {
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 15px;
}
.product-parts .grid4 dt {
	font-weight: normal;
	margin-bottom: 5px;
}
.product-parts p { margin-bottom: 1em; }


.dl-mb15 dd {
	margin-bottom: 15px;
	text-indent: 1em;
}


@media (max-width: 767px) {
.product .row {
	width: 100%;
	max-width: 100%;
	margin: 10px 0 20px;
}
div[class*=grid] { margin: 0 0 10px 0; }
}
}