/*
Theme Name: JA Kinosato
Author: SYNC-WORKS
Author URI: https://www.sync-works.jp/
Description: This theme was redesigned website by Yuka Takeda of studio 304 in 2016.
Version: 1.0
*/

@import url("css/reset.css");

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?ypb0cj');
	src:url('fonts/icomoon.eot?ypb0cj#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?ypb0cj') format('truetype'),
		url('fonts/icomoon.woff?ypb0cj') format('woff'),
		url('fonts/icomoon.svg?ypb0cj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, input, textarea, select {
    font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
}

body {
    color: #231815;
    background-color: #ffffff;
    font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 16px; font-size: 1.6rem;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    position: relative;
}

a, a:focus, a:active {
	color: #4d4d4d;
	text-decoration: none;
}
a:hover {
	color: #bdbdbd;
	text-decoration: underline;
}
a > img, #menu-global_nav .menu-item {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover > img, #menu-global_nav .menu-item:hover {
	opacity: 0.4;
	filter alpha(opacity=60);
}


/* --------------------------------
	Common
-------------------------------- */
.wrapper_narrow {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

/****** Header Setting ********/
#header {
	padding-top: 1em;
}

/****** Footer Setting ********/
#footer_list {
	overflow: hidden;
	padding: 3em 0;
}
#footer_list > li p a {
	color: #136234;
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
}
#footer_list > li ul {
	font-size: 12px; font-size: 1.2rem;
	margin: 0.5em 0;
}
#footer_copy {
	background-color: #166234;
	color: #fff;
	font-size: 12px; font-size: 1.2rem;
	text-align: center;
	clear: both;
	padding: 1em 0;
}

/****** Font/Text style ******/
.text_xxsmall { font-size: 10px; font-size: 1.0rem; }
.text_xsmall  { font-size: 12px; font-size: 1.2rem; }
.text_small   { font-size: 14px; font-size: 1.4rem; }
.text_medium  { font-size: 16px; font-size: 1.6rem; }
.text_large   { font-size: 19px; font-size: 1.9rem; }
.text_xlarge  { font-size: 24px; font-size: 2.4rem; }
.text_xxlarge { font-size: 48px; font-size: 1.8rem; }
.text_bold    { font-weight: bold; }
.text_center  {	text-align: center; }
.text_right   { text-align: right; }
.text_indent  { text-indent: 1em; }
.underline    { text-decoration: underline; }
.attention {
	text-indent: -1em;
	padding-left: 1em;
}
.attention:before {
	content: "※";
}
.caution {
	text-indent: -2em;
	padding-left: 2em;
}
.caution:before {
	content: "注）";
}
.space_top    { margin-top: 1em; }
.space_right  { margin-right: 1em; }
.space_bottom {	margin-bottom: 1em; }
.space_left   { margin-left: 1em; }

/****** Image style ******/
.image_left {
	float: left;
	margin-right: 1em;
}
.image_right {
	float: right;
	margin-left: 1em;
}
.image_center {
	margin-left: auto;
	margin-right: auto;
}
.image_reset {
	clear: both;
}
.photo_style {
	margin-right: 0.5em;
	padding: 0.75em;
	background-color: #fff;
	box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.4);
}

/****** Forms setting ******/
input, textarea, select {
	font-size: 14px; font-size: 1.4rem;
    font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}
#s, #searchsubmit {
    font-size: 12px; font-size: 1.2rem;
}
#s {
    width: 15em;
    padding: 0.2em 0.6em;
}
#searchsubmit {
	color: #fff;
	background-color: #757575;
	padding: 0.3em 0.6em;
	border: 1px solid #757575;
}
#searchsubmit:hover {
	background-color: #136234;
}

/****** Scroll top button style ******/
div.pagetop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 19999;
}
a.scroll {
	display: block;
	width: 50px;
	height: 50px;
	background: #575757 url(images/background/bg_pagetop.png) no-repeat center center;
	border-radius: 5px;
	box-shadow: 0 0 25px 5px rgba(87, 87, 87, 0.6);
	text-indent: -9999px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
a.scroll:hover {
	opacity: 0.4;
	filter alpha(opacity=60);
}

/****** lightbox style ******/
#lightboxOverlay  { z-index: 20000; }
#lightbox         { z-index: 20001; }
#lightbox .lb-nav { z-index: 20002; }


/****** Breadcrumb style ******/
#breadcrumbs_area ul {
	font-size: 0;
}
#breadcrumbs_area li {
	font-size: 14px; font-size: 1.4rem;
	display: inline-block;
}
#breadcrumbs_area li:before {
	content: "> ";
	margin-left: 0.5em;
}
#breadcrumbs_area li:first-child:before {
	content: "";
	margin-left: 0;
}

