@charset "UTF-8";
/*---------------------------------
Theme Name: JA香川県
Description: PCファースト
Author:
Author URI:
Version: 201025
----------------------------------*/
/*---------------------------------

WordPress Native CSS

----------------------------------*/
/*
Text
----------------------------------*/
p {
  display: block;
  margin: 1em 0;
}

b {
  background: none;
}

blockquote {
  display: block;
  margin-top: 50px;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
}

/*
Img
----------------------------------*/
.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.alignleft {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.wp-caption-text,
.wp-block-image figcaption {
  font-size: 0.8rem;
}

img[class*=wp-image-],
img[class*=attachment-] {
  height: auto;
  max-width: 100%;
}

.kirari-img01 {
  height: 155px;
  width: auto;
  max-width: 100%;
}

/* 外部サービス埋め込み : Gutenberg */
.wp-block-embed {
  clear: both;
}

/*---------------------------------

Themes CSS

----------------------------------*/
/*
CSS変数
----------------------------------*/
:root {
  /* --text-color:#000;
  --main-color:#a2da01;
  --link-color:#000;
  --link-hover-color:#000;
  --link-visited-color:#000;
  --error-color:#fa2850;
  --fb-color:#1877f2;
  --tw-color:#55acee;
  --line-color:#00c300;
  --margin-default: 20px;
  --heading-margin: 50px; */
}

/*
Basic
----------------------------------*/
/* Chromeで游ゴシックかすれる問題おまじない */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold"), local("YuGothic-Bold");
  font-weight: bold;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-feature-settings: "pwid" 1;
  font-feature-settings: "pwid" 1;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
  -webkit-text-size-adjust: 100%;
}

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

html {
  width: 100%;
  height: auto;
}

body {
  width: 100%;
  min-width: 320px;
  word-wrap: break-word;
  scroll-behavior: smooth;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
  background: url("images/common/bg_body.png") repeat;
}

/* reset */
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* link */
a,
button,
img {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a {
  color: #000;
}

a:hover,
a:hover img,
a:active {
  opacity: 0.8;
  -moz-opacity: 0.8;
  color: #000;
}

/* マウスオン 画像拡大 */
a.on-big img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.3s ease-in-put;
  transition: 0.3s ease-in-put;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  position: relative;
  z-index: 0;
}

a.on-big:hover img {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  opacity: 1;
  -moz-opacity: 1;
}

button:hover,
button:active {
  opacity: 0.8;
  -moz-opacity: 0.8;
  color: #000;
}

a:visited {
  color: #000;
}

#st-page a {
  text-decoration: underline;
}

/* responsive */
img,
video,
object {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*
Layout
----------------------------------*/
#wrapper {
  position: relative;
  overflow: hidden;
}

/*
Header
----------------------------------*/
.siteHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.logged-in .siteHeader {
  top: 32px;
  z-index: 2;
}

/*
Go to top
----------------------------------*/
#page-top {
  position: fixed;
  right: 5%;
  bottom: 5%;
  z-index: 10;
}

#page-top a {
  width: 5rem;
  height: 5rem;
  background: #9cd609;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 5rem;
  text-decoration: none;
  font-weight: bold;
  border-radius: 100%;
  text-indent: -999999px;
  position: relative;
}

#page-top a::before {
  content: "";
  display: block;
  position: absolute;
  top: 43%;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-right: 5px solid #000;
  border-bottom: 5px solid #000;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* content */
#content {
  width: 100%;
  max-width: 1200px;
  margin: 158px auto 0;
}

.post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.error404 .post {
  display: block;
}

.post-404 {
  padding-bottom: 100px;
}

/*
Headline
----------------------------------*/
h2,
.styleH2 {
  margin-top: 50px;
}

h3,
.styleH3 {
  margin-top: 50px;
}

h4,
.styleH4 {
  margin-top: 50px;
}

h5,
.styleH5 {
  margin-top: 50px;
}

/* pageTitle */
.pageTitle {
  margin: 3rem auto 0;
}

.pageTitle--txt {
  font-size: 3rem;
  font-weight: bold;
}

.pageTitle--txt span {
  display: none;
}

/* st-post title */
.st-post h1,
.st-post h2,
.st-post h3,
.st-post h4,
.st-post h5 {
  position: relative;
}

.st-post h1::before,
.st-post h2::before,
.st-post h3::before,
.st-post h4::before,
.st-post h5::before {
  content: "";
  display: block;
  position: absolute;
}

.st-post h2,
.styleH2 {
  font-size: 2rem;
  padding: 1rem 2rem;
  background-color: #b5ed15;
  background-blend-mode: multiply;
}

.st-post h2::before,
.styleH2::before {
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  background: url("images/common/bg_title_h2.png") no-repeat 0;
}

.st-post h3,
.styleH3,
.entry-content h2 {
  font-size: 2rem;
  border-bottom: 3px solid #b5ed15;
  padding: 1rem 2rem;
}

.st-post .styleH3 {
  background: none !important;
}

.st-post .styleH3::before {
  content: none;
}

.st-post h4,
.styleH4,
.entry-content h3 {
  font-size: 2rem;
  padding: 1rem 2rem;
  position: relative;
}

.st-post h4::after,
.styleH4::after,
.entry-content h3::after {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 15px;
  height: 5px;
  background-color: #b5ed15;
}

.st-post h4.styleH2::after,
.st-post h4.styleH3::after,
.st-post h4.styleH5::after {
  display: none;
}

.st-post h2.styleH4::before,
.st-post h2.styleH5::before {
  display: none;
}

.st-post h2.styleH4,
.st-post h2.styleH5 {
  background: none;
}

.st-post h3.styleH4,
.st-post h3.styleH5 {
  border-bottom: 0;
}

.st-post h2.styleH5,
.st-post h3.styleH5,
.st-post h4.styleH5 {
  padding: 0;
}

.st-post h5 {
  font-size: 2rem;
}

.f_large .st-post h2,
.f_large .styleH2,
.f_large .st-post h3,
.f_large .styleH3,
.f_large .st-post h4,
.f_large .styleH4,
.f_large .st-post h5,
.f_large .styleH5 {
  font-size: 3rem;
}

.entry-content h2 {
  background: none;
}

.entry-content h2::before {
  content: none;
}

.entry-content h3 {
  border-bottom: 0;
}

/* st-post p */
.st-post p {
  line-height: 2;
}

.st-post img._height400 {
  max-height: 400px;
}

/* st-post a */
.st-post a:link,
.st-post a:visited {
  text-decoration: underline;
}

.st-post a:active,
.st-post a:hover {
  text-decoration: none;
}

.st-post .card--wrapper a:link,
.st-post .card--wrapper a:visited,
.st-post a.more-txt:link,
.st-post a.more-txt:visited,
.st-post .btn-type2 a:link,
.st-post .btn-type2 a:visited {
  text-decoration: none;
}

/*
Text
----------------------------------*/
strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(80%, #ffff66));
  background: linear-gradient(rgba(255, 255, 255, 0) 20%, #ffff66 80%);
}

em {
  font-style: normal;
  font-weight: bold;
  color: red;
}

u {
  border-bottom: 1px solid #000;
}

.attention {
  color: #FF3366;
}

.catch {
  margin-top: 50px;
  font-size: 2rem;
  font-weight: bold;
}

/*
Breadcrumb
----------------------------------*/
#breadcrumb {
  padding-top: 1rem;
}

#breadcrumb li {
  display: inline-block;
  position: relative;
  margin-left: 0;
  margin-right: 1.5rem;
  font-size: 1.2rem;
}

#breadcrumb li::before {
  content: "/";
  display: inline-block;
  padding-right: 1rem;
}

#breadcrumb li:first-child:before {
  content: none;
}

#breadcrumb li a {
  text-decoration: none;
}

#breadcrumb li a:hover {
  text-decoration: underline;
}

/*
List
----------------------------------*/
article ul li,
article ol:not(.flow) li {
  padding: 0.5rem 0.3rem;
}

/* 非順序リスト */
article ul {
  list-style: none;
  margin-top: 20px;
}

article ul li {
  position: relative;
  margin-left: 1.5rem;
}

article ul li::before {
  display: block;
  content: "";
  position: absolute;
  top: 1.7rem;
  left: -1.5rem;
  width: 6px;
  height: 6px;
  background: #a2da01;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
article ul li::before {
    top: 1rem;
  }
}
article ul ul,
article ul ol {
  margin: 0;
}

/* 順序リスト */
main ol {
  margin-left: 1rem;
  margin-top: 20px;
  counter-reset: number;
  list-style-type: none;
}

main ol li {
  position: relative;
  margin-left: 2rem;
}

main :not(#breadcrumb) ol:not(.flow) li::before {
  content: "";
  counter-increment: number;
  content: counter(number) ". ";
  font-weight: bold;
  position: absolute;
  top: 7px;
  left: -1em;
  /* color: #a2da01; */
  font-family: "Barlow", sans-serif;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
main :not(#breadcrumb) ol:not(.flow) li::before {
    top: 2px;
  }
}
main :not(#breadcrumb) ol.brackets > li::before {
  content: "";
  counter-increment: number;
  content: "(" counter(number) ") ";
  left: -1.3em;
}

main ol.reset li {
  counter-reset: number;
}

main ol ol,
main ol ul {
  margin: 0;
}

main :not(#breadcrumb) ol.round > li::before {
  content: counter(number);
  top: 6px;
  left: -1.4em;
  display: inline-block;
  line-height: 17px;
  text-align: center;
  height: 16px;
  width: 15px;
  border-radius: 50%;
  border: 2px solid #000;
  font-size: smaller;
  padding-right: 1px;
}

/* ※付きリスト */
ul.rice li {
  margin: 0 0 5px 1em;
  text-indent: -1em;
}

ul.rice li::before {
  display: none;
}

ul.rice ul,
ul.rice ol {
  margin: 0;
}

/* リンクリスト */
ul.link {
  list-style: none;
  margin-top: 20px;
}

ul.link li {
  position: relative;
  margin-left: 2rem;
}

ul.link li::before {
  display: block;
  content: "";
  position: absolute;
  top: 0.6em;
  left: -1em;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #a2da01;
  border-right: solid 2px #a2da01;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: none;
}

_:-ms-input-placeholder,
:root ul.link li::before {
  top: 0.3em;
}

ul.link ul,
ul.link ol {
  margin: 0;
}

ul.flex-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.flex-list li {
  width: 45%;
}

.icon-agri,
.icon-life,
.icon-recipe {
  display: inline-block;
  padding: 0 15px;
  border: 2px solid #b5ed15;
  border-radius: 20px;
  background: #b5ed15;
  font-size: 1.6rem;
}

.icon-life {
  border-color: #ff9812;
  background: #ff9812;
}

.icon-recipe {
  border-color: #f9f062;
  background: #f9f062;
}

/*
Table
----------------------------------*/
table:not(.hljs-ln) {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  margin-top: 20px;
}

table:not(.hljs-ln) th,
table:not(.hljs-ln) td {
  border: 1px solid #aaa;
  padding: 1rem;
}

table:not(.hljs-ln) th {
  text-align: center;
  background-image: url("/images/common/bg_body.png");
  background-color: rgba(255, 248, 221, 1);
  background-blend-mode: multiply;
  white-space: nowrap;
}

table:not(.hljs-ln) thead th {
  background: #fff8dd;
  background-blend-mode: multiply;
}

table:not(.hljs-ln) thead th.title {
  background: #ffe9ad;
}

table:not(.hljs-ln) td {
  background: #fff;
}

table:not(.hljs-ln).mgt0 {
  margin-top: 0;
}

table ul,
table ol,
table table {
  margin: 0;
}

.bank-fee th,
.bank-fee td {
  border: 2px solid #d7d1cd !important;
}

.link_table th {
  width: 30%;
}
.link_table td {
  width: 70%;
}

/*
Form
----------------------------------*/
label {
  cursor: pointer;
}

/* テキスト */
._small {
  font-size: 87% !important;
}

._x-small {
  font-size: 78% !important;
}

._large {
  font-size: 107% !important;
}

._x-large {
  font-size: 120% !important;
}

._xx-large {
  font-size: 145% !important;
}

._valignt {
  vertical-align: top !important;
}

._valignm {
  vertical-align: middle !important;
}

._valignb {
  vertical-align: bottom !important;
}

._txtl {
  text-align: left !important;
}

._textc {
  text-align: center !important;
}

._textr {
  text-align: right !important;
}

._wordbreak {
  word-break: break-all !important;
}

._nowrap {
  white-space: nowrap !important;
}

._image-text {
  overflow: hidden !important;
}

.noH2 {
  margin-top: 50px !important;
}

._textgreen {
  color: green;
}

._textred {
  color: red;
}

img._rounded-circle {
  border-radius: 50% !important;
}

/* flow */
ol.flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  list-style: none;
  margin: 3rem auto 0;
  padding: 0;
}

ol.flow li {
  color: #aaa;
  position: relative;
  width: 100%;
  margin: 0;
}

.flow.step01 li:first-child,
.flow.step02 li:nth-child(2),
.flow.step03 li:last-child {
  background: #b0e614;
  color: #000;
}

.flow.step01 li:nth-child(2),
.flow.step02 li:last-child,
.flow.step03 li:first-child {
  background: #fff;
}

.flow.step01 li:last-child,
.flow.step02 li:first-child,
.flow.step03 li:nth-child(2) {
  background: #fff;
}

.flow li::before {
  border-style: solid;
  border-width: 20px 0 20px 10px;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 1;
}

.flow.step01 li:first-child::before,
.flow.step02 li:nth-child(2)::before {
  border-color: transparent transparent transparent #b0e614;
}

.flow.step01 li:nth-child(2)::before,
.flow.step03 li:first-child::before {
  border-color: transparent transparent transparent #fff;
}

.flow.step02 li:first-child::before,
.flow.step03 li:nth-child(2)::before {
  border-color: transparent transparent transparent #fff;
}

.flow li:last-child::before {
  display: none;
}

/* formbtn */
.mw_wp_form input[type=submit],
.mw_wp_form input[type=button],
.mw_wp_form button[type=submit] {
  border-radius: 50px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 30rem;
  height: 60px;
  font-size: 1.6rem;
  cursor: pointer;
  margin: 1em 10px 0;
}

.mw_wp_form input[type=submit]::-webkit-search-decoration,
.mw_wp_form input[type=button]::-webkit-search-decoration,
.mw_wp_form button[type=submit]::-webkit-search-decoration {
  display: none;
}

.mw_wp_form input[type=submit]:focus,
.mw_wp_form input[type=button]:focus,
.mw_wp_form button[type=submit]:focus {
  outline-offset: -2px;
  outline: none;
  border: none;
}

.mw_wp_form .confirm {
  background-color: #f2274d;
  border: 2px solid #f2274d;
  color: #fff;
}

.mw_wp_form .confirm:hover {
  background-color: #fff;
  border: 2px solid #f2274d;
  color: #f2274d;
}

.mw_wp_form .back {
  background-color: #ddd;
  border: 2px solid #ddd;
}

.mw_wp_form .back:hover {
  background-color: #fff;
  border: 2px solid #ddd;
}

/* input */
.mw_wp_form textarea,
.mw_wp_form input,
.mw_wp_form select {
  font-size: 16px;
}

.mw_wp_form textarea {
  width: 100%;
  margin: 10px 0 0 0;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  resize: vertical;
}

.mw_wp_form input[type=text],
.mw_wp_form input[type=email] {
  width: 100%;
  height: 50px;
  margin: 10px 0 0 0;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.mw_wp_form select {
  width: 100%;
  height: 50px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.mw_wp_form select#birth_year,
.mw_wp_form select#birth_month,
.mw_wp_form select#birth_day {
  width: 24%;
  display: inline;
  margin: 0 3px 0 5px;
  font-size: 13px;
}

.mw_wp_form select#birth_year {
  margin: 0 3px 0 0;
}

.mw_wp_form input#age {
  width: 8%;
  display: inline;
  margin: 0 3px 0 5px;
}

.mw_wp_form .w50per {
  margin-right: 7px;
}

.mw_wp_form .w50per input {
  margin-right: 3px;
}

.mw_wp_form .monitor-box ol {
  margin-left: 0;
}

.mw_wp_form .monitor-box ol li {
  padding: 0.5rem 0.3rem;
  font-size: 2rem;
}

.mw_wp_form .monitor-box ol li span {
  font-size: 1.6rem;
}

