/*____________________________________________

RESET CSS by Eric Meyer
____________________________________________*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.z-light {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 300;
  font-style: normal;
}

.z-regular {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

.z-medium {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
}

.z-bold {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

.z-black {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  font-style: normal;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	padding:0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
a {
    text-decoration:none;
}
 
a:hover,a.selected{
    text-decoration:none;
}
/* END RESET */
body {
	margin: 0;
	height: 100%;
	width: 100%;
	line-height: 1.8em;
 font-family: "Zen Maru Gothic", sans-serif;
	font-size: 0.95em;
	color: #555;
	font-weight: 400;
}

.text_hidden { display:block; overflow: hidden; text-indent:-9999px; } /* 画像置き換えの一括指定 */
.image_hidden { display:none!important; } /* ギャラリーの画像隠し */
hr { height: 1px; background:#ccc; border:0; margin: 2em 0;} /* 水平線の指定 */
.mar_0 { margin: 0!important; } /* マージンの指定の無効化 */
.small { font-size: 0.8em;}
img {border: none;}
figure { margin: 3em 0;}

/*__________________________________________________________________
HEADER
__________________________________________________________________*/
header#common {
	position: relative;
	margin:0;
	padding: 0;
	height:100vh;
	z-index:2;
	overflow:hidden;
}
header#common .header_inner {
	position:relative; height:180px; background:#f3f3f3; z-index:999;
}
header#common.page .header_inner { height:100px;}
header#common.page {margin-top:0;height:100px; }
header#common.page.csa {background:url(images/csa/20240519_05.jpg) no-repeat; background-size:cover; max-width:100vh;  min-width:100%; padding-top: 50%; overflow:hidden; }


/* LOGO AREA */
header#common h1,header#common p.catchcopy {
	position: relative;
	margin: 0;
	top: 20px;
	left: 40px;
	width: 100px;
	height:auto;
}

header#common p.catchcopy { border-top: 1px solid #ccc; top:30px; left: 55px; font-size:0.75em; font-weight:500; letter-spacing:1px; line-height:3.5em; color:#666; }
header#common.page h1 { width: 90px;} 
header#common.page.csa h1 { position:absolute; top: 20px; margin: 0 auto;  width: 130px; left:20px;}
header#common h1 a { display: block; width: 115px; height: 90px; }
header#common h1#siteName img { display: block; width: 130px; }
header#common.page h1#siteName img { display: block; width: 90px; height: auto; }

/*天気 ウィジット*/
div#ww_a37ba83870530 {
	position:absolute;
	right:0px;
	width:430px;
	z-index:999;
}
/*
div#ww_f44b774497e3c div.ww_current .ww_temp {
	font-size:16px;
	
}
div#ww_f44b774497e3c div.ww_current .ww_cond{ visibility:hidden; }
*/

/*__________________________________________________________________
GLOBAL NAVIGATION
__________________________________________________________________*/
header#common nav#gNav {
	position: absolute;
	margin: 0;
	padding:0 10px;
	top: 30px;
	right: 20px;
	height:50px;
}
/*header#common.page.csa nav#gNav {position: absolute; top:30px; margin:0 auto; right:20px; background:none; box-shadow:none;}*/
header#common.page nav#gNav { top:25px;}

/* NAV BOTTON */
header#common nav#gNav ul { display: flex; text-align: center; margin:0; padding:0; font-size: 0.95em; height:60px; justify-content: space-around; align-items: center; flex-wrap: nowrap;}
header#common nav#gNav ul li { padding: 0 0 0; width:120px;  vertical-align: middle;}
header#common nav#gNav ul li a { display: block; font-weight: bold; text-align: center; color: #444; }

header#common nav#gNav ul li a:hover { color: #999; }
a {
	-webkit-transition: 0.15s ease-in-out;
	   -moz-transition: 0.15s ease-in-out;
	     -o-transition: 0.15s ease-in-out;
	        transition: 0.15s ease-in-out;
	color: #9e7615;
}
a:hover { opacity: 0.6; filter: alpha(opacity=60); }
a:visited { color:#999;}


#simple-menu { display: none; }
div.bdr { border-bottom: 1px solid #ccc; }

header#common nav#gNav ul.hidd_pc { display: none; }
header#common nav#gNav ul.hidd_pc a { display: none; }


/*__________________________________________________________________
CONTAINER
__________________________________________________________________*/
article#page { margin: 0 auto; padding: 0 2em; max-width: 860px; }
div#container { float: left; max-width: 74%; }

/* SECTION */
section header h1 { font-weight: 500; font-size:  1em;}
section#EventInfo,section#OnlineShop,section#Visit,section#bnr,section.page {
	position: relative;
	max-width: 900px;
	margin:4% auto;
	padding:0;
}
section#Instagram {
		position: relative;
	max-width: 900px;
	margin:0% auto 4%;
	padding:0;
}

/*section#bnr { display:none;}*/
section#bnr img { width:100%;}

/*野菜セット誘導エリア*/
section#bnr_set { position:relative; width:100%; height: 500px; background-image:url(images/top/bnrset_bg.png); background-repeat: no-repeat; background-position:100% 0%; background-color:#ede9e1;}
section#bnr.top { display:none; }

