@charset "utf-8";

/* グッズ */
#goods{
    position: relative;
	margin: 0 auto;
    padding: 10px 0 90% 0;
	background-color: #7697a1;
	background-image:radial-gradient(#496F75 10%, transparent 10%);
	background-size: 10px 10px;
}
#goods ul{
    position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
}
#goods ul li{
    position: relative;
	margin: 0 0 60px 0;
	color: #000000;
	clear: both;
}
#goods ul li .goodsImg{
    position: relative;
	margin: 0 auto 10px auto;
}
#goods ul li .goodsprice{
    position: relative;
	margin: 0;
	text-align: right;
}
#goods ul li .goodsprice span{font-size: .22rem; font-weight: 900;}
#goods ul li .goodspec{
    position: relative;
	margin: 10px auto;
	padding: 10px 0;
	border-top: solid 1px #000000;
}
#goods ul li .goodspec .spec01 p{position: relative;}
#goods ul li .goodspec .specImg{display: inline;width: 33%;float: right;padding:0 0 10px 10px;}
#goods .caution{font-size: .13rem;display: block;padding-top:10px;}


/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	/* グッズ */
	#goods{padding: 10px 0 500px 0;}
	#goods ul{width:900px;}
	#goods ul li{width: 410px;}
	#goods ul li .goodsImg{margin: 0 auto 20px auto;}
	#goods ul li .goodsprice span{font-size: .24rem;}
	#goods .caution{font-size: .14rem;padding-top:20px;}
}