/*サムネイル*/
.col-lg-3 {
    list-style: none;
}
/*販売価格*/
.product-list__price{font-size: 1.3em;}


.cg_freespace_01{
    margin: 0;
    padding-bottom: 20px;
	}

.cg_freespace_02{		
	margin:20px 0 40px 0
	}

.subgroup{margin-top:20px; margin-left:10px; display:flex;flex-wrap: wrap;  align-self: center;}
.subgroup li{width:23%; margin-bottom:20px; margin-right:20px;}
.subgroup li:nth-child(4n){margin-right:0;}

.subgroup li.pic{font-size:13px; background:#c0e2f3; box-sizing:border-box;text-align:center;}
.subgroup li.pic:hover,
.subgroup li.pic a:hover{background:#7cd5ec; color:#FFF;height:245px;} 
.subgroup li.pic a{color:#10a4cc; text-decoration:none; display:block; padding:4px; font-weight:bold;box-sizing:border-box;}
.subgroup li img{display:block;width:100%; border-radius:8px;margin-bottom:5px;}
.subgroup li div{ margin-left:5px;}

.subgroup li.no-pic{
	font-size:13px;
	box-sizing:border-box;
	display:block;
  	height:245px;
	padding: 0.5em 1em;
	text-decoration: none;
	background:#c0e2f3;
	color: #10a4cc;
	font-weight:600;
	/*border-radius: 4px;*/
	/*box-shadow: 0px 0px 0px 5px #c0e2f3;*/
	/*border: dashed 2px #FFF;*/
  position:relative;
  text-align:center;
	}

li.no-pic:hover{
	background: #7cd5ec;
	/*box-shadow: 0px 0px 0px 5px #7cd5ec;*/
	color:#FFF;
}
li.no-pic a{
  color: #10a4cc;
  cursor:pointer;
  height:100%;
  display: flex;/* テキストを天地中央に揃えるため*/
  justify-content: center;
  align-items: center;
  font-size:1.5em;
  font-family: font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
li.no-pic a:hover{color:#FFF;}
li.no-pic::after{
	font-family: "Font Awesome 5 Free";
	content: "\f138"" ";
	font-weight: 600;
	font-size:1.5em;
	color: #10a4cc;
	position:absolute;
	bottom:20px;
	left:45%;
}
li.no-pic:hover::after{color:#FFF;}