@charset "utf-8";

/* .goods
-------------------------------------------- */
.goods {
	overflow: hidden;
}
.goods dl {
	float: left;
	margin: 0 30px 0 0;
	border-radius: 5px;
	text-align: center;
}
.goods dl:last-child {
	margin-right: 0;
}
.goods dl dt {
	margin-bottom: 15px;
	text-align: center;
}

.module.mod_text th,
.module.mod_text td.cols-label {
	width: 50%;
}
/*===============================================
  画面の横幅が680px以下に適用
===============================================*/
@media screen and (max-width: 680px){
	.goods dl {
		width: 48%;
		margin: 0 4% 20px 0;
	}
	.goods dl:nth-child(2n) {
		margin-right: 0;
	}
	.goods dl:nth-last-child(-n+2){
		margin-bottom: 0;
	}
	.module.mod_text th,
	.module.mod_text td.cols-label {
		width: auto;
	}
}
/*===============================================
  画面の横幅が480px以下に適用
===============================================*/
@media screen and (max-width: 480px){
	.goods dl {
		float: none;
		width: 200px;
		margin: 0 auto 20px;
	}
	.goods dl:nth-child(2n),
	.goods dl:last-child {
		margin-right: auto;
	}
	.goods dl:nth-last-child(-n+2){
		margin-bottom: 20px;
	}
}