/****** Home parts style ******/
.homepart_title {
	padding: 1em 0;
}
.homepart_title img {
	margin-left: auto;
	margin-right: auto;
}
.homepart_subtitle {
	text-align: center;
	margin-bottom: 1em;
}

/****** Buttons style ******/
a[class^="button_"] {
	padding: 0.2em 1em;
	border-width: 1px;
	border-style: solid;
	text-decoration: none !important;
}
a[class^="button_"]:before {
	content: "\25B6";
	font-size: 0.5em;
	margin-right: 0.5em;
}
a[class^="button_"]:hover {
	text-decoration: none;
}
.horizontal_buttons {
	font-size: 0;
}
.horizontal_buttons li {
	font-size: medium;
	display: inline-block;
	margin-right: 1em;
}
.horizontal_buttons li:last-child {
	margin-right: 0;
}
.horizontal_buttons li a {
	display: block;
}
a.button_green0, a.button_green1:hover {
	color: #176033;
	background-color: #fff;
	border-color: #176033;
}
a.button_green1, a.button_green0:hover {
	color: #fff;
	background-color: #176033;
	border-color: #176033;
}
a.button_orange0, a.button_orange1:hover {
	color: #d78500;
	background-color: #fff;
	border-color: #d78500;
}
a.button_orange1, a.button_orange0:hover {
	color: #fff;
	background-color: #d78500;
	border-color: #d78500;
}

/****** Lists style ******/
.equal_list {
	padding: 1em 0 1em 1em;
	border-top: 1px solid #eae7c5;
	border-bottom: 1px solid #eae7c5;
}
.equal_list li:before,
.usual_list li:before,
.triangle_maker:before {
	content: "\25B6";
	font-size: 0.5em;
	margin-right: 0.5em;
}

.turndown_list {
	font-size: 0;	/* for clearing the gap */
}
.turndown_list li {
	font-size: medium;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	box-sizing: border-box;
	padding: 1em 0.5em 0;
}
.turndown_list li img {
	width: 100%;
}
ol.decimal > li {
	list-style: decimal inside;
	text-indent: -1.1em;
	padding-left: 1.1em;
}
ol.katakana > li {
	list-style: katakana inside;
	text-indent: -1em;
	padding-left: 1em;
}
ul.square > li {
	list-style: square inside;
	text-indent: -1em;
	padding-left: 1em;
}
ul.disc > li {
	list-style: disc inside;
	text-indent: -1em;
	padding-left: 1em;
}
ul.circle > li {
	list-style: circle inside;
	text-indent: -1em;
	padding-left: 1em;
}
ol.bracket {
	counter-reset: bracket;
}
ol.bracket > li {
	text-indent: -1.8em;
	padding-left: 1.8em;
}
ol.bracket > li:before {
	content: "(" counter(bracket) ")";
	counter-increment: bracket;
	margin-right: 0.5em;
}
ol.notes {
	counter-reset: notice;
}
ol.notes > li:before {
	content: "(注" counter(notice) ")";
	counter-increment: notice;
	margin-right: 0.5em;
}
ol.notes > li {
	list-style: none !important;
	text-indent: -2.85em;
	padding-left: 2.85em;
}
ol.circled > li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
ol.circled > li:before {
	margin-right: 0.5em;
}
ol.circled > li:nth-of-type(1):before { content: "\2460"; }
ol.circled > li:nth-of-type(2):before { content: "\2461"; }
ol.circled > li:nth-of-type(3):before { content: "\2462"; }
ol.circled > li:nth-of-type(4):before { content: "\2463"; }
ol.circled > li:nth-of-type(5):before { content: "\2464"; }
ol.circled > li:nth-of-type(6):before { content: "\2465"; }
ol.circled > li:nth-of-type(7):before { content: "\2466"; }
ol.circled > li:nth-of-type(8):before { content: "\2467"; }
ol.circled > li:nth-of-type(9):before { content: "\2468"; }
ol.circled > li:nth-of-type(10):before { content: "\2469"; }
ol.circled > li:nth-of-type(11):before { content: "\2470"; }

