/* ************************************************
*  トップ
* ************************************************ */
/*お知らせ*/
.information{
	margin-bottom: 20px;
}

/*ビジュアル大*/
.mainVisual{
	margin-bottom: 20px;
}
.mainVisual img{
	margin-bottom: 10px;
	width: 100%;
}
.mainVisual h2{
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.1;
}

/*特集*/
.feature ul{
	overflow: hidden;
	list-style: none;
}
.feature ul li{
	overflow: hidden;
	float: left;
	width: 364px;
	margin-right: 12px;
	margin-bottom: 20px;
	font-size: 13px;
}
.feature ul li:nth-child(2n) {
	margin-right: 0;
}
.feature ul li .oneCol{
	width: 100%;
}
.feature ul li .twoCol{
	width: 48.5%;
	margin-right: 3%;
	float: left;
}
.feature ul li .twoCol:last-child{
	margin-right: 0;
}
.feature ul li div a img{
	width: 100%;
	margin-bottom: 10px;
}
.feature ul li div a h3{
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.1;
}

.feature a:hover {
  text-decoration:none;
  opacity:0.8;
}

/*商品一覧　商品周りは共通cssで調整*/
#box_recommend h4{
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 10px;
}
@media screen and (min-width: 771px) and (max-width: 1050px){
	.feature ul li{
		width: 49%;
		margin-right: 2%;
	}
}
@media screen and (min-width: 320px) and (max-width: 770px){
	/*ビジュアル大*/
	.mainVisual{
		margin-bottom: 20px;
	}
	.mainVisual img{
		margin-bottom: 10px;
	}
	.mainVisual h2{
		margin-bottom: 5px;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.1;
	}
	.feature ul li{
		overflow: hidden;
		float: none;
		width: 100%;
		margin-right: 0;
	}
}