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

/* -----------------------------------------------------
Reset
----------------------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, 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;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: bottom; -ms-interpolation-mode: bicubic; }
strong { font-weight: bold; }

* { margin: 0; padding: 0; }

html { font-size: 100%; }
body { color: #333333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased; }


/* -----------------------------------------------------
Layout
----------------------------------------------------- */
#Container { width: 100%; margin: 0 auto; position: relative; background: #f0e7d0; }

header { padding-bottom: 30px; position: relative; z-index: 1; padding-top: 10px;
background: url(../images/header_bg.png),-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background: url(../images/header_bg.png),linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background-position: left bottom; background-repeat: repeat-x, no-repeat; }
header .inner { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; }
header #Menu { display: none; cursor: pointer; }
header a { color: #532b00; text-decoration: none; }
header h1 { width: 223px; position: relative; }
header h1 img { width: 223px; height: auto; }
header #logo { width: 75px; margin-left: 15px; margin-right: 0; }
#HeadTop { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; color: #532b00; }
#HeadTop dl,header #HeadLink > ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; font-size: 0.875em; }
#HeadTop dl { margin-right: 15px; }
#HeadTop dl dt { margin-right: 10px; }
#HeadTop dl dd a { color: #FFF; background: #eaa4b6; border-radius: 10px 0 0 10px; padding: 3px 5px 3px 10px; }
#HeadTop dl dd:last-child a { border-radius: 0 10px 10px 0; padding: 3px 10px 3px 5px; }
#HeadTop dl dd a.textresizer-active { background: #ea759b; }
#cse-search-box #FormBox { border: 1px solid #532b00!important; border-radius: 2px!important; padding: 3px 5px!important; font-size: 0.875em!important; margin-right: 5px!important; }
#cse-search-box #FormBtn { background: #532b00; border: 1px solid #532b00; border-radius: 3px; padding: 1px 10px; color: #FFF; font-size: 0.875em; }

header #HeadLink { margin-left: auto; }
header #HeadLink > ul { margin-top: 10px; }
header #HeadLink > ul li a { display: block; }
header #HeadLink > ul li:nth-child(2) a:before { content: ""; background: url(../images/ic_mail.gif) no-repeat left top; width: 22px; height: 14px; display: inline-block; margin-right: 5px; vertical-align: -0.1em; }
header #HeadLink > ul li:last-child a { border-radius: 2px; color: #FFF; padding: 4px 7px; font-weight: bold;
background: -webkit-linear-gradient(top, rgba(217,10,23,1) 0%,rgba(217,10,23,1) 30%,rgba(156,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(217,10,23,1) 0%,rgba(217,10,23,1) 30%,rgba(156,0,0,1) 100%); }
header #HeadLink > ul li:last-child a:before { content: "!"; width: 15px; height: 15px; padding-top: 1px; box-sizing: border-box; background: #FFF; color: #d60c18; border-radius: 50%; display: inline-block; text-align: center; margin-right: 5px; }
header #HeadLink > ul li:last-child a:hover { background: -webkit-linear-gradient(top, rgba(217,10,23,0.8) 0%,rgba(217,10,23,0.8) 30%,rgba(156,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(217,10,23,0.8) 0%,rgba(217,10,23,0.8) 30%,rgba(156,0,0,0.8) 100%); transition: all .5s; }

#SpNavi { display: none; }
footer { background: url(../images/footer_bg.png) no-repeat #faf6f0; background-size: cover; border-top: 1px dashed #532b00; position: relative; }
#FootNavi { display: -webkit-flex; display: flex; justify-content: flex-end; padding: 20px 0; font-size: 0.813em; }
#FootNavi li:after { content:"｜"; display: inline-block; margin: 0 5px; }
#FootNavi li:last-child:after { display: none; }
#FootNavi li a { color: #4c4948; text-decoration: none; }
#FootNavi li a:hover { color: #bf1920; }
footer address img { display: inline-block; margin-bottom: 5px; }
footer address { line-height: 1.5em; font-size: 0.938em; text-indent: -45px; margin-left: 45px; }
footer address a { text-decoration: none; color: #4c4948; }
footer address a:after { content:"　"; }
#FootBtm { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; padding-bottom: 30px; }
#FootBtm ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; }
#FootBtm ul li:first-child { font-size: 1.250em; margin-right: 35px; margin-bottom: 18px; }
#FootBtm ul li a { display: block; text-decoration: none; }
#FootBtm ul li:first-child a { border-radius: 5px; color: #FFF; padding: 6px 15px; font-weight: bold;
background: -webkit-linear-gradient(top, rgba(217,10,23,1) 0%,rgba(217,10,23,1) 30%,rgba(156,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(217,10,23,1) 0%,rgba(217,10,23,1) 30%,rgba(156,0,0,1) 100%); }
#FootBtm ul li:first-child a:hover { background: -webkit-linear-gradient(top, rgba(217,10,23,0.8) 0%,rgba(217,10,23,0.8) 30%,rgba(156,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(217,10,23,0.8) 0%,rgba(217,10,23,0.8) 30%,rgba(156,0,0,0.8) 100%); transition: all .5s; }
#FootBtm ul li:first-child a:before { content: "!"; width: 36px; height: 36px; padding-top: 5px; box-sizing: border-box; background: #FFF; color: #d60c18; border-radius: 50%; display: inline-block; text-align: center; margin-right: 5px; vertical-align: -0.1em; font-size: 1.250em; }
#FootBtm ul li:last-child { font-size: 0.750em; }
#FootBtm ul li:last-child img { margin-bottom: 5px; }
#FootBtm ul li:last-child a { color: #4c4948; }
#FootBtm ul li:last-child a:hover { opacity: 0.8; transition: all .5s; }

footer #copy { background: #faf6f0; text-align: center; font-size: 0.625em; padding: 15px 0; } 

#PageTop { position: absolute; width: 60px; top: -85px; right: 1px; left: auto; text-align: right; z-index: 100; }


/* -----------------------------------------------------
Common
----------------------------------------------------- */
#Contents { background: #faf6f0; padding-top: 1px; }
#Contents .inner { -webkit-flex-wrap: wrap; flex-wrap: wrap; }

a { color: #333; text-decoration: none; }
a.tel-link:hover,a.tel-link:active { text-decoration: none!important; }
.inner { max-width: 950px; width: 100%; margin: 0 auto; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
a { position: relative; }
#Contents a:hover { color: #bf1920!important; }
a[target="_blank"]:after { content:""; display: inline-block; background: url(../images/ic_blank.png) no-repeat; width: 16px; height: 16px; vertical-align: -0.1em; margin-left: 5px; }
.smltxt a[target="_blank"]:after{ content:none; }
a.pdf:after { content:""; display: inline-block; background: url(../images/ic_pdf.png) no-repeat; background-size: 100% auto; width: 16px; height: 16px; vertical-align: -0.1em; margin-left: 5px; }
a.doc:after { content:""; display: inline-block; background: url(../../images/agriculture/nousei/ic_word.png) no-repeat; width: 16px; height: 16px; vertical-align: -0.1em; margin-left: 5px; }
a.xls:after { content:""; display: inline-block; background: url(../../images/agriculture/nousei/ic_excel.png) no-repeat; width: 16px; height: 16px; vertical-align: -0.1em; margin-left: 5px; }
a.event:after { content:""; display: inline-block; margin-top: -0.5em; background: url(../../images/ic_event.png) no-repeat; background-size: 100% auto; width: 63px; height: 25px; margin-left: 5px; vertical-align: middle; }
a.important:after { content:""; display: inline-block; background: url(/common/images/ic_important.png) no-repeat; background-size: 100% auto; width: 43px; height: 20px; margin-left: 5px; align-self: center; vertical-align: middle; margin-top: -0.2em; }
/*#News dd a { display: -webkit-flex; display: flex; align-items: center; }*/

.img a[target="_blank"]:after { display: none; }
.img-c a[target="_blank"]:after { display: none; }

#Contents.font-l { font-size: 120%; }
#Contents.font-m { font-size: 100%; }

.br { display: none; }


@media screen and (max-width:1023px) {
	.inner { padding: 0 20px; box-sizing: border-box; }
		
}


@media screen and (max-width: 767px) {
/* -----------------------------------------------------
Layout
----------------------------------------------------- */
	header { background: none #FFF; padding-bottom: 10px; }
	header #logo { width: 37px; margin-left: 15px; margin-right: 0; }
	header #logo img { width: 100%; height: auto; }
	header #HeadLink { margin-left: 0;  }
	
	header #Menu { display: block; background: #532b00; border-radius: 3px; color: #f0e7d0; padding: 7px 10px 7px 28px; position: relative; font-size: 0.875em; font-weight: bold; line-height: 1em; margin-left: auto; }
	header #Menu.active { background: #f0e7d0; color: #532b00; }
	header #Menu span { position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; width: 13px; height: 2px; background: #f0e7d0; }
	header #Menu span:before { content:""; position: absolute; top: -4px; width: 13px; height: 2px; background: #f0e7d0; }
	header #Menu span:after { content:""; position: absolute; top: 4px; width: 13px; height: 2px; background: #f0e7d0; }
	header #Menu.active span { background: #532b00; }
	header #Menu.active span:before { background: #532b00; }
	header #Menu.active span:after { background: #532b00; }
	header #HeadLink { display: none; position: absolute; left: 0; top: 100%; background: #f0e7d0; width: 100%; padding: 15px 20px 20px 20px; box-sizing: border-box; }
	
	#HeadTop { margin-top: 15px; }
	#HeadTop dl { display: none; }
	
	header #Search { width: 100%; text-align: center; padding-bottom: 10px; }
	header #Search #FormBox { border: 1px solid #532b00; border-radius: 2px; padding: 3px 5px; font-size: 0.875em; margin-right: 5px; box-sizing: border-box; width: 70%; }
	header #Search #FormBtn { background: #532b00; border: 1px solid #532b00; border-radius: 3px; padding: 1px 10px; color: #FFF; font-size: 0.875em; }
	
	
	footer { background-repeat: repeat; background-size: 100% auto; }
	#SpNavi { display: block; width: 100%; background: #f0e7d0; padding: 15px 20px 30px 20px; box-sizing: border-box; border-bottom: 1px dashed #532b00; }
	#SpNavi > ul > li { width: 100%; font-weight: bold; border-bottom: 1px dashed #beac9a; }
	#SpNavi > ul > li a { display: block; padding: 10px 5px 10px 5px; line-height: 1.5em; box-sizing: border-box; text-decoration: none; color: #532b00; position: relative; }
	#SpNavi > ul > li a:before { content: ""; display: inline-block; width: 30px; height: 25px; margin-right: 8px; background-size: 100% auto; background-repeat: no-repeat; vertical-align: middle; }
	
	#SpNavi > ul > li.Home a:before { background-image: url(../images/ic_home.png); }
	#SpNavi > ul > li:nth-child(2) a:before { background-image: url(../images/ic_agriculture.png); }
	#SpNavi > ul > li:nth-child(3) a:before { background-image: url(../images/ic_life.png); }
	#SpNavi > ul > li:nth-child(4) a:before { background-image: url(../images/ic_bank.png); }
	#SpNavi > ul > li:nth-child(5) a:before { background-image: url(../images/ic_kyosai.png); }
	#SpNavi > ul > li:nth-child(6) a:before { background-image: url(../images/ic_store.png); }
	#SpNavi > ul > li:last-child a:before { background-image: url(../images/ic_about.png); }
	
	
	#FootNavi { -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	#FootNavi li { width: 30%; }
	#FootNavi li:after { display: none; }
	#FootNavi li a { display: block; padding: 8px 0; text-align: center; }

	#FootBtm { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	footer address { width: 100%; order: 1; text-indent: 0; margin-left: 0; margin-top: 20px; text-align: center; }
	#FootBtm ul { width: 100%; order: 0; -webkit-justify-content: space-around; justify-content: space-around; }
	
	#PageTop { position: absolute; width: 60px; top: -85px; right: 0; left: auto; text-align: right; z-index: 100; }
	
}


@media screen and (max-width: 540px) {
/* -----------------------------------------------------
Layout
----------------------------------------------------- */
	header h1 { width: 50%; }
	header h1 img { max-width: 100%; width: auto; height: auto; }

	#FootNavi li { width: 100%; }
	#FootBtm ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; }
	#FootBtm ul li:first-child { margin-right: 0; }
	#FootBtm ul li:last-child { width: 100%; text-align: center; }
}


@media screen and (max-width:375px) {	
	header .inner { -webkit-justify-content: space-between; justify-content: space-between; }
	header #logo { width: 37px; margin-left: auto; margin-right: auto; }

	header #HeadLink > ul { margin-top: 10px; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	header #HeadLink > ul li:nth-child(-n+2) { width: 45%; text-align: center; }
	header #HeadLink > ul li:nth-child(-n+2) a { display: inline-block; padding: 5px 0; }
	header #HeadLink > ul li:last-child { margin-top: 10px; text-align: center; width: 100%; }
	header #HeadLink > ul li:last-child a { padding: 10px 7px; display: inline-block; margin: auto; width: 60%; }
	
	footer address a:after { content:""; }
	.br { display: inline; }

}

@media screen and (max-width:320px) {
	header #logo { margin-left: 5px; }

}