/****** Table style ******/
table.table_style {
	border-collapse: collapse;
	width: 100%;
	margin-top: 1em;
}
h1 + table.table_style,
h2 + table.table_style {
	margin-top: 0;
}
table.table_style th,
table.table_style td {
	vertical-align: middle;
	text-indent: 0;	/* for undoing indented paragraphs */
	border: 0.2em solid #fff;
	padding: 0.75em;
}
table.table_style th {
	color: #fff;
	font-weight: bold;
	background-color: #136233;
}
table.table_style td {
	background-color: #F2F2E6;
}

/****** Google Maps ******/
.google_maps {
	position: relative;
	height: 0;
	padding-bottom: 75%;
	overflow: hidden;
}
.google_maps iframe,
.google_maps object,
.google_maps embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.map_8x3 { padding-bottom: 37.5%; }

/****** YouTube ******/
.youtube_wrapper {
	width: 853px;
	max-width: 100%;
}
.youtube_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/****** Post Article ******/
.blog_article {
	margin-top: 1em;
	margin-bottom: 1em;
}
.blog_article header {
	margin-bottom: 1em;
}
.blog_article time {
	display: block;
	text-align: right;
}
.page_content h1, .page_content h2,
.page_content h3, .page_content h4,
.page_content h5, .page_content h6,
.page_content strong {
	font-weight: bold;
}
.page_content h1,
.page_content h2,
.page_content h3,
.page_content h4,
.page_content h5,
.page_content h6,
.page_content p,
.page_content ol {
	display: block;
	margin: 1em 0 0;
}
.page_content h1,
.page_content h2 {
	clear: both;
}
.page_content ul > li {
	list-style: disc outside;
	text-indent: 0;
	margin-left: 1.5em;
	padding-left: 0;
}
.page_content ol > li {
	list-style: decimal outside;
	margin-top: 1em;
	margin-left: 2em;
}
.page_content a {
	text-decoration: underline;
}
.page_content table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 1em;
}
.page_content th,
.page_content td {
	vertical-align: middle;
	text-indent: 0;	/* for undoing indented paragraphs */
	border: 0.2em solid #fff;
	padding: 0.75em;
}
.page_content th {
	color: #fff;
	font-weight: bold;
	background-color: #136233;
}
.page_content td {
	background-color: #F2F2E6;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin-right: 1em !important;
	margin-bottom: 1em !important;
}
.alignright {
	float: right;
	margin-left: 1em !important;
	margin-bottom: 1em !important;
}
.alignnone {
	display: inline;
}

/* --------------------------------
	Common style
-------------------------------- */
#menu-global_nav {
	display: table;
	table-layout:fixed;
	margin-top: 1em;
}
#menu-global_nav li {
	border-left: 1px solid #eae7c5;
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}
#menu-global_nav li:last-child {
	border-right: 1px solid #eae7c5;
}
#menu-global_nav li a {
	color: #176033;
	text-align: center;
	display: block;
}
#menu-global_nav li a:hover {
	text-decoration: none;
}

/* --------------------------------
	トップページ
-------------------------------- */
/*** メインビジュアル ***/
#mainvisual_wrapper {
	overflow: hidden;
}
.bx-wrapper .bx-viewport {
	background-color: transparent;
	border: none;
	left: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	margin: 0 7px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #575757;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #d78500;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: -40px;
}
.bx-wrapper .bx-prev {
	left: 15px;
}
.bx-wrapper .bx-next {
	right: 15px;
}

/*** アイキャッチ（上部バナーリンク） ***/
#eyecatch_part {
	padding-bottom: 2em;
}
#eyecatch_list {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#eyecatch_list h1 {
	margin-top: 0.5em;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.3;
}

/*** 新着情報 ***/
#news_tab {
	float: left;
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0.5em 0;
	margin-bottom: 1em;
}
#news_tab li {
	color: #fff;
	font-size: 14px; font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
	background-color: #575757;
	display: table-cell;
	vertical-align: middle;
	padding: 0.2em 0.4em;
}
#news_tab li:hover {
	cursor: pointer;
}
#news_tab li.selected {
	color: #fff;
	background-color: #176033;
	position: relative;
}
#news_tab li.selected:after {
	content: '';
	position: absolute;
	border-top: 15px solid #176033;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 41%;
}
#news_button {
	font-size: 14px; font-size: 1.4rem;
	float: right;
}
#news_part .news_list {
	clear: both;
	display: none;
}
#news_part #news_header + .news_list {
	display: block;	/* default display */
}
.news_list li {
	background-color: #f3f3e7;
	margin-bottom: 0.5em;
	overflow: hidden;
}
.news_list a {
	width: 100%;
}
.news_time {
	font-weight: bold;
	text-align: center;
}
.news_category {
	width: 7em;
}
.news_category span {
	color: #fff;
	font-size: 12px; font-size: 1.2rem;
	font-weight: normal;
	text-align: center;
	background-color: #d78500;
	display: block;
	line-height: 2;
}
.news_list a:hover {
	text-decoration: none;
}
.news_list a:hover .news_time,
.news_list a:hover .news_title {
	text-decoration: underline;
}

