/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset   "UTF-8";
#eino h2 {
	text-align: center;
	margin:				50px auto;
	font-size:			27px;
	font-weight:		bold;
}
#eino p {
	width:				70%;
	margin:				50px auto;
	padding:			0;
	font-size:			16px;
	text-align:			left;
	line-height:		23px;
}
#eino img {
	width:				100%;
}
#eino section {
	width:				100%;
}
#eino .wrap {
	width:				80%;
	max-width:			1440px;
	margin:				0 auto;
	padding:			50px 0 20px 0;
/*border:1px red solid;*/
}
#eino , h3 {
	width:				100%;
	margin:				30px auto;
	text-align:			center;
	font-size:			21px;
	font-weight:		bold;
}

#eino .area-b {
	width:				100%;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row nowrap;
	        flex-flow:			row nowrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
/*	justify-content:	space-between;*/
	padding:			20px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#eino .area-b a {
	width:				45%;
	margin:				10px;
	padding:			20px 10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
@media screen and ( max-width:768px ) {
	#eino h2 {
		font-size:			20px;
	}
	#eino p {
		width:				80%;
		font-size:			15px;
		line-height:		23px;
	}
	#eino .wrap {
		width:				90%;
		padding-top:		40px;
	}
	#eino h3 {
		font-size:			17px;
	}
}
@media screen and ( max-width:428px ) {
	#eino .area-b {
		-webkit-box-orient:			vertical;
		-webkit-box-direction:			normal;
		    -ms-flex-flow:			column nowrap;
		        flex-flow:			column nowrap;
	}
	#eino .area-b a {
		width:				100%;
		margin:				5px;
	}
}

/* 防除基準エリア ********************************/
#bojo .cont {
	width:				90%;
	margin:				0 auto;
}
#bojo .cont .ctop {
	width:				100%;
	margin:				0;
/*border:1px lime solid;*/
}
#bojo .cont .cmid {
	width:				100%;
	margin:				20px 0;
	padding:			20px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	border:				1px #909090 solid;
	border-radius:		2px;
	font-size:			13px;
	line-height:		19px;
}
#bojo .cont .cbot {
	width:				100%;
	margin:				0;
	padding:			0 20px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	font-size:			13px;
	line-height:		19px;
/*border:1px lime solid;*/
}
@media screen and ( max-width:768px ) {
	#bojo .cont .cmid {
		padding:			10px;
		font-size:			12px;
		line-height:		17px;
	}
	#bojo .cont .cbot {
		width:				100%;
		padding:			0 5px;
		font-size:			12px;
		line-height:		17px;
	}
}

/* 特栽米エリア **********************************/
#tokusai  .cont {
	width:				90%;
	margin:				0 auto;
}
@media screen and ( max-width:768px ) {
}

/* 青色申告エリア ********************************/
#blue .cont {
	width:				70%;
	margin:				0 auto;
}
#blue .cont h4 {
	width:				100%;
	padding:			30px 0;
	font-size:			20px;
	text-align:			center;
}
#blue .cont div {
	width:				100%;
}
@media screen and ( max-width:768px ) {
	#blue .cont {
		width:				85%;
	}
	#blue .cont h4 {
		font-size:			19px;
	}
}
@media screen and ( max-width:428px ) {
	#blue .cont {
		width:				100%;
	}
	#blue .cont h4 {
		font-size:			4vw;
	}
}

/* お勧め部 */
#blue .recommend div {
	width:				100%;
	margin:				0 auto;
	padding:			20px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	border-radius:		2px;
	background-color:	#3399c1;
}
#blue .recommend div p, #blue .recommend div ul {
	width:				100%;
	margin:				0;
	padding:			0;
	text-align:			left;
	font-size:			19px;
}
#blue .recommend div p {
	color:				white;
	padding-bottom:		10px;
}
#blue .recommend div ul {
	list-style:			none;
	line-height:		27px;
}
#blue .recommend div li {
	color:				white;
}
#blue .recommend div li:before {
	content:			'◎　';
}
#blue .recommend .caut {
	width:				100%;
	margin:				0 auto;
	padding:			10px 0;
/*border:1px lime solid;*/
}
@media screen and ( max-width:768px ) {
	#blue .recommend div p, #blue .recommend div ul {
		font-size:			17px;
		padding-bottom:		0;
	}
	#blue .recommend div ul {
		line-height:		27px;
	}
}
@media screen and ( max-width:428px ) {
	#blue .recommend div p, #blue .recommend div ul {
		font-size:			3.5vw;
	}
	#blue .recommend div ul {
		line-height:		18px;
	}
	#blue .recommend .caut {
		font-size:			3vw;
		line-height:		16px;
	}
}

/* 青申会部 */
#blue .meet, #blue .inquily {
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
}
#blue .meet {
	-webkit-box-align:		center;
	    -ms-flex-align:		center;
	        align-items:		center;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
}
#blue .meet p {
	width:				70%;
	margin:				0;
	padding:			0;
}
#blue .meet img {
	width:				25%;
	margin:				0;
	padding:			0;
}
@media screen and ( max-width:428px ) {
	#blue .meet p {
		font-size:			3vw;
		line-height:		16px;
	}
}

/* お問い合わせ部 */
#blue .inquily {
	-webkit-box-align:		end;
	    -ms-flex-align:		end;
	        align-items:		flex-end;
	-ms-flex-pack:	distribute;
	    justify-content:	space-around;
}
#blue .inquily span:nth-child(1) {
	font-size:			25px;
}
#blue .inquily span:nth-child(2) {
	font-size:			35px;
	font-weight:		bold;
}
@media screen and ( max-width:428px ) {
	#blue .inquily span:nth-child(1) {
		font-size:			5vw;
	}
	#blue .inquily span:nth-child(2) {
		font-size:			7vw;
	}
}

/* 特産物エリア *********************************/
#product .cont {
	width:				100%;
	margin:				0 auto;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		end;
	    -ms-flex-align:		end;
	        align-items:		flex-end;
	-ms-flex-pack:	distribute;
	    justify-content:	space-around;
/*border:1px lime solid;*/
}
#product .cont a {
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			vertical;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			column wrap;
	        flex-flow:			column wrap;
	-webkit-box-align:		center;
	    -ms-flex-align:		center;
	        align-items:		center;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
	width:				200px;
	height:				200px;
	border-radius:		20%;
	background-color:	#f0f0f0;
	margin:				7px;
	-webkit-transition:			.2s transform ease 0s;
	-o-transition:			.2s transform ease 0s;
	transition:			.2s transform ease 0s;
}
#product .cont a:hover {
	-webkit-transform:			scale(1.1);
	    -ms-transform:			scale(1.1);
	        transform:			scale(1.1);
}
#product .cont a div {
	font-size:			18px;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#product .cont a .cherry {
	width:				60%;
}
#product .cont a .pear {
	width:				55%;
}
#product .cont a .apple {
	width:				60%;
}
#product .cont a .taro {
	width:				55%;
}
#product .cont a .plum {
	width:				60%;
}
@media screen and ( max-width:768px ) {
	#product .cont {
		-webkit-box-pack:	start;
		    -ms-flex-pack:	start;
		        justify-content:	flex-start;
	}
}