/* ファイルアイコン */
.fileIcon {
  vertical-align: baseline;
  padding-left: 3px;
  width: auto;
}

/* 画像にファイルリンクの場合アイコン非表示*/
img + img.fileIcon {
  display: none;
}

/* 例外的に画像にファイルリンクの場合アイコン表示*/
img.showIcon + img.fileIcon {
  display: inline-block;
}

/* レイアウト系 */
._clearfix {
  zoom: 1;
}

._clearfix:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}

._float-l {
  float: left;
}

._float-r {
  float: right;
}

._clear {
  clear: both;
}

/* ユーティリティ */
._nocss,
._nocss * {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  width: auto !important;
}

._first {
  margin-top: 0 !important;
}

._zero {
  margin-bottom: 0 !important;
}

._default {
  margin-bottom: 20px !important;
}

._half {
  margin-bottom: 10px !important;
}

._double {
  margin-bottom: 40px !important;
}

/*
共通設定　------------------- */
/* inner */
.inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* flex */
.flex-lay,
.flex-lay-type2,
.flex-lay-type3,
.flex-lay-type4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  /*ul用に */
}

.flex-lay.__fwrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

_:-ms-input-placeholder,
:root .flex-lay-type3-IE {
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media all and (-ms-high-contrast: none) {
  .flex-lay,
.flex-lay-type2,
.flex-lay-type3 {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  _:-ms-input-placeholder,
:root .flex-lay-type3-IE {
    -ms-flex-align: center;
    align-items: center;
  }
}
.flex-lay-full {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.flex-lay-2col {
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
  max-width: 49%;
}

.flex-lay-3col {
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%;
  max-width: 32%;
}

.flex-lay-4col {
  -ms-flex-preferred-size: 24%;
  flex-basis: 24%;
  max-width: 24%;
}

.flex-lay-5col {
  -ms-flex-preferred-size: 19%;
  flex-basis: 19%;
  max-width: 19%;
}

.flex-lay-2col.imgWidth {
  width: 49%;
}

ul.link .flex-lay-2col {
  -ms-flex-preferred-size: 47.6%;
  flex-basis: 47.6%;
}

ul.link .flex-lay-3col {
  -ms-flex-preferred-size: 30.9%;
  flex-basis: 30.9%;
}

ul.link .flex-lay-4col {
  -ms-flex-preferred-size: 22.6%;
  flex-basis: 22.6%;
}

ul.link .flex-lay-5col {
  -ms-flex-preferred-size: 17.6%;
  flex-basis: 17.6%;
}

.column-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.column-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-sdgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 13px 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*スマホで画像が縦長になるのを回避*/
}

.flex-sdgs img {
  margin-right: 10px;
  margin-bottom: 10px;
}

.machines_second .flex-lay {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.machines_second .flex-lay:after {
  content: "";
  display: block;
  width: 32%;
  height: 0;
}

/* btn */
.btn a {
  display: block;
  padding: 1em 1.5em;
  border-radius: 50px;
  text-align: center;
  position: relative;
}

.btn a::before {
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  right: 2em;
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: none;
}

.btn-type2 a,
span.no-link {
  display: block;
  padding: 20px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #000;
  border: 3px solid #b5ed15;
  border-radius: 50px;
  text-decoration: none;
}

.btn-type2 a:hover {
  color: #000;
  background-color: #b5ed15;
}

.btn-type2.btn-blue a {
  color: #000;
  border: 3px solid #3d6ba8;
}

.btn-type2.btn-blue a:hover {
  color: #fff;
  background-color: #3d6ba8;
}

.btn-type2 a.btn-option1 {
  padding: 35px 20px;
}

.btn-type2.center_btn-type2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 1em auto;
}

.btn-type2.center_btn-type2 a {
  padding-left: 50px;
  padding-right: 50px;
}

/* アコーディオン共通 */
.acd-check {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.acd-label {
  display: block;
  margin: 0;
  padding: 20px 45px 20px 30px;
  position: relative;
  cursor: pointer;
}

.acd-label img {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 30px;
  height: auto;
}

.acd-label::before {
  content: "";
  position: absolute;
  top: 41%;
  right: 24px;
  width: 3px;
  height: 15px;
  background: #000;
}

.acd-label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 15px;
  height: 3px;
  background: #000;
  visibility: initial;
}

.acd-content {
  display: none;
  line-height: 2;
}

.acd-check.rarirure:checked + .acd-label {
  font-weight: bold;
  background-color: #b5ed15;
}

.acd-check:checked + .acd-label::before {
  content: none;
}

.acd-check:checked + .acd-label + .acd-content {
  height: auto;
  opacity: 1;
  display: block;
}

/*
Header
----------------------------------*/
/* Gナビ・ハンバーガーメニュー */
.siteHeader {
  /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;*/
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
}

.siteHeader .inner {
  padding: 18px 0;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.siteHeader a {
  text-decoration: none;
}

.hamburger-btn {
  display: none;
}

.siteLogo {
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 1200px;
  height: 34px;
}

.siteLogo a {
  display: inline-block;
  width: 174px;
  z-index: 10;
  position: relative;
}

#gnav .ut-list {
  margin-left: 200px;
  position: relative;
  z-index: 2;
}

.ut-list li a {
  display: block;
  width: 160px;
  height: 40px;
  margin: 0 10px;
  line-height: 38px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  border: 2px solid #000;
  border-radius: 30px;
}

.ut-list li a:hover {
  color: #fff;
  background-color: #000;
}

.ut-list + dl {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#switchFont {
  position: relative;
  margin-left: 10px;
}

#switchFont::before {
  content: "";
  display: block;
  width: 38px;
  height: 10px;
  border-radius: 30%;
  background: #eee;
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  margin: auto;
}

#switchFont button {
  float: left;
  text-decoration: none;
  color: #000;
  display: block;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  position: relative;
}

#switchFont button::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #ddd;
  border-radius: 100%;
  position: absolute;
  top: 24.5%;
}

#switchFont button.current::after {
  width: 16px;
  height: 16px;
  background: #000;
}

#switchFont button:hover {
  color: #000;
}

#switchFont button:first-child {
  padding-right: 30px;
}

#switchFont button:last-child {
  padding-left: 30px;
}

#switchFont button:first-child::after {
  right: 10px;
}

#switchFont button:last-child::after {
  left: 8px;
}

#switchFont button.f_middle.current::after {
  right: 8px;
  top: 18%;
}

#switchFont button.f_large.current::after {
  left: 2px;
  top: 18%;
}

.f_middle {
  font-size: 0.9em;
}

button.f_large {
  font-size: 1.8rem !important;
}

.f_large {
  font-size: 2em;
}

header .sns a,
footer .sns a {
  background: transparent;
}

.search {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search dt {
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: 10px;
}

.search dd {
  width: 220px;
  height: 40px;
  border-radius: 50px;
  border: 2px solid #000;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}

.search dd input[type=text] {
  padding: 30px 20px 5px;
  border: none !important;
  line-height: 40px;
  height: 36px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  outline: none;
  background-position: left 20px center !important;
}

.search dd input[type=text]::-webkit-input-placeholder {
  display: inline-block;
  padding-left: 10px;
}

.search dd input[type=text]:-ms-input-placeholder {
  display: inline-block;
  padding-left: 10px;
}

.search dd input[type=text]::-ms-input-placeholder {
  display: inline-block;
  padding-left: 10px;
}

.search dd input[type=text]::-moz-placeholder {
  display: inline-block;
  padding-left: 10px;
}

.search dd input[type=text]::placeholder {
  display: inline-block;
  padding-left: 10px;
}

.search dd input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("images/common/icon_search.png") no-repeat center;
  background-size: 18px auto;
  border: none;
}

.search dd input:focus {
  outline-style: none;
}

.global-nav {
  background-color: rgba(255, 255, 255, 0.9);
}

.global-nav ul {
  width: 100%;
  height: 80px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (min-width: 1150px) {
.global-nav > ul > li {
  width: 12.5%;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /*border-right: 1px #000000 solid;*/
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.global-nav > ul > li:first-child {
  /*border-left: 1px #000000 solid;*/
}

.global-nav > ul > li::before,
.global-nav > ul > li:last-child::after {
  content: "";
  display: block;
  top: 30%;
  width: 1px;
  height: 50px;
  background-color: #000;
}

.global-nav li:hover {
  background-color: #CDEF55;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.global-nav li.bk-yellow{
  background-color: #F9F062;
}
.global-nav li a {
  display: block;
  padding: 18px 0 24px;
  font-weight: bold;
  width:100%;
}

/* メガメニュー */
.global-nav li .nav-item_sub {
  background-color: #CDEF55;
  right: 0;
  display: none;
  position: absolute;
  top: 80px;
  z-index: 5;
  width: 100%;
}

.global-nav li .nav_shop {
  height:80vh !important;
  overflow-y: scroll;
}

.global-nav li .nav-item_sub .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 1rem;
}

.global-nav li .nav-item_sub .inner h3 {
  margin-top: 0;
  width: 20%;
}

.global-nav li .nav-item_sub .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*margin-right: 10px;*/
  height: auto;
  width: 100%;
}

.global-nav li .nav-item_sub .inner ul > li {
  width: 32.2%;
  text-align: left;
  margin: 0 0 10px 10px;
}

.global-nav li .nav-item_sub .inner ul > li a {
  width: 100%;
  background-color: #dff595;
  position: relative;
  padding: 20px 15px;
  font-size: 16px;
}

.global-nav li .nav-item_sub .inner ul > li a::after {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  right: 0.5em;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-right-width: 0px;
  border-right-style: none;
  border-right-color: currentcolor;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.global-nav li .nav-item_sub .inner ul > li::before,
.global-nav li .nav-item_sub .inner ul > li:last-child::after {
  display: none;
}

.global-nav li .nav-item_sub .inner ul > li a.map-search {
  font-size: 18px;
}
.global-nav li .nav-item_sub .inner ul > li a.map-search::before {
  content: "";
  display: inline-block;
  width: 188px;
  height: 44px;
  margin-left: 50px;
  background: url("images/common/icon_map-search.png") no-repeat;
  background-size: contain;
  vertical-align:middle;
}
.global-nav li .nav-item_sub .inner ul.sanchoku > li:first-child a,
.global-nav li .nav-item_sub .inner ul.sanchoku > li:nth-child(2) a,
.global-nav li .nav-item_sub .inner ul.sanchoku > li:nth-child(3) a {
  height: 84px;
}


  _::-webkit-full-page-media,
_:future,
:root .global-nav li a {
    padding: 24px 0;
  }
}
.global-nav li a:hover {
  font-weight: bold;
}

.global-nav li span {
  display: block;
  font-size: 1rem;
  letter-spacing: 1px;
}

.global-nav li::before,
.global-nav li:last-child::after {
  /* content: "";
  display: block;
  position: absolute;
  top: 30%;
  width: 1px;
  height: 20px;
  background-color: #000; */
}

.global-nav li::before {
  left: 0;
}

.global-nav li:last-child::after {
  right: 0;
}

/* current */
.current-menu-item,
.local-nav .current_page_item,
.local-nav .current-cat,
body.page-id-367 .page-item-365 ul.children a {
  font-weight: bold;
}

.current-menu-item ul.children li,
.local-nav .current_page_item ul.children li,
.local-nav .current-cat ul.children li {
  font-weight: normal;
}

/* current page */
.about.page-parent .page-item-373 a,
.about.page-parent .page-item-377 a,
body.page-id-367 .page-item-365 a {
  font-weight: normal;
}

/*
footer
----------------------------------*/
footer {
  position: relative;
  height: auto;
  padding-bottom: 10px;
  border-top: 1px solid #f1e3c6;
}

.home footer {
  border-top: none;
}

#footer::after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #c0eb2b 10px, #c0eb2b 20px);
}

#footer .flex-lay-type3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ut-link {
  padding: 3rem 0;
  border-bottom: 1px solid #f1e3c6;
}

.ut-link .flex-lay {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  text-align: left;
}

.ut-link li {
  margin-bottom: 1rem;
}

.ut-link li::after {
  content: "/";
  display: inline-block;
  padding: 0 1.8rem;
}

.ut-link li:nth-child(3)::after,
.ut-link li:last-child::after {
  display: none;
}

.ut-link li a {
  text-decoration: none;
}

.ut-link li a:hover {
  text-decoration: underline;
}

.footer-menu {
  margin-top: 3rem;
  width: 60%;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.footer-menu li {
  margin-left: 4rem;
  margin-bottom: 1rem;
}

.footer-menu li a {
  text-decoration: none;
}

.footer-menu li a:hover {
  text-decoration: underline;
}

#footer .contact {
  margin-top: 3rem;
  font-style: normal;
}

#footer .contact h2 {
  width: 174px;
  margin: 0;
}

#footer .contact ul {
  margin: 2rem 0 0;
  list-style: none;
  line-height: 2;
}

#footer .copy {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 4rem;
  text-align: right;
  font-size: 1.1rem;
  font-weight: bold;
}

#footer .sns {
  margin-top: 15px;
}

/*
Top
----------------------------------*/
.home .siteHeader {
  position: absolute;
  top: 0;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: rgba(255, 255, 255, 0);
}

.home .siteHeader.fixed {
  position: fixed;
  top: 0;
  background-color: rgb(255, 255, 255);
}

.home .global-nav {
  /* position: absolute;
  top: 570px; */
  left: 0;
  right: 0;
  margin: auto;
  height: 80px;
}

.home .siteHeader.fixed .global-nav {
  position: relative;
  top: 0;
}

/* more-txt */
.more-txt {
  position: relative;
  display: inline-block;
  padding: 0 2rem;
  line-height: 3;
  text-decoration: none;
  font-weight: bold;
}

.more-txt::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
  background: #000;
}

.more-txt::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
  background: #b0e614;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.more-txt:hover::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* slick arrow 共通指定 */
.slick-arrow {
  border-radius: 100%;
  background-color: #000;
  text-indent: -99999px;
  position: absolute;
  z-index: 9;
}

.slick-next::after,
.slick-prev::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
}

.slick-prev::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.slick-next::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* main visual */
.mainVisual {
  width: 100%;
  /* height: 650px; */
  height: 806px;
  position: absolute;
  top: 0;
  overflow: hidden;
  padding-top: 156px;
}

.mainVisual .main-slide {
  height: 650px;
}

.main-slide .slide-item {
  width: 100%;
  height: 650px;
}

.key01 {
  background: url("images/top/img_key_001_pc.jpg") no-repeat center;
  background-size: cover;
}

.key02 {
  background: url("images/top/img_key_002_pc.jpg") no-repeat center;
  background-size: cover;
}

.key03 {
  background: url("images/top/img_key_003_pc.jpg") no-repeat center;
  background-size: cover;
}

.main-slide .slide-item a,
.main-slide .slide-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.main-slide .key03 p {
  display:inline-flex;
  width:auto;
}
.main-slide .key03 p a {
  margin-top:40rem;
  margin-left:50px;
}
.main-slide .key03 p a:first-child {
  margin-left:0;
}

.mainVisual .more-btn {
  display: inline-block;
  margin: 20px auto 0 90px;
  padding: 1em 1.5em;
  width: 280px;
  text-align: center;
  background-color: #000000;
  border-radius: 50px;
}

.mainVisual .more-btn img {
  margin: 0 auto;
  width: 80px;
}

.mainVisual .slick-arrow {
  width: 60px;
  height: 60px;
  top: 50%;
}

.mainVisual .slick-prev {
  left: -30px;
  padding: 0 0 0 40px;
}

.mainVisual .slick-next {
  right: -30px;
  padding: 0 0 0 10px;
}

.slick-next::after,
.slick-prev::after {
  margin-top: -17px;
}

/* .mainVisual .slick-slide img {
  margin: 0 auto;
} */


/* container */
#container {
  padding-bottom: 100px;
}

.home #container {
  margin-top: 810px;
  padding-bottom: 0;
  padding-top: 1rem;
}

.home #content {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

/* essential-area */
.essential-area {
  /* margin-bottom: 5rem;
  padding: 3rem 0;
  background: #fa2850;
  color: #fff; */
}

.essential-area .inner {
  background-color: #fff;
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding: 3rem 3rem;
  border: 1px solid #fa2850;
  color: #000;
}

.essential-area h2 {
  width: 195px;
  margin: auto 40px auto 0;
}

