@charset "utf-8";

/* ------------------------------------------------------------

	category_list

------------------------------------------------------------ */

#category_list {
	margin-bottom: 40px;
}
#category_list h4{
	font-size: 1.125em;
	color: #331A00;
	margin-bottom: 20px;
}
#category_list p{
	margin-bottom: 20px;
}
#category_list .gray_border {
	padding: 20px 20px 10px;
	margin-bottom: 20px;
}
#category_list .gray_border .four {
	width: 34%;
	max-width: 34%;
	margin-right: 3%;
	float: left;
}
#category_list .gray_border .eight {
	width: 63%;
	max-width: 63%;
	float: left;	
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


	
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 479px) {
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#category_list .gray_border .four {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	float: none;
}
#category_list .gray_border .eight {
	width: 100%;
	max-width: 100%;
	float: none;	
}

}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ------------------------------------------------------------

	category_detail

------------------------------------------------------------ */

#category_detail p{
	margin-bottom: 20px;
}
#category_detail h4{
	font-size: 1.25em;
	color: #331A00;
	margin-bottom: 20px;
}
#category_detail .gray_border {
	padding: 20px 20px 10px;
	margin-bottom: 20px;
}
#category_detail .six {
	border: 1px solid #CCC;
	float: left;
	width: 48%;
	max-width: 48%;
	margin-right: 2%;
	padding: 10px 10px 0px;
	margin-bottom: 20px;
	font-size: 0.875em;
	height: 280px;
}
#category_detail .six img {
	display: block;
	margin-bottom: 5px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


	
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 479px) {
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#category_detail .six {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	float: none;
	height: auto;
}


}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */