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


body { color: #251e1c;font-feature-settings : "palt"; letter-spacing: .04em;}
a {color: #251e1c; cursor: pointer; text-decoration: none;  transition: all 0.2s;}
a:link {color: #251e1c;}
a:visited {color: #251e1c;}
a:hover {color: #4f352f; text-decoration: none;}
a:active{color: #4f352f; text-decoration: none;}

input[type="submit"]{ -webkit-appearance: none;}
em {font-style: normal !important;}
.wrp {border-top:5px #67390c solid; position: relative;}
.wrp .container {padding: 3rem 20px 12rem;}
.colinner { padding-bottom: 1rem;}

/* pgtop */
.pagetop {position: fixed;bottom: 10vw;right: 0; width: 10%; z-index: 100;}
.hide_content {clear: both;display: none;}

h1.pgttl {display: flex; font-size: 2rem;align-items: center; justify-content: flex-start; color: #000; font-weight: bold;letter-spacing: .04em;} h1.pgttl img {margin-right: .5em;} 
.container h2 {font-size: 1.5rem; font-weight: bold;text-align: center; padding-top: 1em;}
.container h2.ttl { background-attachment: scroll; background-image: url(/img/h2_line.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 1em; margin-bottom: 2em;letter-spacing: .08em;}
.container h2.grttl { color: #327828; text-align: left; margin-top: -2.5em;}
#news.detail h2 { font-size: 2.00rem; text-align: left; margin-bottom: .65em; padding-top: 0em;}
.container h3 { font-size: 1.5rem;line-height: 1.6;margin-bottom: .2em; text-align: left; margin-top: 1em;}
.container h3.ttl {display: flex; align-items: center; justify-content: flex-start; font-weight: bold;}
.container h3.ttl img {margin-right: .5em;}
.container h4 { display: block;font-size: 1.25rem; margin-top: .8em; margin-bottom: .3em;}
.container h4.bold {font-weight: bold;}
.container h5 { display: block;font-size:1.125rem; margin-top: .8em; margin-bottom: .3em; font-weight: bold;}
.container h5.line-ttl { border-bottom: 2px #afb0b0 dotted;}
.container h6 { font-size: 1.125rem; font-weight: bold; margin-top: .6em;}

.container p {font-size: 1.125rem; line-height: 1.7;}
p.lead {text-align: center; font-size: 1.125rem; line-height: 1.7; margin-bottom: 2em;}


#header {display: flex; align-items: flex-end;max-width: 1050px; margin: 0 auto;padding: 30px 0 15px;  position: relative;}
#header h1 { display: inline-block; width: 210px; margin-right: 45px; text-align: center;}
#header h1 em {display: block; font-size: .9375rem; margin-bottom: .65em;}
#header h1 a:hover,#header h1 a:active {text-decoration: none;}


#nav {}
#nav ul { display: flex; align-items: center; background-attachment: scroll; background-image: url(/img/navi/line.png); background-position: right top; background-repeat: repeat-y;}
#nav li {display: inline-flex; align-items: center;align-items: center; padding: 0 6px; background-attachment: scroll; background-image: url(/img/navi/line.png); background-position: left top; background-repeat: repeat-y;}
#nav li a {display: flex;background-color: #fff; width: 120px;height: 100px;align-items:center;padding-top:4em; justify-content: center; text-align: center;background-attachment: scroll; background-position: center center; background-repeat: no-repeat; font-size: .875rem; line-height: 1.2;}

#nav li.aboutus a { background-image: url(/img/navi/navi-01.png);}
#nav li.aboutus a:hover, #nav li.aboutus a:active, .aboutus #nav li.aboutus a { background-image: url(/img/navi/navi-01_crnt.png);}
#nav li.study a { background-image: url(/img/navi/navi-02.png);}
#nav li.study a:hover, #nav li.study a:active,.study #nav li.study a { background-image: url(/img/navi/navi-02_crnt.png);}
#nav li.waxybarley a{ background-image: url(/img/navi/navi-03.png);}
#nav li.waxybarley a:hover, #nav li.waxybarley a:active,.waxybarley #nav li.waxybarley a { background-image: url(/img/navi/navi-03_crnt.png);}
#nav li.fodder a{ background-image: url(/img/navi/navi-04.png);}
#nav li.fodder a:hover, #nav li.fodder a:active,.fodder #nav li.fodder a{ background-image: url(/img/navi/navi-04_crnt.png);}
#nav li.cooking a{ background-image: url(/img/navi/navi-05.png);}
#nav li.cooking a:hover, #nav li.cooking a:active,.cooking #nav li.cooking a{ background-image: url(/img/navi/navi-05_crnt.png);}
#nav li.qa a{ background-image: url(/img/navi/navi-06.png);}
#nav li.qa a:hover, #nav li.qa a:active,.qa #nav li.qa a { background-image: url(/img/navi/navi-06_crnt.png);}
div.inquiry { position: absolute; top: 10px; right: 0;}
div.inquiry { position: absolute; top: 10px; right: 0;}
div.inquiry a {display: flex; align-items: center; background-color: #67390c; border-radius: 6px; color: #fff;padding: .275em 1em; font-size: .9375rem; }
div.inquiry a::before {content: url(/img/icon_mail.png); padding-right: .5em; }

#nav li a:link, #nav li a:visited {}
#nav li a:hover, #nav li a:active,#nav li a.current,
.aboutus #nav li.aboutus a,
.study #nav li.study a,
.waxybarley #nav li.waxybarley a,
.fodder #nav li.fodder a,
.cooking #nav li.cooking a,
.qa #nav li.qa a
 { background-color: #f1c62c;}
#nav-sp {display: none;}


#footer {display: block; width: 100%; background-color: #609933; }

#footer .inner {max-width:1000px; margin:0 auto 20px auto; padding: 3rem 0; display: block; position: relative;}
#footer .inner::before {content: url(/img/footer_mugi.png); position: absolute; left: 0%; top: -180px;}
#footer .inner p.f_policy {position: absolute; right: 0; top: -2em;}
.menu-wrap {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;padding: 0 0 0 30px;}
#footer .inner dl {display: inline-block; width:190px; padding-right: 30px; margin-bottom: 1em; vertical-align: top; color: #fff;}
#footer .inner dl dt { font-size: .9375rem; display: block; border-bottom: 2px #fff solid; padding-bottom: .65em; margin-bottom: .65em; padding-left: .2em;}
#footer .inner dl dd { font-size: .8125rem; display: block;  line-height: 1.8; padding-left: .3em;}
#footer .menu-wrap a,#footer .menu-wrap a:link,#footer .menu-wrap a:visited,#footer .menu-wrap a:hover,#footer .menu-wrap a:active {color: #fff;}
#copyright {}
#copyright .inner {display: block;max-width: 1000px; margin: 0 auto 20px; padding: 1rem 0;position: relative; letter-spacing: -.5em;}
#copyright span {display: inline-block; width: 50%; padding-right: 5%; vertical-align: top; letter-spacing: normal;}
#copyright span:nth-child(2n) {padding-right: 0;width: 45%;}
#copyright h3 {display: block;margin-bottom: .85em; font-size: .9375rem;}
#copyright p {font-size:.8125rem;}
#copyright p.attention {font-size: .625rem; margin-bottom: 1rem;}
#copyright small {font-size: .8125rem;}

.main {min-height: 400px; overflow: hidden; position: relative;}
.main img { width: 100%; z-index: 1;}
.main div { display: block;position: absolute;top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); text-align: left; width: 1000px; color: #fff;}
.main div h2 {font-size: 2.50rem; margin-bottom: .65em;}

 .sec-col {position: relative; padding-top: 50px;}
#local-menu {position: absolute; top: 0; width: 100%; background-color: #e6dbc4;}
.menu-inner {display: flex; align-items: center; justify-content: flex-start;height: 50px; width: 1000px; margin: 0 auto;}
#local-menu ul.menu_list {display: block; letter-spacing: -.5em;}
#local-menu ul.menu_list li {display: inline-block; letter-spacing: normal; padding: 0 1em; }
#local-menu ul.menu_list li a {display: flex;position: relative;height: 48px;align-items: center;}
#local-menu ul.menu_list li a::after {content: "";display: inline-block; height: 3px;  width: 100%;  position: absolute; left: 0%; bottom: 0;}
#local-menu ul.menu_list li a.current::after,
#local-menu ul.menu_list li a:hover::after {background-color:#6f4b19;}
#local-menu strong {font-size: 1.50rem; width: 210px; font-weight: bold;}


#news {display: block; margin: 35px auto 65px; position: relative;}

#news h3 { font-size: 1.50rem; margin-bottom: .2em;}
ul.news_list {display: block;margin:5px auto 15px auto;border-top: 2px #afb0b0 dotted; padding-top: .5em;}
ul.news_list li { font-size: 1.25rem; display: flex; align-items: flex-start;border-bottom: 2px #afb0b0 dotted;padding-bottom: .5em; margin-bottom: .5em;}
ul.news_list  span {display: inline-flex; letter-spacing: normal;font-style: normal;vertical-align: top; width: calc( 100% - 9em); position: relative; padding-left: 8em; font-size: 1.0625rem;}
ul.news_list  span.date {  width: 9em; padding-right: 1em; text-align: right; font-size:.9375rem; padding-left: 0; padding-top: .3em;}
ul.news_list  span i{display: block;position: absolute; left: 0; top: 0; width: 8em; padding:.2em 1em; background-color: #CCC; color: #fff; font-size: .875rem; text-align: center; margin-right: .5em; border-radius: 1em; font-style: normal;}
#news.detail i {display: inline-block; margin-right: 1em; position: relative; left: 0; top: 0; width: 8em; padding:.2em 1em; background-color: #CCC; color: #fff; font-size: .875rem; text-align: center; margin-right: .5em; border-radius: 1em; font-style: normal;}
#news.detail span.date { font-size:.9375rem; padding-left: 0; padding-top: .3em;}
ul.news_list i.topics,
#news i.topics{ background-color: #327828;}
ul.news_list i.member,
#news i.member{background-color: #67390C;}
ul.news_list i.announce,
#news i.announce{background-color: #b33232;}
ul.news_list i.information,
#news i.information{background-color: #ffbd00; color: #67390c;}
ul.news_list a:link,ul.news_list a:visited {text-decoration: underline;}
ul.news_list a:hover,ul.news_list a:active {text-decoration: none;}
#news.detail a:link,#news.detail a:visited {text-decoration: underline; color: #67390c;}
#news.detail p {padding-bottom: .85em;}
#news.detail .button {display: block; width: 16em; margin: 3rem auto 0; border: 1px #a2a3a3 solid; font-size: .9375rem;}
#news.detail .button a:link,#news.detail .button a:visited { text-decoration: none; color: #000;}

#news.leftcol {width: 730px; display: inline-block; margin-top: 0;}
aside#sideNav { width: 240px;display: inline-block; vertical-align: top; margin-left: 30px;}
aside#sideNav dl { display: block; border-top: 1px #a6a7a7 solid; margin-top: 0px;}
aside#sideNav dl dt {display: block; background-color: #ffbd00; padding: .5em .6em;}
aside#sideNav dl dd a {display: block; padding: .85em .6em; border-bottom: 1px #a6a7a7 solid;}
aside#sideNav dl dd a:hover {background-color: #f2e9db;}

ul.bnrbox {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
ul.bnrbox li {padding: 0; max-width: 48%;}

ul.ankList {display: block; width: 96%; margin: 25px auto; padding-left: 4%;}
ul.ankList li {display: inline-block; width: calc(25% - 1em); padding: 0 0 0 1em; font-size: 1.375rem; padding-bottom: .5em;}
ul.ankList li::before {content: "▼";color: #a86276; padding-right: .2em;}
ul.ankList li a {white-space: nowrap;}

.linkTxtR {display: block; text-align: right;}
.linkTxtR a {display: inline-block; background-attachment: scroll; background-image: url(/img/arrow.png); background-position: left .1em; background-repeat: no-repeat; padding-left: 1.5em;}

p.link-txt {font-size: 1rem !important;}
.link-txt a {display: inline-block; padding-right: .2em;}
.link-txt a:link,.link-txt a:visited {color: #67390c; text-decoration: underline;}
.link-txt a:hover,.link-txt a:active {color: #844b18; text-decoration: none;}

ul.ast {display: block; margin-bottom: 1rem; font-size: .875rem;}
ul.ast.s-size { font-size: .875rem; margin-bottom: .3rem;}
ul.ast li {display: block; padding-left: 1em; line-height: 1.5; padding-bottom: .4em;}
ul.ast li::before {content: "※"; padding-right: .2em; display: inline-block; margin-left: -1em;}


ul.list-disc { text-align: left;}
ul.list-disc li {display: block; padding-left: 1em; line-height: 1.5; padding-bottom: .4em;}
ul.list-disc li::before {content: "●"; padding-right: .2em; display: inline-block; margin-left: -1em;}
ul.list-disc li span {width: 14em; display: inline-block;}

ul.list-dot { text-align: left;}
ul.list-dot li {display: block; padding-left: 1em; line-height: 1.5; padding-bottom: .2em;}
ul.list-dot li::before {content: "・"; padding-right: .2em; display: inline-block; margin-left: -1em;}
ul.list-dot li span {width: 14em; display: inline-block;}

ul.link-list {display: block; border-top: 2px #afb0b0 dotted; font-size: 1.125rem; margin-bottom: 30px;}
ul.link-list li {display: block; border-bottom: 2px #afb0b0 dotted; padding: 1em 0 .65em;}
ul.link-list a:link,ul.link-list a:visited {color: #67390c; text-decoration: underline;}
ul.link-list  a:hover,ul.link-list a:active {color: #844b18; text-decoration: none;}

.ico { }
.ic_pdf:after { content:  url(/img/ic_pdf.png); display: inline-block; padding-left: .2em; width: 1em; vertical-align: top;}
.ic_excel:after { content:  url(/img/ic_excel.png); display: inline-block; padding-left: .2em; width: 1em; vertical-align: top;}

ul.cal-box {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; margin:10px auto 2rem auto; width: 100%;}
ul.cal-box li {display:inline-flex;align-items: center;flex-wrap: wrap; text-align: center;width: 30%; margin-right: 2%; height: 5em;padding: .375em .5em; border: 1px #67390c solid; background-color: #f2e9db; font-size: 1rem; line-height: 1.2;}
ul.cal-box li em {font-size: 1.125rem; font-weight: bold;}
ul.cal-box li span {display: block; margin: 0 auto; text-align: center;}

ul.flow-list {display: block; letter-spacing: -.5em; margin-bottom: 30px;}
ul.flow-list li { display: inline-block; letter-spacing: normal; width: 25%; padding-right: 4%; text-align: center; background-attachment: scroll; background-image: url(/img/fodder/flow_arrow.png); background-position: right center; background-repeat: no-repeat; margin-bottom: 10px;}
ul.flow-list li:nth-child(4n) { padding-right: 0; background-image: none;}
ul.flow-list li img {display: block; margin: 0 auto;}

dl.note {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
dl.note dt,dl.note dd {min-width: 4em;}

ol.decimal {display: block; padding-left: 2em; margin: 2rem 0 3rem; font-size: 1.125rem;}

.linebox {display: block; border: 3px #ceaa6d solid; padding:15px 25px;}
.graybox {display: block; border: 1px #ccc solid; padding:25px 35px; margin: 25px auto;}
.box-beige {display: block; padding:25px 35px; margin: 25px auto; background-color: #f3eadc; }


.ph2col {display: block; letter-spacing: -.5em; margin: 2rem auto;}
.ph2col span { display: inline-block; letter-spacing: normal;width: 49%; margin-right: 2%; vertical-align: top;}
.ph2col span img {display: block; margin-bottom: 5px;}
.ph2col span:nth-child(2n) {margin-right: 0;}
.col2box {display: table; margin: 0rem auto;}
.col2box span { display: table-cell;width: 48%; padding:0; vertical-align: top;}
.col2box span:nth-child(1) { padding-right: 2%;}
.col2box span:nth-child(2) { padding-left: 2%;}
.col2box span img {display: block; margin-bottom: 10px;width: 100%;}
.col2box span img.imgRight {width: auto;}
.col3box {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2rem;}
.col3box span {display: block; width: 33%; text-align: center;}

.phLcol {display: table; margin-bottom: 30px; width: 100%;}
.phLcol span { display: table-cell;width:200px; padding-right: 10px; vertical-align: top;}
.phLcol span:nth-child(2n) {padding-right: 0; width: calc( 100% - 200px);}

.phRcol { display: block; position: relative; width: 100%; padding-top: 3rem; margin-top: 2rem;}
.phRcol .left-inner {padding-right: 470px; display: block; min-height: 680px;}
.phRcol .left-inner img.phR {position: absolute; right: 0; top: 47px;}
.phRcol .phRbox {position: absolute; right: 0; top: 47px;}

.phbox {display: flex; flex-wrap: wrap; align-items: flex-end;justify-content: flex-start; min-height: 145px; }
.phbox li {min-width: 70px; text-align: center;padding: 0 5px 0 0;}
.ill_box {display: block; position: relative;}
.ill_box img.ill_cara01 {position: absolute; right: 0; top: -20px;}
.ill_box img.ill_cara02 {position: absolute; left: 0; bottom: 0px;}

dl.point-list {display: block; margin-bottom: 30px; position: relative;border-top:1px #a6a7a7 solid;border-bottom: 1px #a6a7a7 solid;padding: 5px 0;}
dl.point-list dt {position: absolute; left: 50%; top: -60px; margin-left: -40px;z-index: 10;}
dl.point-list dd {display: block;border-top: 0px;border-bottom: 1px #a6a7a7 solid; padding: 1em .5em 1em 35px; position: relative; z-index: 2;}
dl.point-list dd:first-of-type {border-top: 1px #a6a7a7 solid;}
dl.point-list dd img.ico_num {position: absolute; left: 3px; top: 1em;}

dl.standard-list {display: block; margin-bottom: 2em;}
dl.standard-list dt { font-size: 1.375rem; font-weight: bold;}
dl.standard-list dd {padding-left: 1.2em; font-size: 1.125rem;}


ul.recipe-txt {display: block; margin-bottom: 30px;}
ul.recipe-txt li {display: block;padding: .3em .5em .3em 35px;  position: relative; font-size: 1.125rem;}
ul.recipe-txt li img.ico_num {position: absolute; left: 3px; top: .3em;}

ul.bnr-box {display: table; margin: 30px auto; width: 80%; text-align: center;}
ul.bnr-box li {display: table-cell; width: 48%; padding: 0 1%;}
ul.bnr-box li:first-child {text-align: right;}
ul.bnr-box li:last-child {text-align: left;}

.defTd { border-top: 2px #afb0b0 dotted; width: 100%; margin-bottom: 2rem; font-size: 1.125rem; line-height: 1.7;}
.defTd th {background-color: #e9e9e9; padding: .8em .65em; text-align: center; width: 8em;border-bottom: 2px #afb0b0 dotted; font-weight: bold; vertical-align: middle; border-left:2px #fff solid;border-right:2px #fff solid;}
.defTd td { padding: .8em .65em; border-bottom: 2px #afb0b0 dotted;vertical-align: middle; text-align: center; border-right: 2px #e9e9e9 solid;}
.defTd td.bg {background-color: #f3ede2;border-right: 0;}
.defTd td:last-child {border-right: 0;}
.defTd th.v-top,.defTd td.v-top {vertical-align: top;}
.defTd.td-left td {text-align: left;}

.formTd { border-top: 2px #afb0b0 dotted; width: 100%; margin-bottom: 2rem; font-size: 1.125rem; line-height: 1.4;}
.formTd th {background-color: #f2e9db; padding: .75em .65em; text-align: left; width: 27.5%;border-bottom: 2px #afb0b0 dotted; font-weight: normal; vertical-align: top;}
.formTd td {padding: .75em .65em; text-align: left;border-bottom: 2px #afb0b0 dotted; }
.formTd td span.wpcf7-form-control-wrap { width: 100%;}
.formTd td span.wpcf7-form-control-wrap.age {width: 6em;margin-right: .2em;}
.formTd td span.wpcf7-form-control-wrap.tel,.formTd td span.wpcf7-form-control-wrap.your-email {width: 20em; margin-right:.2em;}

input[type="text"].wpcf7c-conf, input[type="email"].wpcf7c-conf, input[type="url"].wpcf7c-conf, input[type="password"].wpcf7c-conf, input[type="search"].wpcf7c-conf, input[type="number"].wpcf7c-conf, input[type="tel"].wpcf7c-conf, input[type="range"].wpcf7c-conf, input[type="date"].wpcf7c-conf, input[type="month"].wpcf7c-conf, input[type="week"].wpcf7c-conf, input[type="time"].wpcf7c-conf, input[type="datetime"].wpcf7c-conf, input[type="datetime-local"].wpcf7c-conf, input[type="color"].wpcf7c-conf, textarea.wpcf7c-conf
 { border: #fff;}

button, input[type="button"], input[type="submit"] {
    border-color: #dbdbdb;
    border-width: 1px;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(0.575em - 1px);
    padding-top: calc(0.575em - 1px);
	border-radius: 290486px;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    white-space: nowrap;
background-color: #67390c;
    color: #fff;
    min-width: 270px;
    margin: 2rem auto;
    font-weight: bold;
	    font-size: 1.25rem;
}
input[type="button"].wpcf7c-btn-back {background-color: #ccc; margin-right: 1em;}




.grayTd {margin:0 auto 10px; width: 100%; border-bottom: 1px #cccccc solid;}
.grayTd th { background-color: #ebebeb; border-top: 1px #cccccc solid; padding: .6em .8em; width: 25%; text-align: center; vertical-align: middle;}
.grayTd td { background-color: #fff; border-top: 1px #cccccc solid; padding: .6em .8em;}

.beigeTd {width: 100%; margin-bottom: .5rem; font-size: 1.125rem;line-height: 1.4;}
.beigeTd th { padding: .4em .5em; border-bottom: 2px #afb0b0 dotted;border-top: 2px #afb0b0 dotted;border-right: 2px #afb0b0 dotted; vertical-align: middle; text-align: center;background-color: #f3ede2;width: 12%;}
.beigeTd td { padding: 1em .5em; border-bottom: 2px #afb0b0 dotted;border-right: 2px #afb0b0 dotted;vertical-align: middle; text-align: center;}
.beigeTd th:last-child,.beigeTd td:last-child {border-right: 0;}

div.hr {display: block; height: 2px;margin: 10px auto;border-bottom: 2px #afb0b0 dotted;}

.colorTd {margin:0 auto 10px; width: 100%;}
.colorTd th {background-color: #e9e9e9; padding: .3em 1em; text-align: center; width: 8em;border-bottom: 2px #afb0b0 dotted; font-weight: bold; vertical-align: middle; border-left:2px #fff solid;border-right:2px #fff solid;}
.colorTd th.nobdr {border-bottom: 0;border-right:0;}
.colorTd td {padding: .3em 1em; border-bottom: 2px #afb0b0 dotted;vertical-align: middle; text-align: center; border-right: 2px #e9e9e9 solid;}
.colorTd tr.nobdr td {border-right:0; padding: .3em .5em;}
.colorTd tr {background-color: #f3ede2;}
.colorTd tr:nth-child(2n) { background-color: #fff;}
.colorTd tr td:first-child {text-align: left; width: 30%;}
.colorTd td:last-child {border-right: 0;}
.colorTd.td-left td {text-align: left;}
.colorTd.pdL td {padding:1em .6em;}


.recipeTd {margin-bottom: 30px; width: 100%;}
.recipeTd tr td { background-color: #f2e9db;padding: .3em 1em;border-bottom: 2px #afb0b0 dotted;border-top: 2px #afb0b0 dotted;}
.recipeTd tr:nth-child(2n) td { background-color: #fff;}
.recipeTd tr td:first-child{ text-align: left; vertical-align: top;}
.recipeTd tr td:last-child{ text-align: right; vertical-align: top;}

.lineTd { font-size: 1.25rem;width: 100%;}
.lineTd td {border-bottom: 2px #afb0b0 dotted; padding: .3em .5em;}

.profile-box {display: block; background-color: #ffebb2; padding: 25px; margin: 2rem auto; max-width: 90%; border-radius: 6px;}
.profile-inner {display: block; position: relative; background-color: #fff; padding: 0px 30px 30px 160px; }
img.profile-ill {position: absolute; left: 5px; top: 10px;}
h3.pro-ttl { display: block;color: #67390c; font-size: 2rem; font-weight: bold;  padding-top: 0; margin-top: 0;}
h3.pro-ttl em { display: inline-block;border-top: 3px #67390c solid; padding-top: 15px;}
h3.pro-ttl span {font-size: 1.625rem;}

.production-map {display: block; position: relative; width: auto; margin: 2rem auto; text-align: right;}
.production-map .map-txt {position: absolute; left: 5%; top: 20%;}
.production-map p {width: 70%; position: absolute; left: 0; top: 0; text-align: left;}

.contactbox {border-bottom: 1px #000 solid;border-top: 1px #000 solid; padding:.8em 0; }
p.nomgb {padding-bottom: 0 !important; margin-bottom: 0 !important;}
.block {display: block; clear: both;}
.bold {font-weight: bold;}
p.cap {display: block;font-size: .9375rem !important;}
p.notice {display: block; text-indent: -.5em; padding-left: .5em;}
.color-gren { color: #5b873e;}
.color-brown { color: #85613d;}
.txt-line {border-bottom: 2px #f1c62c solid;}
.txtR {text-align: right;}
.txtC {text-align: center !important;}
.txtN { font-weight: normal; font-style: normal;}
.txtSS {font-size: .75rem !important;}
.txtS {font-size: .8725rem !important;}
.txtMS {font-size: 1rem !important;}
.txtM {font-size: 1.25rem !important;}
.txtL {font-size: 1.5rem !important;}
.center { display: block; margin: 0 auto;}
.txt-right {text-align: right !important;}
.txt-left {text-align: left !important;}
.imgC {display: block; margin: 2rem auto; text-align: center;}
.imgC img {display: block; margin: 0 auto 10px; text-align: center;}
.mgb05 {margin-bottom: .5em !important;}
.mgb1 {margin-bottom: 1em !important;}
.mgb2 {margin-bottom: 2em !important;}
.mgb3 {margin-bottom: 3em !important;}
.mgb4 {margin-bottom: 4em !important;}
.mgb5 {margin-bottom: 5em !important;}
.mgb6 {margin-bottom: 6em !important;}
.mgt1 {margin-top: 1em !important;}
.mgt2 {margin-top: 2em !important;}
.mgt3 {margin-top: 3em !important;}
.mgt4 {margin-top: 4em !important;}
.mgt5 {margin-top: 5em !important;}
.mgt6 {margin-top: 6em !important;}
.pdb3 {padding-bottom: 3em !important;}
p.nomgb {margin-bottom: 0 !important;}
.w20 {width:20%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w90 {width:90%;}
.column.w40 {width:40%;flex: none; margin-right: 3%;}
.column.w60 {flex: none;width:60%; margin-right: 3%;}
.column.w70 {flex: none;width:70%; margin-right: 3%;}

p.lineh-17 {line-height: 1.9;}

.ico_pdf::after { content: url(/img/top/ico_pdf.png); display: inline-block; vertical-align: middle; padding:0 .3em;}

.imgRight{float: right; margin-left: 15px;}
.imgLeft{ float: left; margin-right: 15px;}


/* open_container */
.open_container {border: 1px #c8c8c8 solid; margin-bottom: 3rem;}
.open_container .inner { width: 100%; background-color: #FFF; padding: .5em 2% .5em 2%; position: relative; display: flex; align-items: flex-start; flex-wrap: wrap;}

.open_container h4.toggle_txt { padding-left: 1.5em; background-color: #f2e9db; padding-top: .3em; padding-bottom:.3em; margin: 0;
    cursor: pointer;
    background-image:url(/img/aboutus/ico_open.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 1.2rem;}
.open_container h4.toggle_txt.open{background-image: url(/img/aboutus/ico_close.png);}
.open_inner {padding: 25px;}


.google-maps {
position: relative;
padding-bottom: 36%;
height: 0;
overflow: hidden; margin-top: 3rem;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.pc {display: inline-block;}
.sp{ display: none;}
.spOnly {display: none;}
a img:hover {opacity: .75;transition: all .6s;}

.ggmap {
position: relative;
/*padding-bottom: 56.25%;*/
padding-bottom: 80.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 640px;
margin: 0 auto;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.snsbtn {display: flex;flex-wrap: wrap; align-content: flex-start;justify-content: flex-end;}
.snsbtn li {display: inline-flex; padding: 0 3px; max-height: 20px;min-width: 80px;}
.snsbtn div {margin: 0 !important; padding: 0 !important; line-height: 0;}




/* 20190319 追加 */
.wrp .container {background: url( "/img/ill_bg_mugi03.png" ) top 27px right 20px no-repeat ;}
.wrp.top .container {background-image: url( "/img/top_bg.png" ); background-attachment: scroll; background-position: center top; background-repeat: repeat-y;}

/* 20190320 追加 */
dl.faq_list { padding: 40px 0 0;}
dl.faq_list dt {display: block; font-weight: bold; font-size: 1.375rem; margin-bottom: .75em; position: relative; padding-left: 0em;}
dl.faq_list dt img { padding-right: .6em; margin-bottom: -.8em;}
dl.faq_list dd {display: block;border-bottom: 2px #a2a3a3 dotted;padding-bottom: 1em;margin-bottom: 1em;font-size: 1.125rem;padding-left: 6.6em;position: relative;}
dl.faq_list dd i { position: absolute; display: inline-block; left: 3.6em; width: 2.5em; height: auto; text-align: center;}
dl.faq_list dd strong { color: #d90011; font-weight: bold;}
dl.faq_list dd:last-of-type { border-bottom: 0; }



.recipe-list {
	display:block; letter-spacing: -.5em;
	margin:45px auto 50px;}

.recipe-list li {width: 30%;margin-right: 3%; margin-bottom: 3rem;
	display:inline-block; letter-spacing: normal;
	text-align: center;}
.recipe-list li:nth-child(3n) {	margin-right:0;}
.recipe-list li a {	width:310px;display: block;border-radius:2px;margin-right:20px;	padding:12px 25px;background-color:#fff8e5; position: relative; }
.recipe-list li a:hover {background-color:#fff2cc;}
.recipe-list h3 { color: #67390c; display: flex;align-items: center; justify-content: flex-start; min-height: 3.2em; border-bottom: 3px #85613d dotted; line-height: 1.4;}
.recipe-list li em {position: absolute; left: 5%; right: auto; width: 90%; top: -1em;height: 2.2em; background-color: #85613d; border-radius: 1.1em; color: #fff;padding-top: .25em;}
.recipe-list li em::after{ content: ""; width: 0; position: absolute; bottom: -15px; left: 45%;
height: 0;
border-style: solid;
border-width: 20px 12.5px 0 12.5px;
border-color: #85613d transparent transparent transparent;}

.control {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.input.half {
    width: 48%;
    margin-right: 2%;}
.input.quarter {
    width: 18%;
    margin-right: 2%;}
span.required {
    display: inline-block;
    color: #ff0000;
    font-size: .9375rem;
    font-weight: bold;}
label.radio {padding-right: 2em;}
.textarea.min-h10 {min-height: 10em !important;}

div#termsBox {
    display: block;
    height: 16em;
    margin: 10px 0;
    overflow: auto;
    overflow-y: scroll;
    border: 1px #ccc solid;
    padding: 1em 1em;}
	div#termsBox p { font-size: .9375rem;}
	div#termsBox ol.decimal { font-size: .9375rem;}
.button.is-brown {background-color: #67390c;color: #fff; min-width: 270px; margin: 2rem auto; font-weight: bold;}


/* 20190326 追加 */
.defTd td:last-child { text-align: left}
.colorTd td sub { vertical-align: middle;}

/* wp news用 追加 */
.wp-block-gallery.columns-2 {display: flex; flex-wrap: wrap; width: 100%;}
.columns-2 li.blocks-gallery-item {width: 49%; margin-right: 2%;}
.columns-2 li.blocks-gallery-item:nth-child(2n) {margin-right: 0;}
.columns-2 li.blocks-gallery-item img {display: block; margin-bottom: 5px;}
.columns-2 li.blocks-gallery-item figcaption { font-size: .875rem;}
.container .wp-block-quote p {font-size: .875rem; display: block; text-indent: -1em; padding-left: 1em;}
.container p.has-small-font-size  {font-size: .9375rem !important;}


@media screen and (min-width: 1088px) {
  .container {
    max-width: 1050px;
    width: 1050px;
  }
}

@media screen and (min-width: 1280px) {
  .container {
    max-width: 1050px;
    width: 1050px;
  }
}

@media screen and (min-width: 1472px) {
  .container {
    max-width: 1050px;
    width: 1050px;
  }
}

  @media screen and (max-width: 1000px) {
.wrp {border: 0;}
#header {position: fixed; background-color: #fff; border-bottom: 1px #6f4b19 solid; width: 100%; padding: 8px 0; z-index: 10;border-top: 5px #67390c solid; min-height: 76px;}
#header h1 {padding-left: 5vw; text-align: left;}
#header h1 em {font-size: .625rem; }
#nav-sp {display:  block;}
#nav {display: none;}
 .sec-col {padding-top: 76px;}
.sp_menu .sp_nav li {
  font-size: .9375rem;
  background-attachment: scroll; background-image: url(/img/navi/line.png); background-position: right top; background-repeat: repeat-x;}
.sp_menu .sp_nav li a{ min-height: 50px; display: flex; align-items: center; justify-content: flex-start; padding-left: .5em;}
.sp_menu .sp_nav li a img {display: inline-block; padding-right: .5em; width: 26%;}
/* .sp_nav li.aboutus a::before { content: url(/img/navi/sp_navi01.png);}
.sp_nav li.study a::before { content: url(/img/navi/sp_navi02.png);}
.sp_nav li.waxybarley a::before { content: url(/img/navi/sp_navi03.png);}
.sp_nav li.fodder a::before { content: url(/img/navi/sp_navi04.png);}
.sp_nav li.cooking a::before { content: url(/img/navi/sp_navi05.png);}
.sp_nav li.qa a::before { content: url(/img/navi/sp_navi06.png);}
.sp_nav li.news a::before { content: url(/img/navi/sp_navi07.png);}
.sp_nav li.inquiry a::before { content: url(/img/navi/sp_navi08.png);}
.sp_nav li.policy a::before { content: url(/img/navi/sp_navi09.png);}*/

  .wrp .container {padding:1rem 5vw 3rem 5vw; font-size: 15px; z-index: 1; position: relative;}
  #local-menu {position: relative; display:  block; width: 100%; bottom: 0; background-color: #f3ede2;} 
  .menu-inner {display: block; text-align: center; width: 100%; height: auto; padding-bottom: .65rem;}
  #local-menu strong { display: block; width: 100%; padding: .3em 0;}
  #local-menu ul.menu_list li {width: 100%; display: block; padding: 0; }
  #local-menu ul.menu_list li a {display: block; height: auto; padding: .2em;}
    #local-menu ul.menu_list li a.current, #local-menu ul.menu_list li a:hover { background-color: #cdc0af;}
  #local-menu ul.menu_list li a::after {height: 0; background-color: transparent;}
  #local-menu ul.menu_list li a.current::after, #local-menu ul.menu_list li a:hover::after {height: 0; background-color: transparent;}
  
  #footer {display: none;}
  #copyright .inner {padding: 1rem 5vw;border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #ccc;}
#copyright span,
#copyright span:nth-child(2n){display: block; width: 100%; margin: 0 auto; text-align: left;}
  #copyright h3 {display: block; padding-right: 0; margin:0 auto 10px auto; text-align: left;}
#copyright p {font-size:.8125rem; display: block; width: auto; margin: 0 auto 1.5em;}
#copyright small { position: relative; display: block;padding: 0 3em; font-size: .8125rem; text-align: center;}
p.lead { font-size: 1rem;}
.main {min-height:30vw; overflow: hidden; margin-top:0px; padding-top: 75px;}
.main div {width: 90%; }
.main div h2 {font-size: 1.25rem;}
.main div p {font-size: .875rem;}
.main img { width:150%; max-width: 150%; margin-left: -25%;}

ul.news_list {}
ul.news_list li { font-size: .875rem; display: block; align-items: flex-start;border-bottom: 2px #afb0b0 dotted;padding-bottom: .5em; margin-bottom: .5em;}
ul.news_list  span {display: block; width:100%; position: relative; padding-left: 8em; font-size:.9375rem;}
ul.news_list  span.date {  width: 100%; padding-right: 1em; text-align: left; font-size:.9375rem; padding-left: 0; padding-top: 0; margin-bottom: .6em;}

#news .hide_content p {font-size: 1rem; padding-left: 0;}
#news .inline_block {width: 100%;}
#menu { padding-bottom: 1rem; margin: 0 auto; text-align: center;}
#news {margin-bottom: 0;}
#menu li { width: 31.33%; padding: 0 0 2vw 0; margin-right: 2%; vertical-align: top;}

.column img { display: block; margin: 0 auto; text-align: center;}
.container h3.ttl img {margin: 0 .5em 0 0;}
h1.pgttl {font-size: 1.5rem;}
.open_container h3.obittl {font-size: 1.125rem; margin-bottom: .6em;}
.open_container.pray {margin-bottom: .6em;}
.container h3 {font-size: 1.375rem;}
.container h4 {font-size: 1.125rem; }
.container h4.sttl span { font-size: 1rem; }
.container h5.sttl { font-size: 1.125rem;}
.container h6 {font-weight: bold; margin-top: .6em;}
.txt-large { font-size: 1.125rem; }
.txt-mlarge { font-size: 1rem; }

ul.bnrbox {display: block;}
ul.bnrbox li { display: block;padding: 0; max-width: 90%; margin: 0 auto 2vw; }

.ph2col {display: block; }
.ph2col span { display: block;width: 100%; margin-right: 0%;margin-bottom: 1rem;}
.col2box {display: block; margin: 0rem auto;}
.col2box span { display:block;width: 98%; margin: -60px 0 0 0; padding:60px 0 0 0;}
.col2box span:nth-child(1) { padding-right: 0%;}
.col2box span:nth-child(2) { padding-left: 0%;}
.phLcol {display: block; margin-bottom: 30px;}
.phLcol span { display: block;width: 100%; padding-right: 0%;}
.phLcol span:nth-child(2n) {width: 100%;}
.phRcol { display: block; position: relative; width: 100%; padding-top: 0; margin-top: 1rem;}
.phRcol .left-inner {padding-right: 0; display: block; min-height: 0;}
.phRcol .left-inner img.phR {position: relative; right: 0; top: 0; margin-bottom: 6rem;}
.phRcol .phRbox {position: relative; right: 0; top: 0; margin-bottom: 6rem;}
.phRcol .phRbox  h2.grttl {margin-top: 0;}

.phbox { min-height: auto;}
.defTd { font-size: .9375rem;}
.col3box {display: block;}
.col3box span {display: block; width: 100%; text-align: center;}

.ill_box {display: block; position: relative;}
/*.ill_box img.ill_cara01 {position: relative; right: auto; top: 0;}*/

ul.ankList {display: block; width: 100%; margin: 25px auto; padding-left: 0%;}
ul.ankList li {width: calc(50% - .5em); padding-left: .5em; font-size: 1.125rem; padding-bottom: .5em;}

.open_container h3 {font-size: 1rem;}
.open_container h3 span{width:3em;}
.open_container h3 span:nth-child(2n){width: 7em;}
.open_container h3.noline::after {width: 3.5em;}
.mapbox ul.maplink {}
.mapbox ul.maplink li a {font-size: .65rem;}
.w20,.w50,.w60,.w70,.w80,.w90 {width:100%;}
.column.w70,.column.w60,.column.w50,.column.w40 {width: 100%;}
td.w20 {width: 20% !important;}
.google-maps {padding-bottom: 76%;}

.pc {display: none;}
.sp{ display: inline-block;}
.spOnly {display: block; clear: both;}

.pagetop { right: 4vw;}

.scroll{
overflow-y: hidden;
overflow-x: scroll;
width:100%;
 margin: 0 auto;
 padding: 0 0 7px 0;}
.scroll table { min-width: 880px;}
  /* table scroll */
.scroll { overflow-x:scroll; margin-bottom:0; position: relative; }
.scroll::-webkit-scrollbar { height:10px; }
.scroll::-webkit-scrollbar-track { box-shadow:0 0 2px rgba(0,0,0,0.15) inset; background:#f0f0f0; }
.scroll::-webkit-scrollbar-thumb { border-radius:6px; background:#ccc; }

.recipe-list {
	display:block; letter-spacing: normal;
	margin:45px auto 50px;}
.recipe-list li {width: 90%;margin-right:auto; margin-left: auto;margin-bottom: 3rem;
	display:block; letter-spacing: normal;	text-align: center;}
.recipe-list li:nth-child(3n) {	margin-right:auto;}


ul.bnr-box {display: block; margin: 30px auto; width: 90%; text-align: center;}
ul.bnr-box li {display: block; width: 100%; padding: 0 ;}
ul.bnr-box li:first-child {text-align: center;}
ul.bnr-box li:last-child {text-align: center;}

.lineTd { font-size: 1rem;width: 100%;}
.ill_cara01,.ill_cara02 {display: none;}
.profile-box {display: block; background-color: #ffebb2; padding: 25px; margin: 2rem auto; max-width: 90%; border-radius: 6px;}
.profile-inner {display: block; position: relative; background-color: #fff; padding: 0px 30px 30px 30px; }
img.profile-ill {position: relative; left: auto; top: 10px; display: block}
h3.pro-ttl { display: block;color: #67390c; font-size: 2rem; font-weight: bold;  padding-top: 0; margin-top: 0;}
h3.pro-ttl em { display: inline-block;border-top: 3px #67390c solid; padding-top: 15px;}
h3.pro-ttl span {font-size: 1.625rem;}

.production-map {}
.production-map .map-txt {position: absolute; left: 5%; top: 60vw; width: 50%;}
.production-map p {width: 100%; position: relative; left: 0; top: 0; text-align: left;}

dl.faq_list { padding: 40px 0 0;}
dl.faq_list dt { font-size: 1rem; padding-left: 20%; position: relative;}
dl.faq_list dt img { width: 18%; position: absolute; left: 0; top: 0;}
dl.faq_list dd {font-size: .9375rem;}

ul.flow-list li {width:50%; }
ul.flow-list li:nth-child(2n) { padding-right: 0; background-image: none;}
.input.half {
    width: 100%;
    margin-right: 0%;}
.input.quarter {
    width: 68%;
    margin-right: 0;}
dl.point-list {margin-bottom: 3rem;}
ul.cal-box li {    padding: .375em .15em;}



#news.leftcol {width: 100%; display: block;}
aside#sideNav { width: 100%;display: block; vertical-align: top; margin-left: 0px; margin-top: 2rem;}

.formTd tr {display: block;}
.formTd tr th, .formTd tr td {display: block; width: 100%;}
  }
  
  
 
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden; }

.clearfix {
min-height: 1px; }

* html .clearfix {
height: 1px;
/*¥*/
/*/
height: auto;
overflow: hidden;
/**/ }

.both {
clear: both; }

.inline_block {
display: inline-block;
*display: inline;
*zoom: 1; }