_:-ms-input-placeholder,
:root .essential-area h2 {
  margin: 0 40px 0 0;
}

.essential-area ul.link {
  width: 70%;
  margin-top: 0px;
}

.essential-area ul.link li {
  margin-bottom: 1rem;
}

.essential-area ul.link li::before {
  border-color: #000;
}

.essential-area a {
  color: #000;
  text-decoration: none;
}

/* more-txt */
.essential-area p {
  margin: auto 0 0 auto;
}

.essential-area .more-txt02 {
  position: relative;
  margin-left: 1.5rem;
}

.essential-area .more-txt02::before {
  display: block;
  content: "";
  position: absolute;
  top: 0.4em;
  left: -1.5em;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: none;
}

/* next-box */
.essential-area .next-box {
  margin-top: 20px;
  /*border-top: 1px solid #fff;*/
  background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px);
  background-size: 8px 2px;
  background-position: left top;
  background-repeat: repeat-x;
  padding-top: 20px;
}

/* news--list */
.news--list {
  width: 62rem;
}

.news--list h2 {
  width: 123px;
  margin: 0 auto;
  text-align: center;
}

.tabs input[name=tab] {
  display: none;
}

.tabs {
  width: 100%;
  margin-top: 3rem;
  text-align: left;
}

.tab_label {
  display: inline-block;
  width: 140px;
  /* タブが5つの時110px */
  margin: 0 0 1em 1.2rem;
  padding: 5px 0;
  border-radius: 50px;
  font-size: 1.2rem;
  text-align: center;
}

.tab_label:nth-of-type(5) {
  margin-left: 0;
}

.t-market {
  /*  margin-left: 0;*/
}

.tabs .tab_label:first-of-type {
  margin-left: 0;
}

_:-ms-input-placeholder,
:root .tab_label {
  padding: 5px 0 1px;
}

.tab_label.t-all {
  border: 2px solid #b5ed15;
}

.tab_label.t-news {
  border: 2px solid #68fddc;
}

.tab_label.t-event {
  border: 2px solid #ffda0f;
}

.tab_label.t-market {
  border: 2px solid #ffab47;
}

.tab_label.t-press {
  border: 2px solid #54cee2;
}

.tab_label.t-important {
  border: 2px solid #fa2850;
}

.tab_label.t-woman {
  border: 2px solid #ff9999;
}

.tab_label.t-sdgs {
  border: 2px solid #99FF99;
}

.tabs input:checked + .t-all,
.cat.t-all {
  background: #b5ed15;
}

.tabs input:checked + .t-news,
.cat.t-news,
#news .cat {
  background: #68fddc;
}

.tabs input:checked + .t-event,
.cat.t-event,
#event .cat {
  background: #ffda0f;
}

.tabs input:checked + .t-market,
.cat.t-market,
#market .cat {
  background: #ffab47;
}

.tabs input:checked + .t-press,
.cat.t-press,
#press .cat {
  background: #54cee2;
}

.tabs input:checked + .t-important,
.cat.t-important,
.cat.t-recruit {
  background: #fa2850;
  color: #fff;
}

.tabs input:checked + .t-woman,
.cat.t-woman,
#woman .cat {
  background: #ff9999;
}

.tabs input:checked + .t-sdgs,
.cat.t-sdgs,
#sdgs .cat {
  background: #99FF99;
}

#tab_all:checked ~ #all,
#tab_news:checked ~ #news,
#tab_event:checked ~ #event,
#tab_market:checked ~ #market,
#tab_press:checked ~ #press,
#tab_woman:checked ~ #woman,
#tab_sdgs:checked ~ #sdgs {
  display: block;
}

.tab_content {
  display: none;
  margin-top: 3rem;
  border-bottom: 1px solid #ddd;
}

.news--item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-decoration: none !important;
  border-bottom: 1px solid #ddd;
  padding: 2rem 0;
}

.news--item:first-child a {
  border-top: 1px solid #ddd;
}

.news--item a:hover {
  background: #fff;
}

.news--date {
  display: inline-block;
  color: #999;
  font-size: 1.4rem;
  width: 8em;
}

.news--item a span {
  display: inline-block;
  width: 110px;
  height: 3rem;
  margin-top: -5px;
  font-size: 1.2rem;
  line-height: 2.5;
  text-align: center;
  border-radius: 50px;
}

_:-ms-input-placeholder,
:root .news--item a span {
  padding: 2px 0 0;
}

.news--list p {
  margin: 1em auto;
  text-align: center;
}

.news--item a .news--title {
  width: 60%;
  margin: -5px 0 0 0;
  text-align: left;
}

.sansanblog .news--item a .news--title {
  width: 80%;
}

/* a-one-left */
.month-present {
  position: relative;
  height: auto;
  background: #fff8dc;
  mix-blend-mode: multiply;
  border-radius: 0 125px 125px 0;
  /*top: 15px;*/
  top: 3rem;
  /*  z-index: -1;*/
  margin-bottom: 30px;
}
/*.month-present {
  position: relative;
  width: 57rem;
  padding-right: 8rem;
}

.month-present::before {
  content: "";
  display: block;
  width: 57rem;
  height: 25rem;
  background: #fff8dc;
  mix-blend-mode: multiply;
  border-radius: 0 125px 125px 0;
  position: absolute;
  top: 15px;
  left: -50px;
  z-index: -1;
}*/

.m-title h2 {
  margin: 0 auto 2rem;
  text-align: center;
}

.m-title h2 img {
  width: 60px;
  height: auto;
}

.pre-icon {
  width: 7rem;
  height: 7rem;
  padding-top: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  border-radius: 100%;
  background: #b5ed15;
}

.pre-icon span {
  font-family: "Barlow", sans-serif;
  font-style: italic;
  font-size: 3rem;
}

.pre-txt {
  width: 19rem;
  margin: 4rem auto 0;
}

.pre-txt dt {
  margin-bottom: 1em;
  font-size: 1.8rem;
  font-weight: bold;
}

.pre-txt dd + dd {
  /* position: absolute;
  bottom: 3.7rem;
  margin-left: 2rem; */
  margin:20px 0 0 20px;
  width:30rem;
}

.pre-txt .more-txt {
  padding: 0 4rem;
}

.present-img {
  width: 19rem;
  height: 19rem;
  margin-top: 4rem;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
  margin-right:2rem;
}

.present-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.pre-copy {
  position: absolute;
  /*top: 1rem;
  right: 4rem;*/
  right: -2rem;
  width: 90px;
}

/* member */
.member:not(.page) {
  width: 50rem;
  /*margin-top: 3rem;*/
  margin-top: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.member p {
  width: 48%;
}

.member-slide {
  width: 100%;
  height: 200px;
  padding-bottom: 3rem;
  overflow: hidden;
}

.member-slide .slick-arrow,
.campaign-slide .slick-arrow,
.youtube-slide .slick-arrow,
.campaign-sp-slide .slick-arrow,
.youtube-sp-slide .slick-arrow {
  width: 30px;
  height: 30px;
  bottom: 0;
  background-color: transparent;
}

.member-slide .slick-prev,
.campaign-slide .slick-prev,
.youtube-slide .slick-prev,
.campaign-sp-slide .slick-prev,
.youtube-sp-slide .slick-prev {
  left: 30%;
  padding-left: 5px;
}

.member-slide .slick-next,
.campaign-slide .slick-next,
.campaign-sp-slide .slick-next,
.youtube-slide .slick-next,
.youtube-sp-slide .slick-next {
  right: 26%;
}

.member-slide .slick-next::after,
.member-slide .slick-prev::after {
  border-color: #000;
  margin-top: -10px;
}

.campaign-slide .slick-next::after,
.campaign-slide .slick-prev::after,
.campaign-sp-slide .slick-next::after,
.campaign-sp-slide .slick-prev::after {
  border-color: #000;
  margin-top: -4px;
}

.youtube-slide .slick-next::after,
.youtube-slide .slick-prev::after,
.youtube-sp-slide .slick-next::after,
.youtube-sp-slide .slick-prev::after {
  border-color: #000;
  margin-top: 25px;
}

.member-slide .slick-dots,
.campaign-slide .slick-dots,
.campaign-sp-slide .slick-dots,
.youtube-slide .slick-dots,
.youtube-sp-slide .slick-dots {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  list-style: none;
}

.youtube-slide .slick-dots,
.youtube-sp-slide .slick-dots {
  margin: -26px auto;
}

.member-slide .slick-dots li,
.campaign-slide .slick-dots li,
.campaign-sp-slide .slick-dots li,
.youtube-slide .slick-dots li,
.youtube-sp-slide .slick-dots li {
  position: relative;
  cursor: pointer;
  margin: 0 5px;
}

.member-slide .slick-dots li button,
.campaign-slide .slick-dots li button,
.campaign-sp-slide .slick-dots li button,
.youtube-slide .slick-dots li button,
.youtube-sp-slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0;
  outline: 0;
  border-radius: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100%;
}

.member-slide .slick-dots li button:hover,
.member-slide .slick-dots li.slick-active button,
.campaign-slide .slick-dots li button:hover,
.campaign-slide .slick-dots li.slick-active button,
.campaign-sp-slide .slick-dots li button:hover,
.campaign-sp-slide .slick-dots li.slick-active button {
  background-color: #000;
}

.youtube-slide .slick-dots li button:hover,
.youtube-slide .slick-dots li.slick-active button,
.youtube-sp-slide .slick-dots li button:hover,
.youtube-sp-slide .slick-dots li.slick-active button {
  background-color: #000;
}

.btn.kaikaku a {
  background-color: #c0eb2b;
  width: 80%;
  margin: 3rem auto 0;
}

.btn.kaikaku img {
  width: 198px;
  height: auto;
}

/* bn-monitor */
.bn-monitor {
  margin-top: 30px;
}

/* campaign */
/*.campaign{
  margin: 50px auto 0;
}
.campaign dl{
  margin: 0 auto;
}
.campaign dt{
  margin-bottom: 10px;
  font-weight: bold;
}*/
.campaign-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 35px;
  margin-bottom: 5rem;
}

.campaign-slide .cp-item {
  /*width: 49%;*/
  padding: 0 5px;
}

.campaign-slide .cp-item h3 {
  background: #fff;
  padding: 12px 0 0 15px;
  font-size: 1.5rem;
}

.campaign-slide .cp-item div {
  background: #fff;
  padding: 0 15px;
  width: 100%;
  height: 290px;
  display: table;
}

.campaign-slide .cp-item div p {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.campaign-slide .cp-item div p img {
  /* border: 1px solid #efefef; */
  width: 100%;
}

.youtube-box {
  background-color: #9cd609;
  padding: 60px 0;
}

.youtube-slide {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 35px; */
  width: 100%;
}

.youtube-slide .yt-item {
  width: 100px;
  aspect-ratio: 16/9;
  text-align: center;
}

.youtube-slide .yt-item iframe {
  width: 96%;
  height: 96%;
  margin: 0 auto;
}

/* campaign-sp-slide SPのみスライドする場合はこれを使う。PCもSPもスライドするようになったらコメントアウト*/
.campaign-sp-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 35px;
  margin-bottom: 5rem;
}

.campaign-sp-slide .cp-item {
  /*width: 49%;*/
  padding: 0 5px;
}

.campaign-sp-slide .cp-item h3 {
  background: #fff;
  padding: 12px 0 0 15px;
  font-size: 1.5rem;
}

.campaign-sp-slide .cp-item div {
  background: #fff;
  padding: 0 15px;
  width: 100%;
  height: 290px;
  display: table;
}

.campaign-sp-slide .cp-item div p {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.campaign-sp-slide .cp-item div p img {
  /* border: 1px solid #efefef; */
}

/* rarirure-area */
.rarirure-area {
  margin-top: 0;
  background-image: url("images/common/bg_body.png");
  background-color: #fff8dd;
  background-blend-mode: multiply;
  position: relative;
}

/* .rarirure-area::before, */
.rarirure-area::after,
.purpose-area::after,
.blog-area::after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #fab600 10px, #fab600 20px);
}

.rarirure-area h2 {
  width: 260px;
  margin: 0 auto 2rem;
  padding-top: 5rem;
}

.club-slide {
  width: 100%;
  height: 330px;
  overflow: hidden;
  position: relative;
}

.club-slide .slide-item {
  text-align: center;
}

.club-slide .slide-item dl {
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}

.club-slide .slide-item dt {
  width: 400px;
  height: 240px;
  margin: 0 auto;
  overflow: hidden;
}

.club-slide .slide-item dt img {
  text-align: center;
  margin: 0 auto;
}

.club-slide .slide-item dd {
  margin-top: 1.5rem;
  font-size: 2rem;
}

.club-slide .slide-item dd span {
  display: block;
  width: 4em;
  margin: 1rem auto;
  font-size: 1.4rem;
  border-radius: 30px;
  padding: 5px 10px;
  line-height: 1;
}

_:-ms-input-placeholder,
:root .club-slide .slide-item dd span {
  padding: 7px 10px 2px;
}

.club-slide .slide-item dd .vegetables {
  background-color: #a7e40c;
}

.club-slide .slide-item dd .fruit {
  background-color: #ff9812;
}

.club-slide .slide-item dd .flower {
  background-color: #f0e200;
}

.club-slide .slide-item dd .livestock {
  background-color: #f59aa3;
}

.club-slide .slide-item dd .grains {
  background-color: #c29867;
}

.club-slide .slick-arrow {
  background-color: #000;
  top: 30%;
}

.club-slide .slick-prev {
  display: inline-block;
  width: 30px;
  height: 60px;
  border-radius: 100% 0 0 100%/50%;
  left: 2.5vw;
  padding: 0 0 0 15px;
}

.club-slide .slick-next {
  display: inline-block;
  width: 30px;
  height: 60px;
  border-radius: 0 100% 100% 0/50%;
  right: 2.5vw;
  padding: 0 0 0 5px;
}

.rarirure-area p.btn-down {
  margin: 3rem auto 3px;
  text-align: center;
}

.club-slide .slide-item a {
  text-decoration: none;
}

/* purpose-area */
.purpose-area {
  width: 100%;
  height: 100%;
  padding: 60px 0 0;
  overflow: hidden;
  position: relative;
}

.purpose-area::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 140px;
  background-image: url("images/common/bg_body.png");
  background-color: #fff8dd;
  background-blend-mode: multiply;
  opacity: 0.5;
  z-index: -1;
}

.purpose-area h2 {
  width: 50px;
  margin: 0;
}

.purpose-area a {
  text-decoration: none;
}

.purpose-area dl {
  width: 200px;
  margin: 0 0 4rem 3rem;
  text-align: center;
}

.purpose-area dt {
  height: 90px;
  text-align: center;
  font-weight: bold;
  position: relative;
}

.purpose-area dt::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 5px;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, #c0eb2b 4px, #c0eb2b 8px);
}

.purpose-area dt img {
  display: block;
  width: 33px;
  height: auto;
  margin: 0 auto 5px;
}

.purpose-area dd {
  margin-top: 1.5rem;
}

.purpose-area dd a:hover {
  text-decoration: underline;
}

.purpose-area .life-service {
  padding-left: 3rem;
  font-size: 87%;
  text-align: left;
}

/* map-area */
.map-area {
  margin-top:50px;
}

.map-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 5rem;
}

.map-area::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #fab600 10px, #fab600 20px);
}

.map-area h2 {
  width: 290px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 8rem auto 2rem;
}

.map_container {
  width: 100%;
  max-width: 1200px;
  height: auto;
  min-height: 400px;
  margin: 0 auto;
  position: relative;
}

.map-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 400px;
  background: url("images/top/img_map_off.png") no-repeat 0 0;
  background-size: 600px 400px;
}

.map-bg.mbg01 {
  background-image: url("images/top/img_map_01.png");
}

.map-bg.mbg02 {
  background-image: url("images/top/img_map_02.png");
}

.map-bg.mbg03 {
  background-image: url("images/top/img_map_03.png");
}

.map-bg.mbg04 {
  background-image: url("images/top/img_map_04.png");
}

.map-bg {
  display: none;
}

.map-bg.show {
  display: block;
}

