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

@charset   "UTF-8";

/*整列構文*/
/*.commonBtn_P {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}*/


#imaaeee img {
	width:		100vw;
	height: 20vw;
}

/*各種項目*/
#n_info section {

	width:				80%;
	max-width:			1440px;
	margin:				0 auto;
	padding:			30px 0;
}
#n_info h2 {
	margin:				50px auto;
	font-size:			27px;
	font-weight:		bold;
}

#n_info h3 {
	width:				100%;
	margin:				30px auto;
	text-align:			left;
	font-size:			21px;
	font-weight:		bold;
}
@media screen and ( max-width:768px ) {

	#n_info section {
		width:				95%;
		padding-top:		40px;
		padding-bottom:		0px;
	}

	#n_info h2{
		font-size:			20px;
	}

	#n_info h3 {
		font-size:			17px;
	}
}
@media screen and ( max-width:428px ) {
}

/************************************************/
/* 各農作物紹介								*/
/************************************************/
.yohaku{
	margin-left:7%;
}
@media screen and( max-width:428px){
	.yohaku{
	display:none;
	}
}
#saibai div {
	width:				100%;
	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:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
	padding:			5px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
/*border:1px blue solid;*/
}
#saibai div a {
	width:				40%;
	margin:				0 5px 5px 0;
	padding:			15px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	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:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
}
#saibai div a span {
	text-align:	left;
}

/* #saibai div#rice, { } */
#saibai div#fruit,
#saibai div#vegeta{
	height: 250px;
}




#saibai div#flower {
	height:				200px;
}
@media screen and ( max-width:768px ) {

	#saibai div a {
		font-size:			14px;
	}

	#saibai div#flower{
		height:				220px;
	}
}
@media screen and ( max-width:428px ) {

	#saibai div {
		padding:			0;
	}

	#saibai div a {
		width:				49%;
		padding:			15px 5px;
	}

	#saibai div#fruit,
  #saibai div#vegeta{
		height: 250px;
	}

	 /* {
		height:				400px;
	} */
}


/********************************************************/
/* 新着情報　＆　お知らせ										*/
/********************************************************/
#News, #Notice {
	width:				100%;
	padding:			50px 0;
/*border: 1px black solid;*/
}
#News ul, #Notice ul {
	width:				87%;
	list-style:			none;
	margin:				70px auto;
	max-width:			1440px;
/*border: 1px black solid;*/
}
#News li, #Notice li {
	/*クリックしたときの変化  */
	width:				100%;
	border-bottom:		1px #bbbbbb solid;
	background-color:	rgba(255, 255, 255, 0);
	-webkit-transition:			.3s all;
	-o-transition:			.3s all;
	transition:			.3s all;
	opacity:			1;
}
#News li:hover, #Notice li:hover {
	-webkit-transition:			.3s all;
	-o-transition:			.3s all;
	transition:			.3s all;
	opacity:			.5;
}
#News li a, #Notice li a {
	width:				100%;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			vertical;
	-webkit-box-direction:			reverse;
	    -ms-flex-flow:			column-reverse nowrap;
	        flex-flow:			column-reverse nowrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;		/* 縦 */
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;		/* 横 */
/*border: 1px lime solid;*/
}
#News li h3 {
	width:60%;
	position: absolute;
	color:				#444444;
	font-size:			17.5px;
	font-weight:		bold;
	text-align:			left;
	margin:				0px 9% 30px;
/*border:	1px blue solid;*/
}
#News img{
	position: relative;
	margin-left: 5%;
	margin-bottom: 1%;
 }
#News li span {
	color:				#909090;
	font-size:			16px;
	margin:				30px 9% 15px;
/*border:	1px red solid;*/
}
@media screen and ( max-width:768px ) {
	#News li h3, #News li span {
		margin-left:		0;
		margin-right:		0;
	}
}
@media screen and ( max-width:428px ) {
	#News li h3 {
		width:65%;
		margin-bottom:		5%;
	}
}

@media screen and ( max-width:375px ) {
	#News li h3 {
		margin-top:			2.5vw;
		margin-bottom:		5%;
	}
}
@media screen and ( max-width:320px ) {
	#News {
		padding:			15vw 0;
	}
	#News ul {
		margin:				20vw auto;
	}
	#News li h3 {
		font-size:			15px;
		margin-top:			2.5vw;
		margin-bottom:		3%;
	}
	#News li span {
		font-size:			5vw;
		margin-top:			10vw;
		margin-bottom:		2.5vw;
	}
}

/****************************************************/
/*ニュースアイコンの設定*/
/***************************************************/
/* #News  h3{
position: absolute;
 }
#News img{
	position: relative;
	margin-left: 5%;
	margin-bottom: 1%;
 } */
 @media screen and ( max-width:768px ) {
	 #News h3{
		padding-left:20%;

	 }
	 #News img{
		 width:10%;
	 }
 }
 @media screen and ( max-width:428px ) {
	 #News h3{
		 padding-left:23%;
		 width: 60%;
	 }
   #News img{
		 width:17%;
	 }
 }
@media screen and ( max-width:320px ) {
	#News h3{
		padding-left:20%;
		width:70%;
	}
	#News img{
width:15%;
	}
}