#main {
	display : grid;
	grid-template-columns : 30% 1fr;
	grid-gap : 40px;
}
#main #mainImg img {
	width : 100%;
	height : 100%;
	object-fit : contain;
}

#valiationItem h4 {
	font-weight : bold;
	margin-bottom : 32px;
}
#valiationItem ul {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
	grid-gap : 24px;
}
#valiationItem ul > li {
	padding : 16px;
	border : 1px solid #eeeeee;
	background-color : #fafaf8;
	box-shadow : 0 3px 4px 0 #f6f6f6;
}
#valiationItem .itemImg {
	height : 140px;
	margin-bottom : 16px;
}
#valiationItem .itemImg img {
	width : 100%;
	height : 100%;
	object-fit : contain;
}
#valiationItem .name {
	font-weight : bold;
	line-height : 1.45;
	margin-bottom : 16px;
}
#valiationItem .price {
	font-size : 0.875em;
	margin-bottom : 16px;
	color : #777777;
}
#valiationItem .price span {
	font-size : 1.125em;
	font-weight : bold;
	color : #468daf;
}
#valiationItem .stock {
	display : block;
	font-size : 0.785em;
	margin-bottom : 12px;
	margin-left : 0;
	padding : 4px;
	text-align : center;
	color : #666666;
	border : 1px solid #cccccc;
	background-color : #ffffff;
}
#valiationItem form {
	display : flex;
	align-items : center;
}
#valiationItem form select {
	font-size : 0.875em;
	margin : 0 8px 0 4px;
}
#valiationItem form button {
	font-size : 0.875em;
	padding : 0.65em 0.65em;
	cursor : pointer;
	color : #ffffff;
	border-radius : 2px;
	background : #333333;
}
#valiationItem form button:hover {
	background : #444444;
}

@media screen and (max-width: 767px) {
	#valiationItem ul {
		grid-template-columns : 1fr 1fr;
		grid-gap : 8px;
	}
	#valiationItem ul > li {
		padding : 8px;
	}
	#valiationItem form {
		font-size : 0.725em;
		justify-content : center;
	}
}