.map_item {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.map-area input[type=radio]:checked,
.map-area input[type=radio]:active,
.map-area input[type=radio]:focus,
.map-area label {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-top-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  appearance: none;
  background: none;
  outline: none;
}

.seisan {
  width: 10rem;
  height: 10rem;
  left: 8rem;
  top: 26rem;
}

.tyuusan {
  width: 10rem;
  height: 13rem;
  left: 19rem;
  top: 19rem;
}

.takamatsu {
  width: 9rem;
  height: 16rem;
  left: 29rem;
  top: 15rem;
  border-radius: 100%;
}

.tousan {
  width: 19rem;
  height: 30rem;
  left: 38rem;
  top: 0;
}

.map_item:hover {
  opacity: 0.75;
}

input[name=map_item] {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.mapcontent {
  display: none;
  overflow: hidden;
  width: 50%;
  margin: 0 0 0 600px;
}

#map1:checked ~ #map1_content,
#map2:checked ~ #map2_content,
#map3:checked ~ #map3_content,
#map4:checked ~ #map4_content {
  display: block;
}

/*.map_container input:checked + .map_item {
}*/
/* 中身の設定 */
.mapcontent .flex-lay {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mapcontent li {
  margin: 20px 20px 0;
}

.mapcontent li a {
  text-decoration: none;
}

.mapcontent a dt {
  width: 110px;
  height: 110px;
  border-radius: 100% 100% 0 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.mapcontent dd {
  width: 110px;
  text-align: right;
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 5px;
}

.map-area p {
  margin-bottom: 0;
  text-align: right;
}

/* blog-area */
.blog-area {
  width: 100%;
  padding-top: 3rem;
  background-image: url("images/common/bg_body.png");
  background-color: rgba(181, 237, 21, 0.2);
  background-size: cover;
  background-blend-mode: multiply;
  z-index: -1;
}

.hiroba p {
  margin-bottom: 0.3em;
  padding: 0 25px 0 0;
  text-align: right;
}

.blog-box {
  width: 550px;
}

.blog-box a {
  text-decoration: none;
}

.blog-box article .flex-lay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-box h2 {
  width: 27px;
}

.blog-box .blog-img {
  display: inline-block;
  position: relative;
  height: 210px;
  margin-right: 3rem;
  padding: 0 10px 0 0;
  overflow: hidden;
  z-index: 2;
}

.blog-box .blog-img::before {
  content: "";
  display: block;
  width: 260px;
  height: 180px;
  overflow: hidden;
  position: absolute;
  bottom: 5px;
  right: 0;
  border-radius: 100px 100px 50px 100px/100px 100px 0px 100px;
  background-size: auto auto;
  background-color: transparent;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #c0eb2b 8px, #c0eb2b 16px);
  z-index: -1;
}

.blog-box .blog-img p {
  width: 260px;
  height: 180px;
  border-radius: 100px 100px 50px 100px/100px 100px 0px 100px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.blog-box .blog-txt {
  width: 180px;
  font-size: 1.8rem;
  font-weight: bold;
}

.blog-txt time {
  font-size: 1.4rem;
  color: #999;
}

/* bn-recipe */
.bn-recipe2col {
  width: 100%;
  padding: 5rem 0;
  background-color: #DEF0AE;
}

.bn-recipe2col .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bn-recipe2col .inner a {
  width: 48%;
}

.bn-recipe2col .inner a img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1150px)  {
  .bn-recipe2col .inner {
    display: block;
  }
  .bn-recipe2col .inner a:first-child img {
    margin-bottom: 20px;
  }
}

.bn-recipe {
  width: 1005px;
  height: 190px;
  margin: 5rem auto;
  border-radius: 100px 100px 50px 100px/100px 100px 0px 100px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.bn-recipe a {
  display: block;
}

.bn-recipe img.pcbn {
  position: absolute;
  top: 34px;
  right: 50px;
  width: 165px;
  z-index: 2;
}

.bn-recipe a::before {
  content: "";
  display: block;
  width: 950px;
  height: 178px;
  overflow: hidden;
  position: absolute;
  bottom: 10px;
  left: 0;
  border-radius: 100px 100px 50px 100px/100px 100px 0px 100px;
  background: url("images/top/bg_recipe.jpg") no-repeat center;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: -1;
}

.bn-recipe a:hover::before {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.bn-recipe a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 190px;
  background: url("images/top/img_bn_recipe_pc.png") no-repeat center 0;
  z-index: 1;
}

.bn-recipe02 {
  margin: 5rem auto;
  position: relative;
  padding-bottom: 10px;
}
.bn-recipe02::after {
  content: "";
  display: block;
  width: 99%;
  height: 180px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 100px 100px 50px 100px / 100px 100px 0px 100px;
  background-size: auto auto;
  background-color: white;
}
.bn-recipe02::after {
  /*background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #f7ea20 8px, #f7ea20 16px);*/
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #b5ed15 8px, #b5ed15 16px);
}
.bn-recipe02 a:hover,
.bn-recipe02 a:hover img,
.bn-recipe02 a:active img {
  opacity: 1 !important;
  -moz-opacity: 1 !important;
}
.bn-recipe02:hover::after {
  /*background-color: #f7ea20;*/
  background-color: #b5ed15;
}

@media screen and (max-width: 769px) {
  .bn-recipe02::after,
  .bn-recipe02:hover::after{
    display: none;
  }
  }

/* bn-kirari */
.bn-kirari {
  width: 100%;
  height: 365px;
  overflow: hidden;
  -webkit-box-align: unset !important;
  -ms-flex-align: unset !important;
  align-items: unset !important;
}

.kirari-img {
  width: 50%;
  background: rgba(192, 235, 43, 0.8);
  /* youtube埋め込んだ場合 */
}

.kirari-img .top-youtube {
  position: relative;
  padding-top: 56.25%;
  width: 90%;
  margin-top: 16px;
  /*overflow: hidden;*/
  /*display: block;
  margin: 0 auto;*/
}

.kirari-img .top-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  height: 75%;
}

@media screen and (min-width: 1800px) {
  .kirari-img .top-youtube iframe {
    width: 75%;
    height: 60%;
  }
}
.book {
  position: relative;
  width: 50%;
  z-index: 2;
  background: url("images/top/bg_kirari_pc.jpg") no-repeat 0 0;
  background-size: cover;
  height: 365px;
}

.book::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  height: 365px;
  background-color: rgba(181, 237, 21, 0.8);
  z-index: -1;
}

.book a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0 0 60px;
  text-decoration: none;
}

.book-name {
  text-align: center;
  margin-right: 50px;
}

.book-name h2 {
  width: 128px;
  margin: 0 auto;
}

.book-name h2 span {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.book-name ul {
  margin-top: 2rem;
  list-style: none;
  font-size: 1.4rem;
  font-weight: bold;
}

.book-name .bookno {
  margin-bottom: 1rem;
  padding: 3px 0;
  border: 2px solid #000;
  border-radius: 30px;
  font-family: "Barlow", sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 1.8rem;
}

.book .more-txt::after {
  background: #fa2850;
}

.book:hover .more-txt::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* bn-list */
.bn-area {
  padding: 3rem 0 5rem;
  background-image: url("images/common/bg_body.png");
  background-color: #f8edd1;
  background-blend-mode: multiply;
}

.bn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.bn-list .slick-arrow {
  background-color: #000;
  top: 30%;
}

.bn-list .slick-prev {
  display: inline-block;
  width: 30px;
  height: 60px;
  border-radius: 100% 0 0 100%/50%;
  left: 2.8vw;
  padding: 0 0 0 15px;
}

.bn-list .slick-next {
  display: inline-block;
  width: 30px;
  height: 60px;
  border-radius: 0 100% 100% 0/50%;
  right: 2.6vw;
  padding: 0 0 0 5px;
}

.bn-list div {
  margin: 2rem 20px 0 0;
}

.bn-list div:nth-child(5n) {
  margin: 2rem 0 0;
}

.bn-list div a {
  display: block;
  border: 2px solid rgba(181, 237, 21, 0);
}

.bn-list div a:hover,
.bn-list div a:active {
  opacity: 1;
  -moz-opacity: 1;
  border: 2px solid #b5ed15;
}

.bn-list div a:hover img,
.bn-list div a:active img {
  opacity: 1;
  -moz-opacity: 1;
}

/* bn-list2 */
.bn-list2 {
  border-top: 1px solid #fff;
  margin: 30px auto 0;
  padding-top: 10px;
  max-width: 1200px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bn-list2 div {
  margin: 2rem 20px 0 0;
}

.bn-list2 div:last-child {
  margin: 2rem 0 0 0;
}

/* faq */
div.faq {
  margin-top: 3rem;
  position: relative;
  background-image: url("images/common/bg_body.png");
  background-color: rgba(176, 230, 20, 0.1);
  background-size: cover;
  background-blend-mode: multiply;
}

div.faq .acd-check {
  visibility: hidden;
  position: absolute;
}

div.faq .acd-label {
  padding-left: 50px;
}

div.faq .acd-label::before {
  content: "";
  position: absolute;
  top: 24px;
  right: 24px;
  width: 3px;
  height: 15px;
  background: #b0e614;
}

div.faq .acd-label::after {
  background-color: #b0e614;
  line-height: 20px;
  top: 30px;
}

div.faq .acd-check:checked + .acd-label::before {
  content: none;
}

div.faq .acd-content {
  padding: 0 2rem 2rem 5rem;
}

/*
CMS
----------------------------------*/
/* Layout */
.blogWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar {
  width: 25%;
  margin-right: 5%;
  margin-top: 50px;
}

.sidebar ul {
  list-style: none;
}

.sidebar .local-nav a,
.sidebar .blog-nav a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  margin-bottom: 1px;
}

.sidebar .local-nav a::after,
.sidebar .blog-nav a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 45%;
  right: 1.5em;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sidebar .local-nav a {
  display: block;
  background-image: url("images/common/bg_body.png");
  background-color: #fff8dd;
  background-blend-mode: multiply;
}

.sidebar .local-nav li li a {
  background-color: rgba(255, 248, 221, 0.6);
  padding-left: 2.5rem;
  font-size: 1.5rem;
}

.sidebar .local-nav span.side_no-link {
  display: block;
  background-image: url("images/common/bg_body.png");
  background-color: #fff8dd;
  background-blend-mode: multiply;
  position: relative;
  text-decoration: none;
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  margin-bottom: 1px;
}

.blog-nav a {
  background-image: url("images/common/bg_body.png");
  background-color: rgba(176, 230, 20, 0.1);
  background-blend-mode: multiply;
}

.blog-nav h2 {
  padding: 1.5rem 0;
  text-align: center;
  background-image: url("images/common/bg_body.png");
  background-color: rgba(176, 230, 20, 0.3);
  background-blend-mode: multiply;
  margin-bottom: 0;
}

.sidebar .local-nav.vegetables h2,
.sidebar .local-nav.fruit h2,
.sidebar .local-nav.flower h2,
.sidebar .local-nav.livestock h2,
.sidebar .local-nav.grains h2 {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}

.sidebar .local-nav.vegetables h2 {
  background: #aee213;
}

.sidebar .local-nav.fruit h2 {
  background: #ff9812;
  margin-top: 30px;
}

.sidebar .local-nav.flower h2 {
  background: #ebdd00;
  margin-top: 30px;
}

.sidebar .local-nav.livestock h2 {
  background: #f59aa3;
  margin-top: 30px;
}

.sidebar .local-nav.grains h2 {
  background: #c29867;
  margin-top: 30px;
}

.sidebar .local-nav.vegetables ul {
  background: rgba(178, 232, 20, 0.1);
}

.sidebar .local-nav.fruit ul {
  background: rgba(255, 152, 18, 0.1);
}

.sidebar .local-nav.flower ul {
  background: rgba(237, 222, 0, 0.1);
}

.sidebar .local-nav.livestock ul {
  background: rgba(245, 154, 163, 0.1);
}

.sidebar .local-nav.grains ul {
  background: rgba(194, 152, 103, 0.1);
}

.sidebar .local-nav.vegetables a,
.sidebar .local-nav.fruit a,
.sidebar .local-nav.flower a,
.sidebar .local-nav.livestock a,
.sidebar .local-nav.grains a {
  background: none;
  border-bottom: 1px solid #f8f7f5;
}

.sidebar .local-nav.vegetables a:hover,
.sidebar .local-nav.fruit a:hover,
.sidebar .local-nav.flower a:hover,
.sidebar .local-nav.livestock a:hover,
.sidebar .local-nav.grains a:hover {
  opacity: 0.5;
}

.st-post {
  width: 70%;
}

.sidebar .local-nav .page-item-28280,
.sidebar .local-nav .page-item-28603 {
  display: none;
}

/* 動画 */
.wp-video,
.mejs-container {
  width: 100% !important;
}

/* clearfix */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* SNSシェアボタン */
.sns ul {
  text-align: center;
}

.sns li {
  list-style: none;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  margin: 0 0.5rem;
}

.sns li::nth-child(2) {
  margin: 0 1em;
}

.sns li::before {
  display: none;
}

.sns a {
  background: #eee;
  display: block;
  text-align: center;
  height: 100%;
  border-radius: 50%;
  position: relative;
}

.sns a:hover svg {
  fill: #fff;
}

.sns svg {
  height: 1.3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.sns .facebook svg {
  fill: #1877f2;
}

.sns .facebook a:hover {
  background: #1877f2;
}

.sns .twitter svg {
  fill: #55acee;
}

.sns .twitter a:hover {
  background: #55acee;
}

.sns .line svg {
  fill: #00c300;
}

.sns .line a:hover {
  background: #00c300;
}

.st-post .sns li {
  width: 6rem;
  height: 6rem;
}

.st-post .sns svg {
  height: 2rem;
}

/* pageNavi */
.pageNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.pageNavi--item {
  width: 100%;
  text-align: center;
}

.pageNavi--item a {
  display: block;
}

/* blogbox */
.blogbox span {
  margin-left: 0.5rem;
  font-size: 0.8rem;
}

/* responsive */
.st-post div {
  max-width: 100%;
}

/* Box
----------------------------------*/
.box--green {
  background: rgba(192, 235, 43, 0.3);
  padding: 0.5rem 2rem;
  margin-top: 3rem;
}

.box--blue {
  background: rgba(157, 189, 237, 0.3);
  padding: 0.5rem 2rem;
  margin-top: 3rem;
}

.box--green p,
.box--green ul {
  margin-bottom: 20px;
}

/* Refine
----------------------------------*/
/* sort-navigation */
.sort-navigation {
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sort-navigation dt {
  border-top: 1px solid #eee;
  font-size: 18px;
  width: 100%;
  height: 85px;
}

.sort-navigation dt.open {
  width: 165px;
}

.sort-navigation dt span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  width: 165px;
  height: 85px;
  position: relative;
  padding: 28px 0 0 71px;
  font-weight: bold;
}

.sort-navigation dt span::before {
  content: "+";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: #333;
  color: #fff;
  position: absolute;
  top: 25px;
  left: 20px;
}

.sort-navigation dt.open span::before {
  content: "-";
  background: #eee;
  color: #333;
}

.sort-navigation dd {
  border-top: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  min-height: 85px;
  width: calc(100% - 165px);
  margin: 0;
  padding: 33px 0 22px 172px;
}

.sort-navigation dt.open + dd {
  display: block;
}

.sort-navigation dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 28px;
  margin: -10px 0 0 -10px;
}

.sort-navigation dd ul li {
  list-style: none;
  text-align: center;
  white-space: nowrap;
  margin: 10px 0 0 10px;
}

.sort-navigation dd ul li input[type=checkbox] {
  display: none;
}

.sort-navigation dd ul li label {
  border: 1px solid #ccc;
  border-radius: 16px;
  cursor: pointer;
  padding: 3px 18px;
}

.sort-navigation dd ul li input[type=checkbox]:checked + label {
  background: #333;
  border-color: #333;
  color: #fff;
}

@media screen and (min-width: 769px) {
  .sort-navigation dd ul li:hover label {
    background: #333;
    border-color: #333;
    color: #fff;
  }
}
/* Cards
----------------------------------*/
.card--wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.card--item {
  max-width: 33.3%;
  max-height: 100%;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.card--item.hide {
  max-width: 0;
  max-height: 0;
  opacity: 0;
}

.card--wrapper:after {
  content: "";
  display: block;
  width: 33%;
  height: 0;
}

.card--item a {
  display: block;
  height: 100%;
  text-decoration: none;
}

.card--item a:hover {
  opacity: 1;
}

.card--item a:hover .card--image img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.card--image {
  margin-top: 0;
  overflow: hidden;
}

.card--image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 180px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.card--title {
  margin: 0;
  line-height: 1.6 !important;
  padding: 0 1rem 3rem;
}

.card--wrapper._contain .card--image img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 200px;
}

/* Pager
----------------------------------*/
.st-pagelink {
  margin-top: 5rem;
  text-align: center;
}

.st-pagelink a,
.st-pagelink .dots {
  background: #fff8dd;
  background-blend-mode: multiply;
  text-decoration: none !important;
}

.st-pagelink .current,
.st-pagelink a:hover,
.st-pagelink a:active {
  background: #b5ed15;
}

.st-pagelink a,
.st-pagelink span {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  margin-bottom: 5px;
}

/* Form
----------------------------------*/
.entryform_area {
  margin: 0 auto;
}

input[type=text],
input[type=tel],
input[type=email] {
  width: 100%;
}

textarea {
  width: 100%;
}

.horizontal-item {
  display: block;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}

.contactForm th {
  width: 28%;
}

.contactForm .required th em {
  background: #fa2850;
}

.contactForm .elective th em {
  background: #666;
}

.contactForm th label {
  width: 100%;
}

.contactForm th em {
  font-size: 1.1rem;
  padding: 0.2rem 0.5rem;
  color: #fff;
  font-weight: normal;
  float: right;
}

/* プライバシーポリシー */
.agreement {
  margin-top: 2rem;
}

.agreement label {
  display: inline-block;
  margin: 10px 0 0;
  background: #eee;
  padding: 10px 20px;
  cursor: pointer;
}

/* エラー画面 */
.mw_wp_form .contactForm--error,
.mw_wp_form .error {
  display: block;
  color: #fa2850;
  margin: 0;
}

/* 確認画面 */
.confirm .agreement {
  display: none;
}

/* recipe page */
.stripe-bn div,
.stripe-bn02 div {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.stripe-bn div::after,
.stripe-bn02 div::after {
  content: "";
  display: block;
  width: 99%;
  height: 180px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 100px 100px 50px 100px / 100px 100px 0px 100px;
  background-size: auto auto;
  background-color: white;
}

.stripe-bn div:first-child::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #b5ed15 8px, #b5ed15 16px);
}
.stripe-bn div:nth-child(2)::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #e01d1b 8px, #e01d1b 16px);
}
.stripe-bn div:nth-child(3)::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #b7274b 8px, #b7274b 16px);
}
.stripe-bn div:first-child:hover::after {
  background-color: #b5ed15;
}
.stripe-bn div:nth-child(2):hover::after {
  background-color: #e01d1b;
}
.stripe-bn div:nth-child(3):hover::after {
  background-color: #b7274b;
}