section#bnr_set div {position:absolute; margin: 8em 0 2em 6em;width:35%; }
section#bnr_set div h2 {font-size: 2.3em; font-weight:700; margin: 0 0 1em 0;letter-spacing:1px; color:#493924;}
section#bnr_set div h2 a {color:#493924;}
section#bnr_set div h2 span {display:block; font-size: 0.4em; margin: 0 0 0.5em;}
 section#bnr_set div p {font-size: 1.1em; line-height:1.8em;}
 section#bnr_set div p.btn { text-align:right; margin-top: 3em; }
section#bnr_set div p.btn a { display:inline-block: font-size: 1.3em; font-weight:800; background:#493924; border-radius:10px; padding:0.6em 1em; color: #fff;}


/* NEWS */
section#news { display: flex; border-bottom: 1px solid #ccc;}
section#news hgroup { display:inline-block; padding: 0.5rem; background :#483823;} 
section#news h1 { margin-left: 0.5rem; width:68px ; font-weight:600; font-size:0.9rem; }
section#news h1 a { color: #fff;}
section#news div.bx-wrapper { display:inline-block; margin: 0 0 0 1rem; padding: 0.5rem;}
section#news ul li span.meta-day { padding-right:1rem; font-size:0.8rem;}
section#news ul li { width:auto!important;}

/* column - List */
div.new_article { display:flex; width:70%;max-width:840px; margin:5em auto; justify-content:space-between;  }
section#column_list { width:100%; }
section.top h2 { margin:2rem 0 1rem; font-size: 1.4rem; font-weight:600; line-height:1.0em;	color: #483823; }
section.top h2 span { display:block; font-size:0.7em;font-weight: 400; }

section#column_list h2#column { margin: 0 0 2em; color: #483823;}

section#column_list ul {
	display:flex;
	width:100%;
	margin:1rem auto 0;
	justify-content: space-between;
	flex-wrap:wrap;
	text-align:left;
}
section#column_list ul li {
	width: 32%!important;
	margin-bottom:5em;
}

section#column_list .slick-track { width:100%!important; }

section#column_list ul li p.thumb {
	width: 100%;
	height: 210px;
	overflow:hidden;
	background: #ccc;
	border-radius:15px;
}
section#column_list ul li time { display:block; font-size:0.9rem; line-height:1.3; margin:0.5em 0 0.3em; color:#888; }
section#column_list ul li a { display:block;  font-size:1.0rem; line-height:1.6; height:3rem; }

section#column_list ul li img { width:100%; height:auto;}
div.new_article section#column_list ul li div.tag { margin:0 0 0.6em;}
div.new_article section#column_list ul li div.tag a { display: inline;  border:1px solid #ccc; color: #bbb; font-size:0.6em; padding: 0.4em 1em; margin:0 1em 0; border-radius:20px; line-height:1.3em; }
div.new_article section#column_list ul li div.tag a:first-child { margin:0; }


/* お知らせ News */
section#news_list.top {  display:block; background:#f3f3f3;padding-top:3rem; }
section#news_list.top div.news_inner { position:relative; display:block; width:70vw; margin:0 auto 5rem;   }
section#news_list.top ul li { line-height:3.0rem; border-bottom: 1px solid #ccc; }
section#news_list.top ul li time { margin-right: 1rem; padding-right: 1rem; font-size: 0.9em; border-right: 1px solid #999;}

section#news_list.top p { position:absolute; top:0; right:0; width:100%; text-align:right; margin:0; padding:0; }
section#news_list.top p a.btn { display:inline-block; width:6em; margin:0; padding: 0.1rem 0.6rem; background: #ddd; border-radius:10px; font-size:0.85em; }

