@charset "UTF-8";
/*
* style_goods.css
* description : THE GRAND SLAM [ GOODS ]
*
* Created  2021/11/24.
* Last Update 2021/11/24.
*/




/* INDEX */
/*[[[ Contents ]]]*/

/*----- [[[ GOODS for Pages ]]] -----*/


/*----- [[[ Page Navi ]]] -----*/
/*[[[ Goods List ]]]*/










/*
[[[ Contents ]]]
*/

/*----- [[[ GOODS for Pages ]]] -----*/










/*----- [[[ Goods List ]]] -----*/
/*[[[ Goods Item List ]]]*/
#rc21.pages.p-goods #goods-list .goods-item-list {
		margin: 0;
	}

@media screen and (min-width: 576px) {
	#rc21.pages.p-goods #goods-list .goods-item-list {
		display: flex;
		flex-wrap: wrap;
	}

} /* @media screen and (min-width: 576px) */


@media screen and (min-width: 992px) {
	#rc21.pages.p-goods #goods-list .goods-item-list > li {
		box-sizing: border-box;
		padding: 0;
		margin: 15px 15px 0 0;
		width: calc(25% - 45px / 4);
	}
	#rc21.pages.p-goods #goods-list .goods-item-list .goods-item-list-detail:nth-child(4n) {
		margin-right: 0;
	}

} /* @media screen and (min-width: 992px) end */


@media screen and (max-width: 991px) and (min-width: 768px) {
	#rc21.pages.p-goods #goods-list .goods-item-list > li {
		box-sizing: border-box;
		padding: 0;
		margin: 15px 10px 0 0;
		width: calc(33.33333% - 20px / 3);
	}
	#rc21.pages.p-goods #goods-list .goods-item-list .goods-item-list-detail:nth-child(3n) {
		margin-right: 0;
	}

} /* @media screen and (max-width: 991px) and (min-width: 768px) end */


@media screen and (max-width: 767px) and (min-width: 576px) {
	#rc21.pages.p-goods #goods-list .goods-item-list > li {
		box-sizing: border-box;
		padding: 0;
		margin: 15px 12px 0 0;
		width: calc(50% - 12px / 2);
	}
	#rc21.pages.p-goods #goods-list .goods-item-list .goods-item-list-detail:nth-child(2n) {
		margin-right: 0;
	}

} /* @media screen and (max-width: 767px) and (min-width: 576px) end */


@media screen and (max-width: 575px) {
	#rc21.pages.p-goods #goods-list .goods-item-list > li {
		box-sizing: border-box;
		padding: 0;
		margin: 12px 0 0 0;
	}

} /* @media screen and (max-width: 767px) and (min-width: 576px) end */

/* #rc21.pages.p-goods #goods-list .goods-item-list .goods-item-list-detail:nth-child(-n + 4) {
} */




/*[[[ NEW Icon ]]]*/
.icn-new {
	position: absolute;
}

/*[ Icon ]*/
.icn-new {
	left: -1px;
	top: -1px;
}

.icn-new {
	width: 5%;
}

@media screen and (max-width:575px) {
	.icn-new {
		width: 10%;
	}
	.icn-new {
		left: 5px;
		top: 5px;
	}
	
} /* @media screen and (max-width:767px) end */