.stripe-bn div a:hover,
.stripe-bn div a:hover img,
.stripe-bn div a:active img,
.stripe-bn02 div a:hover,
.stripe-bn02 div a:hover img,
.stripe-bn02 div a:active img {
  opacity: 1 !important;
  -moz-opacity: 1 !important;
}

.stripe-bn02 div:first-child::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #f7ea20 8px, #f7ea20 16px);
}
.stripe-bn02 div:nth-child(2)::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #ec4612 8px, #ec4612 16px);
}
.stripe-bn02 div:nth-child(3)::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #cce08d 8px, #cce08d 16px);
}
.stripe-bn02 div:nth-child(4)::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #8dbf00 8px, #8dbf00 16px);
}
.stripe-bn02 div:first-child:hover::after {
  background-color: #f7ea20;
}
.stripe-bn02 div:nth-child(2):hover::after {
  background-color: #ec4612;
}
.stripe-bn02 div:nth-child(3):hover::after {
  background-color: #cce08d;
}
.stripe-bn02 div:nth-child(4):hover::after {
  background-color: #8dbf00;
}

.recipe-btn {
  width: 48%;
  height: 80px;
  line-height: 75px;
  margin-top: 20px;
  font-weight: bold;
  position: relative;
  border: 3px solid #ddd;
  border-radius: 50px;
}

.recipe-btn:hover {
  border: 3px solid #b5ed15;
}

.recipe-btn a {
  display: block;
  padding-left: 40px;
  text-decoration: none;
}

.recipe-btn::before {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  right: 1.5em;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: none;
}

/* rarirure page */
.lead-rarirure {
  margin-bottom: 20px;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  background: url("images/rarirure/bg_rarirure_pc.jpg") no-repeat 0 center;
  background-size: cover;
}

.rarirure-p-link {
  margin: 40px auto 50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px 2%;
}

.rarirure-p-link li {
  position: relative;
  width: 32%;
  height: 60px;
  line-height: 46px;
  margin-left: 0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 20px center;
  border-radius: 100px 100px 50px 100px/100px 100px 0px 100px;
}

.rarirure-p-link li::before {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  left: auto;
  right: 1.5em;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  background: none;
}

.rarirure-p-link li a {
  display: block;
  text-decoration: none !important;
}

.rarirure-p-link li:first-child {
  border: 3px solid #b5ed15;
  background-image: url("images/rarirure/icon_rarirure01.png");
}

.rarirure-p-link li:first-child:hover {
  background-color: rgba(181, 237, 21, 0.5);
}

.rarirure-p-link li:nth-child(2) {
  border: 3px solid #ff9812;
  background-image: url("images/rarirure/icon_rarirure02.png");
}

.rarirure-p-link li:nth-child(2):hover {
  background-color: rgba(255, 122, 28, 0.5);
}

.rarirure-p-link li:nth-child(3) {
  border: 3px solid #f0e200;
  background-image: url("images/rarirure/icon_rarirure03.png");
}

.rarirure-p-link li:nth-child(3):hover {
  background-color: rgba(240, 226, 0, 0.5);
}

.rarirure-p-link li:nth-child(4) {
  border: 3px solid #f59aa3;
  background-image: url("images/rarirure/icon_rarirure04.png");
}

.rarirure-p-link li:nth-child(4):hover {
  background-color: rgba(245, 154, 163, 0.5);
}

.rarirure-p-link li:nth-child(5) {
  border: 3px solid #c29867;
  background-image: url("images/rarirure/icon_rarirure05.png");
}

.rarirure-p-link li:nth-child(5):hover {
  background-color: rgba(194, 152, 103, 0.5);
}

.rarirure-area .rarirure-top {
  width: 1200px;
}

.rarirure-area .rarirure-top li {
  background-color: #fff;
  height: 80px;
}

.rarirure-area .rarirure-top li a {
  margin-top: 12px;
  font-weight: bold;
  font-size: 2rem;
}

.rarirure-area .rarirure-top li::before {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  left: auto;
  right: 1.5em;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: none;
}

#fruit h2 {
  margin-top: 50px;
  background-color: #ff9812;
}

#fruit h2::before {
  background: url("images/rarirure/bg_title_rarirure_02.png") no-repeat 0;
}

#flower h2 {
  margin-top: 50px;
  background-color: #f0e200;
}

#flower h2::before {
  background: url("images/rarirure/bg_title_rarirure_03.png") no-repeat 0;
}

#livestock h2 {
  margin-top: 50px;
  background-color: #f59aa3;
}

#livestock h2::before {
  background: url("images/rarirure/bg_title_rarirure_04.png") no-repeat 0;
}

#grains h2 {
  margin-top: 50px;
  background-color: #c29867;
}

#grains h2::before {
  background: url("images/rarirure/bg_title_rarirure_05.png") no-repeat 0;
}

.rarirure-list {
  margin-top: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}

.rarirure-list::after{
  content:"";
  display: block;
  width:30%;
}

.rarirure-list li {
  width: 31%;
  margin: 0 0 20px;
}

.rarirure-list li::before {
  display: none;
}

.rarirure-list li a {
  text-decoration: none;
}

.rarirure-list li dl {
  text-align: center;
}

.rarirure-list li dl dt {
  width: 100%;
  height: 160px;
  margin-bottom: 1em;
  overflow: hidden;
}

/* らりるれ詳細ページ */
.c-label01,
.c-label02 {
  display: inline-block;
  height: 1rem;
  width: 2rem;
  margin: 0 5px;
}

.c-label01,
.cal-color01::before,
.cal-color01-half-l::before,
.cal-color01-half-r::before,
.cal-color01-one_third-r::before,
.cal-color01-one_third-l::before {
  background-color: #FFCC00;
}

.cal-color01-half-r02::before {
  background: -webkit-gradient(linear, left top, right top, from(#ffcc00), color-stop(70%, #ffcc00), color-stop(71%, #ffff00), to(#ffff00));
  background: linear-gradient(to right, #ffcc00 0%, #ffcc00 70%, #ffff00 71%, #ffff00 100%);
}

.c-label02,
.cal-color02::before,
.cal-color02-half-l::before,
.cal-color02-half-r::before,
.cal-color02-one_third-r::before,
.cal-color02-one_third-l::before {
  background-color: #ffff00;
}

.calender-table td {
  padding: 1rem 0 !important;
}

.graph::before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 104%;
  margin-left: -2px;
  vertical-align: middle;
  position: relative;
  z-index: 3;
}

.cal-color01-half-l::before,
.cal-color02-half-l::before {
  width: 50%;
}

.cal-color01-half-r::before,
.cal-color02-half-r::before {
  width: 50%;
  margin-left: 50%;
}

.cal-color01-one_third-r::before,
.cal-color02-one_third-r::before {
  width: 33%;
  margin-left: 66%;
}

.cal-color01-one_third-l::before,
.cal-color02-one_third-l::before {
  width: 33%;
}

.cal-color01-half-lr::before {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ffcc00), color-stop(50%, #ffcc00), color-stop(51%, #ffff00), to(#ffff00));
  background: linear-gradient(to right, #ffcc00 0%, #ffcc00 50%, #ffff00 51%, #ffff00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcc00", endColorstr="#ffff00", GradientType=1);
  /* IE6-9 */
}

.cal-color01-half-rl::before {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ffff00), color-stop(50%, #ffff00), color-stop(51%, #ffcc00), to(#ffcc00));
  background: linear-gradient(to right, #ffff00 0%, #ffff00 50%, #ffcc00 51%, #ffcc00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcc00", endColorstr="#ffff00", GradientType=1);
  /* IE6-9 */
}

.cal-color03::before {
  width: 115%;
  margin-left: -10px;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ffff00), color-stop(80%, #ffff00), color-stop(81%, #ffcc00), to(#ffcc00));
  background: linear-gradient(to right, #ffff00 0%, #ffff00 80%, #ffcc00 81%, #ffcc00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#ffcc00", GradientType=1);
  /* IE6-9 */
}

.cal-color04::before {
  width: 115%;
  margin-left: -5px;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ffff00), color-stop(35%, #ffff00), color-stop(36%, #ffcc00), to(#ffcc00));
  background: linear-gradient(to right, #ffff00 0%, #ffff00 35%, #ffcc00 36%, #ffcc00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#ffcc00", GradientType=1);
  /* IE6-9 */
}

.tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tab-label {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  opacity: 0.6;
  border: 2px solid rgba(250, 182, 0, 0);
  background-color: #fff;
  position: relative;
  max-width: 128px;
  height: auto;
}

.tab-label img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.tab-label::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 20px 15px;
  border-color: transparent transparent #ffda0f transparent;
  display: none;
}

.tab-content {
  width: 100%;
  background: #ffda0f;
  padding: 0.5rem 2rem;
  margin-top: 18px;
  display: none;
}

.tab-switch:checked + .tab-label {
  border: 2px solid #ffda0f;
  opacity: 1;
}

.tab-switch:checked + .tab-label::before {
  display: block;
}

.tab-switch:checked + .tab-label + .tab-content {
  display: block;
}

.tab-switch {
  visibility: hidden;
  width: 1px;
}

.floatbox {
  margin: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.floatbox .floatbox_left {
  width: 30%;
  margin-right: 20px;
}

.floatbox .floatbox_left img {
  width: 100%;
  height: auto;
}

.floatbox .floatbox_right {
  width: 70%;
}

@media only screen and (max-width: 1150px) {
  .floatbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .floatbox .floatbox_left {
    width: 100%;
    margin-right: 0px;
    text-align: center;
  }
  .floatbox .floatbox_left img {
    width: 60%;
    height: auto;
    margin-bottom: 20px;
  }
  .floatbox .floatbox_right {
    width: 100%;
    line-height: 2;
  }
}
/* lightbox */
.popup-img {
  margin: 15px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 15px;
}

.popup-img p {
  width: 20%;
}

.popup-img p img {
  width: 100%;
  height: auto;
}

/*table*/
th.tw-01 {
  width: 13%;
}

th.tw-02 {
  width: 16%;
}

th.tw-03 {
  width: 33%;
}

.scrollTable {
  overflow-y: hidden !important;
}

/* efforts01 page */
.flex_column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex_column .card--item {
  -ms-flex-preferred-size: 47%;
  flex-basis: 47%;
}

/* symbol page */
.symbol .mainbox .flex-lay-type3 dd {
  -ms-flex-preferred-size: 83%;
  flex-basis: 83%;
}

/* member */
.linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3rem;
  padding-bottom: 2rem;
}

.linkList > p,
.linkList > div {
  width: 48%;
  line-height: 2;
}

.linkList a.odd {
  width: auto;
}

.youtube,
.googlemap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.youtube iframe,
.googlemap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.fileIconNone .fileIcon {
  display: none;
}

/* original */
body.original .mainbox .flex-lay img {
  max-height: 250px;
}

.kirariBook {
  max-width: 100px;
  width: 100px;
}

.kirariBox p {
  width: 25%;
}

.kirariBox {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

._mtb1 {
  margin: 1em 0;
}

._mt1 {
  margin-top: 1rem !important;
}

._mt2 {
  margin-top: 2rem !important;
}

._mt3 {
  margin-top: 3rem !important;
}

._mt4 {
  margin-top: 4rem !important;
}

._mt5 {
  margin-top: 5rem !important;
}

._mb-space {
  margin-bottom: 30px;
}

._pr1 {
  padding-right: 1rem !important;
}

/* project-recipe */
.recipe-project li {
  width: 48%;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.recipe-project li::before {
  display: none;
}

.recipe-project li .btn-type2 {
  margin-top: auto;
}

/* monitor */
.monitor .monitor-h2 {
  background: none;
  text-align: center;
  /*font-size: 3rem;*/
}

.monitor .monitor-h2::before {
  background: none;
}

.monitor h3 {
  border: none;
  padding: 0;
  margin-bottom: -80px;
  margin-left: 20px;
}

.monitor .monitor-box {
  background: #f6efd1;
  padding: 1px 30px 30px 140px;
}

.monitor .monitor-box ol {
  margin-left: 0;
}

.monitor .monitor-box ol li {
  font-size: 2rem;
}

.monitor .monitor-box ol li span {
  font-size: 1.6rem;
}

.monitor dl {
  margin-top: 30px;
}

.monitor dt {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.monitor dl span {
  font-size: 2rem;
}

.monitor .catch {
  margin-top: 20px;
  margin-bottom: 0;
}

.monitor .monitor-box .emphasis {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
}

/*.monitor .btn-type2{
  margin-top: 30px;
}*/
/* bank-fee */
.bank-fee table td {
  overflow: hidden;
}

.bank-fee table p {
  margin: 0;
  float: left;
}

.bank-fee table p._textr {
  float: right;
}

/* competition */
.post-type-archive-competition .news--item li {
  list-style: none;
}

.competition-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.competition-list a {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.competition-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.competition-list > div p {
  margin: 1em auto;
}

.competition-list > div a {
  width: 100%;
  padding: 20px 40px;
  border: 3px solid #b5ed15;
}

#composition,
#picture,
.Anchor {
  margin-top: -130px;
  padding-top: 130px;
}

p.competitionTitle {
  font-size: 1.7rem;
  font-weight: bold;
}

.tax-competition_no .news--item a {
  padding: 0.4rem 0;
}

.tax-competition_no .news--item a:hover {
  opacity: 0.6;
}

.tax-competition_no .news--item p:nth-child(1) {
  width: 40%;
}

.tax-competition_no .news--item p:nth-child(2) {
  width: 40%;
}

.tax-competition_no .news--item p:nth-child(3) {
  width: 20%;
}

.tax-competition_no .card--item p.card--image {
  margin-bottom: 0.5em;
}

.tax-competition_no .card--item p:not(:first-child) {
  margin: 0;
}

.tax-competition_no .card--item .card--title {
  padding: 0 0 3rem;
}

.competition .group {
  width: 19%;
}

.competition .award {
  width: 80%;
}

.competition .award a {
  -ms-touch-action: none;
  touch-action: none;
  pointer-events: none;
  text-decoration: none;
}

/* Adobe Reader */
.adobeReader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f1e3c6;
  border-bottom: 1px solid #f1e3c6;
  margin: 2rem 0;
}

.adobeReader img {
  padding-right: 20px;
}

.recruitment-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.recruitment-flex > div:nth-child(1) {
  width: 12%;
}

.recruitment-flex > div:nth-child(2) {
  width: 88%;
}

.recruitment-flex p {
  margin: 0;
}

.recruitment-flex--shoku {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recruitment-flex--shoku > p:nth-child(1) {
  width: 10%;
}

.recruitment-flex--shoku > p:nth-child(2) {
  width: 40%;
}

.recruitment-flex--shoku > p:nth-child(3) {
  width: 40%;
}

.achievement-school {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.achievement-school > p {
  line-height: 2;
  margin: 0 1rem 0 0;
}

/* sidebar 個別調整 */
.page-id-373 .page-item-375,
.page-id-375 .page-item-375,
.page-id-24078 .page-item-24785,
.page-id-28700 .page-item-375,
.page-id-28698 .page-item-28698,
.page-id-231 .page-item-28698,
.page-id-233 .page-item-28698,
.page-id-28379 .page-item-28698,
.page-id-235 .page-item-28698,
.page-id-238 .page-item-28698,
.page-child.movie .local-nav li:last-child,
.page-parent.recruit .local-nav li:last-child,
.page-child.career .local-nav li:last-child,
.page-child.midcareer .local-nav li:last-child,
.page-child.half .local-nav li:last-child,
.page-child.faq .local-nav li:last-child {
  display: none;
}

/* 農産直売所：旬のおすすめ農産物エリア */
.shop-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.shop-item p {
  margin-right: 35px;
  width: 132px;
  line-height: 1.4;
}

/* オリジナルレシピ集　*/
.recipe-number {
  font-family: "Barlow", sans-serif;
  font-weight: bold;
  margin: 0 3px;
}

/*農業機械情報　コラム*/
.column-box div {
  margin: 0 auto;
}

/*第7次中期経営計画*/
.color-box .green {
  color: #2ba808;
  /*緑*/
}

.color-box .orange {
  color: #ff9812;
  /*オレンジ*/
}

.color-box .blue {
  color: #1f93d8;
  /*青*/
}

.color-box .pink {
  color: #f657b8;
  /*ピンク*/
}

.color-box p {
  margin-left: 1.4em;
}

.color-box p span {
  margin-left: 1em;
}

/* 女性部 */
#content .woman h2,
.woman-title {
  background-color: #ffb2b0;
}

#content .woman h2::before,
#content .woman-title::before {
  background: url("images/woman/bg_title_woman_h2.png") no-repeat 0;
}

#content .woman .btn-type2 a {
  border: 3px solid #ffb2b0;
}

#content .woman .btn-type2 a:hover {
  background: #ffb2b0;
}

#content .woman ul li::before {
  background: #ffb2b0;
}

#content .woman .greeting {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#content .woman .greeting p:last-child {
  width: 600px;
  margin-right: 40px;
}

#content .woman .blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#content .woman .blog-list li::before {
  display: none;
}

#content .woman .blog-list li:first-child {
  margin-left: 0;
}

#content .woman .blog-list li a {
  text-decoration: none;
}

/*.woman .blog-list li a:hover{
	text-decoration: underline;
}*/
.woman .blog-list li .date,
.woman .card--item .date {
  font-size: 85%;
  color: #999;
  margin-top: 1em;
}

.woman .blog-list li .title,
.woman .card--item .title {
  margin-top: 0.4em;
}

.woman .blog-list .card--image img {
  width: 270px;
}

#content .woman .link li::before {
  border-top: solid 2px #ffb2b0;
  border-right: solid 2px #ffb2b0;
  background: none;
}

#content .woman .stripe-bn div::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #e01d1b 8px, #e01d1b 16px);
}

