@charset "utf-8";



/*-----------------------------------------------------------------------------------------------*/
/* ボディー -------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/* タイトル */
.body .title { position: relative; }
.body .title h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.body .title h1 img { width: 38px; }
.body .title .imagepc { display: none; }

/* リード文 */
.body .bodyheader .read {
	font-size: 2.0rem;
	line-height: 1.7;
	margin-top: 50px;
	text-align: center;
}

/* コメント */
.body .bodyheader .comment {
	font-size: 1.5rem;
	line-height: 2;
	margin: 10px auto 0;
	text-align: justify;
	max-width: 540px;
}

/* 名刀味噌本舗について */
.body .about { margin-top: 30px; }
.body .about a {
	border: solid 1px #000;
	color: inherit;
	display: block;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	height: 50px;
	margin: 0 auto;
	padding-top: 14px;
	text-align: center;
	text-decoration: none;
	width: 260px;
}
.body .about a:hover {
	border-color: #666;
	color: #666;
}

/* instagram, facebook */
.body .bodyfooter { padding-top: 80px; }
.body .fc-page,
.body .ig-page,
.body .fb-page { padding-bottom: 20px; }



/* バナー ---------------------------------------------------------------------------------------*/
.body .banner {
	padding-top: 90px;
	position: relative;
}
.body .banner .prev,
.body .banner .next {
	cursor: pointer;
	opacity: 0.45;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity 0.2s ease-out;
	z-index: 1;
}
.body .banner .prev { left: 0; }
.body .banner .next { right: 0; }
.body .banner .prev:hover,
.body .banner .next:hover { opacity: 1; }
.body .banner .prev img,
.body .banner .next img { width: 36px; }

.body .banner .slick-slide { margin-right: 1px; }


/* 商品一覧 -------------------------------------------------------------------------------------*/
.body .itemlist { padding-top: 50px; }

.body .itemlist .category {
	border-bottom: solid 1px #000;
	padding-top: 70px;
	text-align: center;
}
.body .itemlist .category:last-child { border: none; }

/* カテゴリー名 */
.body .itemlist h2 {
	font-size: 2.7rem;
	letter-spacing: 0.1em;
}

/* リード文 */
.body .itemlist .read {
	font-size: 1.6rem;
	line-height: 1.7;
	letter-spacing: 0.2em;
	margin-top: 15px;
}

/* リスト */
.body .itemlist ul {
	display: inline-block;
	margin-top: 30px;
}
.body .itemlist li {
	float: left;
	margin-right: 20px;
	margin-bottom: 45px;
	width: calc((100% - 20px) / 2);
}
.body .itemlist li:nth-child(2n) { margin-right: 0; }

.body .itemlist li > a {
	color: inherit;
	text-decoration: none;
}
.body .itemlist li > a:hover { opacity: 0.6; }

/* 画像 */
.body .itemlist .image {  }

/* テキスト */
.body .itemlist .text {
	font-size: 1.2rem;
	line-height: 1.5;
	position: relative;
	text-align: left;
}
.body .itemlist h3 {
	font-size: 1.6rem;
	margin-top: 15px;
}
.body .itemlist .type {
	background-color: #555;
	color: #fff;
	font-size: 1.0rem;
	height: 14px;
	padding: 0 5px;
	position: absolute;
	top: 5px;
	right: 0;
}
.body .itemlist .data,
.body .itemlist .comment { margin-top: 10px; }
.body .itemlist .comment { text-align: justify; }

.body .itemlist .link {
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: left;
}
/*-----------------------------------------------------------------------------------------------*/










@media(min-width: 531px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* ボディー -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* タイトル */
	.body .title h1 img { width: 26px; }
	.body .title .image { display: none; }
	.body .title .imagepc { display: block; }
	/* instagram, facebook */
	.body .ig-page {
		float: left;
		width: 48%;
	}
	.body .fb-page {
		float: right;
		width: 48%;
	}
	.body .fc-page { display: none; }
	/* 商品一覧 -------------------------------------------------------------------------------------*/
	.body .itemlist .category {
		border-bottom: none;
		margin-top: 90px;
	}
	/* リード文 */
	.body .itemlist .read br { display: none; }
	/* リスト */
	.body .itemlist li { width: calc((100% - 40px) / 3); }
	.body .itemlist li:nth-child(2n) { margin-right: 20px; }
	.body .itemlist li:nth-child(3n),
	.body .itemlist li:last-child { margin-right: 0; }
	/*-----------------------------------------------------------------------------------------------*/
}





@media(min-width: 769px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* ボディー -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* タイトル */
	.body .title h1 img { width: 38px; }
	/* 商品一覧 -------------------------------------------------------------------------------------*/
	/* リスト */
	.body .itemlist li { width: 192px; }
	.body .itemlist li:nth-child(3n) { margin-right: 20px; }
	.body .itemlist li:nth-child(4n),
	.body .itemlist li:last-child { margin-right: 0; }
	/*-----------------------------------------------------------------------------------------------*/
}





@media(min-width: 1025px) {
}










/* IE -------------------------------------------------------------------------------------------*/
.ie.YuGO {  }
.ie.YuGO .body .itemlist .type { padding-top: 2px; }

.ie.YuMIN {  }
.ie.YuMIN .body .about a { padding-top: 15px; }
/*-----------------------------------------------------------------------------------------------*/