/*-------------------------------------------
商品一覧　タイトル
-------------------------------------------- */
.ichiran-title {
	background:#eee;
}
.ichiran-title h2 {
    font-size: 30px;
    line-height: 1.4;
    font-weight: normal;
    font-family: "Sawarabi Mincho";
  	text-align: center;
	padding: 30px 0;
	margin-bottom: 40px;
}
/*-------------------------------------------
フリースペースに関する指定
-------------------------------------------- */
#cg_freespace_01 {
	overflow:hidden;
	width: 100%; 
	margin: 0px 0px 40px 0px;
	padding: 0px;
}
#cg_freespace_02 {
	overflow:hidden;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}
#cg_freespace_01 .box_l {
	width: 18%; 
	text-align: center; 
	float:left;
	background-color:#FFFFFF;
}
#cg_freespace_01 .box_l img{
  	width: 100%; 
	padding: 0px 0px 0px 0px;
}
#cg_freespace_01 .box_r {
	width: 80%; 
	float: right;
}
#contents #cg_freespace_01 .box_r h2{
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 10px;
	font-size: 14px;
	font-weight: 550;
	border-top: 0px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-image: url(https://zakai.outline-industrial.com/v3/images/bg_gray.gif);
}
#cg_freespace_01  img{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
  	width:auto;
}
#cg_freespace_01 .box_r p{
	padding: 0px 0px 10px 0px;
}
#cg_freespace_01 .box_r p a:link {color:#444444;text-decoration: none; font-size:90%;}
#cg_freespace_01 .box_r p a:visited {color:#444444;text-decoration: none; font-size:90%;}
#cg_freespace_01 .box_r p a:hover {color:#009898;text-decoration: none; font-size:90%;}
#cg_freespace_01 .box_r p a:active {color:#009898;text-decoration: none; font-size:90%;}
/*-------------------------------------------
カテゴリー一覧
-------------------------------------------- */
/*-------------------------------------------
グループ一覧
-------------------------------------------- */
#bottom_sp_category.ct-bt-line {
	border-bottom: 1px solid #ddd;
  	padding-bottom: 30px;
}
#group_box,
#bottom_sp_category {
	margin: 0px 0px 40px 0px;
}
#group_box .group,
#bottom_sp_category .category{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
}
#group_box .group li,
#bottom_sp_category .category li{
	width: 23%; 
	margin: 0px 1% 10px;
	float:left;
}
#group_box .group li a,
#bottom_sp_category .category li a{
  	width:100%;
	background: #d8d8d8;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transition: all .2s;
	-o-transition: all .2s;
	-ie-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
    display: flex;
	justify-content: center;
	align-items: center;
  	padding: 0 5px;
}
/* 画像がある時 */
#bottom_sp_category .ct-img-box li{
	margin: 0px 1% 25px;
}
#bottom_sp_category .ct-img-box li img{
	width: 100%;
}
#bottom_sp_category .ct-img-box li p{
	padding: 8px;
}
#bottom_sp_category .ct-img-box li a{
  	width:100%;
	background: #d8d8d8;
	height: auto;
	line-height: 1.4;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	transition: all .2s;
	-o-transition: all .2s;
	-ie-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
    display: block;
  	padding: 0 0 0 0;
}
#group_box .group .ca_img,
#bottom_sp_category .category .ca_img{
	border: 0px solid #eeeeee;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
#group_box .group li a:link {color:#444444;text-decoration: none;line-height: 1.4;}
#group_box .group li a:visited {color:#444444;text-decoration: none;}
#group_box .group li a:hover {color:#fff;text-decoration: none; background: #777;}
#group_box .group li a:active {color:#009898;text-decoration: none;}

#bottom_sp_category .category li a:link {color:#444444;text-decoration: none;line-height: 1.4;}
#bottom_sp_category .category li a:visited {color:#444444;text-decoration: none;}
#bottom_sp_category .category li a:hover {color:#fff;text-decoration: none; background: #777;}
#bottom_sp_category .category li a:active {color:#009898;text-decoration: none;}

@media screen and (max-width: 1240px){
#group_box .group li,
#bottom_sp_category .category li{
    width: 31.3%;
}
#group_box .group li a,
#bottom_sp_category .category li a{
    height: 50px;
}
#bottom_sp_category .ct-img-box li a{
    height: auto;
}
}
@media screen and (max-width: 980px){
#cg_freespace_01 .box_l {
    float: none;
    width: 35%;
    margin: 0 auto 30px;
}
#cg_freespace_01 .box_r {
	float: none;
    width: 100%;
}
}
@media screen and (max-width: 768px){
#group_box .group li,
#bottom_sp_category .category li {
    width: 48%;
}
#cg_freespace_01 .box_l {
    width: 40%;
}
}
@media screen and (max-width: 420px){
#cg_freespace_01 .box_l {
    width: 60%;
}
}
@media screen and (max-width: 420px){
#group_box .group li a,
#bottom_sp_category .category li a{
    font-size: 85%;
}
}