#content .woman .stripe-bn div:hover::after {
  background-color: #e01d1b;
}

.woman .card--item {
  max-width: 31.5%;
  margin: 0 22px 20px 0;
}

.woman .card--item:nth-child(3n) {
  margin-right: 0;
}

.woman .blog-nav h2 {
  background-color: rgba(255, 114, 114, 0.32) !important;
}

.woman .blog-nav a {
  background-color: rgba(252, 102, 102, 0.1);
}

.woman .st-pagelink .current {
  background: #ffb2b0;
}

.woman .st-pagelink a:hover {
  background: #ffb2b0;
}

.woman ._rounded-circle img {
  border-radius: 50%;
}

.woman .flex-lay-type4 {
  justify-content: flex-start;
}
.woman .flex-lay-type4 li {
  margin-right: 5rem;
}
@media only screen and (max-width: 1150px) {
  .woman .flex-lay-type4 li {
    margin-right: 0rem;
  }
}

/* SDGs */
#content .sdgs .greeting {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#content .sdgs .greeting p:last-child {
  width: 600px;
  margin-right: 40px;
}

#content .sdgs .blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#content .sdgs .blog-list li::before {
  display: none;
}

#content .sdgs .blog-list li:first-child {
  margin-left: 0;
}

#content .sdgs .blog-list li a {
  text-decoration: none;
}

/*.sdgs .blog-list li a:hover{
	text-decoration: underline;
}*/
.sdgs .blog-list li .date,
.sdgs .card--item .date {
  font-size: 85%;
  color: #999;
  margin-top: 1em;
}

.sdgs .blog-list li .title,
.sdgs .card--item .title {
  margin-top: 0.4em;
}

.sdgs .blog-list .card--image img {
  width: 270px;
}

#content .sdgs .link li::before {
  border-top: solid 2px #ffb2b0;
  border-right: solid 2px #ffb2b0;
  background: none;
}

#content .sdgs .stripe-bn div::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #e01d1b 8px, #e01d1b 16px);
}

#content .sdgs .stripe-bn div:hover::after {
  background-color: #e01d1b;
}

.sdgs .card--item {
  max-width: 31.5%;
  margin: 0 22px 50px 0;
}

.sdgs .card--item:nth-child(3n) {
  margin-right: 0;
}

.sdgs .st-pagelink .current {
  background: #ffb2b0;
}

.sdgs .st-pagelink a:hover {
  background: #ffb2b0;
}

.sdgs ._rounded-circle img {
  border-radius: 50%;
}

.shingle-sdgs-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#content .shingle-sdgs-list ul li::before {
  display: none !important;
}

article .shingle-sdgs-list ul li {
  margin-left: 0rem;
  margin-right: 1rem;
  width: 100px;
}

@media only screen and (max-width: 1150px) {
  article .shingle-sdgs-list ul li {
    width: 60px;
  }
}
.icon-flex {
  margin-bottom: 30px;
}

.icon-flex ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  gap: 15px 10px;
}

.icon-flex li {
  width: 9%;
  cursor: pointer;
  margin-left: 0 !important;
}

article .icon-flex ul li::before {
  display: none;
}

article .icon-cate {
  margin-top: 0.4em;
}

article .icon-cate ul {
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

article .icon-cate ul li {
  width: 35px;
  margin-left: 0rem;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  padding: 0rem 0rem;
}

article .icon-cate ul li::before {
  display: none;
}

#filter a.active img {
  border: 4px #b5ed15 solid !important;
  padding: 1px !important;
}

#filter a.allitem.active img {
  border: none !important;
  padding: 0px !important;
}

p.title-img {
  margin: 0 0 1em 0;
}

/*---------------------------------

スマホ（812px以下）のみ

----------------------------------*/
@media only screen and (max-width: 1150px) {
  html {
    margin-top: 0 !important;
  }
  /* .logged-in .siteHeader,
  .logged-in #gnav.open {
    top: 46px;
  } */
  /*
  共通設定　------------------- */
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  /* inner */
  .inner {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
  }
  /* flex */
  .flex-lay-type2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .flex-lay-type3,
.flex-lay-type4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flex-lay-type4 .flex-lay-5col,
.flex-lay-type4 .flex-lay-4col,
.flex-lay-type4 .flex-lay-3col,
.flex-lay-type4 .flex-lay-2col {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  /* btn */
  .btn a::before {
    right: 1em;
  }
  /*
  Header
  ----------------------------------*/
  .siteHeader {
    height: 14vw;
    min-height: 48px;
  }
  .siteLogo {
    width: 100%;
    top: 12px;
    line-height: 0;
  }
  .siteLogo a {
    width: 140px;
    margin-left: 5vw;
  }
  /* ハンバーガーメニュー */
  #gnav {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #menu-gnav a {
    color: #fff;
  }
  #gnav.close {
    opacity: 0;
    visibility: hidden;
  }
  #gnav.open {
    opacity: 1;
    visibility: visible;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background: url("images/common/bg_body.png");
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    overflow: scroll;
  }
  .hamburger-btn {
    display: inline-block;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 13vw;
    width: 48px;
    height: 100%;
    -webkit-box-shadow: 0 0 2rem transparent;
    box-shadow: 0 0 2rem transparent;
    outline: none;
    z-index: 20;
  }
  .hamburger-btn:active,
.hamburger-btn:focus {
    -webkit-box-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.5);
  }
  .hamburger-btn.active {
    background-color: #fff;
  }
  .hamburger-btn::after {
    content: "";
    display: block;
    width: 40px;
    height: 10px;
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: auto;
    background: url(images/common/btn_menu_txt.png) no-repeat right 0;
    background-size: contain;
  }
  .hamburger-btn.active::after,
.hamburger-btn:active::after {
    background: url(images/common/btn_close_txt.png) no-repeat right 0;
    background-size: contain;
  }
  .u-visuallyHidden {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: -1px;
  }
  .p-hamburger__line {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 18px;
    height: 2px;
    background: #000;
    -webkit-transition: inherit;
    transition: inherit;
  }
  .p-hamburger__line::before,
.p-hamburger__line::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: inherit;
    content: "";
    -webkit-transition: inherit;
    transition: inherit;
  }
  .p-hamburger__line::before {
    top: -5px;
  }
  .p-hamburger__line::after {
    top: 5px;
  }
  .hamburger-btn[aria-expanded=true] .p-hamburger__line {
    background: transparent;
  }
  .hamburger-btn[aria-expanded=true] .p-hamburger__line::before,
.hamburger-btn[aria-expanded=true] .p-hamburger__line::after {
    top: 0;
    background: #000;
  }
  .hamburger-btn[aria-expanded=true] .p-hamburger__line::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #000;
  }
  .hamburger-btn[aria-expanded=true] .p-hamburger__line::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #gnav .inner.flex-lay {
    display: block;
    position: relative;
    padding: 80px 0 0;
    width: 100%;
    max-width: 100%;
  }
  #gnav .ut-list {
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #gnav .sns {
    position: absolute;
    top: 15px;
    right: 55px;
    width: 150px;
    text-align: right;
  }
  #gnav .search {
    margin-top: 3rem;
    padding-bottom: 2rem;
    background-image: url("images/common/bg_body.png");
    background-color: #fff8dc;
    background-blend-mode: multiply;
    position: relative;
  }
  #gnav .search::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #ffab47 3px, #ffab47 7px);
  }
  #gnav .search dt {
    padding: 2rem 0 1rem;
  }
  #gnav .search dd {
    width: 90%;
  }
  .search dd input[type=text] {
    font-size: 16px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .ut-list li a {
    border: none;
    width: 10em;
    background-image: url("images/common/bg_body.png");
    background-color: #f8f0d2;
    background-blend-mode: multiply;
  }
  .ut-list + dl {
    display: none;
  }
  .global-nav {
    background-color: transparent;
  }
  .global-nav ul {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .global-nav li {
    width: 100%;
    text-align: left;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
  .global-nav li:first-child {
    /*display: none;*/
  }
  .global-nav .sp-link li:first-child {
    display: block;
  }
  .global-nav li::before,
.global-nav .other-menu::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #b5ed15 3px, #b5ed15 7px);
  }
  .global-nav li:last-child::after {
    display: none;
  }
  .global-nav li span {
    display: inline-block;
    padding-left: 1rem;
  }
  .global-nav li a {
    /*padding: 20px 45px 20px 30px;
    position: relative;*/
  }
  .global-nav li a::after {
    display: block;
    content: "";
    position: absolute;
    top: 45%;
    right: 1.5em;
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .global-nav li a.pc-link {
    display: none;
  }
  .global-nav .sp {
    position: relative;
  }
  .global-nav .sp .acd-check {
    position: absolute;
  }
  .global-nav .sp-link {
    list-style: none;
    font-size: 1.4rem;
  }
  .global-nav .sp-link li {
    border-top: 1px solid #fff;
    padding: 20px 45px 20px 30px;
  }
  .global-nav .sp-link li::before {
    display: none;
  }
  /*.global-nav .sp-link a.map-search {
    font-size:16px;
  }*/
  .global-nav .sp-link a.map-search::before {
    content: "";
    display: inline-block;
    width: 188px;
    height: 44px;
    background: url("images/common/icon_map-search_sp.png") no-repeat;
    background-size: contain;
    vertical-align:middle;
  }
  .global-nav .acd-content {
    background-image: url("images/common/bg_body.png");
    background-color: rgba(255, 248, 240, 0.4);
    background-blend-mode: multiply;
  }
  .global-nav .other-menu {
    padding: 5vw;
    background-image: url("images/common/bg_body.png");
    background-color: #fff8f0;
    background-blend-mode: multiply;
  }
  .global-nav .other-menu ul {
    list-style: none;
  }
  .global-nav .other-menu li {
    background-color: #fff;
    margin-bottom: 1px;
    padding: 20px 45px 20px 30px;
  }
  .global-nav .other-menu li::before {
    display: none;
  }
  /*
  Layout
  ----------------------------------*/
  #container {
    margin-top: 56px;
  }
  .ut-link li::after {
    display: none;
  }
  .ut-link li {
    margin-bottom: 2rem;
  }
  .home footer {
    height: auto;
  }
  #footer .contact {
    text-align: center;
    font-size: 1.2rem;
  }
  #footer .contact h2 {
    width: 140px;
    margin: 0 auto;
  }
  .footer-menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90%;
    font-size: 1.4rem;
  }
  .footer-menu li {
    margin: 0 1rem 1rem;
  }
  #footer .copy {
    margin-top: 2rem;
    text-align: center;
  }
  /* pageTitle */
  .pageTitle {
    width: 100vw;
    margin-bottom: 20px;
    padding: 20px 5%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(192, 235, 43, 0.8);
  }
  .pageTitle--txt {
    font-size: 1.8rem;
  }
  /*
  Table
  ----------------------------------*/
  table:not(.hljs-ln) th,
table:not(.hljs-ln) td {
    width: 100%;
    display: block;
  }
  table:not(.hljs-ln) th {
    text-align: left;
  }
  table:not(.hljs-ln) thead {
    display: none;
  }
  table colgroup {
    display: none;
  }
  /* スクロールするテーブル */
  .scrollTable {
    overflow: auto;
    white-space: nowrap;
  }
  .scrollTable table th,
