@charset "utf-8";

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
汎用
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
/*clearfix*/
.cf:after {content: ""; display: block; clear: both; visibility: hidden;}

.flex {display: flex;}

.container {margin: 0 auto;}

/*明朝*/
.mincho,
.mincho * {font-family: 'Noto Serif JP', YuMincho, YuminchoC, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, serif;}

/*縦書き*/
.v-write {-ms-writing-mode: tb-rl; writing-mode: vertical-rl;}

#content.site-content {padding: 0!important;}

.site-content-contain {display: block; height: 100%;}

.has-sidebar:not(.error404) #primary {width: auto!important; float: none!important;}

@media all and (-ms-high-contrast: none) {
	.v-write {position: relative; right: -.5em;}
}

/*ECサイト読み込み用*/
html.external {margin-top: 0!important;}
html.external body {background: transparent!important; padding-top: 0!important;}
html.external .site-content-contain {background: transparent!important; min-height: auto!important;}
html.external #content.site-content {background: transparent!important; margin-bottom: 0!important;}
html.external #wpadminbar {display: none;}

/*--------------------------------------------------------------------------
部品
--------------------------------------------------------------------------*/
/*------------------------------------
パララックスアニメーション
------------------------------------*/
/*ムネがフワ～。ムネを取材して*/
.flow-up {opacity: 0; transform: translateY(1vw);}
.flow-up.active {animation: flow-up .75s ease forwards;}
.flow-up.delay.active {animation: flow-up .75s .25s ease forwards;}
@keyframes flow-up {0% {transform: translateY(1vw); opacity: 0;} 100%{transform: translateY(0); opacity: 1;}}
@media all and (-ms-high-contrast:none) {
	.flow-up {opacity: 0; transform: none;}
	.flow-up.active {animation: flow-up-ms .75s ease forwards;}
	.flow-up.delay.active {animation: flow-up-ms .75s .25s ease forwards;}
}
@keyframes flow-up-ms {0% {opacity: 0;} 100%{opacity: 1;}}

/*------------------------------------
汎用見出し
------------------------------------*/
.g-h {text-align: center;}
.g-h img {display: block; position: relative;}

/*------------------------------------
汎用ヘッダー
------------------------------------*/
.page-heading img,
.page-heading .txt {display: block;}
.page-heading h1 .icon {position: relative; width: auto; height: auto;}
.page-heading h1 .txt {text-align: center;}
.page-heading .img {width: 100%; height: auto; min-height: 31.25vw;}