section.page { padding: 0 0 4%; }
section.page p { margin: 1rem 0;}
section.page p.date { font-size:0.85em; color:#999; }
section.page ul { margin: 1em 0 2em; }
section.page ul li {  }
section.page hr { margin: 3em 0; background: #493924; height: 1px;border:none; }

	
div.entry-header { margin:3em 0;}
div.entry-header div.meta { display:flex; margin:0 0 3em; justify-content:space-between;  font-size: 0.8em;}
div.entry-header div.meta div.tag { justify-content:flex-start; }
div.entry-header div.meta div.tag a { display:inline-block; padding: 0.5em 1em; margin-right:1em; line-height:1.3; border-radius:10px; border:1px solid #ccc; color:#aaa; font-size:0.8em; }
div.entry-header div.meta div.tag a:last-child,div.entry-content div.meta div.tag a:last-child { margin-right:0;}

div.entry-header div.meta time.date { display:inline-block; margin: 0; color: #999;}
div.entry-header h2 { font-weight:500; font-size: 1.7em; margin:0 0 0.3em; letter-spacing:1px;}

section.page h3 { font-size:  1.1em; }

section.page table { margin: 2em 0; font-size: 0.9em; }
section.page table.outline th { width: 25%; }
section.page table td { padding: 1.5% 0; line-height: 1.7em;}
section.page table th { text-align: left; width: 18%; }

section#EventInfo hgroup,section#Instagram hgroup {
	width: 300px;
	margin: 7em auto 2em;
	text-align: center;
}
section#Instagram hgroup { margin: 3em auto 0em;}


section#EventInfo hgroup h1,section#EventInfo hgroup h2,section#Instagram hgroup h1 {
	display: inline-block;
	padding: 10px 0;
	margin: 0 0 0;
	width: 300px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	vertical-align: baseline;
	border: 3px solid #483823;
	color: #483823;
}
section#EventInfo hgroup h2,section#Info hgroup h2,section#Blog hgroup h2 {
	width: 300px;
	font-size: 0.8em;
	font-weight: 300;
	margin-top: 1%;
	padding: 0;
	border:none;
	text-align: center;
}

div.EveList_box h3 {
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	margin: 0.5em 1em 1em;
}
div.EveList_box h3 a { color: #483823; }
div.EveList_box p { font-size: 0.95em; }

div.EveList_box p.meta-day {
	display:block;
	width: 90px;
	font-size: 0.8em;
	font-weight: 400;
	margin: 0 1em 0 1em;
	border-bottom: 1px dotted #ccc;
}

div.EveList_box {
	position: relative;
	float: left;
	width: 290px;
	margin: 0 5px 50px;
	padding: 0;
	height: 450px;
	background: #ecebe9;
}
div.EveList_box p.thumb { margin: 0 0 1em; width: 290px; height: 190px; overflow: hidden; }
div.EveList_box p.thumb img { width: 290px; height:auto!important; margin-top:-10%;}
div.EveList_box p.thumb { background: #999; background-size: cover; }
section#EventInfo p.Link_more a,section#OnlineShop p.Link_more a,section#Visit p.Link_more a {
	position: absolute;
	top: 2%;
	right:0;
	margin: 0;
	line-height: 1.3em;
	border-bottom: 1px solid #483823;
	font-size: 0.8em;
	font-weight: 200;
	color: #483823;
}

section#EventInfo p.Link_more a { top: 2%; }

div.EveList_box div.description,div.EveList_box p.cat_apply {
	margin: 0 1em;
	text-align: justify;
	font-weight: 300;
}

section#OnlineShop figure.wp-block-image { margin: 0 0 2rem; }

div.EveList_box div.description p { margin: 0 0 3em; }

div.EveList_box p.meta-apply { position:absolute; bottom: 5px; display: inline-block; margin:0 1.5em 0; font-size: 0.8em; font-weight: 500; text-decoration: underline; }
div.EveList_box ul.post-categories {position:absolute; bottom: 5px; display: inline-block; margin:0 1.5em 0; font-size: 0.8em; font-weight: 500; text-decoration: underline; }
div.EveList_box p.show_info {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 auto 0;
	padding: 3px 0;
	font-size: 0.9em;
	width: 11em;
	text-align: center;
	background:#483823;
	color: #fff;
}
div.EveList_box p.show_info a { color: #fff; }

section div.bnr a {
	display: inline-block;
	margin: 0;
	width: 300px;
	height: 200px;
	background: url(images/common/noimg.jpg) no-repeat;
}
section div.bnr a img { vertical-align: top; }

div.EveList_box p span { margin: 0 1em 0 0; font-weight :300; }
section#Info,section#Blog { float: left; width:48%; }
section#Info { margin: 0 0 0 15px; }
section#Blog { margin: 0 15px 0 0; }

div.center { max-width: 900px; margin: 5% auto 0; }

section#Info hgroup h1,section#Blog hgroup h1 {
	margin: 0 auto 0;
	padding: 10px 15px;
	width: 245px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	border: 3px solid #483823;
	color: #483823;
}
section#Info hgroup h2,section#Blog hgroup h2 {
	margin: 1% auto 5%;
	width: 245px;
	text-align: center;
}
section#Info p,section#Blog p {
	margin: 0 0 2em;
	padding: 0 0 1em;
	border-bottom: 1px solid #483823;
	font-weight: 300;
}
	

section#Info p span,section#Blog p span {
	display:block;
	width:7.5em;
	clear: both;
	font-size:0.8em;
	margin: 0 0 0.3em;
	color:#888;
	border-bottom: 1px dotted #888;
	
}

section#Info p.Link_more,section#Blog p.Link_more {
	text-align: right;
	border:none;
	font-size:0.9em;

}

