@charset "UTF-8";
/* ---------- ---------- ---------- ---------- ---------- */
.product-index-list, .product-index-narrow .product-index-list {
		list-style: none;
		margin: 0;
		padding: 0;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.page-product .page-head .kv {
		background-image: url(../img/kv_product.jpg);
}

.product-category .page-head .kv {
		background-image: url(../img/kv_product.jpg);
}

.category-crude .page-head .kv, .category-food .page-head .kv, .category-medicine .page-head .kv, .category-herbal .page-head .kv {
		background-image: url(../img/kv_product.jpg);
}

/* ---------- ---------- ---------- ---------- ---------- */
/* 製品インデックス */
.product-index {
		margin-top: 140px;
		margin-bottom: 80px;
}

.product-index-list {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: space-between;
}

@media (max-width: 670px) {
		.product-index-list {
				display: block;
		}
}

.product-index-item {
		flex-basis: 48%;
		font-size: 15px;
}

.product-index-item a {
		position: relative;
		display: block;
		margin-bottom: 20px;
		padding: 45px 20px 65px;
		height: 100%;
		background: #C2CCD2;
		color: #575757;
		text-align: center;
}

.product-index-item a:after {
		content: "";
		position: absolute;
		bottom: 30px;
		left: 50%;
		display: block;
		margin-left: -12px;
		width: 24px;
		height: 12px;
		background: url(../img/icon_product_arrow.svg) no-repeat center;
		background-size: contain;
}

.product-index-item:nth-child(2) a {
		background: #c0c0c0;
}

.product-index-icon {
		margin-bottom: 10px;
}

.product-index-title {
		font-size: 24px;
		font-weight: bold;
}

@media (max-width: 670px) {
		.product-index {
				margin-top: 0;
		}
}

/* ---------- ---------- ---------- ---------- ---------- */
/* 製品インデックス 細*/
.product-index-narrow {
		/*margin: 0 20px 130px;*/
		margin: 0 20px 80px;
}

.product-index-narrow .product-index-list {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: space-between;
}

@media (max-width: 670px) {
		.product-index-narrow .product-index-list {
				display: block;
		}
}

.product-index-narrow .product-index-item {
		flex-basis: 32%;
}

.product-index-narrow .product-index-item a {
		position: relative;
		display: block;
		margin-bottom: 20px;
		padding: 20px 20px 10px;
		height: 100%;
		border: 1px solid #c1cbd1;
		background: #fff;
		color: #575757;
		text-align: center;
}

.product-index-narrow .product-index-item a:after {
		content: "";
		position: absolute;
		bottom: 15px;
		left: 50%;
		display: block;
		margin-left: -12px;
		width: 24px;
		height: 12px;
		background: url(../img/icon_product_arrow.svg) no-repeat center;
		background-size: contain;
}

.product-index-narrow .product-index-item.is-active a {
		background: #c1cbd1;
}

.product-index-narrow .product-index-icon {
		margin-bottom: 0;
}

.product-index-narrow .product-index-title {
		font-size: 22px;
		font-weight: bold;
}

@media screen and (max-width: 930px) and (max-width: 930px) {
		.product-index-narrow .product-index-icon {
				width: 45px;
		}
}

@media screen and (max-width: 930px) {
		.product-index-narrow .product-index-title {
				font-size: 18px;
		}
}

@media (max-width: 670px) {
		.product-index-narrow {
				margin: 0 0 60px;
		}
		.product-index-narrow .product-index-item a {
				text-align: left;
		}
		.product-index-narrow .product-index-item a:after {
				right: 10px;
				bottom: 50%;
				left: auto;
				margin-bottom: -9px;
				margin-left: 0;
				width: 18px;
				height: 18px;
				background: url(../img/icon_arrow.svg) no-repeat center;
		}
}

/* ---------- ---------- ---------- ---------- ---------- */
/* 製品カテゴリ */
.section-category:after {
		content: "";
		display: block;
		clear: both;
}

.section-category .section-title {
		float: left;
}

.section-category .section-body {
		overflow: hidden;
		/*margin-left: 80px;*/
		/*margin-left: 10px;*/
		/*padding-top: 70px;*/
}

/* 製品 */
.section-product:after {
		content: "";
		display: block;
		clear: both;
}

.section-product .section-title {
		float: left;
}

.section-product_dairiten .section-body {
}

.section-product .section-body {
		overflow: hidden;
		margin-left: 12%;
		/*padding-top: 70px;*/
		padding-top: 20px;
		max-width: 816px;
}

.subsection {
		margin-bottom: 140px;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* タブナビ 50音*/
.tab-nav-syllabary {
		flex-wrap: nowrap;
		justify-content: space-between;
		margin-left: 0;
}

.tab-nav-syllabary .tab-nav-item {
		flex: 0 0 9%;
		margin: 0;
		padding: 10px 5px;
		min-width: auto;
		font-size: 18px;
		color: #6c6a6a;
		text-align: center;
}

.tab-nav-syllabary .tab-nav-item:after {
		content: none;
}

.tab-nav-syllabary .tab-nav-item.is-active {
		color: #6c6a6a;
}

.tab-nav-syllabary .tab-nav-item.is-disable {
		color: #C2CCD2;
}

@media (max-width: 670px) {
		.tab-nav-syllabary {
				flex-wrap: wrap;
		}
		.tab-nav-syllabary .tab-nav-item {
				flex: 0 0 18%;
				margin-bottom: 10px;
				padding: 5px;
		}
}

/*# sourceMappingURL=product.css.map */