/*------------------------------------
MORE
------------------------------------*/
.more {position: relative; display: flex; color: #fff; background: #000; margin: 0 auto; border: 1px solid #000; opacity: 1; overflow: hidden; transition: .3s ease-in-out;}
.more:hover {opacity: 1;}

.more:before,
.more:after {content: ''; position: absolute; height: 1px; background: #fff; transition: .5s ease; z-index: 3;}
.more:before {transform: translateY(-50%) rotate(50deg);}
.more:after {transform: translateY(-50%) rotate(-50deg);}
.more:hover:before,
.more:hover:after {background: #000; transition: .3s ease-out;}

.more span {color: #fff; text-align: center; line-height: 1; transition: .3s ease-in-out;}
.more > span {position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; z-index: 2;}
.more > span:after {position: absolute; content: ''; display: block; bottom: 0; left: auto; right: 0; width: 0; height: 100%; background: #fff; z-index: -1; transition: .5s ease;}
.more:hover span {color: #000; transition: .3s ease;}
.more:hover > span:after {left: 0; right: auto; width: 100%; transition: .3s ease;}

/*フォームへのリンク用*/
.more.form-link > span {flex-direction: row; letter-spacing: 1px; transition: .5s ease;}
.more.form-link > span:before {display: none;}
.more.form-link:hover > span:after {transition: .5s ease;}

/*------------------------------------
ページネーション
------------------------------------*/
.pagination {justify-content: center; font-size: 1em!important; margin: 2em auto; padding: 0!important; border: none!important;}
.pagination .page-numbers,
.pagination .page-numbers.current {display: block!important; line-height: 1; padding: .5em .75em!important; box-shadow: none!important;}
.pagination a.page-numbers {border-bottom: 1px solid transparent;}
.pagination a.page-numbers:hover {border-color: #000;}
.pagination .page-numbers.current {color: #fff; background: #000;}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {border-radius: 0; border-bottom: none;}

/*------------------------------------
前後記事リンク
------------------------------------*/
.postlink {width: 100%; justify-content: center; margin: 2em auto;}
.postlink li.home {margin: 0 .4em;}
.postlink li a {display: block; color: #fff; text-align: center; background: #000; padding: .25em 0; border: 1px solid #000;}
.postlink li a:hover {color: #000; background: #fff; opacity: 1;}

/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
header.site-header {position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 9000;}

header.site-header .site-branding {position: relative!important; width: auto!important; height: auto!important; padding: 0!important;}
header.site-header .site-branding .site-title {display: flex; align-items: center; height: 100%;}
header.site-header .site-branding .site-title a {display: inline-block;}

header.site-header .pc-header .contact-info,
header.site-header .pc-header .contact-info .tel-big {align-items: center;}
header.site-header .pc-header .contact-info .tel-big a:hover {opacity: .7;}
header.site-header .pc-header .contact-info .tel-big .free-dial {align-items: center;}
header.site-header .pc-header .contact-info .tel-big .free-dial span {display: block; font-weight: 700; line-height: 1;}

header.site-header .pc-header .h-navi > div {display: block;}
header.site-header .pc-header .h-navi #top-menu {display: block;}
header.site-header .pc-header .h-navi #top-menu > li {position: relative;}
header.site-header .pc-header .h-navi #top-menu > li:before,
header.site-header .pc-header .h-navi #top-menu > li:after {display: none;}
header.site-header .pc-header .h-navi #top-menu > li.menu-item-has-children {position: relative; cursor: pointer;}
header.site-header .pc-header .h-navi #top-menu > li .icon {display: none;}
header.site-header .pc-header .h-navi #top-menu > li a {display: block;}
header.site-header .pc-header .h-navi #top-menu > li a:hover {opacity: 1;}
header.site-header .pc-header .h-navi #top-menu > li > a:hover {color: initial;}
header.site-header .pc-header .h-navi #top-menu > li .sub-menu {margin: 0;}

header.site-header .pc-header .ec-links .shop-btn.more {flex-direction: column; justify-content: center; align-items: center; background: #a40202; border-color: #a40202;}
header.site-header .pc-header .ec-links .shop-btn.more .img {position: relative;}
header.site-header .pc-header .ec-links .shop-btn.more .img img {position: absolute; top: 0; left: 0; width: 100%; height: auto; transition: .3s ease;}
header.site-header .pc-header .ec-links .shop-btn.more .img img.white {opacity: 1;}
header.site-header .pc-header .ec-links .shop-btn.more .img img.red {opacity: 0;}
header.site-header .pc-header .ec-links .shop-btn.more:hover span {color: #a40202;}
header.site-header .pc-header .ec-links .shop-btn.more:hover img.white {opacity: 0;}
header.site-header .pc-header .ec-links .shop-btn.more:hover img.red {opacity: 1;}
header.site-header .pc-header .ec-links .sub-btn a.more {width: auto; height: auto;}
header.site-header .pc-header .ec-links .sub-btn a.more span {display: block;}

/*--------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
footer.site-footer {position: relative; background: #6c5839; margin-top: auto!important; border-top: none;}
footer.site-footer:before {content: ""; position: absolute; left: 0; width: 100%; background: 0 100%/100% auto no-repeat;}
footer.site-footer * {color: #fff;}
footer.site-footer .container {position: relative;}

footer.site-footer .f-navi ul {margin: 0;}
footer.site-footer .f-navi a {color: #fff;}
footer.site-footer .f-navi a:hover {box-shadow: inset 0 0 0 rgba(255,255,255, 0), 0 1px 0 rgba(255,255,255, 1); opacity: 1;}

footer.site-footer .site-logo {text-align: center;}
footer.site-footer .site-logo a {display: inline-block; text-align: center;}
footer.site-footer .site-logo a img {display: block;}

footer.site-footer .office-info,
footer.site-footer .office-info dd,
footer.site-footer .office-info dd p {margin: 0;}
footer.site-footer .office-info > dd .tel {display: inline-flex; align-items: center;}
footer.site-footer .office-info > dd .tel span {font-weight: 700; line-height: 1;}
footer.site-footer .office-info .address {margin: 0;}
footer.site-footer .office-info .address dt {margin-right: .5em;}

footer.site-footer .copyright {text-align: center;}

footer.site-footer .scroll {position: absolute; z-index: 10;}
footer.site-footer .scroll .arrow {display: block; position: relative; background: #fff;}
footer.site-footer .scroll .arrow:before {content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent transparent #6c5839 transparent;}
footer.site-footer .scroll span {display: block; line-height: 1; text-align: center;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
フロントページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
/*------------------------------------
ヒーローヘッダー
------------------------------------*/
#main .hero-header #top-slider {margin-bottom: 0; opacity: 0; transition: opacity .5s ease;}
#main .hero-header #top-slider.slick-initialized {opacity: 1;}
#main .hero-header #top-slider .slick-list li {position: relative; width: 100%; height: 100%;}
#main .hero-header #top-slider .slick-list li .advertise {position: absolute; top: calc(50% - .8em); left: 0; transform: translate(0,-50%); width: 100%; text-align: center; margin: 0; z-index: 2;}
#main .hero-header #top-slider .slick-list li .advertise.white {color: #fff;}
#main .hero-header #top-slider .slick-list li .advertise.black {color: #000;}
#main .hero-header #top-slider .slick-list li .advertise span {display: block; color: inherit; font-weight: inherit;}
#main .hero-header #top-slider .slick-list li .logo {position: absolute; margin: 0 auto; z-index: 2;}
#main .hero-header #top-slider .slick-list li .logo img {display: block;}
#main .hero-header #top-slider .slick-list li .center-box {position: absolute; top: 50%; left: 0; transform: translate(0,-50%); display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; z-index: 2;}
#main .hero-header #top-slider .slick-list li .center-box .advertise,
#main .hero-header #top-slider .slick-list li .center-box .logo {position: static; transform: none;}
#main .hero-header #top-slider .slick-list li .center-box .logo img {margin-right: 1.25%;}
#main .hero-header #top-slider .slick-list li .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#main .hero-header #top-slider .slick-list li .img img {width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;';}

/*------------------------------------
新着情報 & 新規会員
------------------------------------*/
#main .news-recruit .news h2 {align-items: flex-end;}
#main .news-recruit .news h2 span {color: #231815;}
#main .news-recruit .news .news-list li {border-top: 1px solid #969696;}
#main .news-recruit .news .news-list li:last-child {border-bottom: 1px solid #969696;}
#main .news-recruit .news .news-list li .entry {align-items: flex-start;}
#main .news-recruit .news .news-list li .entry time {white-space: nowrap;}
#main .news-recruit .news .news-list li .entry h3 {font-weight: 400; margin: 0; padding: 0;}

#main .news-recruit .recruiting {border-top: none;}

/*------------------------------------
特徴
------------------------------------*/
#main .feature section {position: relative; width: 100%;}
#main .feature section .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#main .feature section .bg img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;';}
#main .feature section .inner {position: absolute; flex-direction: row-reverse; align-items: flex-start; justify-content: center; z-index: 2;}
#main .feature section h2,
#main .feature section h3 {max-height: 100%; font-weight: 400; margin: 0; padding: 0;}
#main .feature section h2 .flex {flex-direction: column;}
#main .feature section h3 {margin-left: .5em;}
#main .feature section h2 span,
#main .feature section h3 span {color: inherit; font-size: inherit; font-weight: inherit;}
#main .feature section p {max-width: 100%; max-height: 100%; margin: 0;}
#main .feature section .white {color: #fff;}

#main .feature section.agri .inner {justify-content: flex-start;}
#main .feature section.agri .inner .more.v-write {position: absolute!important; bottom: 0; left: 0; right: auto;}

#main .feature .ambition .inner {transform: translateX(-50%);}

/*------------------------------------
製品
------------------------------------*/
#main .product {background-image: url(../img/front/product_bg.jpg); background-position: center 0;}

#main .product .bnr-list {flex-wrap: wrap;}
#main .product .bnr-list li {background: #fff;}
#main .product .bnr-list li .entry {display: block;}
#main .product .bnr-list li .entry img {display: block;}

#main .product .item .product-list {flex-wrap: wrap;}
#main .product .item .product-list li {background: #fff; box-shadow: 0 3px 6px rgba(0,0,0, .29);}
#main .product .item .product-list li a {flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
#main .product .item .product-list li a .img {display: flex; align-items: center; margin: auto; box-sizing: border-box;}
#main .product .item .product-list li a .img img {display: block; width: auto; height: auto; margin: auto auto 0;}
#main .product .item .product-list li a span {text-align: center; line-height: 1.2;}

/*------------------------------------
レシピ
------------------------------------*/
#main .recipe {background: url(../img/front/recipe_bg.jpg) 50% 50%/cover no-repeat;}
#main .recipe .recipe-list {width: 100%; margin: 0 auto;}
#main .recipe .recipe-list #recipe-list {position: relative; margin: 0 auto; z-index: 1; opacity: 0; transition: opacity .5s ease;}
#main .recipe .recipe-list #recipe-list.slick-initialized {opacity: 1;}
#main .recipe .recipe-list #recipe-list .slick-list {overflow: visible!important;}
#main .recipe .recipe-list #recipe-list .slick-track {display: flex; justify-content: space-between; width: 100%;}
#main .recipe .recipe-list #recipe-list .entry {background: #fff; box-shadow: 0 3px 6px rgba(0,0,0, .23); overflow: hidden;}
#main .recipe .recipe-list #recipe-list .entry .img {display: block; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0, .23);}
#main .recipe .recipe-list #recipe-list .entry .img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;';}
#main .recipe .recipe-list #recipe-list .entry h3 {text-align: center; padding: 0 1em;}

#main .recipe .recipe-list #recipe-list .slick-arrow {position: absolute; background: #000; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 0; border-radius: 50%; opacity: .7; z-index: 2;}
#main .recipe .recipe-list #recipe-list .slick-arrow.slick-prev {right: auto;}
#main .recipe .recipe-list #recipe-list .slick-arrow.slick-next {left: auto;}
#main .recipe .recipe-list #recipe-list .slick-arrow:before {content:""; position: absolute; width: 0; height: 0; border-style: solid; z-index: 3;}
#main .recipe .recipe-list #recipe-list .slick-arrow.slick-prev:before {border-color: transparent #fff transparent transparent;}
#main .recipe .recipe-list #recipe-list .slick-arrow.slick-next:before {border-color: transparent transparent transparent #fff;}

/*------------------------------------
直営店舗
------------------------------------*/
#main .directly-stores {position: relative;}
#main .directly-stores .inner,
#main .directly-stores .img {position: absolute;}
#main .directly-stores .inner {z-index: 2;}
#main .directly-stores .img {z-index: 1;}
#main .directly-stores .img img {width: 100%; height: auto;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
個別ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
ご挨拶 (greeting.php)
--------------------------------------------------------------------------*/
#greeting .page-heading .img {position: relative;}
#greeting .page-heading .img .inner {position: absolute; top: 56.125%; left: 47.5%; transform: translate(0,-50%);}
#greeting .page-heading .img .inner p {line-height: 1.4; margin: 0;}
#greeting .page-heading .img .inner p.name {align-items: center;}

#greeting .heading .inner {position: relative; flex-direction: column; font-weight: 400; margin: 0 auto;}
#greeting .heading .inner span {color: inherit; font-size: inherit; font-weight: inherit;}
#greeting .heading .inner img {position: absolute; height: auto;}

#greeting .message p {margin-bottom: 0;}

#greeting .img-list li figure {display: flex; flex-direction: column; align-items: center;}

/*--------------------------------------------------------------------------
農之蔵の農業 (agriculture.php)
--------------------------------------------------------------------------*/
#agriculture {background: url(../img/agriculture/flow_bg.jpg) center bottom/100% auto no-repeat;}

#agriculture .message {margin: 0;}
#agriculture .message h2 {font-weight: 400;}
#agriculture .message .img {width: 100%; height: auto; display: block;}

#agriculture .flow section:last-child {margin-bottom: 0;}
#agriculture .flow section .img img,
#agriculture .flow section .img video {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;';}
#agriculture .flow section .img.video {position: relative;}
#agriculture .flow section .img.video #play {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #000; border-radius: 50%; opacity: .7; cursor: pointer; z-index: 2;}
#agriculture .flow section .img.video #play:before {content:""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; z-index: 3;}
#agriculture .flow section .img.video #play.active {opacity: 0; visibility: hidden;}
#agriculture .flow section .txt h3 {font-weight: 400;}

/*--------------------------------------------------------------------------
農之蔵物語 (story.php)
--------------------------------------------------------------------------*/
#story img {display: block;}

#story section.message .img {width: 100%; height: auto;}
#story section.message h2 {font-weight: 400; text-align: center;}
#story section.message p {margin: 0;}

#story section.item .item-name {margin: 0; padding: 0;}
#story section.item .item-name {font-weight: 400; text-align: center;}
#story section.item .item-name.white * {color: #fff;}
#story section.item .item-name span {display: block; white-space: nowrap;}
#story section.item .item-name.koun span.title {line-height: 1.25;}
#story section.item .item-name.tenkou span.title {line-height: 1.285;}
#story section.item .item-name span.name {line-height: 1.167;}
#story section.item .item-name span.en {line-height: 1.667;}
#story section.item .item-name span.look {line-height: 1.125;}

#story section.item .heading {position: relative; text-align: center;}
#story section.item .heading .img {position: relative; display: block; width: 100%; height: auto; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;'; z-index: 1;}
#story section.item .heading .txt {position: absolute; top: 50%; transform: translate(-50%,-50%); z-index: 2;}
#story section.item .heading .txt .salesoon {display: inline-block; color: #fff; line-height: 1; background: #d61619; margin: 0;}

#story section.item .flow .flow-list {margin: 0 auto;}
#story section.item .flow .flow-list.small {flex-wrap: wrap;}
#story section.item .flow .flow-list li {position: relative;}
#story section.item .flow .flow-list li:before,
#story section.item .flow .flow-list li:after {content:""; position: absolute; left: 50%; transform: translate(-50%,0);}
#story section.item .flow .flow-list li:before {background: #909090; border-radius: 50%; opacity: .7; z-index: 2;}
#story section.item .flow .flow-list li:after {width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent transparent; z-index: 3;}
#story section.item .flow .flow-list.small li:nth-child(even) {margin-right: 0;}
#story section.item .flow .flow-list.small li:nth-last-child(1):before,
#story section.item .flow .flow-list.small li:nth-last-child(1):after,
#story section.item .flow .flow-list.small li:nth-last-child(2):before,
#story section.item .flow .flow-list.small li:nth-last-child(2):after {display: none;}
#story section.item .flow .flow-list li > p {margin-bottom: 1em;}
#story section.item .flow .flow-list li .img .num {display: flex; justify-content: center; align-items: center; position: absolute; color: #6c5839; line-height: 1.167; text-align: center; margin: 0; background: #fff; border: 2px solid #6c5839; border-radius: 50%; z-index: 2;}

#story section.item .flow .comingsoon {}

/*--------------------------------------------------------------------------
会社概要・店舗情報 (about.php)
--------------------------------------------------------------------------*/
#about h2 {font-weight: 400; text-align: center; margin: 0;}

#about .g-map {position: relative; width: 100%; overflow: hidden;}
#about .g-map iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

#about section p {margin-bottom: 0;}
#about section a {border-bottom: 1px solid #000;}
#about section a:hover {border-bottom-color: transparent;}
#about section .img img {display: block; width: 100%; height: auto;}
#about section .img p {margin-top: 1em;}

#about section.company table,
#about section.store table {margin: 0;}
#about section.company table th,
#about section.company table td,
#about section.store table th,
#about section.store table td {vertical-align: top; padding: .125em 0;}
#about section.company table th,
#about section.store table th {min-width: 7em; white-space: nowrap; padding-right: 1em;}

#about section.company .txt h2 {text-align: left; padding: 0;}

#about section.depart {background: url(../img/about/depart_bg.jpg) 0/auto repeat;}
#about section.depart section:last-child {margin-bottom: 0;}

#about section.store article:last-child {margin-bottom: 0;}

/*--------------------------------------------------------------------------
お問い合わせ、業務用商品のご案内、メールフォーム (contact.php,commercial.php,mail-form.php)
--------------------------------------------------------------------------*/
#contact .desc {text-align: center;}

#contact .contact-list {justify-content: space-between;}
#contact .contact-list section {display: flex; flex-direction: column; align-items: center;}
#contact .contact-list h2 {text-align: center; margin-bottom: 1.5em; padding-top: 1.75em;}
#contact .contact-list .icons {justify-content: center;}
#contact .contact-list .icons .icon {justify-content: center; align-items: center; background: #b48c00; border-radius: 50%;}
#contact .contact-list .icons .icon img {width: 100%; height: 100%;}
#contact .contact-list .more {margin-bottom: 1.75em; background: #e6d4a3; border-color: #e6d4a3;}
#contact .contact-list .more span {color: #000;}

#contact .form p {margin: 0;}
#contact .form dl dt {margin-bottom: .375em;}
#contact .form dl dt span {color: #f00;}
#contact .form dl dd {margin: 0;}
#contact .form input[type="text"],
#contact .form input[type="tel"],
#contact .form input[type="email"],
#contact .form textarea,
#contact .form label.file {width: 100%; font-size: 1em; background: #fff; border: solid #e6d4a3; box-sizing: border-box;}
#contact .form input[type="text"],
#contact .form input[type="tel"],
#contact .form input[type="email"],
#contact .form textarea {padding: .375em .5em; resize: vertical;}
#contact .form label.file {text-align: center; cursor: pointer; padding: 4em 0;}
#contact .form label.file .img {display: inline-flex; align-items: center; justify-content: center; margin-bottom: .5em;}
#contact .form label.file .wpcf7-form-control-wrap input[type="file"] {font-size: 1em; margin-left: 1em;}
#contact .form input[type="submit"] {display: block; font-family: inherit; color: #000; font-size: 1.05em; font-weight: 400; text-align: center; background: #e6d4a3; padding: 1em 0; border: 1px solid #e6d4a3; border-radius: 0; box-sizing: border-box;}
#contact .form input[type="submit"]:hover {background: #fff;}

#contact .cta {justify-content: space-between; align-items: center; background: #e6d4a3; box-sizing: border-box;}
#contact .cta p {margin-bottom: 0; text-align: right;}
#contact .cta .name {font-weight: 700; letter-spacing: .05em!important;}

/*--------------------------------------------------------------------------
プライバシーポリシー (privacy-policy.php)
--------------------------------------------------------------------------*/
#privacy a {text-decoration: underline;}
#privacy ul li:before {content: "〇"; margin-right: .75em;}
#privacy ol li {list-style: decimal; margin-left: 1.25em;}
#privacy p + ul,
#privacy p + ol {margin-top: -1.5em;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
投稿系
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
レシピ一覧ページ (archive-recipe.php)
--------------------------------------------------------------------------*/
#archive-recipe .desc {text-align: center;}
#archive-recipe .desc a {color: #1e50a2; border-bottom: 1px solid #1e50a2;}
#archive-recipe .desc a:hover {border-color: transparent; opacity: 1;}

#archive-recipe .recipe-list {flex-wrap: wrap; margin-bottom: 3em;}
#archive-recipe .recipe-list > li a {display: block;}
#archive-recipe .recipe-list > li .img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;';}
#archive-recipe .recipe-list > li .state h3 {display: flex; justify-content: center; align-items: center; text-align: center; margin: 0; line-height: 1.35; border-bottom: solid #e6d4a3; box-sizing: border-box;}
#archive-recipe .recipe-list > li .state .in-house {flex-wrap: wrap; margin: .2em 0 0;}
#archive-recipe .recipe-list > li .state .in-house li:not(:last-child):after {content: "/";}

/*--------------------------------------------------------------------------
レシピ個別ページ (single-recipe.php)
--------------------------------------------------------------------------*/
#single-recipe .page-heading {margin-bottom: 0;}

#single-recipe .catch {width: 100%; color: #b48c00; text-align: center;}

#single-recipe .container {flex-wrap: wrap; align-items: flex-start;}
#single-recipe .container > section {border-top: solid #e6d4a3; box-sizing: border-box;}
#single-recipe .container > section > h2 {color: #b48c00; font-size: 1.6em; font-weight: 400;}

#single-recipe article.main-img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;';}

#single-recipe section.ingre section {margin-bottom: 1em;}
#single-recipe section.ingre h3 {font-size: 1em; margin-bottom: .75em;}
#single-recipe section.ingre .ingre-list li {position: relative; font-size: 1em; padding-left: 1.5em;}
#single-recipe section.ingre .ingre-list li:not(:last-child) {margin-bottom: .5em;}
#single-recipe section.ingre .ingre-list li:before {content: ""; display: inline-block; position: absolute; top: .4625em; left: 0; width: .75em; height: .75em; border-radius: 50%;}
#single-recipe section.ingre .ingre-list.main li:before {background: #b48c00;}
#single-recipe section.ingre .ingre-list.sub li:before {border: 3px solid #b48c00;}
#single-recipe section.ingre .ingre-list li dl,
#single-recipe section.ingre .ingre-list li dl dt,
#single-recipe section.ingre .ingre-list li dl dd {margin: 0;}
#single-recipe section.ingre .ingre-list li dl {flex-wrap: wrap;}
#single-recipe section.ingre .ingre-list li dl dt {margin-right: 1em;}
#single-recipe section.ingre .ingre-list li dl dt.in-house {background: #e6d4a3; padding: 0 .375em; box-shadow: 0 0 0 .075em #e6d4a3; border-radius: .25em;}

#single-recipe section.products .products-list {flex-wrap: wrap;}
#single-recipe section.products .products-list li {margin-right: 1em;}
#single-recipe section.products .products-list a {display: block;}
#single-recipe section.products .products-list .img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;';}
#single-recipe section.products .products-list h3 {text-align: center; margin-bottom: 1em; padding-top: .5em;}

#single-recipe .postlink li.home {width: 7.5em;}
#single-recipe .postlink li.previous,
#single-recipe .postlink li.next {width: 8.5em;}

/*--------------------------------------------------------------------------
採用情報ページ (archive-recruit.php)
--------------------------------------------------------------------------*/
#archive-recruit .desc {margin-bottom: 1em;}

#archive-recruit .entrance h3 {margin: 0; background: #e6d4a3;}
#archive-recruit .entrance .entrance-list tr {border-bottom: 1px solid #c4c4c4;}
#archive-recruit .entrance .entrance-list tr th {vertical-align: top; margin-bottom: 0;}

/*--------------------------------------------------------------------------
よくある質問一覧ページ (archive-faq.php)
--------------------------------------------------------------------------*/
#archive-faq .faq-list .entry {background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.29);}
#archive-faq .faq-list .entry dl dt,
#archive-faq .faq-list .entry dl dd {position: relative; display: flex; margin: 0; padding: 0;}
#archive-faq .faq-list .entry dl dt:before,
#archive-faq .faq-list .entry dl dd:before {display: flex; justify-content: center; align-items: center; color: #fff; line-height: 1;}
#archive-faq .faq-list .entry dl dt {align-items: center; border-bottom: 1px solid #969696;}
#archive-faq .faq-list .entry dl dd {align-items: flex-start;}
#archive-faq .faq-list .entry dl dt:before {content: "Q"; background: #000;}
#archive-faq .faq-list .entry dl dd:before {content: "A"; background: #d61619;}

/*--------------------------------------------------------------------------
お客様の声一覧ページ (archive-voice.php)
--------------------------------------------------------------------------*/
#archive-voice .voice-list .entry {background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.29);}
#archive-voice .voice-list .entry h3 {color: #890c08; font-size: 1.25em; font-weight: 500;}
#archive-voice .voice-list .entry h3:after {content: ""; display: block; width: 100%; background: url(../img/voice/line.svg) 0/auto no-repeat;}
#archive-voice .voice-list .entry .customer-info img {display: block;}
#archive-voice .voice-list .entry .customer-info .name {text-align: center;}

/*--------------------------------------------------------------------------
投稿関連
--------------------------------------------------------------------------*/

/*記事セクション*/
#post #primary.content-area {max-width: 100%; min-width: auto;}
#post #primary.content-area .entry-heading {width: 100%; font-weight: 700; border-bottom: solid #e6d4a3; margin: 0;}
#post #primary.content-area .entry-heading * {color: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0;}
#post #primary.content-area .news-list li {margin: 0; border-bottom: 1px solid #c4c4c4;}
#post #primary.content-area .news-list li a {overflow: hidden;}
#post #primary.content-area .news-list li a time,
#post #primary.content-area .news-list li a p {white-space: nowrap; margin: 0;}
#post #primary.content-area .news-list li a p {overflow: hidden; text-overflow: ellipsis;}

/*個別ページ*/
#post #primary.content-area.single {min-width: 100%;}
#post #primary.content-area.single header.entry-header {border-bottom: solid #e6d4a3;}
#post #primary.content-area.single header.entry-header .entry-title {margin: 0;}
#post #primary.content-area.single header.entry-header .entry-meta {color: inherit; font-size: inherit; font-weight: inherit; padding: 0;}
#post #primary.content-area.single header.entry-header .entry-meta span {display: block; line-height: 1;}
#post #primary.content-area.single header.entry-header .entry-meta span.byline {display: none;}

#post #primary.content-area.single .postlink li.home {width: 8.5em;}
#post #primary.content-area.single .postlink li.previous,
#post #primary.content-area.single .postlink li.next {width: 7.5em;}

/*--サイドバー--*/
#post aside.sidebar {max-width: 100%; min-width: auto;}
#post aside.sidebar * a {box-shadow: none;}
#post aside.sidebar * a:hover {opacity: .7;}
#post aside.sidebar section.widget_recent_entries ul {border: solid #e6d4a3; margin: 0;}
#post aside.sidebar section.widget_recent_entries li {margin: 0; overflow: hidden; border-top: none; border-bottom-color: #e6d4a3;}
#post aside.sidebar section.widget_recent_entries li:last-child {border-bottom: none;}
#post aside.sidebar section.widget_recent_entries li a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#post aside.sidebar section.widget_archive select {display: block; width: 100%; border: solid #e6d4a3; background: url(../img/common/select-arrow.png) no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#post aside.sidebar section.widget_archive select:hover {cursor: pointer;}

footer.entry-footer {border: none;}

/*--------------------------------------------------------------------------
404 (404.php)
--------------------------------------------------------------------------*/
#notfound {padding-bottom: 36.3vw; background: url(../img/agriculture/flow_bg.jpg) center bottom/100% auto no-repeat;}
#notfound p {text-align: center; margin-bottom: 2.5em;}