/* BLOG */
div.post { padding: 0 0 2em; margin:2em 0 4em; border-bottom: 2px solid #493924;}
div.post.archives { margin: 2rem 0 0; padding-bottom:0;}
div.post hr { border-bottom: 1px solid #493924;}
div.post h2 { margin:0;}
div.post div.entry-header { margin: 0 0 2em;}

section.news ul.news { display:flex; width:100%;flex-wrap: wrap;justify-content: space-between;}
section.news ul.news li { margin: 0 0 1rem; padding: 0 0 2rem; width: 32%;}
section.news ul.news li p.thumb { margin: 0 0 0.5em; width:100%; height:200px; overflow:hidden;object-fit:cover; border-radius:15px; background:#efefef;}
section.news ul.news li p.thumb img { width:100%; height:auto;}
section.news ul.news li time { display:block; font-size:0.9rem; color:#999; line-height:1.3em; margin:0.5em 0 0.3em;}
section.news ul.news li a { display:block; font-size:1rem; line-height:1.4rem;}

section.news ul.page-numbers { display:flex; width:60%; justify-content: space-around; margin: 0 auto; }
section.news ul.page-numbers li a { border:1px solid #aaa; border-radius:16px; padding: 0.2em 0.7em;}
section.news ul.page-numbers li:first-child a,section.news ul.page-numbers li:last-child a { border:none;}
section.news ul.page-numbers li span.current { font-weight:600; padding: 0.2em 0.7em;}


section#Contents div.thumb { width:100%; height:180px; overflow:hidden; vertical-align:middle; }
section#Contents div.thumb img { width:100%; height:auto; }
section#Contents div.entry-content blockquote { padding:0.5rem 1.5rem 1rem; background:#f9f9f9; font-size: 0.9rem;}
section#Contents div.entry-content blockquote cite{ color: #ccc;  border-left: 2px solid #999; padding-left:1rem;}
section#Contents div.entry-content .wp-block-image figcaption { margin:0 0 1rem;font-size: 0.8rem; text-align:right;}

/* PAGE */

/* PAGE - パンくずリスト*/
div.breadcrumbs { font-size: 0.75em; padding: 0.2em 3rem; border-bottom:1px solid #eee; }

div.breadcrumbs a { color: #999; }
section#Contents div.entry-content strong { font-weight:600;}

/* PAGE - アイキャッチ画像*/
div.page div.thumb,div.single div.thumb { position:relative; height:420px; overflow:hidden;}
div.page div.thumb img,div.single div.thumb img { position:absolute; object-fit:cover; width:100%; height:auto; min-height:420px;}

article.page { position: relative;  max-width:840px; margin: 0 auto; padding: 0 3rem;}
section#Contents {margin:0 0 5em;  width:100%; line-height:2.0em; letter-spacing:.04em;}
section#Contents.news,section#Contents.blog,section#Contents.event,section#Contents.marche,section#Contents.media,section#Contents.agriculture { width:100%!important; }



/* 読みもの ページ*/
section#Contents h3 {
	font-size:1.2em;
	font-weight:500;
		color: #483823;
}
div.page {
	section#Contents h1 {
	display:inline-block;
	margin: 2em 0 0;
	padding: 0;
	font-weight: 600;
	font-size: 2.4em;
	vertical-align: baseline;
	color: #483823;
	letter-spacing:3px;
}
	section#Contents h2 { font-size: 1.6em; font-weight:600;color: #483823; }
	
	section#Contents div.Introduction { margin: 3em 0; }
	section#Contents div.New_article ul { display:flex; flex-wrap:wrap; width:100%;}
	section#Contents div.New_article ul li {
		 width:calc(33.611% - 9px);
		margin: 10px;
	}
	section#Contents div.New_article ul li:first-child {
		margin-left:0; }
	section#Contents div.New_article ul li:nth-child(n+2) {
		margin-left:0;
	}
	section#Contents div.New_article ul li figure {
		width:100%;
		height:180px;
		overflow:hidden;
		border-radius:15px;
		margin-bottom:1em;
	}
	section#Contents div.New_article ul li p {
		margin: 0 0 1em;
		line-height:1.3em;
	}
	section#Contents div.New_article ul li p time {
		display:block;
		font-size:0.8em;
}
	
		section#Contents div.New_article ul li:nth-of-type(3n) {
		margin-right:0;
}
	
	section#Contents div.New_article ul li:nth-child(3n+1):nth-last-child(-n+3),section#Contents div.row div.New_article ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
	margin-left:0;}

	section#Contents div.New_article ul li div.meta { position:relative; margin: 0 0 0.5em;  color:#999;}
section#Contents div.New_article ul li div.meta div.tag { position:relative; justify-content:flex-start; font-size:0.6em; }
section#Contents div.New_article ul li div.meta div.tag a { display:inline-block; padding: 0.3em 1em; margin-right:1em; line-height:1.3; border-radius:10px; border:1px solid #ccc; color:#aaa; }
	section#Contents div.New_article ul li div.meta div.tag a:last-child { margin-right:0;}

	

section#Contents div.Tag_list {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3em 0 0;
	margin: 0 0 3em;
}
section#Contents div.Tag_list ul { display:flex; flex-wrap:wrap; font-size:0.8em; margin:2em 0; }
section#Contents div.Tag_list ul li { border:1px solid #efefef; padding: 0.2em 0.8em; margin:0 0.5em 1em; border-radius:15px; }
	
}
div.tag	{
	section#Contents h2 { margin: 2em 0; font-size:1.7em;}
	section#Contents h2 span {font-size:0.5em; color: #999;padding-right:1em;}
	section#Contents ul.tag_list { width:100%; display:flex; flex-wrap:wrap;}
	section#Contents ul.tag_list li {         width: calc(33.69% - 23px);margin: 10px;}
	/*section#Contents ul.tag_list li:nth-child(2n+1):nth-last-child(-n+2) { margin-left:0;}*/
	section#Contents ul.tag_list li p.thumb { border-radius:15px;height: 180px; overflow: hidden; object-fit: cover;
}
	section#Contents ul.tag_list li p.thumb img { width:100%; height:auto;}
	section#Contents ul.tag_list li time { display:block; font-size:0.9em; line-height:1.0; }
}
div.single {
		section#Contents div.entry-content h3 {
			border-top: 1px solid #333;
			border-bottom: 1px solid #333;
			font-size:1.1em;
			font-weight: 500;
			line-height:3.0em;
	}
		section#Contents div.entry-content ol {
			list-style-type:decimal;
			margin-left:1.5em;
	}
	
}
section#Contents div.wp-block-column {margin: 3em 0;}

