/*********************************/
/*  商品一覧
**********************************/

/*
* 見出し
*/
.cg-ttl{
	text-align: center;
	border-top: 2px solid #e4edf6;
	border-bottom: 4px solid #e4edf6;
}


/*
* フリースペース
*/
.cg_freespace dl{
	margin: 2rem 0;
}
.cg_freespace dt{
	margin-bottom: 1rem;
	font-size: 1.142rem;
}
.cg_freespace dd{
	margin-left: 0;
	margin-bottom: 2rem;
}


/*
* カテゴリー一覧
*/
.cg-box{
	padding: .3rem 1rem .5rem;
	background-color: #F5F5F5;
}
.cg-box h3{
	color: #14233a;
}
@media (max-width: 480px) {
	.cg-box h3 .jp{
		display: none;
	}
}
.cg-list{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.cg-list li{
	display: block;
	padding: .5rem;
}
.cg-list li a{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .5rem;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #e4edf6;
	color: #14233a;
	border: 2px solid #666;
}
.cg-list li a:hover{
	opacity: .8;
}
.cg-list li img{
	display: block;
	width: 60px;
	margin-right: .5rem;
	border: 2px solid #f1f1f1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/*
* 商品一覧用
*/
.list-num{
	text-align: left;
}
.list-num span{
	font-size: 1.5em;
	font-weight: bold;
}
.sort{
	text-align: right;
}
@media (max-width: 768px) {
	.list-num{
		text-align: center;
		margin-bottom: 1rem;
	}
	.sort{
		text-align: center;
	}
}