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

/* ************************************************ 
 *	
 *	トップページ
 *	
 * ************************************************ */

/* スライド============================ */
#top_slide{
	position: relative;
	overflow:hidden;
	width: 100%;
	max-width:2500px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1em;
}
@media only screen and  ( max-width : 768px ) {
	#top_slide{
		margin-bottom:2em;
	}
}
.swiper-container{
	position: relative;
		z-index:1;
}
#top_slide .swiper-slide{
	position: relative;
}
@media print, screen and ( min-width : 768px ) {
	#top_slide .swiper-slide:after{
		content: "";
		display: block;
		position: absolute;
		bottom:0px;
		left: 0;
		width:100%;
		height:13px;
		background:url(images/slide/slide_bg.png);
		z-index:3;
	}
}
@media only screen and  ( max-width : 780px ) {
	.swiper-container{
		width:180%;
		position: absolute;
		top: 0;
		left: -40%;
	}
}
.slide_text{
	position: absolute;
	bottom: 25px;
	left: 0;
	width:100%;
	z-index:2;
}
.slide_text .inner_block{
	position: relative;

}
.slide_img_main{
	padding-bottom:6%;
}
@media print, screen and ( min-width : 1500px ) {
	.slide_img_main{
		padding-bottom:13%;
	}
}
@media print, screen and  ( min-width : 780px ) {
	.slide_img_main img{
		max-width:45%;
	}
}
@media only screen and  ( max-width : 780px ) {
	.slide_img_main img{
		max-width:80%;
	}
}
.slide_img_left{
	position: absolute;
	bottom: -10px;
	max-width:28%;
	z-index:1;
}
.slide_img_right{
	position: absolute;
	right: -10%;
	bottom: -8px;
	max-width:50%;
	z-index:-1;
}


/* title
------------------------------------------------------------------*/
.top_title1{
	text-align:center;
	background: url(images/common/h3_bg.png) center bottom no-repeat;
	color:#036535;
	position: relative;
	padding:0.5em;
	margin-bottom:1em;
	letter-spacing:0.2em;
}
#top_kodawari .top_title1{
	color:#fff;
	background: url(images/common/h4_bg.png) center bottom no-repeat;
}
.top_product_title{
	text-align:center;
	color:#036535;
	position: relative;
	margin-bottom:1em;
	letter-spacing:0.2em;
}
.top_product_title:before{
	content: " ";
	display:inline-block;
	width: 60px;
	height: 54px;
	background: url(images/common/h3_bg_l.png) 0 0 no-repeat;
	-moz-background-size:60px 54px;
	background-size:60px 54px;
	margin-top:-15px;
	margin-right:0.5em;
}
@media only screen and  ( max-width : 600px ) {
	.top_product_title:before{
		width: 40px;
		height: 36px;
		background: url(images/common/h3_bg_l.png) 0 0 no-repeat;
		-moz-background-size:40px 36px;
		background-size:40px 36px;
		margin-top:-17px;
	}
}

/* ボタン
------------------------------------------------------------------*/
.top_bt{
	background:url(images/top/top_bt_bg.png) center top no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	color:#fff;
	padding:0.8em 3em;
	font-size:90%;
}

/* 作ぜん農園からのご挨拶
------------------------------------------------------------------*/
#top_about{
	background: url(images/top/top_about_bg2.jpg) 50% 70% no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
@media only screen and  ( max-width : 1000px ) {
	#top_about{
		background: url(images/top/top_about_bg2.jpg) 50% 0% no-repeat;
		-moz-background-size:150% auto;
		background-size:150% auto;
	}
}
@media only screen and  ( max-width : 768px ) {
	#top_about{
		background: url(images/top/top_about_bg2_sp.jpg) 50% 100% no-repeat;
		-moz-background-size:cover;
		background-size:cover;
	}
}
.top_about_text{
	color:#000;
	font-size:95%;
	line-height:180%;
}
@media print, screen and ( min-width :768px ) {
	#top_about .inner_block{
		padding-bottom:0em !important;
	}
	.top_about_text{
		margin-right:40%;
		margin-bottom:10%;

	}
	.top_about_img{
		width:55%;
		float:right;
		margin-left:2%;
		margin-right:-20%;



	}
}
@media only screen and  ( max-width : 768px ) {
	.top_about_img{
		width:50%;
		margin-left:25%;
	}
	.top_about_text{
		margin-bottom:60%;
	}
	.top_about_img{display:none;}
}

/* お米づくりへのこだわり
------------------------------------------------------------------*/

#top_kodawari{
	background:#35751f;
	color:#fff;
	position: relative;
}
#top_kodawari::after{
	content: "";
	display: block;
	position: absolute;
	top: 1em;
	left: 1em;
	right: 1em;
	bottom: 1em;
	border:1px solid #fff;
	z-index:0;
}
.top_kodawari_list li{
	position: relative;
	padding-bottom:2em;
}
.top_kodawari_text p{
	font-size:90%;
	line-height:160%;
	letter-spacing:0em;
}

@media print, screen and ( min-width : 768px ) {
	.top_kodawari_list{
		padding:0% 0%;
	}
	.top_kodawari_list li:first-child h3,
	.top_kodawari_list li:last-child h3{
		padding:0.8em 0 0.7em 0;
	}
	.top_kodawari_list li{
		width:28.3%;
		float:left;
		padding:2.5%;
		text-align:center;
	}
	.top_kodawari_img{
		margin-bottom:1.5em;
	}
}
@media only screen and  ( max-width : 768px ) {
	.top_kodawari_img{
		width:40%;
		float:left;
	}
	.top_kodawari_text{
		padding-left:50%;
	}
	.top_kodawari_list li{
		width:90%;
		padding-left:5%;
	}
	.top_kodawari_img{
		width:90px;
		float:left;
	}
	.top_kodawari_text{
		padding-left:110px;
	}
}

