@charset "utf-8";
/* CSS Document */

/*----------------------------------------
トップページ
------------------------------------------*/
/* スライダー */
#container #top-slider ul.slider .prev-arrow,
#container #top-slider ul.slider .next-arrow{
	display: none!important;
}

/* おすすめコーディネート */
#top-coordinate{
	padding: 15px 0 19px 0;
	background: url(https://htkni.itembox.design/item/img/top/bg-coordinate.png);
}
#top-coordinate h2{
	margin: 0 30% 16px 30%;
	text-align: center;
}
#top-coordinate ul.slider-coord{
	overflow: hidden;
}
#top-coordinate ul.slider-coord li{
	/* margin-left: 20px; */
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	background: #FFFFFF;
}
#top-coordinate ul.slider-coord li img{
	margin: 0 auto 10px auto;
}
#top-coordinate ul.slider-coord .prev-arrow{
	position: absolute;
	left: 1.3%;
	top: 50%;
	transform: translate(0, -15px);
	z-index: 1;
}
#top-coordinate ul.slider-coord .next-arrow{
	position: absolute;
	right: 1.3%;
	top: 50%;
	transform: translate(0, -15px);
	z-index: 1;
}
#top-coordinate ul.slider-coord img.prev-arrow,
#top-coordinate ul.slider-coord img.next-arrow{
	width: 30px;
}
#top-coordinate .wrap p.btn{
	height: 40px;
	line-height: 40px;
	margin: 45px 22.4% 0 22.4%;
}

/* トップページバナー */
.top-banner{
	padding: 17px 5.3%;
	background: #F9F9F9;
}
.top-banner.color{
	background: #FFFFFF;
}
.top-banner .cols2 .box p.name{
	text-align: center;
}
.top-banner .cols2 img{
	margin-bottom: 5px;
}

/* 人気商品はこちら */
#top-popular{
	padding: 15px 0;
	color: #534741;
}
#top-popular h2#h2-popular{
	margin: 0 25% 25px 25%;
	text-align: center;
}
.fs-c-productListCarousel{
	position: relative;
}
.fs-c-productListCarousel .fs-c-productListCarousel__ctrl--prev{
	position: absolute;
	top: 35%;
	left: 1.3%;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(https://htkni.itembox.design/item/img/common/icon-prev.png) no-repeat;
	background-size: 30px;
	transform: translate(0, -15px);
	z-index: 1;
	overflow: hidden;
}
.fs-c-productListCarousel .fs-c-productListCarousel__ctrl--next{
	position: absolute;
	top: 35%;
	right: 1.3%;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(https://htkni.itembox.design/item/img/common/icon-next.png) no-repeat;
	background-size: 30px;
	transform: translate(0, -15px);
	z-index: 1;
	overflow: hidden;
}
.fs-c-productListItem__imageContainer{
	margin-bottom: 5px;
}
.fs-c-productListItem__imageContainer img{
	/*max-width: 100vw;*/
	max-width: 49vw;
	max-height: 100vh;
	padding:2vw;
}
.fs-c-productListItem__productName{
	margin: 0 5.3% 10px 5.3%;
	width: 45vw;
}

.fs-c-productPrice{
	margin: 0 5.3% 20px;
	display: flex;
	align-items: flex-end;
}
.fs-c-productListItem__control{
	display: none;
}
#top-popular a{
	color: #534741;
}



/* 畑乃家とは */
#top-about{
	padding: 36px 5.3% 21px 5.3%;
	background: url(https://htkni.itembox.design/item/img/top/bg-about.jpg) center top no-repeat;
	background-attachment: fixed;
}
#top-about .wrap h2{
	margin: 0 20% 20px 20%;
	text-align: center;
}
#top-about .wrap p.text1{
	text-align: center;
	margin-bottom: 2em;
}
#top-about .wrap p.btn{
	height: 40px;
	line-height: 40px;
	margin: 45px 22.4% 0 22.4%;
}

/* お知らせ */
#top-news{
	margin: 0 auto;
	padding: 30px 5.3%;
}
#top-news .cols2 h2{
	margin: 0 16% 35px 16%;
}
#top-news .cols2 .right .box{
	display: flex;
	margin-bottom: 15px;
}
#top-news .cols2 .right .box:last-child{
	margin-bottom: 0;
}
#top-news .cols2 .right .box p.date{
	width: 30%;
	margin-top: 3px;
	color: #497635;
	font-weight: bold;
	font-size: 14px;
}
#top-news .cols2 .right .box p.title{
	width: 70%;
}
#top-news .cols2 .right .box p.title a{
	color: #463933;
	font-size: 14px;
	text-decoration: underline;
}

/*20191226_ngi*/
#top-middlebnr-l{padding: 15px 0 19px 0;background: url(https://htkni.itembox.design/item/img/top/bg-campaign.png);}
#top-middlebnr-l h2{margin: 0 30% 16px 30%;text-align: center;}
.top-bannerlp {padding: 17px 5.3%;background: #fbf7f6;}
.top-bannerlp .color{background: #FFFFFF;}
.top-bannerlp .cols2 .box p.name{text-align: center;}
.top-bannerlp .cols2 img{margin-bottom: 5px;}
.top-bannerlp .cols2_center .box p.name{text-align: center;}
.top-bannerlp .cols2_center img{margin-bottom: 5px;}

#top-middlebnr-h{padding: 15px 0 19px 0;background: url(https://htkni.itembox.design/item/img/top/bg-item.png);}
#top-middlebnr-h h2{margin: 0 30% 16px 30%;text-align: center;}
.top-bannerly {padding: 17px 5.3%;background: #fbfbf1;}
.top-bannerly .color{background: #FFFFFF;}
.top-bannerly .cols2 .box p.name{text-align: center;}
.top-bannerly .cols2 img{margin-bottom: 5px;}
.top-bannerly .cols2_center .box p.name{text-align: center;}
.top-bannerly .cols2_center img{margin-bottom: 5px;}

#top-middlebnr-b{padding: 50px 0 19px 0;/*background: url(https://htkni.itembox.design/item/img/top/bg-item.png);*/}
#top-middlebnr-b h2{margin: 0 30% 16px 30%;text-align: center;}
.top-bannerwhb {padding: 17px 5.3%;/*background: #fbfbf1;*/}
.top-bannerwhb .color{background: #FFFFFF;}
.top-bannerwhb .cols2 .box p.name{text-align: center;}
.top-bannerwhb .cols2 img{margin-bottom: 5px;}
.top-bannerwhb .cols3 .box p.name{text-align: center;}
.top-bannerwhb .cols3 img{margin-bottom: 5px;}

#top-bottombnr-h{padding: 15px 0 19px 0;/*background: url(https://htkni.itembox.design/item/img/top/bg-item.png);*/}
#top-bottombnr-h h2{margin: 0 30% 16px 30%;text-align: center;}
.top-bannerwh {padding: 17px 5.3%;/*background: #fbfbf1;*/}
.top-bannerwh .color{background: #FFFFFF;}
.top-bannerwh .cols2 .box p.name{text-align: center;}
.top-bannerwh .cols2 img{margin-bottom: 5px;}