/* Unchanged */
@charset "UTF-8";
/****************************************************************************
　product.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2017.09.07
   Last up date   : 2017.09.07
****************************************************************************/


/***********************************
    #Product	
************************************/
#Product .box {
	width: 100%;
	max-width: 1080px;
	overflow: hidden;
	padding: 0 0 30px 0;
	position: relative;
}

#Product ul {
	overflow: hidden;
}
#Product ul li {
	margin: 20px 1.4% 0 0;
	width: 30.4%;
	float: left;
	background: #DFDFDF;
	padding: 1% 1% 2% 1%;
}
#Product ul li:nth-child(3), 
#Product ul li:nth-child(6) {
	margin-right: 0;
}
#Product ul li img.mainPhoto {
	width: 100%;
}
#Product ul li p {
	padding: 10px 0 20px 0;
}
#Product ul li p strong {
	font-weight: bold;
}
#Product ul li a {
	width: 165px;
	margin: 0 auto;
	display: block;
}
#Product ul li a img{
	width: 100%;
}


/****** スマホ設定   ****/

@media screen and (max-width:768px) {
#Product ul li {
	margin: 2% 0 0 2%;
	width: 45%;
	float: left;
	background: #DFDFDF;
	padding: 1% 1% 4% 1%;
}
#Product ul li:nth-child(odd) {
	clear: both;
}
#Product ul li img.mainPhoto {
	width: 100%;
}
#Product ul li p {
	padding: 10px 0 20px 0;
	font-size: 12px;
	height: 5em;
	display: block;
}
#Product ul li p strong {
	font-weight: bold;
}
#Product ul li a {
	width: 80%;
	margin: 0 auto;
	display: block;
}
#Product ul li a img{
	width: 100%;
}




}