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

.second_main_img {
	height: 350px;
	background: url("../img/area/main_img.jpg") no-repeat center / cover;
	margin-bottom: 50px;
}

.page_read {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto 40px;
}

.page_read h1 {
	text-align: center;
	font-size: 65px;
	color: #351c13;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 30px;
}

.page_read h1 span {
	font-size: 65px;
	font-weight: bold;
	display: block;
	line-height: 1;
}

.page_read h2.read {
	font-size: 24px;
	text-align: center;
	color: #351c13;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 20px;
}

.page_read p {
	font-size: 18px;
	color: #351c13;
	font-weight: 500;
	width: 86%;
	margin: 0 auto;
}

.category_content_wrap {
	margin-bottom: 132px;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 130px;
}

.category_content_wrap .category_image {
	position: relative;
	height: 300px;
	margin-bottom: 40px;
}

.category_content_wrap .category_image.vegetables {
	background: url("../img/area/vegetable_bg.jpg") no-repeat center / cover ;
}

.category_content_wrap .category_image.bg_meat {
	background: url("../img/area/meat_bg.jpg") no-repeat center / cover ;
}

.category_content_wrap .category_image.bg_grain {
	background: url("../img/area/grain_bg.jpg") no-repeat center / cover ;
}

.category_content_wrap .category_image.bg_farming {
	background: url("../img/area/farming_bg.jpg") no-repeat center / cover ;
}

.category_content_wrap .category_image h2.category_name {
	color: #fff;
	font-size: 30px;
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	text-shadow: 1px 1px 6px rgba(0,0,0,0.5);
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}

.category_content_wrap .category_image h2.category_name span {
	font-size: 18px;
	display: block;
	font-weight: bold;
}

.category_content_wrap .category_single {
	width: 87%;
	margin: 0 auto 60px;
}

.category_content_wrap .category_single img {
	width: 38.5%;
	max-width: 335px;
	border-radius: 300px;
}

.category_content_wrap .category_single .category_txt {
	width: 61%;
}

.category_content_wrap .category_single .category_txt h3 {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	padding: 0 20px;
}

.category_content_wrap .category_single .category_txt h3:before {
	content: "";
	background: url("../img/area/name_icon@2x.png") no-repeat center / 100%;
	width: 38px;
	height: 44px;
	display: inline-block;
	margin-right: 5px;
}

.category_content_wrap .category_single .category_txt h3 div {
	font-size: 22px;
	font-weight: bold;
	color: #351c13;
}

.category_content_wrap .category_single .category_txt h3 div span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #351c13;
}

.category_content_wrap .category_single .category_txt .category_area {
	border-bottom: 1px solid #351c13;
	margin-bottom: 5px;
	padding: 0 20px 5px;
}

.category_content_wrap .category_single .category_txt p.producter_area {
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.category_content_wrap .category_single .category_txt p.producter_area:before {
	content: "";
	background: url("../img/area/area_pin@2x.png") no-repeat center / cover;
	width: 20px;
	height: 28px;
	display: inline-block;
	margin-right: 2px;
}

.category_content_wrap .category_single .category_txt .producter_category {
	display: flex;
	align-items: center;
}

.category_content_wrap .category_single .category_txt .producter_category li {
	font-size: 18px;
	margin-right: 10px;
	display: flex;
	align-items: center;
}

.category_content_wrap .category_single .category_txt .producter_category li.vegetabele {
	display: none;
}
.category_content_wrap .category_single .category_txt .producter_category li.grain {
	display: none;
}
.category_content_wrap .category_single .category_txt .producter_category li.meat {
	display: none;
}
.category_content_wrap .category_single .category_txt .producter_category li.farming {
	display: none;
}

.category_content_wrap .category_single .category_txt .producter_category li:before {
	content: "";
	width: 34px;
	height: 32px;
	margin-right: 5px;
}

.category_content_wrap .category_single .category_txt .producter_category li.potato:before {
	background: url("../img/icon/poteto_icon.png") no-repeat center / cover;
}

.category_content_wrap .category_single .category_txt .producter_category li.carrot:before {
	background: url("../img/icon/carrot_icon.png") no-repeat center / cover;
}

.category_content_wrap .category_single .category_txt .producter_category li.sweet_potato:before {
	background: url("../img/icon/sweet_potato.png") no-repeat center / cover;
}

.category_content_wrap .category_single .category_txt .producter_category li.baby_leaf:before {
	background: url("../img/icon/baby_leaf.png") no-repeat center / cover;
}

.category_content_wrap .category_single .category_txt .producter_category li.mini_tomato:before {
	background: url("../img/icon/tomato_icon.png") no-repeat center / cover;
}

.category_content_wrap .category_single .category_txt .producter_category li.other1:before,
.category_content_wrap .category_single .category_txt .producter_category li.other3:before{
	background: url("../img/icon/other_icon.png") no-repeat center / cover;
}


.category_content_wrap .category_single .category_txt .producter_category li.komatsuna:before {
	background: url("../img/icon/komatsuna_icon.png") no-repeat center / cover;
}

.category_content_wrap .category_single .category_txt .producter_category li.meat:before {
	background: url("../img/icon/meat_icon.png") no-repeat center / cover;
}

.category_content_wrap .category_single .category_txt .producter_category li.grain:before {
	background: url("../img/icon/grain_icon.png") no-repeat center / cover;
}

.category_content_wrap .category_single .category_txt .producter_category li.farming:before {
	background: url("../img/icon/farming_icon.png") no-repeat center / cover;
}
.category_content_wrap .category_single .category_txt .producter_category li.egg:before {
	background: url("../img/icon/egg_icon.png") no-repeat center / cover;
}
.category_content_wrap .category_single .category_txt .producter_category li.chicken:before {
	background: url("../img/icon/chicken_icon.png") no-repeat center / cover;
}
.category_content_wrap .category_single .category_txt .producter_category li.pork:before {
	background: url("../img/icon/pork_icon.png") no-repeat center / cover;
}
.category_content_wrap .category_single .category_txt .producter_category li.baigokoro:before {
	background: url("../img/icon/grain_icon.png") no-repeat center / cover;
}
.category_content_wrap .category_single .category_txt .producter_category li.genmai:before {
	background: url("../img/icon/grain_icon.png") no-repeat center / cover;
}


.category_content_wrap .category_single .category_txt > p {
	font-size: 16px;
	font-weight: 500;
	color: #351c13;
	margin-bottom: 10%;
	padding: 0 20px;
}

.category_content_wrap .category_single .category_txt .link_btn {
	max-width: 270px;
}

a.link_btn.other_style {
	max-width: 600px;
	margin: 0 auto;
	font-size: 22px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: bold;
	width: 94%;
}




.category_main.vegetables {
	background: url("../img/category/vefetables_main.jpg") no-repeat center / cover;
}

.category_main.bg_meat {
	background: url("../img/category/meat_main.jpg") no-repeat center / cover;
}

.category_main.bg_grain {
	background: url("../img/category/grain_main.jpg") no-repeat center / cover;
}

.category_main.bg_farming {
	background: url("../img/category/farming_main.jpg") no-repeat center / cover;
}


.category_main {
	padding: 200px 0;
	margin-bottom: 50px;
}

.category_main h1 {
	font-size: 28px;
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.5);
}