/* 農園日誌・活動報告
------------------------------------------------------------------*/
.top_product_main{
	padding:0em 30px;
}
@media only screen and  ( max-width : 768px ) {
	#top_product .inner_block{
		width:95%;
	}
}
/* ボタン
------------------------------------------------------------------*/
#top_product_banner .top_padding{
	padding-bottom:0em;
}

@media print, screen and ( min-width : 768px ) {
	.top_banner_list li{
		width:49%;
		float:left;
		padding-right:2%;
		margin-bottom:4%;
	}
	.top_banner_list li:nth-child(2n){
		padding-right:0%;
	}
}
@media only screen and  ( max-width : 768px ) {
	.top_banner_list{
		max-width:480px;
		margin:0 auto;
	}
	.top_banner_list li{
		margin-bottom:0.8em;
	}
	.top_banner_list li:last-child{
		margin-bottom:0em;
	}
}
/* top_news
------------------------------------------------------------------*/
.top_news_title{
	background:#fff url(images/top/top_new_bg.jpg) center top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position: relative;
	padding-top:100px;
}
.top_news_title_inner{
	background:#fff;
	width:300px;
	position: relative;
	margin:0 auto;
	padding:1em;
	text-align:center;
}
.top_news_title_inner::after{
	content: "";
	display: block;
	position: absolute;
	top: 0.3em;
	left: 0.3em;
	right: 0.3em;
	bottom: 0em;
	border:1px solid #cec9a7;
	z-index:0;
}
.top_news_title_inner h3{
	font-size:160%;
}
.top_news_title_inner h3 span{
	font-size:70%;
	color:#016839;
	letter-spacing:0.3em;
}
@media only screen and  ( max-width : 768px ) {
	.top_news_title_inner{
		width:280px;
	}
	.top_news_title_inner h3{
		font-size:120%;
	}
}
.top_news_main{
	background:#fff;
}



/* お知らせ一覧
------------------------------------------------------------------*/
.top_news_ul a{
	position: relative;
	color: #39302c;
	display:block;
	font-size:90%;
	line-height:130%;
	background:#fff;
	transition : all 1s ease;
	padding:1em;
}
.new_img{
	float:left;
	width:70px;
}
.new_text{
	padding-left:80px;
}
.top_news_ul a:hover{
	background:#f5f5f5;
}

.top_news_ul a:hover{
	text-decoration: none;
}
.new_title{
	font-size:110%;
	margin-bottom:0.5em;
}
.new_days{
	color:#107144;
	font-size:90%;
	margin-bottom:0.5em;
}
.new_excerpt{
	font-size:90%;
}
.top_news_ul li{
	border-bottom:1px solid #ccc;
}

/* 朝市情報 */
.top_asaichi a{
	display:block;
	background:#d87d22;
}
.top_asaichi a span{
	display:block;
	padding:1em;
	text-align:center;
	color:#fff;
}
/* FB */
#pageplugin,
.fb-page{
	width:100% !important;
}

@media print, screen and ( min-width : 768px ) {
	.top_news{
		width:48%;
		float:left;
	}
	.top_fb{
		width:48%;
		float:right;
		overflow:hidden;
	}
}
@media only screen and  ( max-width : 768px ) {
	.top_news,
	.top_fb{
		margin-bottom:2em;
	}
}

/* top_info
------------------------------------------------------------------*/
#top_info{
	background:#fff url(images/top/top_info_bg.jpg) center top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#top_info .inner_block{
	background-color: rgba(255,255,255,0.9);
}
#top_info .inner_block::after{
	content: "";
	display: block;
	position: absolute;
	top: 0.6em;
	left: 0.6em;
	right: 0.6em;
	bottom: 0.6em;
	border:1px solid #cec9a7;
	z-index:0;
}
#top_info h2{
	border-bottom:1px solid #aaa;
	padding-bottom:0.5em;
	margin-bottom:1em;
}
.top_info_main{
	z-index:3;
	position: relative;
}

/* ボタンリンク */
ul.top_info_link{
	margin:0 auto;
	max-width:415px;
}
ul.top_info_link a{
	padding:0em;
	display:block;
}
.bt_shop_mail{
	background:#e6e6e6;
	border:1px solid #006837;
	color: #006837;
	line-height:40px;
}
.bt_shop_link{
	line-height:80px;
}
.top_info_main_block{
	position: relative;
}
@media print, screen and ( min-width : 820px ) {
	#top_info .inner_block{
		width:815px;
	}
}
@media print, ( max-width : 820px ) and ( min-width : 768px ) {
	#top_info .inner_block{
		width:90%;
	}
}


@media print, screen and ( min-width : 768px ) {
	.top_info_main{
		padding:8%;
	}
	.bt_shop_fax{
		width:28%;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.info_tel,
	.info_fax{
		width:70%;
	}
}
@media only screen and  ( max-width : 768px ) {
	#top_info .inner_block{
		width:90%;
	}
	.top_info_main{
		padding:3em;
		font-size:90%;
	}
	.bt_shop_fax{
		display:none;
	}
}