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

   c_8528 専用スタイル

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

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

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

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


.list_grid_sh + .link_txt { margin-top: 20px; }


/* 1商品目だけ縦長に表示
====================================================================== */

#c_8528 .list_sh01 {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 20px;
}
#c_8528 .list_sh01 > li {
	position: relative;
	width: calc((100% - 20px*2)/3);
}

#c_8528 .list_sh01 > li > a {
	display: block;
}
#c_8528 .list_sh01 > li > a h4,
#c_8528 .list_sh01 > li > a h5 {
	font-size: 14px;
	/* margin-top: 0.5em; */
	text-align: center;
}
#c_8528 .list_sh01 > li > a img {
	margin-bottom: 12px;
}
#c_8528 .list_sh01 > li:hover > a img {
	opacity: 0.8;
}