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

#goods {background: linear-gradient(to right bottom, rgba(100,50,100,0.3), rgba(135,215,195,0.5));}
#goods ul {width:90%;margin:0 auto;}
#goods ul li {width:100%;float:none;padding:0.5em;margin-bottom: 0.5em;}
#goods ul li img {width:80%;margin:0 auto;}
#goods ul li p {font-weight: 600;display: inline-block;line-height: 1.1em;}
#goods ul li span {/*display: block;*/line-height:1.2em;padding: 0;}
#goods ul li span.alert {text-align: left;}
#goods ul li span.exp {font-size: 0.875em;}
#goods ul li span.price {font-weight: 600;color:red;text-align: right;display: block;}
#goods ul li span.price:after {content:"\0028\0074\0061\0078\0020\0069\006e\002e\0029";font-size: 0.65em;}

#goods > div > p span {font-size: 0.9em;line-height: 1.2em;}
#goods a {background: none;cursor: zoom-in;padding: 0;}

@media screen and (min-width: 750px) {
	#goods ul li {width:50%;float:left;padding:0.5em;font-size: 1.5em;}
	#goods ul li span.exp {font-size: 0.75em;}
	#goods ul li p {display: block;}
}

@media screen and (min-width: 920px) {
	#goods > div > p {text-align: center;}
}