@charset "utf-8";

/*
=======================================
	item CSS
=======================================
*/

.header_2 {
	z-index: 12;
	position: relative;
	height: 100px;
}
.day {
	text-align: left;
}
/*-------------------------------------------
Mainvisual_2
-------------------------------------------*/
#mainvisual_2 {
	margin-top: -40px;	/*カテゴリー大タイトル　頭の位置*/
}
#mainvisual_2 img {
	width: 100%;
	max-width: 1920px;
	height: 250px;	/*メインビジュアル２　画像の高さ*/
	object-fit: cover;	/*メインビジュアル２　画像サイズを固定*/
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 120px;		/*メインビジュアル２　頭の位置*/
	z-index: -2;
}
.cat-title {		/*カテゴリー大タイトル*/
	font-family: 'henriette', sans-serif;
	font-weight: normal;
	color: #fff;			/*#b98e51;#5e4e4e;	*/
	font-size: 3.0em;
	text-align: center;
	margin-bottom: 150px;		/*キッチン雑貨の頭　位置*/
	letter-spacing: 0.5em;
	line-height: 1.1em;
}
.span_item {		/*カテゴリー大タイトルのサブコピー*/
	display:block;
	margin:-5px;
	color:#fff;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.2em;
}

/*コンテンツエリア*/
#main{
	width:940px;
	margin:0 auto;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:50px;
}

#main h2{
	text-align:center;
}

#main h3{
	margin-bottom:15px;
}

/*メインコンテンツ(640px以下)*/
@media screen and (max-width: 640px) {
	#main{
		width:90%;
		padding-right:0;
		padding-left:0;
	}
	
	#main{
		text-align:center;
	}
	
	#main h3{
		margin-bottom:15px;
		text-align:left;
	}
	.cat-title {
		font-size: 2.75em;
	}
}


/*リストアイテムの設定*/
.item{
	width:920px;
	margin-bottom:20px;
}

.item img{
	width:300px;
/*	height:240px;*/
}

h3{
	text-indent:0.5em;
	border-bottom: 1px solid #5e4e4e;
}
.item h3 {
	color:#5e4e4e;
	font-size: 1.25em;
}
.item-title {
	text-align:left;
	color:#5e4e4e;
	font-weight: normal;
	font-size: 1.0em;
	padding-top: 7px;
}

.item ul{
	overflow:hidden;
	margin-bottom:10px;
}

.item ul li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:10px;
}

.item ul li:nth-child(3n){
	margin-right:0;
}

/*-----リストアイテム(640px以下)-----*/
@media screen and (max-width: 640px) {
	.item{
		width:100%;
	}

	.item img{
		width:100%;
		height:auto;
/*		margin-bottom:10px;*/
		text-align:center;
	}

	.item ul li{
		float:left;
		width:40%;
		margin-right:10%;
		height:210px;
	}
	.item ul li:nth-child(2n) {
	    margin-right:0;
	}
	.item ul li:nth-child(3n) {
	    margin-right:10%;
	}

	.item-title{
		font-size:14px;
	}
	.item_k {
		margin-top:50px;
	}
	#mainvisual_2 {
		height: 20px;	/*アイテム文字の頭　位置*/
	}
}
/*
=======================================
	tag
=======================================
*/

.tag_item::before {			/*SALEタグ*/
	content:"";
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 4px;
	background: url(../img/flag-2-fill.svg) no-repeat;
	background-size: contain;
	position: relative;
	bottom: -17px;
	margin-top:-37px;
}
.tag_item2::before {		/*NEWタグ*/
	content:"";
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 5px;
	background: url(../img/new3.svg) no-repeat;
	background-size: contain;
	position: relative;
	bottom: -14px;
	margin-top:-37px;	
}

/*-----アイテム tagu(640px以下)-----*/
@media screen and (max-width: 640px) {
	.tag_item::before {		/*SALEタグ*/
	width: 30px;
	bottom: -20px;
	left: -1px;
	margin-top:-40px;
	}
	.tag_item2::before {	/*NEWタグ*/
	display: inline-block;
	width: 26px;
	left: -5px;
	bottom: -17px;
	margin-right: -1px;
	}
}
.tag_item {
	color:#5e4e4e;
}