@charset "UTF-8";

.catalog img	{
	max-width: 100%;
	margin:auto;
}


h2 {
color:#556b2f;
font-size:18px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 5px;
/*border-bottom: 1px solid #ccc;*/
background-color: #E1E1c4;
}

/* catalog */
.catalog dl {

}
.catalog dt{
text-align:center;
font-size:12px;
font-weight: bold;
margin-left : 0px;
}
.catalog dd {
text-align:center;
font-size:12px;
margin-left : 0px;
}

/* ボックスの左右 */
.box8-1, .box8-2, .box8-3	{
text-align: center;
}


/* ボックスの上下 */
.box8 {
padding-bottom: 50px;
}


/* ########### 359px以下 ########### */
@media (max-width: 359px) {

}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {
.box8 img	{
width: 60%;
	}
}



/* ########### 767px以下 ########### */
@media (max-width: 767px) {

}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.box8:after	{content: "";
	display: block;
	clear: both;
	}

.box8-1	{float: left;
	width: 23%;
	margin-right: 2%;
	text-align: center;
}

.box8-2	{float: left;
	width: 18%;
	margin-right: 2%;
}
.box8-3	{float: left;
	width: 31%;
	margin-right: 2%;
	text-align: center;
}
/*.box6-2	{float: left;
	width: 25%;
	margin-right: 2%}

.box6-3	{float: left;
	width: 25%}*/

}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.box8
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}

}