.scrollTable table td {
    width: auto;
    display: table-cell;
  }
  .scrollTable table thead {
    display: table-header-group;
  }
  .scrollTable table thead th {
    display: table-cell;
  }
  /* scrollhint */
  .scroll-hint-icon {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .scroll-hint-icon::before {
    height: 30px;
  }
  /*
   Top
   ---------------*/
  .home .siteLogo {
    width: 100%;
  }
  .home .global-nav {
    position: static;
    height: auto;
    font-weight: bold;
  }
  /* main visual */
  .mainVisual,
.mainVisual .main-slide,
.main-slide .slide-item {
    height: 80vh;
  }
  .main-slide .slide-item a,
.main-slide .slide-item span {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .mainVisual .more-btn {
    width: 60%;
    margin: 20px auto 0;
  }
  .key01 {
    background: url("images/top/img_key_001_sp.jpg") no-repeat center;
    background-size: cover;
  }
  .key02 {
    background: url("images/top/img_key_002_sp.jpg") no-repeat center;
    background-size: cover;
  }
  .key03 {
    background: url("images/top/img_key_003_sp.jpg") no-repeat center;
    background-size: cover;
  }
  .mainVisual p.inner {
    text-align: center;
    margin-bottom: 5rem;
  }
  .main-slide .key03 p.inner {
    display:flex;
    flex-wrap:wrap;
    width:65%;
    margin-bottom: 8rem;
  }
  .main-slide .key03 p a {
    margin:0 0 10px;
  }

  .home #container {
    margin-top: 80vh;
  }
  .essential-area {
    position: relative;
  }
  .essential-area h2 {
    width: 135px;
  }
  .essential-area p {
    position: absolute;
    /*top: 3rem;*/
    right: 10%;
  }
  .essential-area ul.link {
    width: 100%;
    margin-top: 20px;
  }
  .month-present,
.news--list {
    width: 100%;
    margin: 0 auto 30px;
    padding: 0;
  }
  .tab_label {
    width: 100px;
    margin-bottom: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .t-market {
    margin-left: 0;
  }
  .tab_label:nth-of-type(5) {
    margin-left: 1.2rem;
  }
  .tab_label:nth-of-type(7) {
    margin-left: 0rem;
  }
  .news--item a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news--date {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 0 0 0 135px;
  }
  .news--item a span {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .news--item a .news--title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .month-present::before {
    width: 110%;
    height: 20rem;
    left: -5%;
  }
  .m-title h2 img {
    width: 45px;
  }
  .pre-icon {
    width: 5rem;
    height: 5rem;
    padding-top: 0.5rem;
    font-size: 1rem;
  }
  .pre-icon span {
    font-size: 2.2rem;
  }
  .pre-txt {
    width: 10rem;
  }
  .pre-txt dt {
    font-size: 1.6rem;
  }
  .pre-txt dt + dd {
    display: none;
  }
  .pre-txt dd + dd {
    margin-left: 0;
    bottom: 2rem;
  }
  .pre-txt .more-txt {
    padding: 0 1em;
  }
  .present-img {
    width: 15rem;
    height: 15rem;
  }
  .pre-copy {
    top: 1rem;
    right: -2rem;
    width: 70px;
  }
  .member:not(.page) {
    width: 100%;
  }
  .member-slide {
    height: 150px;
  }
  .btn.kaikaku img {
    width: 146px;
    height: auto;
  }
  .campaign-slide .cp-item div,
.campaign-sp-slide .cp-item div {
    height: 40vw;
  }
  .rarirure-area h2 {
    width: 170px;
    margin: 5rem auto 2rem;
  }
  .club-slide {
    height: 70vw;
  }
  .club-slide .slick-arrow {
    top: 24%;
  }
  .club-slide .slide-item dt {
    width: 98%;
    height: auto;
  }
  .purpose-area .inner {
    width: 100%;
    max-width: 100%;
  }
  .purpose-area .flex-lay {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .purpose-area::before {
    display: none;
  }
  .purpose-area .bgbox {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .purpose-area .bgbox::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 80px;
    background-image: url("images/common/bg_body.png");
    background-color: #fff8dd;
    background-blend-mode: multiply;
    opacity: 0.5;
    z-index: -1;
  }
  .purpose-area h2 {
    width: 35px;
    margin: 0 0 0 3%;
  }
  .purpose-area dl {
    width: 29%;
    margin: 0;
    padding-bottom: 40px;
  }
  .purpose-area .bgbox + .bgbox {
    margin-top: 30px;
  }
  .purpose-area .inner.flex-lay .bgbox:first-of-type dl {
    width: 35%;
  }
  .purpose-area .bgbox dl:last-child {
    margin-right: 3%;
  }
  .purpose-area .bgbox + .bgbox dl:first-of-type {
    margin-left: 3%;
  }
  .purpose-area .bgbox + .bgbox dl:first-of-type dt img,
.purpose-area .bgbox + .bgbox dl:last-of-type dt img {
    margin-bottom: 1em;
  }
  .purpose-area dt {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .purpose-area dd {
    font-size: 1.1rem;
  }
  .purpose-area .life-service {
    padding-left: 0;
  }
  .hiroba p {
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  .blog-box {
    width: 100%;
    margin-bottom: 2rem;
  }
  .blog-box.flex-lay {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .blog-box h2 {
    width: 80%;
    margin: 40px auto 1rem;
    text-align: center;
  }
  .blog-box h2 img {
    width: 24px;
  }
  .blog-box .blog-img {
    height: 38vw;
  }
  .blog-box .blog-img p,
.blog-box .blog-img::before {
    width: 40vw;
    height: 30vw;
  }
  .blog-box .blog-txt {
    width: 40vw;
  }
  .bn-area {
    padding: 2rem 0;
    height: 200px;
  }
  .bn-list {
    height: 75px;
  }
  .bn-list .slick-arrow {
    top: 20%;
  }
  .bn-list .slick-prev {
    width: 15px;
    height: 30px;
    left: 1.6vw;
    padding: 0 0 0 7px;
  }
  .bn-list .slick-next {
    width: 15px;
    height: 30px;
    right: 1.6vw;
    padding: 0 0 0 3px;
  }
  .bn-list .slick-next::after,
.bn-list .slick-prev::after {
    margin-top: -17px;
    width: 6px;
    height: 6px;
    border-width: 2px;
  }
  .bn-list div,
.bn-list div:nth-child(5n) {
    margin: 0;
  }
  /* bn-list2 */
  .bn-list2 {
    padding-top: 17px;
    margin-top: 0;
    width: 90%;
  }
  .bn-list2 div {
    padding: 0;
    width: 100%;
    margin: 0.5em 5px 0 0;
  }
  .bn-list2 div:last-child {
    margin: 0.5em 0 0 0;
  }
  .bn-kirari {
    width: 100%;
    height: auto;
    overflow: auto;
  }
  .kirari-img {
    width: 100%;
    height: 50%;
  }
  .kirari-img .top-youtube {
    position: relative;
    padding-top: 56.25%;
    width: 95%;
    margin-top: 12px;
  }
  .kirari-img .top-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 95%;
    height: 95%;
  }
  .kirari-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .book {
    width: 100%;
    padding: 3rem;
    background: url("images/top/bg_kirari_sp.jpg") no-repeat center 0;
    background-size: cover;
  }
  .book::before {
    left: 5%;
    width: 60%;
    height: 100%;
  }
  .book a {
    padding: 0;
  }
  .book-name {
    margin: 0 2rem;
  }
  .b-img {
    width: 100px;
  }
  /* map-area */
  .map-area {
    width: 100%;
  }
  .map-area h2 {
    width: 195px;
    margin: 7rem 0 0 5vw;
  }
  .map_container {
    width: 100%;
    height: auto;
  }
  .chenge-map {
    position: relative;
    width: 100%;
    height: 250px;
  }
  .map-bg {
    position: static;
    width: 370px;
    height: 250px;
    background: url("images/top/img_map_off.png") no-repeat 0 0;
    background-size: cover;
  }
  .mapcontent {
    display: none;
    overflow: hidden;
    width: 100%;
    margin: 2rem auto;
  }
  .seisan {
    width: 60px;
    height: 60px;
    left: 58px;
    top: 160px;
  }
  .tyuusan {
    width: 60px;
    height: 120px;
    left: 120px;
    top: 100px;
  }
  .takamatsu {
    width: 60px;
    height: 120px;
    left: 185px;
    top: 90px;
    border-radius: 100%;
  }
  .tousan {
    width: 80px;
    height: 200px;
    left: 240px;
    top: 0;
  }
  .mapcontent li {
    width: 23%;
    margin: 1% 0 1% 1%;
  }
  .mapcontent a dt {
    width: 7.5rem;
    height: 7.5rem;
    margin: 0 0 0 auto;
  }
  .mapcontent dd {
    width: 7.5rem;
    font-size: 1rem;
    margin: 0 0 0 auto;
  }
  .map-area p {
    text-align: center;
  }
  /* bn-recipe */
  .bn-recipe {
    width: 100%;
    height: auto;
    margin: 3rem auto;
    border-radius: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .bn-recipe img.pcbn {
    display: none;
  }
  .bn-recipe img {
    margin: 0 auto;
  }
  .bn-recipe a::before {
    display: none;
  }
  .bn-recipe a::after {
    display: none;
  }
  /* recipe page */
  .stripe-bn div {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 0;
  }
  .stripe-bn div::after,
.stripe-bn div a img:first-child {
    display: none;
  }
  .recipe-btn {
    width: 100%;
    height: 80px;
    line-height: 75px;
  }
  /* project-recipe */
  .recipe-project li {
    width: 100%;
  }
  .recipe-project li::before {
    display: none;
  }
  .recipe-project li .btn-type2 {
    margin-top: auto;
  }
  /* card */
  .card--item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .card--image img {
    height: 100px;
  }
  /* rarirure page */
  .sidebar .local-nav.vegetables ul,
.sidebar .local-nav.fruit ul,
.sidebar .local-nav.flower ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sidebar .local-nav.vegetables ul li,
.sidebar .local-nav.fruit ul li,
.sidebar .local-nav.flower ul li {
    width: 50%;
  }
  .lead-rarirure {
    padding: 20px 0;
    background: url("images/rarirure/bg_rarirure_sp.jpg") no-repeat 0 center;
    background-size: cover;
  }
  .lead-rarirure p img:first-child {
    display: none;
  }
  .rarirure-p-link {
    margin: 20px auto 25px;
  }
  .rarirure-p-link li {
    width: 31%;
    height: 70px;
    line-height: 1;
    padding-top: 40px;
    font-size: 1.2rem;
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center top 10px;
    border-radius: 100px 100px 50px 100px/100px 100px 0px 100px;
  }
  .rarirure-p-link li::before {
    top: 60%;
  }
  .rarirure-area .rarirure-top {
    width: auto;
  }
  .rarirure-area .rarirure-top li a {
    margin-top: 0;
  }


  #fruit h2 {
    margin-top: 30px;
  }
  #flower h2 {
    margin-top: 30px;
  }
  .rarirure-list li {
    width: 48%;
    margin: 0 0 20px;
  }
  .rarirure-list li dl dt {
    width: 100%;
    height: 100px;
  }
  .tab-label {
    width: 33.3333333333%;
  }
  .tab-switch:checked + .tab-label::before {
    display: none;
  }
  ._column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .linkList > p,
.linkList > div {
    width: 100%;
    line-height: 2;
  }
  .spNoFlex {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .spNoFlex.linkList a,
.spNoFlex.linkList > div {
    width: auto;
  }
  .spClear {
    clear: both;
  }
  .kirariBox p {
    width: 33%;
  }
  .kirariBook {
    max-width: 80%;
  }
  .btn-type2 a.btn-option1 {
    padding: 20px;
  }
  .btn-type2.center_btn-type2 a {
    padding-left: 20px;
    padding-right: 20px;
  }
  ul.flex-list li {
    width: 100%;
  }
  ul.flex-list li._nowrap {
    white-space: normal !important;
  }
  .flex-sdgs {
    margin: 0 auto;
  }
  .flex-sdgs img {
    width: 30%;
    margin: 0 auto 10px auto;
  }
  #composition,
#picture,
.Anchor {
    margin-top: -30px;
    padding-top: 30px;
  }
  .competition-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .competition-list a {
    border-bottom: none;
  }
  .competition .group {
    width: 100%;
  }
  .competition .award {
    width: 100%;
  }
  .competition .box--green .flex-lay {
    display: block;
    text-align: center;
  }
  /* Adobe Reader */
  #adobeReader {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #adobeReader img {
    padding-right: 0;
    margin: 1em 0 0;
  }
  main :not(#breadcrumb) ol.round li::before {
    top: 4px;
  }
  .recruitment-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .recruitment-flex > div:nth-child(1) {
    min-width: 90px;
  }
  .recruitment-flex > div:nth-child(2) {
    width: 90%;
  }
  .recruitment-flex p {
    margin: 0;
  }
  .recruitment-flex--shoku {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .recruitment-flex--shoku > p:nth-child(1) {
    width: 100%;
  }
  .recruitment-flex--shoku > p:nth-child(2) {
    width: 100%;
    padding-left: 1rem;
  }
  .recruitment-flex--shoku > p:nth-child(3) {
    width: 100%;
    padding-left: 2rem;
  }
  /* books */
  .sort-navigation {
    display: block;
  }
  .sort-navigation dt.open {
    width: 100%;
  }
  .sort-navigation dt.open + dd {
    padding: 33px 0 22px;
    width: 100%;
  }
  .sort-navigation dt span {
    width: 100%;
  }
  .home .inner.flex-lay-type2 .a-one-left {
    width: 100%;
  }
  /* 農産直売所：旬のおすすめ農産物エリア */
  .shop-item p {
    width: 30%;
    margin: 0px 9px 15px 0;
  }
  /* monitor */
  .monitor h3 {
    text-align: center;
    margin-bottom: -40px;
    margin-left: 0;
  }
  .monitor .monitor-box {
    padding: 30px;
  }
  /* 広報モニターフォーム */
  .mw_wp_form select#birth_year,
.mw_wp_form select#birth_month,
.mw_wp_form select#birth_day {
    display: inline;
    margin: 0 3px 15px 0;
    font-size: 16px;
    width: 94%;
  }
  .mw_wp_form input#age {
    width: 30%;
    display: inline;
    margin: 0 3px 0 0;
  }
  .mw_wp_form .w50per {
    margin-right: 7px;
    display: block;
    margin-bottom: 15px;
  }
  .mw_wp_form .w50per input {
    margin-right: 5px;
  }
  /* 回り込ませない */
  .sp-clear {
    clear: both;
  }
  /*農業機械情報　コラム*/
  .column-box strong {
    display: block;
  }
  /*やさいくるん*/
  .character .flex-lay-type4 .flex-lay-3col {
    margin: 20px auto 0;
  }
  /* 女性部 */
  .woman .greeting {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .woman .greeting img {
    width: 80%;
  }
  .woman .greeting p {
    margin: 1em auto;
  }
  .woman .greeting p:last-child {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .woman .pageTitle {
    background: #ffb2b0;
  }
  .woman .blog-list li {
    margin: 0 0 0 0.5em;
  }
  .woman .blog-list li:first-child {
    margin-left: 0;
  }
  #content .woman .card--item {
    /* 女性部トップ用 */
    max-width: 32%;
    margin: 0 15px 50px 0;
  }
  .woman .card--item {
    /* 女性部活動報告一覧用 */
    max-width: 30%;
    margin: 0 15px 50px 0;
  }
  .kirari-img01 {
    height: 90px;
  }
  /* SDGs一覧用 */
  .sdgs .card--item {
    max-width: 30%;
    margin: 0 15px 50px 0;
  }
  article .icon-cate ul li {
    width: 28px;
  }
  /* ブログ */
  .alignright,
  .alignleft {
    float:none;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 1rem;
  }
}
/*-- SPここまで --*/
/*---------------------------------

スマホとタブレット（959px以下）

----------------------------------*/
@media only screen and (max-width: 959px) {
  .blogWrapper {
    display: block;
  }
  .st-post {
    width: 100%;
  }
  .sidebar {
    width: 100%;
    margin-left: 0;
  }
  #content {
    width: 90%;
    margin: 0 auto;
  }
  .post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flex-lay-type2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .campaign {
    margin-bottom: 50px;
  }
}
/*---------------------------------

タブレット（600px～959px）のみ

----------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .map_container {
    width: 100%;
    height: auto;
  }
  .chenge-map {
    position: relative;
    width: 100%;
    height: 400px;
  }
  .mapcontent {
    width: 100%;
    margin: 2rem 0;
  }
  /*-- ここまで --*/
}
/*---------------------------------

タブレットとPC（600px～）

----------------------------------*/
@media only screen and (min-width: 600px) {
  /*-- ここまで --*/
}
/*---------------------------------

PCのみ（960px～）

----------------------------------*/
@media print, screen and (min-width: 960px) {
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
  a[href^="tel:"] {
    pointer-events: none;
    font-weight: normal;
    color: inherit;
    text-decoration: none !important;
  }
  /*-- ここまで --*/
}
/*---------------------------------

エディタの調整

----------------------------------*/
.mce-content-body {
  display: block;
  margin: 0;
  padding: 2rem;
}

/*---------------------------------

IE用のHack

----------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%;
  }
  main {
    display: block;
  }
  .global-nav li {
    width: 14%;
  }
  .ut-list li a {
    line-height: 41px;
  }
  .search dd input[type=text] {
    margin-top: -2px;
    padding: 0 20px;
    border: none;
    line-height: 38px;
  }
  .search dd input[type=submit] {
    background: #fff url("images/common/icon_search.png") no-repeat center 10px;
    background-size: 18px auto;
  }
  .sidebar .local-nav a {
    background: #f8efd3;
  }
  /* cms */
  .blog-nav h2 {
    background: #DEF0AE;
  }
  .sidebar .blog-nav a {
    background: #F0F5E0;
  }
  /* Top */
  .blog-area {
    background: rgba(181, 237, 21, 0.2);
  }
  .home #container {
    margin-top: 640px;
    padding-top: 3rem;
  }
  /* agurikids coloring */
  .flex-lay.nurie p {
    width: 210px;
  }
  /* mutual-aid */
  .scroll-hint-icon-wrap {
    display: none !important;
  }
  /* faq */
  div.faq {
    background: #F0F5E0;
  }
  /* magazine */
  .post-type-archive-magazine .card--image,
.tax-competition_no .card--image,
.post-type-archive-books .card--image {
    text-align: center;
  }
  .post-type-archive-magazine .card--image img,
.tax-competition_no .card--image img,
.post-type-archive-books .card--image img {
    width: auto;
  }
  .card--image img.object-fit-img {
    /*IEでサムネイルが潰れないようにする*/
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    width: 100%;
  }
  /* recruit */
  .ie-table {
    table-layout: fixed;
  }
  .ie-table th {
    width: 14%;
  }
  /* flex */
  ul.link .flex-lay-2col {
    max-width: 47.6%;
  }
  /*プロジェクトレシピ*/
  .recipe-project .ie-hack {
    margin-bottom: -143px;
  }
}
/* modal */
#modal01,
#modal02,
#modal03,
#modal04,
#modal05,
#modal06,
#modal07,
#modal08,
#modal09,
#modal10,
#modal11,
#modal12,
#modal13,
#modal14,
#modal15,
#modal16,
#modal17,
#modal18,
#modal19,
#modal20,
#modal21,
#modal22,
#modal23,
#modal24,
#modal25,
#modal26,
#modal27,
#modal28,
#modal29,
#modal30 {
  display: none;
}