/*** サイト内リンク ***/
#innerlinks_wrapper {
	background: url(images/background/bg_innerlinks.png) repeat;
}
#innerlinks_part {
	padding-top: 3em;
	padding-bottom: 3em;
}
#innerlinks_list li {
	text-align: center;
}
#innerlinks_list a:hover {
	text-decoration: none;
}
#innerlinks_list img {
	margin: 0 auto 1em;
	max-width: 200px;
	width: 100%;
}
#innerlinks_list h1 {
	color: #d78500;
	font-size: 19px; font-size: 1.9rem;
	font-weight: bold;
}
#innerlinks_list h1:before {
	content: "\25B6";
	font-size: 0.5em;
	margin-right: 0.5em;
}
#innerlinks_list p {
	color: #fff;
}

/*** キャッチコピー ***/
#catchcopy_part_wrapper {
	background: url(images/background/bg_catchcopy.jpg) no-repeat center center;
	background-size: cover;
}
#catchcopy_part h1 {
	color: #fff;
	font-weight: bold;
	font-family: Vollkorn, "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", Georgia, "ＭＳ 明朝", Meiryo, serif;
	text-shadow: 2px 2px 1px #231815;
	text-align: center;
	margin: 3em 0;
}

/*** 直売所 ***/
#markets_wrapper {
	background-color: #f3f3e7;
}
#markets_part {
	padding-top: 3em;
	padding-bottom: 4em;
}
#markets_header {
	padding-bottom: 3em;
}
#markets_header .homepart_subtitle {
	margin-top: 1em;
}
.market_information {
	background: #fff url(images/background/bg_angle_green.png) no-repeat left top;
	margin-bottom: 2em;
	padding: 1em;
	overflow: hidden;
}
.market_title {
	color: #166234;
	font-size: 24px; font-size: 2.4rem;
	font-weight: bold;
}
.market_comment {
	color: #166234;
	font-size: 19px; font-size: 1.9rem;
}
.market_address {
	font-size: 14px; font-size: 1.4rem;
	margin-top: 1em;
}
.market_buttons li {
	margin-top: 2em;
	margin-right: 1em;
}
.market_buttons li a {
	font-size: 14px; font-size: 1.4rem;
	text-align: center;
}
#markets_button {
	text-align: right;
}

/*** 主な旬の農産物 ***/
#products_part_wrapper {
	background: #fff url(images/background/bg_products_part.png) no-repeat center bottom;
}
#products_part {
	padding-top: 2em;
	padding-bottom: 5em;
}
.products_buttons {
	text-align: center;
}
.products_buttons li a {
	font-size: 14px; font-size: 1.4rem;
	text-align: center;
	width: 8em;
}
ul#products_list {
	font-size: 0;
}
ul#products_list li {
	text-align: center;
	font-size: medium;
	display: inline-block;
	vertical-align: top;
	margin-top: 3em;
}
ul#products_list img {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}
ul#products_list h2 {
	color: #166234;
	font-size: 19px; font-size: 1.9rem;
	font-weight: bold;
}
ul#products_list p {
	font-size: 14px; font-size: 1.4rem;
}

/*** 外部バナーリンク ***/
#outerlinks_part_wrapper {
	background-color: #166234;
}
#outerlinks_part {
	padding-bottom: 1em;
}
ul#outerlinks_list li {
	width: 234px;
	height: 60px;
	display: table;
	table-layout:fixed;
}
ul#outerlinks_list li > a {
	display: table-cell;
	vertical-align: middle;
}
ul#outerlinks_list li > a img {
	margin-left: auto;
	margin-right: auto;
}
#outerlinks_part .bx-wrapper {
	margin-top: 1em !important;
	margin-bottom: 2em !important;
}
#outerlinks_part .bx-wrapper .bx-viewport {
	background: transparent;
	box-shadow: none;
}
#outerlinks_part .bx-controls-direction a {
	margin-top: -20px;	/* height * 0.5 */
	width: 20px;
	height: 40px;
	background-size: cover;
}
#outerlinks_part .bx-prev {
	left: -50px;
	background: url(images/background/bg_arrow_triangle.png) no-repeat left center;
}
#outerlinks_part .bx-next {
	right: -50px;
	background: url(images/background/bg_arrow_triangle.png) no-repeat right center;
}