div.category {
	section.news ul.news {
		margin:4em 0 3em; }
	section.news h2 { margin:4rem 0 1rem; font-size: 1.4rem; font-weight:600; line-height:1.0em;	color: #483823;}
	section.news h2 span { display:block; font-size:0.7em;font-weight: 400; }

}
/* CSA ランディングページ */
article.page.csa {
	margin: -250px auto 0;
	z-index:10;
}
article.page.csa h2.title {
	font-size:2.2em;
	color:#fff;
	margin: 0 0 2.5em;
	line-height:1.5em;
}
article.page.csa h2.title span {
	display:block;
	font-size:0.5em;
	font-weight:300;
}
article.page.csa p strong { font-weight: 600; background: linear-gradient(transparent 75%, #b6d8b3 75%);}
article.page.csa p.notice { font-size: 0.9em; color:#999; }
/* 野菜図鑑 */
section#Contents.dictionary {  margin: 3% 0 0 0;}
section#Contents div.entry-content img { width: 100%; height: auto; margin: 0; }
section#Contents div.entry-content img.btn { width: auto; height: auto; margin: 0.5em 0; }

section#Contents div.entry-content span img { width: auto!important; height: auto; margin: 0.5em 0; }
section#Contents div.entry-content img.wp-image-3655 { width:250px; float: left; margin: 0.5em 1em 2em; }
section#Contents div.entry-content img.sizeauto { width: auto; height: auto; }
section#Contents div.child-page-box { position: relative;  float: left; margin:0 0.75em 2em; width: 200px;}
section#Contents div.child-page-box-title a {
	position: absolute; 
	display: block;
	bottom: 7px;
	right: 0;
	padding: 0.2em;
	width: 9em;
	font-weight: 500;
	text-align: center;
	background: #483823;
	color: #fff;
	z-index:2;
}
section#Contents div.child-page-box img { position: relative; width:200px; height:auto; z-index:1;}


section.page p.btn { text-align:right;}
section.page p.btn.center { text-align:center; font-size:1.15em; padding: 2em;}
section#Contents a.btn { display:inline-block;margin: 0.3em 0; padding: 0.6em 1em; background: #483823; color: #fff; border-radius:12px;}
section#Contents a.btn_csa {display:block; margin: 0.3em auto 3em; padding: 0.6em 1em; background: #483823; color: #fff; font-size: 1.2em;  border-radius:12px; text-align:center; font-weight:600; }


/* MESSAGE */

section.page div#msg {
	margin:0 0 -3em;
	height: 700px;
	background: url(https://fio8.com/test_wp/wp-content/uploads/2016/03/msg_bg.jpg) no-repeat left bottom;
}

section.page div#msg h2 { font-family: san-serif; text-align: center; font-size: 2em; }
section.page div#msg h3 { text-align: center; font-size: 1em; }
section.page div#msg p { line-height: 2.3em; width: 85%; margin: 2em auto 0;}



/* MEMBER */
section.page p.face {
	display: inline-block;
	float:left;
	margin: 0 2em 1em 0;	
}
section.page p.face img {
	width: 160px!important;
}
section.page dl {
	float:left;
	margin:0;
	max-width: 70%;
}
section.page div.profile { margin: 3em 0; }
section.page dl dt { font-size: 1.2em; font-weight: 500; margin-bottom: 1em; }
section.page dl dd { margin:0 0 1em; }
section.page div.profile p { float:left; }


/* COMPANY */
section.page table { width:100%; }
section.page table th { border-bottom: solid 2px #483823; border-top:0px; border-left: 0px;  border-right:0px;  }
section.page table th a { border-bottom: dotted 1px #483823; }
section.page table td { padding:1em 2em; border-bottom: solid 1px #483823; border-top:0px; border-left: 0px;  border-right:0px;  }

section.page ul.showcatposts-list li { border-bottom: 1px solid #ccc; padding: 0.5em; }
section.page ul.showcatposts-list li a { margin: 0 0 0 1em; padding-left:1em; border-left: 1px dotted #ccc; }


/* SHOP */
section.page ul.shoplist li { margin: 1em 0 0; border-bottom: 1px dotted #ccc; font-weight:500; }
section.page ul.shoplist li ul { margin: 0.5em 0 1em; }
section.page ul.shoplist li ul li { border-bottom: none; font-size:0.9em; font-weight:300; }

/*直売所バナー トップ*/
section#Bnrarea {
	display:none;
	margin: 1em 0 2em;
}



/* SIDE BAR*/
section#sidebar {
	position:relative;
	width:100%;
	margin:4em 0;
	padding: 0;
	font-size:0.9em;
	font-weight: 500;
	z-index:2;
}
section#sidebar p {
	margin: 4em 0 0;
	padding: 0.3em 1em;
	background: #483823;
	color: #fff;
}
section#sidebar h3 {
	background:#483823;
	margin:0;
	padding: 0.3em 1em;
	color: #fff;
	font-weight: 600;
}

section#sidebar ul {
	display: flex;
	flex-wrap:wrap;
	gap:1em;
	margin: 0;
	padding:0;
}
section#sidebar ul li a {
	color: #483823;
}

section#sidebar ul li {
	flex:1;
	text-align:center;
	margin:0;
	padding: 0.7em 1em;
	border: 1px solid #483823;
}

/* PAGE NAVIGATION */
div.navigation {
	width:100%;
	margin: 3em auto;
}
div.navigation span {
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
	font-weight: 600;
}
div.navigation span.next-entries {
	text-align:left;
}

div.navigation p { display:inline-block; width:49.7%; }
div.navigation span.naviright { text-align:right; }

/* アーカイブ ナビゲーション */
div.navigation span.page-numbers {
	display:inline-block;
	width:auto;	
}

/* INSTAGRAM */

section#Contents div.entry-content ul.instagram {
  width: 100%;
  margin: 2em auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;

}

section#Contents div.entry-content ul.instagram li {
    display: inline;
    width: 20%;
  padding: 0 1.5%;
	height:180px;
	overflow:hidden;
	margin-bottom:1em;
}

