@charset "utf-8";
/* CSS Document */

/* products ==============================================================
	1. p-mainTitle
	2. p-comment
	3. p-lineup
======================================================================== */

/* =====================================================================
	1. p-mainTitle
======================================================================== */

.p-products .p-mainTitle {
	width: 100%;
	height: 90px;
	background: url(../img/title/title_products.png) no-repeat center, url(../img/title/bg_title.jpg) repeat center;
}
@media screen and (max-width: 999px) {
	.p-products .p-mainTitle {
		height: 45px;
		background-size: auto 45px;
	}
}

/* =====================================================================
	2. p-comment
======================================================================== */

.p-products .p-comment {
	text-align: center;
	padding: 0 0 20px;
	background: url(../img/products/bg_comment.jpg) repeat center;
}
.p-products .p-comment .c-text {
	color: #7F3F00;
	font-size: 1.4rem;
	line-height: 2.6rem;
	text-shadow: 2px 2px 8px #FFFFFF, -2px -2px 8px #FFFFFF, 2px -2px 8px #FFFFFF, -2px 2px 8px #FFFFFF;
}
.p-products .p-comment .c-text .p-caution {
	color: #FF0000;
	font-size: 1.4rem;
	line-height: 2.6rem;
}
@media screen and (max-width: 999px) {
	.p-products .p-comment .c-text {
		padding: 0 10px;
	}
}

/* =====================================================================
	3. p-lineup
======================================================================== */

.p-products .p-lineup {
	width: 100%;
	padding: 20px 0 80px;
	background: url(../img/products/bg_lineup-odd.jpg) repeat-y top center;
}
.p-products .p-lineup .p-title {
	width: 100%;
	height: 50px;
	padding: 0 0 40px;
	background: url(../img/products/title_lineup.png) no-repeat center;
}
.p-products .p-lineup .c-odd {
	background: url(../img/products/bg_lineup-odd.jpg) no-repeat center;
}
.p-products .p-lineup .c-even {
	background: url(../img/products/bg_lineup-even.jpg) no-repeat center;
}
.p-products .p-lineup .c-row {
	display: block;
	width: 1000px;
	margin: auto;
	font-size: 0;
}
.p-products .p-lineup .c-row .c-item {	
	display: inline-block;
	width: 460px;
	height: auto;
	margin: 25px 20px;
	padding: 20px;
	border: #E2D3C1 solid 10px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.7);
}
.p-products .p-lineup .c-row .c-item .c-name {
	position: relative;
	left: -50px;
	width: 450px;
	height: 380px;
}
.p-products .p-lineup .c-row .c-item .p-name01 {
	background: url(../img/products/title_item01.png) no-repeat left bottom, url(../img/products/img_item01.jpg) no-repeat right top;
}
.p-products .p-lineup .c-row .c-item .p-name02 {
	background: url(../img/products/title_item02.png) no-repeat left bottom, url(../img/products/img_item02.jpg) no-repeat right top;
}
.p-products .p-lineup .c-row .c-item .p-name03 {
	background: url(../img/products/title_item03.png) no-repeat left bottom, url(../img/products/img_item03.jpg) no-repeat right top;
}
.p-products .p-lineup .c-row .c-item .p-name04 {
	background: url(../img/products/title_item04.png) no-repeat left bottom, url(../img/products/img_item04.jpg) no-repeat right top;
}
.p-products .p-lineup .c-row .c-item .p-name05 {
	background: url(../img/products/title_item05.png) no-repeat left bottom, url(../img/products/img_item05.jpg) no-repeat right top;
}
.p-products .p-lineup .c-row .c-item .p-name06 {
	background: url(../img/products/title_item06.png) no-repeat left bottom, url(../img/products/img_item06.jpg) no-repeat right top;
}
.p-products .p-lineup .c-row .c-item .p-name07 {
	background: url(../img/products/title_item07.png) no-repeat left bottom, url(../img/products/img_item07.jpg) no-repeat right top;
}
.p-products .p-lineup .c-row .c-item dd {
	text-align: left;
	color: #7F3F00;
	font-size: 1.4rem;
	line-height: 2.6rem;
}
@media screen and (max-width: 999px) {
	.p-products .p-lineup {
		padding-top: 10px;
		padding-bottom: 40px;
		background-size: 100% auto;
	}
	.p-products .p-lineup .p-title {
		height: 25px;
		background-size: auto 25px;
		padding-bottom: 20px;
	}
	.p-products .p-lineup .c-odd,
	.p-products .p-lineup .c-even {
		background: none;
	}
	.p-products .p-lineup .c-row {
		width: auto;
		text-align: center;
		margin: 0 auto;
		background: url(../img/products/bg_lineup-odd.jpg) no-repeat center top, url(../img/products/bg_lineup-even.jpg) no-repeat center bottom;
		background-size: 100% 50%, 100% 50%;
	}
	.p-products .p-lineup .c-row.c-row1cell {
		background: url(../img/products/bg_lineup-odd.jpg) no-repeat center, none;
		background-size: 100% 100%;
	}
}
@media screen and (max-width: 499px) {
	.p-products .p-lineup .c-row {
		padding: 0 20px;
	}
	.p-products .p-lineup .c-row .c-item {
		width: 100%;
		margin: 10px 0;
		padding: 10px;
		border-width: 5px;
	}
	.p-products .p-lineup .c-row .c-item .c-name {
		left: -25px;
		width: auto;
		height: 0;
		padding-top: 85%;
	}
	.p-products .p-lineup .c-row .c-item .p-name01,
	.p-products .p-lineup .c-row .c-item .p-name02,
	.p-products .p-lineup .c-row .c-item .p-name03,
	.p-products .p-lineup .c-row .c-item .p-name04,
	.p-products .p-lineup .c-row .c-item .p-name05,
	.p-products .p-lineup .c-row .c-item .p-name06,
	.p-products .p-lineup .c-row .c-item .p-name07 {
		background-position: left bottom, 50px top;
		background-size: 225px auto, 100% auto;
	}
}