/* --------------------------------
	下層ページ
-------------------------------- */
/****** Common ******/
.page_visual img {
	width: 100%;
}
#breadcrumbs_wrapper {
	margin: 1em 0;
}
.column_main {
	width: 100%;
}

/*** ローカルナビゲーション ***/
#local_nav {
	overflow: hidden;
}
/*#local_nav li:first-child {
	border-top: 1px solid #eae7c5;
}
#local_nav li {
	border-bottom: 1px solid #eae7c5;
}*/
#local_nav li a {
	text-indent: -2em;
	padding: 1em 1em 1em 2em;
	display: block;
}
#local_nav li a:before {
	font-family: 'icomoon';
	color: #136234;
	content: "\e906";
	margin-right: 1em;
}


.article_title {
	color: #156234;
	font-size: 24px; font-size: 2.4rem;
	font-weight: bold;
    font-family: Vollkorn, "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", Georgia, "ＭＳ 明朝", Meiryo, serif;
	letter-spacing: 0.25em;
}
.article_title + p {
	margin-top: 1em;
}
.article_subtitle {
	color: #156234;
	font-size: 19px; font-size: 1.9rem;
	margin-top: 1em;
}
.index_box {
	margin-top: 1em;
}
.index_box > li {
	box-sizing: border-box;
	padding-right: 1em;
	padding-bottom: 1em;
	float: left;
}
.index_box h2 {
	color: #156234;
	font-size: 19px; font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
}
.index_box h2:before {
	font-family: 'icomoon';
	font-weight: normal;
	content: "\e906";
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.index_box p {
	margin-top: 0.5em;
}
.index_box a {
	background-color: #f2f2e6;
	/*border: 1px solid #eae7c5;*/
	display: block;
	padding: 1em;
}

.section_style {
	clear: both;
	padding-top: 3em;
}
.section_list {
	padding-top: 2em;
}
.section_title,
.section_list li {
	color: #136234;
	padding-bottom: 0.5em;
}
.section_title {
	font-size: 19px; font-size: 1.9rem;
	font-weight: bold;
}
.page_content h2 {
	color: #136234;
	font-size: 19px; font-size: 1.9rem;
	font-weight: bold;
	padding: 3em 0 0.5em;
}
.page_content h2:before,
.section_title:before,
.section_list li:before {
	font-family: 'icomoon';
	font-weight: normal;
	content: "\e906";
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.section_child_style {
	padding-top: 2em;
}
.page_content h3,
.section_child_title {
	color: #136234;
	font-weight: bold;
}
.free_dial {
	font-size: 24px; font-size: 2.4rem;
	font-weight: bold;
	background: url(images/svg/freedial.svg) no-repeat left center;
	background-size: contain;
	padding-left: 2.5em; /* width:460px / height:300px + space:1em */
}

.legal_header {
	margin-top: 2em;
}
.legal_header p {
	text-align: right;
}
.legal_style li {
	margin-top: 2em;
}
.legal_style li p {
	text-indent: 1em;
}
.legal_style li li {
	margin-top: 0;
}
p.legal_intro {
	text-indent: 1em;
	margin-top: 2em;
}
p.legal_period {
	text-align: right;
	margin-top: 1em;
}


#agriculture_products_area section p {
	margin-bottom: 1em;
}


/****** Q&A ******/
#faq_list {
	margin-top: 2em;
}
#faq_list dt:before {
	content: "Ｑ";
	color: #fff;
	background-color: #da3e21;
	margin-right: 1em;
	padding: 0 0.2em;
}
#faq_list dt {
	color: #da3e21;
	text-indent: -2.4em;
	padding: 2em 0 0.5em 2.4em;
}
#faq_list dd:before {
	content: "Ａ";
	color: #fff;
	background-color: #136234;
	margin-right: 1em;
	padding: 0 0.2em;
}
#faq_list dd {
	text-indent: -2.4em;
	padding: 0.5em 0 2em 2.4em;
	border-bottom: 1px solid #eae7c5;
}

