@charset "utf-8";

@media screen and (max-width:1200px){
#header{height:auto; background:#fff; position:fixed; overflow:visible; padding:3px;}
#header .h_width { width:100%;}
#header h1 { float:none; padding:4px; border-bottom:1px solid #ccc; line-height:1; padding-left:40px; width:auto;}

#header .menu { float:none;  position:absolute; top:0; left:-150%;width:100%; background:#fff; z-index:999; text-align: center;}
	#header .menu ul{display: block;}
	#header .menu ul li { float:none; width:auto; position:relative; display:block;}
#header .menu ul li li{ float:none; width:auto; text-align:center;}
#header .menu ul ul{ position:static; left:0; border-top:1px solid #fff;}
#searchform { float:none; width:100%; text-align:center;}
.menu-btn{ overflow:hidden; position:absolute; left:0; top:0; z-index:1001; padding:12px 0 0 8px;}
.menu-btn a{height:32px; width:32px; line-height:24px; display:block}
.menu-trigger {
	position: relative;
	height: 24px;
}
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 24px;
	height: 2px;
  border-bottom:2px solid #444;
	border-radius: 1px;
}
.menu-trigger:hover span {
  border-bottom:2px solid #000;
}
.active .menu-trigger span {
  border-bottom:2px dotted #000;
}

.menu-trigger span:nth-of-type(1) {
	top: 6px;
}
.menu-trigger span:nth-of-type(2) {
	top: 12px;
}
.menu-trigger span:nth-of-type(3) {
	top: 18px;
}

.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}

}



@media screen and (max-width:768px){

img{max-width:100%; height:auto;}
body{padding:0 !important;}

.slide { margin:35px 0 0;}

.top_contents { width:auto;}


.topics { display:none;}

.news_area { float:none; overflow:hidden; width:98%; margin:0 auto 24px;}

.page { width:98%; overflow:hidden; margin:0 auto ; padding-top:54px; font-size:15px;}
.right_box { width:98%; float:none; padding:0 0 40px;}
.left_menu { width:98%; float:none; padding:0 0 40px; margin:0 auto 40px; height: auto !important}

#tab li { font-size:12px; text-align:center; padding:8px 0; width:24.5%; white-space:nowrap;}
.content_wrap{ width:auto; padding:1em .5em; height:auto;}

#aboutbox .box{padding:1em;}
#aboutbox p{margin:0; padding:0;}

.b_menu { width:98%; overflow:hidden; margin:0 auto; background:none;}
.b_menu ul li{ float:none; margin:0 0 1px 0; border:1px solid #1f8252;}
.b_menu ul li a { line-height:1.5;text-indent:0; text-align:center; height:auto; width:100%; background:#1f8252; color:#fff; padding:8px 0;}
.b_menu ul li a:hover{ opacity:1; background:#e3fcc6; color:#050;}


	
.b_menu2018 { width:98%; float:none; overflow:hidden; background:none;}
.b_menu2018 ul{margin:0; padding:0; list-style:none;}
.b_menu2018 ul li{ float:none; display:block; margin:0 0 1px 0; padding:0 0;border:1px solid #1f8252; }
.b_menu2018 ul li a,
.b_menu2018 ul li i{ display:block; line-height:1.7;text-indent:0; text-align: center;transition: all .4s; font-style: normal; padding: 16px 0;}
.b_menu2018 ul li a:hover,
.b_menu2018 ul li i:hover{ opacity:1; background:#e3fcc6; color:#050;}

li.b_menu2018-01 a{ background:url(/wxp/shizennouhou/images/b_menu2018_01.jpg) no-repeat 0 0; height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-02 i{ background:url(/wxp/shizennouhou/images/b_menu2018_02_pre.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-02 a{ background:url(/wxp/shizennouhou/images/b_menu2018_02.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-03 a{ background:url(/wxp/shizennouhou/images/b_menu2018_03.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-04 a{ background:url(/wxp/shizennouhou/images/b_menu2018_04.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-05 a{ background:url(/wxp/shizennouhou/images/b_menu2018_05.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-06 a{ background:url(/wxp/shizennouhou/images/b_menu2018_06.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-07 a{ background:url(/wxp/shizennouhou/images/b_menu2018_07.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-08 a{ background:url(/wxp/shizennouhou/images/b_menu2018_08.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}
li.b_menu2018-09 a{ background:url(/wxp/shizennouhou/images/b_menu2018_09.jpg) no-repeat 0 0;height:auto; width:100%;background:#1f8252; color:#fff;}

.base_boder .img_area { float:none; width:100%; text-align:center;}
.base_boder .img_area img{float:none; display:inline;}
.base_boder .txt_area { float:right; width:100%}

.cate { height:240px; overflow:hidden;}
.cate img{ width:100%;}

.wsp-pages-box{float:none; margin:0 0 1em; width:auto;}
.sitemap_box ul{ margin:0 0 1em; overflow:hidden;}
.sitemap_box ul li{ float:none; width:100%;}
.sitemap_box ul ul{ margin:0 0; padding:0 0 0 1em;}
.sitemap_box ul ul li{ float:none; width:auto;}

.f_content { width:100%; text-align:center;}
.footer-menu { float:none; width:100%;}

div.area_contentslink{ width: 96%;margin: 30px auto 0;padding: 40px 0;}
div.area_contentslink iframe{width: 90%;height: 45vw;}
div.area_contentslink a{width: 80%;height: inherit;min-height: 10vw;border: solid 2px #fff;margin: 20px auto 0;padding: 5px 20px;}
div.area_contentslink a.report_link{background:url(../images/bt_report_link.png) no-repeat 5px 5px /auto 22px,url(../images/go-another.png) no-repeat right 5px bottom 5px /auto 22px #E6E6E6;}
div.area_contentslink a.report_cook{background:url(../images/bt_cook_link.png) no-repeat 5px 5px /auto 22px,url(../images/go-another.png) no-repeat right 5px bottom 5px /auto 22px #E6E6E6;}
div.area_contentslink a.report_book{background:url(../images/bt_book_link.png) no-repeat 5px 5px /auto 22px,url(../images/go-another.png) no-repeat right 5px bottom 5px /auto 22px #E6E6E6;}
div.area_contentslink a span:first-of-type{font-size: 17px;margin-top: 30px;}
div.area_contentslink a span:nth-of-type(2){font-size: 14px;}
	
/*生産者リスト*/
.farmer-list {padding-left: 0;}
.farmer-list li .im-farmer{width: inherit;float:inherit;}
}