.modal_body {
  display: none;
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  display: none;
  background-color: #FFF;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  width: 90%;
  max-height: 80%;
  max-width: 600px;
}

.modal_header {
  padding: 15px 10px;
  background-color: #b5ed15;
  color: #000;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 1;
  text-align: center;
}

.modal_close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer;
}

_:-ms-input-placeholder,
:root .modal_close {
  top: 5%;
}

.modal_close_icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}

.modal_close_icon span::before,
.modal_close_icon span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: #000;
}

.modal_close_icon span::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal_close_icon span::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal_content {
  padding: 5px 10px;
}

.card--image .modal_content img {
  display: block;
  width: auto;
  height: auto;
  margin: 20px auto;
}

.card--image label img:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
}

.st-post .modal_body {
  width: 90%;
}

.modal_overlay {
  display: none;
  position: fixed;
  z-index: 90000;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-color: #111;
  opacity: 0.3;
  cursor: pointer;
}

#modal01:checked ~ .modal_body,
#modal01:checked ~ .modal_overlay,
#modal02:checked ~ .modal_body,
#modal02:checked ~ .modal_overlay,
#modal03:checked ~ .modal_body,
#modal03:checked ~ .modal_overlay,
#modal04:checked ~ .modal_body,
#modal04:checked ~ .modal_overlay,
#modal05:checked ~ .modal_body,
#modal05:checked ~ .modal_overlay,
#modal06:checked ~ .modal_body,
#modal06:checked ~ .modal_overlay,
#modal07:checked ~ .modal_body,
#modal07:checked ~ .modal_overlay,
#modal08:checked ~ .modal_body,
#modal08:checked ~ .modal_overlay,
#modal09:checked ~ .modal_body,
#modal09:checked ~ .modal_overlay,
#modal10:checked ~ .modal_body,
#modal10:checked ~ .modal_overlay,
#modal11:checked ~ .modal_body,
#modal11:checked ~ .modal_overlay,
#modal12:checked ~ .modal_body,
#modal12:checked ~ .modal_overlay,
#modal13:checked ~ .modal_body,
#modal13:checked ~ .modal_overlay,
#modal14:checked ~ .modal_body,
#modal14:checked ~ .modal_overlay,
#modal15:checked ~ .modal_body,
#modal15:checked ~ .modal_overlay,
#modal16:checked ~ .modal_body,
#modal16:checked ~ .modal_overlay,
#modal17:checked ~ .modal_body,
#modal17:checked ~ .modal_overlay,
#modal18:checked ~ .modal_body,
#modal18:checked ~ .modal_overlay,
#modal19:checked ~ .modal_body,
#modal19:checked ~ .modal_overlay,
#modal20:checked ~ .modal_body,
#modal20:checked ~ .modal_overlay,
#modal21:checked ~ .modal_body,
#modal21:checked ~ .modal_overlay,
#modal22:checked ~ .modal_body,
#modal22:checked ~ .modal_overlay,
#modal23:checked ~ .modal_body,
#modal23:checked ~ .modal_overlay,
#modal24:checked ~ .modal_body,
#modal24:checked ~ .modal_overlay,
#modal25:checked ~ .modal_body,
#modal25:checked ~ .modal_overlay,
#modal26:checked ~ .modal_body,
#modal26:checked ~ .modal_overlay,
#modal27:checked ~ .modal_body,
#modal27:checked ~ .modal_overlay,
#modal28:checked ~ .modal_body,
#modal28:checked ~ .modal_overlay,
#modal29:checked ~ .modal_body,
#modal29:checked ~ .modal_overlay,
#modal30:checked ~ .modal_body,
#modal30:checked ~ .modal_overlay {
  display: block;
}

/* 追加 */
.side-bnr-area {
  margin-top: 3rem;
}

div.movie {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

div.movie::after {
  display: block;
  content: "";
  width: 30%;
}

div.movie_recruit {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
}

div.movie-box {
  width: 30%;
  margin-bottom: 3rem;
}

div.movie-box img {
  width: 100%;
  height: auto;
}

div.movie-box p {
  text-align: center;
}

div.movie-youtube,
div.movie-youtube02 {
  width: 560px;
  margin: 0 auto;
  text-align: center;
}

div.movie-youtube img {
  border: 2px solid #F277B3;
}

@media screen and (max-width: 769px) {
  div.movie-box,
div.movie-youtube,
div.movie-youtube02 {
    width: 100%;
  }
}
.main-visual {
  margin: 30px 0;
}

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

.guide_profileList {
  margin: 30px 20px 0;
  text-align: center;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-50 {
  margin-bottom: 50px;
}

.sidebar .local-nav .page-item-252,
.sidebar .local-nav .page-item-246 {
  display: none;
}

.reform-2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reform-2col ._textc {
  width: 30%;
}

.reform-2col ._textc:last-child {
  width: 68%;
}

@media screen and (max-width: 769px) {
  .reform-2col ._textc,
.reform-2col ._textc:last-child {
    width: 100%;
  }
}
/* 20220906 TOP-Banner*/
.main-card {
  width: 470px;
  height: 180px;
  z-index: 100;
  position: fixed;
  top: 380px;
  right: 50px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 2s, -webkit-transform 2s;
  transition: opacity 2s, -webkit-transform 2s;
  transition: transform 2s, opacity 2s;
  transition: transform 2s, opacity 2s, -webkit-transform 2s;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

.main-card.card-view {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.top-news::after {
  content: "";
  display: block;
  width: 450px;
  height: 150px;
  background: #fff;
  /* mix-blend-mode: multiply; */
  border-radius: 125px 125px 0 125px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: -1;
  border: 3px orange solid;
}

.top-news::before {
  content: "";
  display: block;
  width: 450px;
  height: 150px;
  background: #ffffff;
  background: repeating-linear-gradient(-45deg, #cc3b10, #cc3b10 5px, rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 10px);
  /* mix-blend-mode: multiply; */
  border-radius: 125px 125px 0 125px;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: -100;
  opacity: 0.5;
  border: 0px #ff0000 solid;
}

.top-news {
  position: relative;
  width: 520px;
  height: 150px;
  padding-right: 8rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-news__img {
  width: 80px;
  height: auto;
  margin-left: 20px;
}

.top-news__text {
  width: 400px;
  margin-left: 20px;
}

.ml50 {
  margin-left: 50px;
}

.top-news__text h2 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1em;
  margin-top: 1em;
}

.top-news__text p {
  font-size: 1.4rem;
  margin: 0 0;
}

.more-txt__top::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40%;
  left: 5px;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.top-news__text p.top-news__btn {
  margin: 1em 0 0;
}

.more-txt__top {
  position: relative;
  background-color: orange !important;
  border-radius: 10px;
  text-decoration: none;
  padding: 5px 10px 5px 20px;
  font-size: 1.2rem;
}

.top-news__close {
  position: absolute;
  top: 0px;
  right: 10px;
  background-color: #fff;
  border: orange 2px solid;
  border-radius: 50%;
}

.btn-close {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.btn-close::before,
.btn-close::after {
  /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  /* 棒の幅（太さ） */
  height: 20px;
  /* 棒の高さ */
  background: orange;
}

.btn-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn-close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media only screen and (max-width: 1150px) {
  .mainVisual p.inner {
    text-align: center;
    margin-bottom: 20rem;
  }
  .main-card {
    max-width: 520px;
    width: 100%;
    height: 160px;
    z-index: 100;
    position: fixed;
    top: auto;
    bottom: 12vh;
    right: 0;
    left: 0;
    overflow: hidden;
    margin: 0 auto;
    padding-left: 5%;
  }
  .top-news::after {
    content: "";
    display: block;
    width: 90%;
    height: 150px;
    background: #fff;
    /* mix-blend-mode: multiply; */
    border-radius: 125px 125px 0 125px;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: -1;
    border: 3px orange solid;
  }
  .top-news::before {
    content: "";
    display: block;
    width: 90%;
    height: 150px;
    background: #ffffff;
    background: repeating-linear-gradient(-45deg, #cc3b10, #cc3b10 5px, rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 10px);
    /* mix-blend-mode: multiply; */
    border-radius: 125px 125px 0 125px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: -100;
    opacity: 0.5;
    border: 0px #ff0000 solid;
  }
  .top-news {
    position: relative;
    width: 100%;
    height: 150px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .top-news__img {
    width: 40%;
  }
  .top-news__text h2 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0em;
    margin-top: 0em;
  }
  .top-news__text p.top-news__btn {
    margin: 0.5em 0 0;
  }
  .top-news__close {
    right: 40px;
  }
}
.fadeout {
  -webkit-animation: fadeOut 1s;
  animation: fadeOut 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.kirari-detail img.book-number {
  width: 335px;
  height: auto;
  margin: 0 auto;
}

.cooking-img {
  width: 80%;
  height: auto;
  margin: 0 auto;
}

@media only screen and (max-width: 1150px) {
  .kirari-detail img.book-number {
    width: 80%;
    height: auto;
  }
  .icon-flex li {
    width: 15%;
    cursor: pointer;
    margin-left: 0 !important;
  }
  .icon-flex ul:after {
    content: "";
    display: block;
    width: 36%;
    height: 0;
  }
}
/* 直産地 */
.photo-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2%;
}

.photo-box__item {
  width: 32%;
  margin-bottom: 10px;
}

.photo-box__item img {
  width: auto;
  height: 100%;
}

.photo_caption {
  text-align: center;
  margin-bottom: 15px;
}

.shop-event {
  width: 100%;
  margin: 30px 0;
}

.shop-event img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1150px) {
  .photo-box__item {
    width: 49%;
  }
  .photo-box__item img {
    max-width: 100%;
    height: auto;
  }
}
/* main visual */
@media screen and (max-width: 769px) {
  .mainVisual {
    /*padding-top: 60px;*/
    padding-top: 14vw;
  }
}


/* 新MAP用 */

.map_container {
  width: 100%;
  max-width: 900px;
  height: auto;
  min-height: 620px;
  margin: 50px auto 0;
  position: relative;
}
@media only screen and (max-width: 959px) {
  .map-pc {
    display: none;
  }
}

.map-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 615px;
  background: none;
}
@media only screen and (max-width: 959px) {
  .map-bg {
    width: 100%;
    height: auto;
    padding: 0 5px;
  }
}

.map-area p {
  margin-bottom: 0;
  text-align: center;
  margin-bottom: 30px;
}

.map_item {
  width: 15px;
  height: 15px;
  background-color: aqua;
  border: 1px #000 solid;
}

.area01 {
  left: 200px;
  top: 214px;
}

.area02 {
  left: 255px;
  top: 232px;
}

#p_1,
#p_2,
#p_3,
#p_4,
#p_5,
#p_6,
#p_7,
#p_8,
#p_9,
#p_10,
#p_11,
#p_12,
#p_13,
#p_14,
#p_15,
#p_16,
#p_17,
#p_18,
#p_19,
#p_20,
#p_21,
#p_22,
#p_23,
#p_24,
#p_25,
#p_26,
#p_27,
#p_28 {
  display: none;
  top:0px;
  left: 0px;
  max-height: 130px;
}

#p_1 {
  left: 200px;
  top: 205px;
}

#p_2 {
  left: 290px;
  top: 200px;
}

#p_3 {
  left: 300px;
  top: 120px;
}

#p_4 {
  left: 630px;
  top: 186px;
}

#p_5 {
  left: 630px;
  top: 180px;
}

#p_6 {
  left: 560px;
  top: 180px;
}

#p_7 {
  left: 540px;
  top: 170px;
}

#p_8 {
  left: 470px;
  top: 170px;
}

#p_9 {
  left: 380px;
  top: 220px;
}

#p_10 {
  left: 420px;
  top: 170px;
}

#p_11 {
  left: 407px;
  top: 156px;
}

#p_12 {
  left: 378px;
  top: 156px;
}

#p_13 {
  left: 438px;
  top: 76px;
}

#p_14 {
  left: 411px;
  top: 98px;
}

#p_15 {
  left: 387px;
  top: 93px;
}

#p_16 {
  left: 348px;
  top: 77px;
}

#p_17 {
  left: 322px;
  top: 96px;
}

#p_18 {
  left: 283px;
  top: 140px;
}

#p_19 {
  left: 331px;
  top: 16px;
}

#p_20 {
  left: 250px;
  top: 88px;
}

#p_21 {
  left: 256px;
  top: 138px;
}

#p_22 {
  left: 190px;
  top: 180px;
}

#p_23 {
  left: 150px;
  top: 150px;
}

#p_24 {
  left: 150px;
  top: 150px;
}

#p_25 {
  left: 111px;
  top: 263px;
}

#p_26 {
  left: 58px;
  top: 261px;
}

#p_27 {
  left: 48px;
  top: 322px;
}

#p_28 {
  left: 47px;
  top: 362px;
}

.p_box {
  position: absolute;
  background: #f7f7f7;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 2px #ccc;
          box-shadow: 0px 2px 2px #ccc;
  border: 2px solid #fa2850;
  width: 320px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
  text-align: center;
}
.p_box .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p_box .imgarea {
  width: 145px!important;
}
.p_box .imgarea img {
  width: 100%;
  height: auto;
}

.p_box .p_txt {
  padding: 0px 10px;
  font-size: 16px;
  text-align: left;
  font-weight: 900;
  width: 50%;
}

.chenge-map {
  height: 620px;
}
@media only screen and (max-width: 959px) {
  .chenge-map {
    position: static;
    height: 300px;
  }
}

ul.map-list {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.map-list li {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
  width: 50%;
}
@media only screen and (min-width: 960px) {
  ul.map-list li {
    width: 30%;
  }
}
ul.map-list li a {
  text-decoration: none;
}
ul.map-list li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #fa2850;
  border: 1px solid;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22px;
  width: 22px;
  color: #ffffff;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

/* Insta */
#sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text{
  display: none!important;
}
h2.center{
text-align: center;
}
.instaBox{
width: 30%;
text-align: center;
margin-bottom: 50px;
}
.instaBox .link a span{
background-image: url(/wp-content/themes/main/images/fileicon/launch.png);
background-repeat: no-repeat;
background-size: 14px;
background-position: center right;
padding-right: 20px;
}
@media only screen and (max-width: 959px) {
.instaBox{
  width: 100%;
}
}
.flex__insta{
  justify-content: space-between;
/* gap: 0 50px; */
}
/*# sourceMappingURL=style.css.map */