#agriculture_safety_area table {
	margin-bottom: 1em;
}
#agriculture_safety_area img {
	margin-top: 1em;
}
#finance_loan_area .turndown_list li {
	width: 50%;
}
.contact_box {
	background-color: #f2f2e6;
	margin-top: 2em;
	padding: 1em;
}

/****** 個人情報保護方針用スタイル ******/
/* 番号付きリスト */
.slug_privacy-policy .page_content > ol ol {
	counter-reset: p1;
}
.slug_privacy-policy ol ol > li {
	text-indent: -1.8em;
	padding-left: 1.8em;
	list-style: none;
}
.slug_privacy-policy ol ol > li:before {
	content: "(" counter(p1) ")";
	counter-increment: p1;
	margin-right: 0.5em;
}
.slug_privacy-policy ol ol ol {
	counter-reset: p2;
}
.slug_privacy-policy ol ol ol > li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	list-style: none;
}
.slug_privacy-policy ol ol ol > li:before {
	margin-right: 0.5em;
}
.slug_privacy-policy ol ol ol > li:nth-child(1):before { content: "\2460"; }
.slug_privacy-policy ol ol ol > li:nth-child(2):before { content: "\2461"; }
.slug_privacy-policy ol ol ol > li:nth-child(3):before { content: "\2462"; }
.slug_privacy-policy ol ol ol > li:nth-child(4):before { content: "\2463"; }
.slug_privacy-policy ol ol ol > li:nth-child(5):before { content: "\2464"; }
.slug_privacy-policy ol ol ol > li:nth-child(6):before { content: "\2465"; }
.slug_privacy-policy ol ol ol > li:nth-child(7):before { content: "\2466"; }
.slug_privacy-policy ol ol ol > li:nth-child(8):before { content: "\2467"; }
.slug_privacy-policy ol ol ol > li:nth-child(9):before { content: "\2468"; }
.slug_privacy-policy ol ol ol ol {
	counter-reset: p3;
}
.slug_privacy-policy ol ol ol ol > li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	list-style: none;
}
.slug_privacy-policy ol ol ol ol > li:before {
	counter-increment: p3;
	margin-right: 0.5em;
}
.slug_privacy-policy ol ol ol ol > li:nth-child(1):before { content: "ア."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(2):before { content: "イ."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(3):before { content: "ウ."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(4):before { content: "エ."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(5):before { content: "オ."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(6):before { content: "カ."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(7):before { content: "キ."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(8):before { content: "ク."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(9):before { content: "ケ."; }
.slug_privacy-policy ol ol ol ol > li:nth-child(10):before { content: "コ."; }

/****** Contact Form ******/
#contact_form th {
	text-align: left;
	vertical-align: top;
}
select[name="your-pref"], input[name="your-address"] {
	margin-top: 0.5em;
}
#contact_buttons {
	display: table;
	width: 50%;
	margin: 1em auto;
}
#contact_buttons li {
	text-align: center;
	display: table-cell;
	width: 50%;
}
.input5  { width: 5em; }
.input10 { width: 10em; }
.input20 { width: 20em; }
.input40 { width: 40em; }
input[size="16"] { width: 8em; }
#ui-datepicker-div {
	font-size: 14px; font-size: 1.4rem;
}

#facility_index_part td a {
	word-break: break-all;
}

#local_condition .turndown_list li {
	padding-top: 0;
}

#access_method li {
	padding-bottom: 2em;
	overflow: hidden;
}

#profile_inspection_area td {
	padding-left: 2em;
}



/******************************
	Media Query
*******************************/

