/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
  padding:0;
  margin:20px 0 20px 0;
}
.cg_freespace_02 {
  padding:0;
  margin:20px 0 20px 0;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
  margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
  margin:0 0 10px 20px;
  padding:0;
}


/*サイドバー*/
.side {
	float: left;
	width: 210px;
}

.side h3 {
	padding-bottom: 5px;
	border-bottom: 1px solid #333333;
	margin-bottom: 15px;
}

.side div {
	margin-bottom: 20px;
}

.group ul {
	border-bottom: 1px dashed #333333;
}

.bnrarea li {
	margin-bottom: 20px;
}

/*一覧エリア*/
.itemlistarea {
	margin-bottom: 50px;
	overflow: hidden;
}

.itemlistarea .itemlistbox {
	float: left;
	width: 25%;
	margin: 0 0 20px;

    /*min-height: 250px;*/
}

/*サブカテゴリ　並び順を変更*/
.itemlistarea .sub_group_area,.itemlistarea .sort {
    width: 95%;
    margin: 10px auto 20px;
}
.itemlistarea .sub_group_area .sub_group {
    display: inline-block ;
    float: left;
    margin: 8px 4px;
}
.itemlistarea .sub_group_area .sub_group a {
    padding: 4px;
    background-color: #f2f2f2;
}



@media print, screen and (min-width: 769px) {
	.itemlistarea .itemlistbox:nth-child(4n + 1) {
		clear: both;
	}
}


@media only screen and (max-width: 768px) {
	.itemlistarea {
		text-align: justify;
	}

	.itemlistarea .itemlistbox {
		/*float: none;*/
		display: inline-block;
		width: 23%;
		margin: 0 1% 20px;

		min-height: 240px;
	}

	.itemlistarea .itemlistbox img {
		width: 100%;
	}
}

@media only screen and (max-width: 645px) {
	.itemlistarea {
		text-align: justify;
	}

	.itemlistarea .itemlistbox {
		/*float: none;*/
		display: inline-block;
		width: 48%;
		margin: 0 1% 20px;

		min-height: 240px;
	}

	.itemlistarea .itemlistbox img {
		width: 100%;
	}
}

/*2015/06/05 add */
.itemlistarea .itemlistbox:hover {
	opacity: 0.7;
}

.itemlistarea .itemlistbox:hover a,
.itemlistarea .itemlistbox:hover a:hover {
	color: #824F22;
}


.itemlistarea .itemlistbox .item_photo {
	border-bottom: 1px dashed #666666;
	max-width: 220px;
	margin: 0 auto 15px;
}

.itemlistarea .itemlistbox .item_photo img.item {
	max-width: 220px;
	display: block;
}

.itemlistarea .itemlistbox .item_detail {
	font-size: 13px;
	line-height: 20px;
	/*font-weight: bold;*/
	max-width: 220px;
	margin: 0 auto;
	min-height: 80px;
}
.itemlistarea .itemlistbox .item_price {
	font-weight: bold;
	color: red;
}

.itemlistarea .itemlistbox .item_detail a {
	text-decoration: none;
	text-align: justify;
}
