@charset "UTF-8";

/*--------------------------------------------------------------------
goods.html
goods.css
--------------------------------------------------------------------*/

/*------------goods---------------------------------------------------------------*/
.goods ul {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-top: 0.8em;
}
.goods ul li {
	width: calc((100% - 40px) / 2);
	padding-left: 0;
	text-indent: 0;
}
.goods ul li dl dt {
	margin-top: 0.45em;
	font-weight: bold;
	color: var(--co-pink02);
}
.goods ul li dl dd {
	margin-top: 0.25em;
	font-size: 0.87em;
}

@media (max-width: 979px) {
	.goods ul li { width: calc((100% - 10px) / 2); }
}

@media (max-width: 599px) {
	.goods ul li { width: 100%; }
	.goods ul li a { pointer-events: none; }
}