@charset "utf-8";

/* --------------------------------------------------------------
製品情報(共通)
-------------------------------------------------------------- */
#main h3 {
	background: none;
	padding: 0;
	margin: 0;
	line-height: 0;
}
#main section {
	margin: 0;
}
.btn_box {
	background: url(/images/product/bg_btn.gif) repeat;
	display: block;
	margin-bottom: 15px;
}
.btn_box li {
	display: block;
	float: left;
}
#main p {
	padding: 0;
	margin-bottom: 15px;
}
.category {
	background: #000;
	overflow: hidden;
}
.category h4 {
	color: #FFF;
	font-weight: normal;
}
.category ul {
	display: block;
	margin-right: -1px;
}
.category ul li {
	display: block;
	float: left;
	box-sizing : border-box;
	border-right: solid 1px #3e3e3e;
	border-bottom: solid 1px #3e3e3e;
}
/* .category ul li:nth-child(n+7) {
	border-bottom: solid 1px #3e3e3e;
	}
.category ul li:nth-child(n+14) {
	border-top:none;
	border-bottom:none;
	} */

/* --------------------------------------------------------------
製品情報(PC)
-------------------------------------------------------------- */

@media screen and (min-width:640px){

.product h2 {
	background:url(/images/product/bg_btn.gif);
	text-align: center;
}
.product h2 img {
	margin: 0 auto;
}
.product .titleArea02 h2 {
	background: none;
	text-align: left;
}
#main {
	margin-top: 60px;
}
.btn_box {
	padding: 10px 4px;
}
.btn_box li {
	padding: 10px;
}
.category {
	/*margin: 40px 20px!important;*/
	margin: 40px 20px 0 20px!important;;
}
.category h4 {
	padding: 15px 30px;
	text-align: right;
}
#main .pTitle{
	font-weight:bold;
	font-family:'Oswald';
	font-size:44px;
	margin:30px 0 13px 0 !important;
	line-height:1.1 !important;
	}
#main .pTitle span{
	background-color:#C41D3B;
	color:#FFFFFF;
	padding:0 12px 0 12px;
	margin-right:0;
	}

	.product-list-banner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		width: 1320px;
		margin: 0 auto;
		/*padding: 30px 0 0 0;*/
		padding: 0;
	}
	.product-list-banner li {
		width: 620px;
		margin-bottom: 60px;
	}
	.product-list-banner li a {
		display: block;
	}
	.category-wrap {
		width: 1000px;
		margin: 0 auto;
	}
	.banner-catalog {
		width: 480px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
		text-align: center;
	}
}

/* --------------------------------------------------------------
製品情報(SP)
-------------------------------------------------------------- */

@media screen and (max-width:640px){

.product .product-lp img {
	width: 100%;
}
.product h2 {
	margin-bottom: 22px;
}
.product .titleArea02 h2 {
	margin-bottom: auto;
	margin: 20px 0;
}
.category {
	/*margin: 20px 0!important;*/
	margin: 20px 0 0 0!important;
}
.btn_box {
	padding: 1% .5%;
}
.btn_box li {
	line-height: 0;
	padding: 1%;
	width: 48%;
	line-height: 0;
}
.category h4 {
	font-size: 11px;
	padding: 5px 0;
	text-align: center;
}
.category ul li {
	width: 25%;
}
#main .pTitle{
	font-size:100%;
	margin:30px 0 13px 5px !important;
	line-height:1.1 !important;
	}
#main .pTitle span{
	background-color:#C41D3B;
	color:#FFFFFF;
	padding:0 6px 0 6px;
	margin-right:0;
	}

	.product-list-banner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-direction: column;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin: 0;
		/*padding: 30px 0 0 0;*/
		padding: 0;
	}
	.product-list-banner li {
		width: 100%;
		margin-bottom: 40px;
	}
	.product-list-banner li a {
		display: block;
		line-height: 10px;
	}
	.banner-catalog {
		width: 89.33%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
}

@media screen and (max-width:320px){

	}