/* ========================================

   c_8528 専用スタイル

======================================== */


/* 1商品目だけ大きく表示
====================================================================== */

#c_5582 .list_grid_sf{
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: 52% 1fr 1fr;
    grid-template-rows: 1fr 1fr;
	gap: 20px;
}
#c_5582 .list_grid_sf> li {
	position: relative;
}
#c_5582 .list_grid_sf> li > a {
	display: block;
}
#c_5582 .list_grid_sf> li > a h4 {
	font-size: 14px;
	margin-top: 0.5em;
	text-align: center;
}
#c_5582 .list_grid_sf> li > a img {
	width: 100%;
	height: auto;
}
#c_5582 .list_grid_sf> li:hover > a img {
	opacity: 0.8;
}

#c_5582 .list_grid_sf> li:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; }
#c_5582 .list_grid_sf> li:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
#c_5582 .list_grid_sf> li:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2; }
#c_5582 .list_grid_sf> li:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3; }
#c_5582 .list_grid_sf> li:nth-child(5) { grid-column: 3 / 4; grid-row: 2 / 3; }

/* 3商品目だけ大きく表示  */
/* #c_8528 .list_grid_sh.grid_row { grid-template-columns: 1fr 1fr 40%; } */

#c_5582 div.pct {
	position: relative;
	width: 100%;
}
#c_5582 div.pct > p {
	position: absolute;
	bottom: 8px;
	right: 10px;
	z-index: 2;

	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-align: right;
	letter-spacing: 0.1em;
	text-shadow: 0 0 8px rgba(72,65,59,0.65), 0 0 12px rgba(72,65,59,0.65), 0 0 16px rgba(72,65,59,0.65), 0 0 20px rgba(72,65,59,0.65);
}

#c_5582 div.pct > p.obi {
	position: absolute;
	bottom: 8px;
	right: 0;
	z-index: 2;

	color: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-align: right;
	letter-spacing: 0.1em;
	text-shadow: none;
	background-color: rgba(255,255,255,0.75);
	padding: 6px 12px;
}


#c_5582 .list_cmn img {
	margin-bottom: 0!important;
}
#c_5582 .list_cmn h4 {
	margin-top: 0.5em;
}