@media only screen and (max-width: 767px) {
	/****** Header Setting ********/
	#extra_nav_wrapper {
		display: none;
	}
	#header_logo {
		text-align: center;
	}
	#header_logo a {
		display: inline-block;
	}
	/****** Footer Setting ********/
	#footer_list {
		margin-left: 1em;
		margin-right: 1em;
	}
	#footer_list > li {
		width: 50%;
		float: left;
	}
	#main .wrapper_narrow {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	/* --------------------------------
		Common style
	-------------------------------- */
	#menu-global_nav {
		width: 100%;
	}
	#menu-global_nav li {
		font-size: 12px; font-size: 1.2rem;
		line-height: 1.2;
		width: 20%;
	}
	#menu-global_nav li a {
		font-weight: bold;
		padding: 0.4em 0.2em;
	}
	[class^="gnav_"] a:before {
		font-family: 'icomoon';
		font-size: 40px; font-size: 4.0rem;
		white-space: pre;
	}
	.gnav_agriculture a:before { content: "\e902\A"; }
	.gnav_finance a:before     { content: "\e903\A"; }
	.gnav_mutual a:before      { content: "\e904\A"; }
	.gnav_facility a:before    { content: "\e905\A"; }
	.gnav_profile a:before     { content: "\e901\A"; }

	/* --------------------------------
		Top Page
	-------------------------------- */
	/****** News Part ******/
	#news_part {
		padding-bottom: 2em;
	}
	#news_tab {
		width: 100%;
		margin-top: 1em;
	}
	#news_tab li {
		font-size: 12px; font-size: 1.2rem;
		width: 25%;
		margin: 0;
		box-sizing: border-box;
	}
	.news_time {
		float: left;
		padding: 1em 0.5em 0 1em;
		line-height: 1.5;
	}
	.news_category {
		float: left;
		padding: 1em 1em 0 0.5em;
		line-height: 1.5;
	}
	.news_title {
		clear: both;
		padding: 0 1em 1em;
	}
	.news_category span {
		padding: 0;
	}

	/****** Inner Links Part ******/
	#innerlinks_list li {
		width: 50%;
		margin-bottom: 1em;
	}
	/****** Catch Copy Part ******/
	#catchcopy_part h1 {
		font-size: 19px; font-size: 1.9rem;
	}

	/****** Markets Part ******/
	.market_information {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.market_image {
		width: 100%;
		margin-bottom: 0.5em;
	}

	/****** Agricultural Products Area ******/
	#products_part_wrapper {
		background-size: contain;
		padding-bottom: 3em;
	}
	ul#products_list li {
		width: 33.3%;
	}

	/* --------------------------------
		Lower Page
	-------------------------------- */
	.column_main img {
		max-width: 100%;
		width: auto;
	}
	.column_sub {
		display: none;
	}

	.facility_header img {
		margin-bottom: 0.25em;
	}
	.facility_header iframe {
		display: none;
	}
}