section#Contents div.entry-content ul.instagram li img {
  width: 100%;
  height: auto;

}



/*__________________________________________________________________
GALLARY
___________________________________________________________________*/

.gallery {
    overflow: hidden;
}
.gallery-item {
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
}
.gallery-icon {
    text-align: center;
}
.gallery-caption {
    color: #21759B;
    font-size: 0.8em;
    margin: 0;
    text-align: center;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item {
    width: 49%;
    margin-right: 1%;
}
.gallery-columns-3 .gallery-item {
    width: 31%;
    margin-right: 2.2%;
}
.gallery-columns-4 .gallery-item {
    width: 24%;
    margin-right: 1%;
}
.gallery-item img { border: 3px solid #ccc;}

/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
}

.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

/*__________________________________________________________________
FOOTER
__________________________________________________________________*/
footer a { color: #fff;}
footer a:visited { color:#fff;}
footer {
	width:100%;
	height: 260px;
	padding: auto 0 ;
	background: url(images/common/footer_bg.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 0.9em;
}
footer div.center { position:relative; display:flex; width: 90vw; margin:0 auto; padding: 60px 0 0; max-width:none; }
div#logo { margin: 0; font-size:0.85em; line-height:1.4em; color:#999;}
div#logo h1 img { width:95px; margin-bottom:1em; margin-left:-5px; }
div#logo {font-size:0.85em;}
div#logo nav { padding: 5% 0; }
div#logo nav ul { margin:0;  }

footer nav#footNav { margin: 0; max-width:600px;}
footer nav#footNav ul {display: flex; }
footer nav#footNav ul li {
	margin:0 0 1em 0;
	padding: 0 1em;
	font-size:1.3em;
	letter-spacing: 1px;
}
footer nav#footNav ul li:first-child{ padding-left:0;}

@media (481px <= width < 660px) {
	footer nav#footNav { margin: 0; max-width:240px;}
	footer nav#footNav ul { flex-wrap:wrap;}
	footer nav#footNav ul li {padding:0 1em;}
	footer nav#footNav ul li:nth-child(2n+1) {padding-left:0;}
}




div.social nav { margin:0 0 0.3em;}
div.social nav ul li { border-bottom:1px dotted #fff; margin: 0 0 3px; padding: 0.4em 1em; text-align: center; opacity: 0.7; filter: alpha(opacity=70);  font-weight:bold; }
div.social nav ul li:first-child { border-top:1px dotted #fff; }



footer div.social { position:absolute; top:60px; right: 40px; width: 150px; }
footer div.social p { display:inline-block; font-weight:600; font-size: 0.7em; margin-right: 1em; letter-spacing:2px; width:55%; vertical-align:text-bottom;}
div.social ul.icon { display:inline-block; width:35%; }
div.social ul.icon li a { float:left;}
footer div.social svg { vertical-align:middle; margin-right:0.4em;}

/* SECTION - PROFILE */
section#profile,section#thumbnail,section#contact {
	position: relative;
	width:80%;
	margin: 0 auto 5em;
	font-weight: 300;
	text-align:justify;
}
section#thumbnail { margin: 160px auto 0;}
section#contact { margin: 140px auto 0;}
section#thumbnail ul,section#design ul  { width: 100%; margin: 5em auto 0 -2em;}
section#thumbnail ul li { display: inline-block;  width: 30%; min-width:200px;  padding : 0; margin: 0 auto 2em; text-align:center; vertical-align:middle;}
section#thumbnail.photo ul li { display: inline-block;  width: 30%; min-width:200px;  padding : 0; margin: 0 0 5em 0; text-align:center; vertical-align:middle;}
section#thumbnail img.thumb { width: 200px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } /* 画像の影指定 */
section#thumbnail img.thumb_a4-maki { width: 95px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } /* 画像の影指定 */
section#thumbnail img.thumb_b5 { width: 180px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } /* 画像の影指定 */
section#thumbnail img.thumb_a5 { width: 100px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } /* 画像の影指定 */
section#profile h2 { margin: 1.5em 0 1em; font-weight: 500; font-size:1.1em; }
section#profile p { padding: 0.5em 0; }
section#contact * {text-align: center; }

ul.sns_btn { position: absolute; top: 110px; right:0; }
ul.sns_btn li { float: left; margin: 0 10px 0 0; }

.wp_social_bookmarking_light {
	padding:0.5em 1em 0em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	height: 2em;
}
.wp_social_bookmarking_light div { float:left; width:auto!important; border: none; margin: 0 1em 0 0; }
.wp_social_bookmarking_light img { border: 0; height:20px!important; width: auto!important; }
/*__________________________________________________________________
META SLIDER
__________________________________________________________________*/
div.metaslider-1152 {
	position: absolute;
	width: 100%;
	height:calc(100vh - 180px);
	margin: 0!important;
	padding: 0;
	bottom: 0;
}

div.metaslider ul { position: relative;  margin: 0!important;}
div.metaslider-1152 ul li { display:block; width:100%; overflow:hidden; background:#efefef; }
div.metaslider-1152 img { object-fit:cover; width:auto; height:85vh; top:50%; left:50%; transform:translate(-25%,0); }
div.metaslider-2860 { position: absolute; width:100vw;  height: 200px!important; overflow:hidden; }
div.metaslider-2860 img { width:100vw; height: auto!important;}

div.metaslider-1152 div.caption-wrap {
	position:fixed;
	left: 40px;
	bottom:130px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 300;
	text-align:left;
	line-height:1.7em;
}
div.metaslider-1152 div.caption-wrap span {
	display: block;
	font-size: 1.6rem;
	margin: 0;
	padding:0;
	font-weight: 600;
	bottom: 10px;
}
div.metaslider-1152 div.caption-wrap span a {
	z-index:100;
	display:block;
	color:#fff;
}

/*__________________________________________________________________
MAIL FORM
__________________________________________________________________*/

.grecaptcha-badge { visibility: hidden; }
.mailform { border: 1px solid #666; padding: 0.5em 0.6em; font-size: 1em; width: 28em;}
textarea.mailform { height: 10em; }
input.mailform { width: 28em; }
input:hover,textarea:hover { background:#efefef; }
input.send {
	display:block;
	width: 20em;
	background: #483823;
	margin:0 auto;
	padding: 0.5em 0;
	color:#fff;
	font-size: 1em;
	font-weight: 600;
	border:0;
}
p label {font-weight: bold; line-height:1.8em;}
p input { width: 95%; margin:1em 0 1.5em; padding: 1em; background: #efefef; border: none; color: #333; font-size: 1em; }
p label input.wpcf-3-form-control { width: 93%; margin:0 0 1.5em; padding: 1em; background: #efefef; border: none; color: #333; font-size: 1em; }
p label select { width: 100%;  font-size:1em; }
p label input.wpcf7-submit { background-color: #483823!important;}
p label textarea { width: 95%!important; padding: 1em; background: #efefef; border: none; color: #333; font-size: 1em; line-height:1.6em;}
p input:hover { background: #ccc; color: #483823; }
p input.back { background: #fff; border: 2px solid #483823; color:#483823; }
p input.back:hover { background: #ccc; border: 2px solid #ccc; color:#fff; }
input.send:hover { background: #6c5435; }
section.page table.sales th { width: 18em;}
section.page table.list tr th{ width: 25em!important;}
input.yasai_form { width: 25em; border: 1px solid #483823; padding: 0.5em; font-size: 1.1em;}
input.yasai_deli { width: 2em; }
input.yasai { width: 3em; border: 1px solid #483823; padding: 0.5em; margin-right: 0.5em; font-size: 1.1em;}


table.list tr td.img { width:55px!important; padding:1em; }
table.list tr td.img img { width:55px!important; height: auto;}


textarea.honey { width: 10em; height: 4em; padding: 0.5em; font-size: 1em;}

/*イベント企画申込みフォーム*/

table.event_form th { width: 30%!important; }
.event_form,.event_form_btn,.event_form_short,.event_form_middle { border: 1px solid #666; padding: 0.5em 0.6em; font-size: 1em; width: 25em;}
.event_form_btn { border:none; width: auto;}
.event_form_short { width: 4em;}
.event_form_middle { width: 7em;}
table.event_form { border:0; width:auto; }

table.event_form td span.caption { color: #999; font-size: 0.9em;}


#ninja_forms_field_1,#ninja_forms_field_2,#ninja_forms_field_3,#ninja_forms_field_5,#ninja_forms_field_8,#ninja_forms_field_11,#ninja_forms_field_12,#ninja_forms_field_14,#ninja_forms_field_15,#ninja_forms_field_18,#ninja_forms_field_19,#ninja_forms_field_26,#ninja_forms_field_22,#ninja_forms_field_27,#ninja_forms_field_28,#ninja_forms_field_29,#ninja_forms_field_35,#ninja_forms_field_39,#ninja_forms_field_38,#ninja_forms_field_36,#ninja_forms_field_37,#ninja_forms_field_46,#ninja_forms_field_47,#ninja_forms_field_53,#ninja_forms_field_54,#ninja_forms_field_55,#ninja_forms_field_56,#ninja_forms_field_57,#ninja_forms_field_51,#ninja_forms_field_48,#ninja_forms_field_49,#ninja_forms_field_52,#ninja_forms_field_59,#ninja_forms_field_60,#ninja_forms_field_60,#ninja_forms_field_61,#ninja_forms_field_62,#ninja_forms_field_63,#ninja_forms_field_65,#ninja_forms_field_67,#ninja_forms_field_68,#ninja_forms_field_69,#ninja_forms_field_70,#ninja_forms_field_72,#ninja_forms_field_73,#ninja_forms_field_74,#ninja_forms_field_75,#ninja_forms_field_76,#ninja_forms_field_77,#ninja_forms_field_78,#ninja_forms_field_79,#ninja_forms_field_82,#ninja_forms_field_86,#ninja_forms_field_87,#ninja_forms_field_88,#ninja_forms_field_89,#ninja_forms_field_91,#ninja_forms_field_92,#ninja_forms_field_93,#ninja_forms_field_94,#ninja_forms_field_95,#ninja_forms_field_96,#ninja_forms_field_98,#ninja_forms_field_99,#ninja_forms_field_100,#ninja_forms_field_101,#ninja_forms_field_102,#ninja_forms_field_104,#ninja_forms_field_105,#ninja_forms_field_106,#ninja_forms_field_107,#ninja_forms_field_108,#ninja_forms_field_110,#ninja_forms_field_111,#ninja_forms_field_112,#ninja_forms_field_113,#ninja_forms_field_114,#ninja_forms_field_117,#ninja_forms_field_118,#ninja_forms_field_125,#ninja_forms_field_126,#ninja_forms_field_127,#ninja_forms_field_128,#ninja_forms_field_129,#ninja_forms_field_133,#ninja_forms_field_134,#ninja_forms_field_140,#ninja_forms_field_141,#ninja_forms_field_142,#ninja_forms_field_143 { font-size:1em; }

#ninja_forms_field_5,#ninja_forms_field_16,#ninja_forms_field_38,#ninja_forms_field_73,#ninja_forms_field_79 { font-weight: 600; }

#ninja_forms_field_1,#ninja_forms_field_2,#ninja_forms_field_3,#ninja_forms_field_5,#ninja_forms_field_8,#ninja_forms_field_11,#ninja_forms_field_12,#ninja_forms_field_14,#ninja_forms_field_15,#ninja_forms_field_18,#ninja_forms_field_19,#ninja_forms_field_26,#ninja_forms_field_22,#ninja_forms_field_27,#ninja_forms_field_28,#ninja_forms_field_29,#ninja_forms_field_35,#ninja_forms_field_39,#ninja_forms_field_38,#ninja_forms_field_46,#ninja_forms_field_47,#ninja_forms_field_53,#ninja_forms_field_51,#ninja_forms_field_48,#ninja_forms_field_54,#ninja_forms_field_55,#ninja_forms_field_56,#ninja_forms_field_57,#ninja_forms_field_59,#ninja_forms_field_60,#ninja_forms_field_61,#ninja_forms_field_62,#ninja_forms_field_63,#ninja_forms_field_67,#ninja_forms_field_68,#ninja_forms_field_69,#ninja_forms_field_70,#ninja_forms_field_72,#ninja_forms_field_74,#ninja_forms_field_75,#ninja_forms_field_76,#ninja_forms_field_77,#ninja_forms_field_78,#ninja_forms_field_82,#ninja_forms_field_86,#ninja_forms_field_87,#ninja_forms_field_88,#ninja_forms_field_89,#ninja_forms_field_91,#ninja_forms_field_92,#ninja_forms_field_93,#ninja_forms_field_94,#ninja_forms_field_95,#ninja_forms_field_98,#ninja_forms_field_99,#ninja_forms_field_100,#ninja_forms_field_101,#ninja_forms_field_104,#ninja_forms_field_105,#ninja_forms_field_106,#ninja_forms_field_107,#ninja_forms_field_108,#ninja_forms_field_110,#ninja_forms_field_111,#ninja_forms_field_112,#ninja_forms_field_113,#ninja_forms_field_117,#ninja_forms_field_118,#ninja_forms_field_125,#ninja_forms_field_126,#ninja_forms_field_127,#ninja_forms_field_128,#ninja_forms_field_133,#ninja_forms_field_134,#ninja_forms_field_140,#ninja_forms_field_141,#ninja_forms_field_143 { margin: 0.3em 0 1em; border: 1px solid #666; padding: 0.6em; }
#ninja_forms_field_15,#ninja_forms_field_27,#ninja_forms_field_36,#ninja_forms_field_37,#ninja_forms_field_49,#ninja_forms_field_57,#ninja_forms_field_65,#ninja_forms_field_72,#ninja_forms_field_79,#ninja_forms_field_89,#ninja_forms_field_96,#ninja_forms_field_102,#ninja_forms_field_114,#ninja_forms_field_129,#ninja_forms_field_142 { height: 8em; padding: 0.6em; }
#ninja_forms_field_5,#ninja_forms_field_16,#ninja_forms_field_52,#ninja_forms_field_58,#ninja_forms_field_66,#ninja_forms_field_73,#ninja_forms_field_38,#ninja_forms_field_80,#ninja_forms_field_25,#ninja_forms_field_97,#ninja_forms_field_103,#ninja_forms_field_109,#ninja_forms_field_115,#ninja_forms_field_130,#ninja_forms_field_137 { width: 100%; color: #fff; background: #8aa92b; border:none; font-size: 1em; padding: 5px 0; }

.number { width: 7em!important;}
.ninja-forms-required-items {margin: 0 0 1em;}
.ninja-forms-field-description p { margin: 0!important; font-size:0.8em;  color: #666;}