.category_main h1 span {
	font-size: 75px;
	display: block;
	line-height: 1;
	letter-spacing: 4px;
	font-weight: bold;
}





@media screen and (max-width: 1024px){
	.category_content_wrap .category_single {
		width: 94%;
	}
	
	.page_read h1 span {
		font-size: 10vw;
	}
	
	.page_read h2.read {
		font-size: 5.5vw;
		text-align: left;
		font-weight: bold;
		line-height: 1.5;
		font-size: 5.5vw;
	}
	
	.page_read h2.read br {
		display: none;
	}
	
	.page_read p {
		width: 100%;
	}
}

@media screen and (max-width: 767px){
	.second_main_img {
		background: url(../img/area/sp/main_img.jpg) no-repeat center / cover;
		height: auto;
		padding: 33% 0;
	}
	
	.category_content_wrap .category_image {
		padding: 27% 0;
		height: auto;
	}
	
	.category_content_wrap .category_image.vegetables {
		background: url("../img/area/sp/vegetable_bg.jpg") no-repeat center / cover ;
	}

	.category_content_wrap .category_image.bg_meat {
		background: url("../img/area/sp/meat_bg.jpg") no-repeat center / cover ;
	}

	.category_content_wrap .category_image.bg_grain {
		background: url("../img/area/sp/grain_bg.jpg") no-repeat center / cover ;
	}
	
	.category_content_wrap .category_image.bg_farming {
		background: url("../img/area/sp/farming_bg.jpg") no-repeat center / cover ;
	}
	
	.category_content_wrap .category_image h2.category_name {
		font-size: 8vw;
	}
	
	.category_content_wrap .category_image h2.category_name span {
		font-size: 5vw;
	}
	
	.category_content_wrap .category_single .category_txt {
		width: 100%;
	}
	
	.category_content_wrap .category_single .category_txt h3,
	.category_content_wrap .category_single .category_txt .category_area{
		justify-content: center;
	}
	
	.category_content_wrap .category_single img {
		margin: 0 auto 20px;
		width: 80%;
	}
	
	.category_content_wrap .category_single .category_txt > p {
		margin-bottom: 5%;
	}
	
	.category_content_wrap .category_single .category_txt .link_btn {
		width: 80%;
		max-width: none;
		margin: 0 auto;
	}
	
	.category_content_wrap .category_single {
		margin-bottom: 40px;
	}
	
	.category_content_wrap {
		margin-bottom: 30px;
	}
	
	
	
	.vegetables {
		background: url("../img/category/sp/vefetables_main.jpg") no-repeat center / cover;
	}
	
	.bg_meat {
		background: url("../img/category/sp/meat_main.jpg") no-repeat center / cover;
	}
	
	.bg_grain {
		background: url("../img/category/sp/grain_main.jpg") no-repeat center / cover;
	}
	
	.bg_farming {
		background: url("../img/category/sp/farming_main.jpg") no-repeat center / cover;
	}
	
	.category_main {
		padding: 23% 0;
	}
	
	.category_main h1 {
		text-align: center;
		font-size: 5vw;
		letter-spacing: 2px;
		position: static;
		letter-spacing: 2px;
	}
	
	.category_main h1 span {
		font-size: 12vw;
	}
	
	.category_content_wrap .category_single .category_txt h3 div {
		font-size: 20px;
	}
	
	.category_content_wrap .category_single .category_txt > p {
		font-size: 14px;
	}
	
	a.link_btn.other_style {
		font-size: 18px;
	}
	
}