@media print, screen and (min-width: 768px) {
	#main {
		padding-bottom: 3em;
	}
	/****** Header Setting ********/
	#extra_nav_wrapper {
		width: 100%;
		overflow: hidden;
	}
	#extra_nav {
		float: right;
		display: table;
		table-layout: fixed;
		border-collapse: collapse;
	}
	#extra_nav li {
		font-size: 12px; font-size: 1.2rem;
		display: table-cell;
		vertical-align: middle;
		padding-left: 1em;
	}
	#extra_nav li.marker:before {
		content: "\25B6";
		color: #757575;
		font-size: 10px; font-size: 1.0rem;
		margin-right: 0.5em;
	}
	#font_sizer {
		display: table;
		border-collapse: collapse;
		table-layout: fixed;
	}
	#font_sizer dt {
		padding-right: 1em;
	}
	#font_sizer dd {
		display: table-cell;
		border: 1px solid #757575;
	}
	#font_sizer a {
		color: #757575;
		background-color: #fff;
		text-decoration: none;
		display: block;
		padding: 0.3em 0.6em;
	}
	#font_sizer a.selected {
		color: #fff;
		background-color: #757575;
	}
	#header_logo {
		clear: left;
		float: left;
		margin: 0.5em 0;
	}
	#menu-global_nav {
		float: right;
	}
	#menu-global_nav li {
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	#menu-global_nav li a {
		width: 146px;
		height: 56px;
	}
	.gnav_agriculture { background-image: url(images/common/gnav_agriculture.png); }
	.gnav_finance     { background-image: url(images/common/gnav_finance.png); }
	.gnav_mutual      { background-image: url(images/common/gnav_mutual.png); }
	.gnav_facility    { background-image: url(images/common/gnav_facility.png); }
	.gnav_profile     { background-image: url(images/common/gnav_profile.png); }


	/****** Footer Setting ********/
	#footer_list {
		display: table;
		width: 100%;
	}
	#footer_list > li {
		display: table-cell;
		width: 20%;
		box-sizing: border-box;
		padding: 0 1em;
		border-right: 1px solid #eae7c5;
	}
	#footer_list > li:last-child {
		border-right: none;
	}

	/* --------------------------------
		Top Page
	-------------------------------- */
	/****** Main Visual ******/
	#mainvisual_wrapper .bx-viewport:first-child {
		overflow: visible !important;	/* fit the window size */
	}

    /*** Eyecatch Part ***/
    ul#eyecatch_list {
        display: table;
    }
    ul#eyecatch_list li {
        display: table-cell;
    }

	/****** News Part ******/
	#news_part {
		padding-bottom: 6em;
	}
	#news_tab li {
		width: 7em;
	}
	.news_list a {
		display: table;
		table-layout: fixed;
		border-collapse: collapse;
		width: 100%;
	}
	.news_time {
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		width: 7em;
		padding: 1em;
		border-right: 0.5em solid #fff;
	}
	.news_title {
		display: table-cell;
		vertical-align: middle;
		padding: 1em 0 1em 1em;
	}
	.news_category {
		display: table-cell;
		padding: 1em 0 1em 1em;
	}
	.news_category span {
		padding: 0 0.4em;
	}

	/****** Inner Links Part ******/
	#innerlinks_list li {
		width: 25%;
	}
	/****** Catch Copy Part ******/
	#catchcopy_part h1 {
		font-size: 40px; font-size: 4.0rem;
	}

	/****** Markets Part ******/
	.market_image {
		box-shadow: 8px 8px 0 #262626;;
		float: right;
		margin-left: 2em;
	}
	.market_information {
		padding: 2em 3em;
	}
	.market_address li:nth-child(2) {
		float: left;
		margin-right: 1em;
	}
	.market_buttons li a {
		width: 8em;
	}

	/****** Agricultural Products Area ******/
	#products_part_wrapper {
		padding-bottom: 187px;
	}
	ul#products_list li {
		width: 16.6%;
	}

	/* --------------------------------
		Lower Page
	-------------------------------- */
	.column_main {
		float: left;
		margin-right: -340px;
	}
	.column_main > * {
		margin-right: 340px;
		box-sizing: border-box;
		padding-right: 2em;
	}
	.column_sub {
		float: right;
		width: 300px;
		margin-bottom: 2em;
	}
	.column_sub > * {
		margin-top: 2em;
	}
	.column_sub > *:first-child {
		margin-top: 0;
	}

	.index_box > li {
		width: 33.3%;
	}

	.facility_header img,
	.facility_header iframe {
		float: left;
		width: 50%;
		box-sizing: border-box;
		margin-bottom: 0.25em;
		padding-left: 0.25em;
		padding-right: 0.25em;
	}
	#oinacity_images,
	#oinacity_info {
		float: left;
		width: 50%;
		margin-bottom: 16px;
	}
	#oinacity_images {
		box-sizing: border-box;
		padding-right: 0.5em;
	}
	#oinacity_images li {
		width: 50%;
	}
	#oinacity_images li:first-child {
		max-width: 100%;
		width: auto;
	}
	#oina_signboard {
		width: 100%;
	}
	#facility_markets_area .section_style {
		padding-bottom: 2em;
		overflow: hidden;
	}
	#facility_markets_area .market_image {
		max-width: 360px;
	}

	#lease_house_list li {
		width: 20%;
	}

	#profile_mukkunai_area li {
		width: 25%;
	}
}

@media print {
	body {
		width: 1200px;
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform-origin: 0 0;
	}
}
@media only screen {
	.fadeItem {
		visibility: hidden;
	}
	.fadeItem.fadeInDown {
		visibility: visible !important;
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
	}
	@keyframes fadeIn {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}
	@-webkit-keyframes fadeIn {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}
}

/*** Temporary Style ***/
#menu-finance_nav #menu-item-55 {
	display: none;
}

/*** アンパンマンショー ***/
/*** 応募フォーム ***/
#anpanman_form .wpcf7-form-control-wrap,
.entryForm .wpcf7-form-control-wrap {
    display: block;
    margin: 0.25em 0;
}
.entryForm .your-remark {
	margin-right: 0.5em;
}
#anpanman_form .wpcf7-form-control-wrap ~ br,
.entryForm .wpcf7-form-control-wrap ~ br {
	display: none;
}
#anpanman_form .wpcf7-not-valid-tip,
.entryForm .wpcf7-not-valid-tip {
    display: inline-block;
    margin-left: 1em;
    font-size: 90%;
}
#anpanman_form .wpcf7-number,
.entryForm .wpcf7-number {
    width: 3em;
}
.entryForm textarea,
.entryForm input[id*=name],
.entryForm input[id*=kana],
.entryForm input[id*=address],
.entryForm input[id*=email] {
	width: 100%;
}

@media print, screen and (max-width: 767px) {
    #anpanman_form textarea,
    #anpanman_form input[id*=name],
    #anpanman_form input[id*=kana],
    #anpanman_form input[id*=address],
    #anpanman_form input[id*=email] {
    	width: 99%;
    }
}