@charset "UTF-8";
/*
Theme Name: JFGA
Template: cocoon-master
*/
.archive .main .list,
.search .main .list,
.error404 .main .list {
  padding-top: 46px;
  position: relative;
}

.archive .main .list-farmer,
.search .main .list-farmer,
.error404 .main .list-farmer {
  padding-top: 60px;
}

.archive .main .list::before,
.search .main .list::before,
.error404 .main .list::before {
  content: "";
  width: 100%;
  border: 0.995812px dashed #E2E0DC;
  position: absolute;
  top: -14px;
  left: 0;
}

.archive .main .tab_content .list::before,
.search .main .tab_content .list::before,
.error404 .main .tab_content .list::before {
  content: none;
}

.archive.taxonomy-archive .main {
  padding-top: 0;
}

/* flower
* ---------------------------------------- */
.post-type-archive-flower .main {
  position: relative;
}

.post-type-archive-flower select[name=order-select] {
  position: absolute;
  top: -33px;
  right: -4px;
  width: auto;
  background: #EEECE7;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 10px 34px 10px 20px;
  z-index: 2;
}

.post-type-archive-flower .order-select-wrap {
  position: relative;
}

.post-type-archive-flower .order-select-wrap::after {
  content: url("images/order-select-arrow.png");
  position: absolute;
  top: -31px;
  right: 14px;
  z-index: 2;
}

/* prefecture
* ---------------------------------------- */
.post-type-archive-prefecture #main {
  padding-top: 0;
}

.post-type-archive-prefecture #main-before {
  background: url("images/bg-prefecture.png") no-repeat;
  background-size: 78vw;
  background-position: center center;
}

.post-type-archive-prefecture h2 {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
  position: relative;
}

.post-type-archive-prefecture h2:first-of-type {
  margin-top: 0;
}

.post-type-archive-prefecture h2::before {
  content: "";
  width: 89%;
  border: 1px dashed #E2E0DC;
  position: absolute;
  top: 14px;
  right: 10px;
}

@media screen and (max-width: 767px) {
  .post-type-archive-prefecture h2::before {
    width: 80%;
    top: 11px;
  }
}
.post-type-archive-prefecture h2:last-of-type::before {
  width: 77%;
}

@media screen and (max-width: 520px) {
  .post-type-archive-prefecture h2:last-of-type::before {
    width: 60%;
  }
}
.post-type-archive-prefecture .list-prefecture-box {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none;
}

.post-type-archive-prefecture .list-prefecture-box li {
  margin-right: 25px;
  margin-bottom: 25px;
  width: calc(33.3333333333% - 17px);
}

@media screen and (min-width: 767px) {
  .post-type-archive-prefecture .list-prefecture-box li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .post-type-archive-prefecture .list-prefecture-box li {
    width: calc(50% - 13px);
  }
  .post-type-archive-prefecture .list-prefecture-box li:nth-child(even) {
    margin-right: 0;
  }
}
.post-type-archive-prefecture .list-prefecture-box li a {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  display: inline-block;
  padding: 27px 0;
  background: #EEECE7;
  border-radius: 20px;
  text-decoration: none;
  width: 100%;
  text-align: center;
}

/* area
* ---------------------------------------- */
.tax-area #main-before {
  background: url("images/bg-prefecture.png") no-repeat;
  background-size: 78vw;
  background-position: center center;
}

.tax-area .prefecture-list-wrap {
  width: 100vw;
  max-width: 630px;
  margin: 0 auto 24px;
  background: #fff;
  height: 84px;
  padding: 2px;
  border-radius: 20px;
}

.tax-area .prefecture-article {
  margin-bottom: 24px;
  padding: 6px 23px;
  position: relative;
}

.tax-area .prefecture-article a {
  text-decoration: none;
  display: block;
}

.tax-area .prefecture-right-box {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .tax-area .prefecture-right-box {
    right: 20px;
  }
}
.tax-area .prefecture-thumb {
  display: inline-block;
}

.tax-area .prefecture-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 20px;
}

.tax-area .prefecture-date {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  display: inline-block;
  vertical-align: top;
  margin: 14px 28px 0 0;
  color: #CECAC1;
}

.tax-area .prefecture-term {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  padding: 1px 18px;
  background: #DC595B;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 7px;
}

.tax-area .prefecture-title {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .tax-area .prefecture-title {
    padding-right: 80px;
  }
}
/* farmer
* ---------------------------------------- */
.post-type-archive-farmer .main .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* scene
* ---------------------------------------- */
.post-type-archive-scene .main .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.post-type-archive-scene .list-event .event-card-wrap {
  width: calc(33.3333333333% - 19px);
  margin-right: 28px;
  margin-bottom: 32px;
}

@media screen and (min-width: 767px) {
  .post-type-archive-scene .list-event .event-card-wrap:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .post-type-archive-scene .list-event .event-card-wrap:nth-child(even) {
    margin-right: 0;
  }
}
.post-type-archive-scene .list-event .event-card-thumb {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.post-type-archive-scene .list-event .event-card-thumb img {
  width: 100%;
  height: auto;
}

/* news
* ---------------------------------------- */
#post_content .archive-news {
  margin-top: 40px;
}

.page-news-list #main-before {
  background: url("images/bg-news.png") no-repeat;
  background-size: 60%;
  background-position: center center;
}

.archive-news a {
  display: block;
  text-align: left;
  background: #fff;
  padding: 24px 24px 30px;
  margin-bottom: 1px;
  text-decoration: none;
  border-radius: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .archive-news a {
    padding: 8px 12px 16px;
  }
}
.archive-news a:hover .archive-news-category {
  background: #DC595B;
  color: #fff;
}

.archive-news-category, .archive-news-date {
  display: inline-block;
}

.archive-news-title {
  display: block;
  margin-left: 0 !important;
}

.archive-news-category {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 6px;
  padding: 2px 18px;
  background: #EEECE7;
  color: #494741;
  border-radius: 4px;
}

.archive-news-date {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  color: #CECAC1;
  position: absolute;
  top: 24px;
  right: 24px;
}

.archive-news-title {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-left: 22px;
}

/* breed
* ---------------------------------------- */
.page-breed .main .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.page-breed .list-breed .breed-card-a-wrap {
  text-decoration: none;
}

.page-breed .list-breed .breed-card-wrap {
  width: calc(33.3333333333% - 19px);
  margin-right: 28px;
  margin-bottom: 32px;
}

@media screen and (min-width: 767px) {
  .page-breed .list-breed .breed-card-wrap:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-breed .list-breed .breed-card-wrap {
    width: calc(50% - 9px);
    margin-right: 18px;
  }
  .page-breed .list-breed .breed-card-wrap:nth-child(even) {
    margin-right: 0;
  }
}
.page-breed .list-breed .breed-card-thumb {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.page-breed .list-breed .breed-card-thumb img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .page-breed .list-breed .breed-card-thumb img {
    border-radius: 10px;
  }
}
.page-breed .list-breed .breed-card-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}

.page-breed .list-breed .breed-card-desc {
  font-size: 12px;
  font-size: clamp(11px, 1.2vw, 13px);
}

#carousel {
  margin: 0 0 74px;
}

@media screen and (max-width: 991px) {
  #carousel {
    margin-bottom: 120px;
  }
}
#carousel .slick-slider {
  margin: 0;
}

#carousel .slick-arrow::before {
  color: #494741;
  line-height: 60px;
  font-size: 16px;
}

#carousel-in {
  padding-left: 46px;
  max-width: inherit;
}

@media screen and (max-width: 991px) {
  #carousel-in {
    padding-left: 10px;
  }
}
#carousel button.slick-next,
#carousel button.slick-prev {
  width: 60px;
  height: 60px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  z-index: 99;
  box-shadow: 0px 2.60583px 4.46713px rgba(73, 71, 65, 0.05);
  font-size: 0 !important;
}

@media screen and (max-width: 991px) {
  #carousel button.slick-next,
#carousel button.slick-prev {
    width: 38px;
    height: 38px;
  }
}
@media screen and (max-width: 991px) {
  #carousel button.slick-next::before,
#carousel button.slick-prev::before {
    line-height: 38px;
    font-size: 13px;
  }
}
#carousel .slick-next {
  right: 25px;
}

@media screen and (max-width: 991px) {
  #carousel .slick-next {
    top: 485px;
    left: 70px;
  }
}
@media screen and (max-width: 991px) {
  #carousel .slick-prev {
    top: 485px;
    left: 10px;
  }
}
.carousel-title {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  letter-spacing: 2px;
  padding-bottom: 24px;
  position: relative;
}

.carousel-title::after {
  content: "";
  width: calc(90vw - 400px);
  border: 1px dashed #E2E0DC;
  position: absolute;
  top: 12px;
  right: 180px;
}

@media screen and (max-width: 991px) {
  .carousel-title::after {
    width: calc(100% - 220px);
    top: 7px;
    left: 210px;
  }
}
.carousel-upper-link,
.carousel .flower-sp-link {
  position: relative;
}

.carousel-upper-link a,
.carousel .flower-sp-link a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  position: absolute;
  top: -45px;
  right: 25px;
  text-decoration: none;
}

.carousel-upper-link a::after,
.carousel .flower-sp-link a::after {
  content: url("images/icon-carousel-link.png");
  vertical-align: middle;
  margin-left: 17px;
  width: 28px;
  height: 28px;
  display: inline-block;
}

@media screen and (max-width: 991px) {
  .carousel-upper-link {
    display: none;
  }
}
.carousel .flower-sp-link {
  display: none;
}

@media screen and (max-width: 991px) {
  .carousel .flower-sp-link {
    display: block;
    top: 60px;
  }
}
.slick-track {
  padding-top: 24px;
}

.slick-track .carousel-entry-card {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 20px;
  position: relative;
}

.slick-track .carousel-entry-card::after {
  content: "";
  position: absolute;
  top: 96%;
  left: 3px;
  border: 18px solid transparent;
  border-top: 30px solid #fff;
}

.slick-track .carousel-entry-card-shadow {
  border-radius: 20px;
  padding-right: 7px;
  padding-bottom: 20px;
  box-shadow: 0px 3.47669px 5.96004px rgba(73, 71, 65, 0.05);
}

.slick-track .carousel-entry-card-wrap {
  width: 290px;
  margin: 0 15px;
}

.slick-track .carousel-entry-card-date {
  font-size: 23px;
  font-size: clamp(16px, 2vw, 23px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  position: absolute;
  top: -12px;
  right: 22px;
  z-index: 2;
}

.slick-track .carousel-entry-card-date span {
  font-size: 12px;
  font-size: clamp(11px, 1.2vw, 13px);
  position: absolute;
  top: -20px;
  right: 12px;
}

.slick-track .carousel-entry-card-thumb {
  margin-top: 0;
  padding-bottom: 12px;
}

.slick-track .carousel-entry-card-thumb img {
  border-radius: 20px;
}

.slick-track .carousel-entry-card-content {
  padding: 0 16px 0 20px;
}

.slick-track .carousel-entry-card-title {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 7px;
}

.slick-track .carousel-entry-card-meta {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.7px;
  text-decoration: underline;
}

.comment-rating {
  font-size: 32px;
  font-size: clamp(24px, 3.3vw, 32px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 5px;
  color: #F8C43F;
  text-align: center;
  margin-bottom: 10px;
}

.comment-rating span {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  letter-spacing: 2px;
  color: #494741;
  margin-left: 14px;
  vertical-align: middle;
}

.comment-rating img {
  margin-right: 9px;
}

.comment-list {
  list-style-type: none;
  padding-left: 0;
}

.comment-list li {
  margin-bottom: 7px;
  padding: 24px 36px;
  background: #fff;
  border-radius: 20px;
}

.comment-list li::after {
  content: "";
  display: block;
  clear: both;
}

.comment-list li:last-child {
  margin-bottom: 40px;
}

.comment-list li .icon-face {
  width: 34px;
  height: 34px;
  margin-top: 10px;
  margin-right: 18px;
  display: inline-block;
  vertical-align: top;
  float: left;
}

.comment-body.article {
  margin-left: 50px;
  margin-bottom: 0;
}

.comment-content {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
}

.comment-content p:last-child {
  margin-bottom: 9px;
}

.comment-under {
  position: relative;
}

.comment-under img {
  width: 12px;
  height: 12px;
  margin-right: 2px !important;
}

.comment-author {
  position: absolute;
  right: 0;
  bottom: 8px;
}

.comment-author cite {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  font-style: normal;
  line-height: 180%;
  letter-spacing: 1.6px;
}

.comment-author cite a {
  color: #21BBEC;
}

.comment-author cite a:hover {
  color: #DC595B;
}

.comment .farmer-rating {
  margin-bottom: 0;
}

body {
  background: linear-gradient(to right, #F8F8F5 0%, #ffffff 100%);
  border: 10px solid #fff;
  min-height: 100vh;
  color: #494741;
  overflow-x: hidden;
  overflow-y: scroll;
}

@media screen and (max-width: 767px) {
  body {
    border: 5px solid #fff;
    padding: 5px;
  }
}
.clearfix {
  display: block;
}

.clearfix::before {
  content: "";
  display: block;
  clear: both;
}

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

input:focus-visible,
select:focus-visible,
button:focus-visible {
  outline: none;
}

@media screen and (max-width: 991px) {
  input,
select,
button {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 991px) {
  .only-pc {
    display: none;
  }
}
.only-sp {
  display: none;
}

@media screen and (max-width: 991px) {
  .only-sp {
    display: block;
  }
}
#header-container,
#content,
.carousel-in,
#footer {
  background: none;
}

#upper-header,
#main-before,
#content {
  max-width: 1440px;
  margin: 0 auto;
}

#main-before {
  padding: 0;
}

.content-in {
  justify-content: space-evenly;
}

.wrap {
  width: 100%;
  max-width: 1440px;
}

a {
  transition: none;
  color: #494741;
}

a:hover {
  color: #DC595B;
}

a:hover img {
  opacity: 0.7;
}

.a-wrap:hover {
  background: none;
}

.main {
  background: none;
  padding: 0;
}

#main-before {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  #main-before {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#main-before.archive {
  text-align: center;
}

#main-before .archive-title {
  font-size: 40px;
  font-size: clamp(24px, 3.3vw, 40px);
  line-height: 1.4;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 6px;
}

#main-before .archive-description {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
}

#main-before .archive-description .entry-date {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  color: #CECAC1;
}

.is-left-column #main {
  width: 50%;
}

@media screen and (max-width: 991px) {
  .is-left-column #main {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
  }
}
.is-left-column #sidebar {
  margin-top: 0;
  margin-right: 0;
}

.post-date,
.date-tags {
  display: none;
}

.single .entry-content,
.page .entry-content {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
}

.single .entry-content h2,
.page .entry-content h2 {
  font-size: 32px;
  font-size: clamp(24px, 3.3vw, 32px);
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0;
  padding: 0;
  margin-bottom: 18px;
  background: none;
}

.single .entry-content h3,
.page .entry-content h3 {
  font-size: 24px;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0;
  padding: 0;
  padding-top: 26px;
  margin-bottom: 16px;
  border: none;
  border-top: 3px solid #E2E0DC;
}

.single .entry-content h4,
.page .entry-content h4 {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  margin-bottom: 31px;
  padding-left: 26px;
  border: none;
  border-left: 3px solid #494741;
}

.single .entry-content a,
.page .entry-content a {
  color: #21BBEC;
}

.single .entry-content a:hover,
.page .entry-content a:hover {
  color: #DC595B;
}

.single .entry-content p,
.page .entry-content p {
  margin-bottom: 40px;
}

.single .entry-content ul,
.single .entry-content ol,
.page .entry-content ul,
.page .entry-content ol {
  list-style-type: none;
  margin-bottom: 40px;
  padding: 0;
}

.single .entry-content ul li,
.single .entry-content ol li,
.page .entry-content ul li,
.page .entry-content ol li {
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1.6px;
  margin-bottom: 19px;
  counter-increment: section;
}

.single .entry-content ul li::before,
.page .entry-content ul li::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  margin-right: 26px;
  color: #E50005;
}

.single .entry-content ol li::before,
.page .entry-content ol li::before {
  content: counter(section, decimal-leading-zero) ".";
  font-family: "Cabin";
  font-weight: 700;
  margin-right: 26px;
}

.single .entry-content table,
.page .entry-content table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .single .entry-content table,
.page .entry-content table {
    width: 100% !important;
  }
}
.single .entry-content table thead th,
.single .entry-content table thead td,
.page .entry-content table thead th,
.page .entry-content table thead td {
  background: #494741;
  color: #fff;
  border-top: 3px solid #E2E0DC;
}

.single .entry-content table thead th:first-child,
.single .entry-content table thead td:first-child,
.page .entry-content table thead th:first-child,
.page .entry-content table thead td:first-child {
  border-radius: 12px 0 0 0;
  border-left: 3px solid #E2E0DC;
}

.single .entry-content table thead th:last-child,
.single .entry-content table thead td:last-child,
.page .entry-content table thead th:last-child,
.page .entry-content table thead td:last-child {
  border-radius: 0 12px 0 0;
  border-right: 3px solid #E2E0DC;
}

.single .entry-content table tbody tr:nth-of-type(even),
.page .entry-content table tbody tr:nth-of-type(even) {
  background: #fff;
}

.single .entry-content table tbody tr th:first-child,
.single .entry-content table tbody tr td:first-child,
.page .entry-content table tbody tr th:first-child,
.page .entry-content table tbody tr td:first-child {
  border-left: 3px solid #E2E0DC;
}

.single .entry-content table tbody tr th:last-child,
.single .entry-content table tbody tr td:last-child,
.page .entry-content table tbody tr th:last-child,
.page .entry-content table tbody tr td:last-child {
  border-right: 3px solid #E2E0DC;
}

.single .entry-content table tbody tr:last-child th,
.single .entry-content table tbody tr:last-child td,
.page .entry-content table tbody tr:last-child th,
.page .entry-content table tbody tr:last-child td {
  border-bottom: 3px solid #E2E0DC;
}

.single .entry-content table tbody tr:last-child th:first-child,
.single .entry-content table tbody tr:last-child td:first-child,
.page .entry-content table tbody tr:last-child th:first-child,
.page .entry-content table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 12px;
}

.single .entry-content table tbody tr:last-child th:last-child,
.single .entry-content table tbody tr:last-child td:last-child,
.page .entry-content table tbody tr:last-child th:last-child,
.page .entry-content table tbody tr:last-child td:last-child {
  border-radius: 0 0 12px 0;
}

.single .entry-content table th,
.single .entry-content table td,
.page .entry-content table th,
.page .entry-content table td {
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1.6px;
  padding: 15px 43px;
  border: none;
}

@media screen and (max-width: 767px) {
  .single .entry-content table th,
.single .entry-content table td,
.page .entry-content table th,
.page .entry-content table td {
    padding: 15px;
  }
}
.single .entry-content table th,
.page .entry-content table th {
  text-align: center;
  background: none;
}

.single .entry-content table td,
.page .entry-content table td {
  text-align: left;
  font-weight: 400;
}

.single .entry-content blockquote,
.page .entry-content blockquote {
  border: none;
  background: #fff;
  border-radius: 20px;
  padding: 26px 40px;
  line-height: 180%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .single .entry-content blockquote,
.page .entry-content blockquote {
    padding: 26px;
  }
}
.single .entry-content blockquote::before,
.page .entry-content blockquote::before {
  font-family: "Cabin";
  font-size: 64px;
  color: #494741;
  position: absolute;
  top: -18px;
  left: 44px;
}

.single .entry-content blockquote::after,
.page .entry-content blockquote::after {
  content: none;
}

.single .entry-content blockquote p:last-child,
.single .entry-content blockquote ul:last-child,
.single .entry-content blockquote ol:last-child,
.page .entry-content blockquote p:last-child,
.page .entry-content blockquote ul:last-child,
.page .entry-content blockquote ol:last-child {
  margin-bottom: 0;
}

.single .entry-content .box,
.page .entry-content .box {
  background: #fff;
  border-radius: 20px;
  padding: 26px 40px;
  line-height: 180%;
  position: relative;
}

.single .entry-content .box p:last-child,
.single .entry-content .box ul:last-child,
.single .entry-content .box ol:last-child,
.page .entry-content .box p:last-child,
.page .entry-content .box ul:last-child,
.page .entry-content .box ol:last-child {
  margin-bottom: 0;
}

.farmer-simple-card-author-img {
  margin-right: 10px;
  display: inline-block;
}

.farmer-simple-card-author-img img {
  border-radius: 50px;
}

.farmer-simple-card-meta {
  display: inline-block;
  vertical-align: super;
}

.farmer-simple-card-meta .term-no-link {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
}

.farmer-simple-card-taxonomy {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  font-weight: 700;
  line-height: 150%;
  display: inline-block;
  padding: 2px 12px;
  background: #EEECE7;
  border-radius: 16px;
}

.farmer-simple-card-author-name {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  display: block;
  margin-top: 4px;
}

.farmer-card-wrap {
  width: 48%;
  background: #fff;
  -webkit-filter: drop-shadow(0px 7.40476px 12.6939px rgba(73, 71, 65, 0.05));
  filter: drop-shadow(0px 7.40476px 12.6939px rgba(73, 71, 65, 0.05));
  margin-bottom: 64px;
  border-radius: 20px;
  position: relative;
}

@media screen and (max-width: 375px) {
  .farmer-card-wrap {
    width: 100%;
  }
}
.farmer-card-avatar {
  position: absolute;
  top: -38px;
  right: 34px;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .farmer-card-avatar {
    top: -27px;
  }
}
.farmer-card-avatar img {
  border-radius: 50%;
  padding: 6px;
  border: 1px dashed #494741;
  background: #fff;
  width: 105px;
}

@media screen and (max-width: 767px) {
  .farmer-card-avatar img {
    width: 59px;
    height: 59px;
    padding: 1px;
  }
}
.farmer-card-a-wrap {
  text-decoration: none;
  display: block;
  padding: 30px 26px 40px;
}

@media screen and (max-width: 767px) {
  .farmer-card-a-wrap {
    padding: 16px 16px 0;
  }
}
.farmer-card-a-wrap:hover img {
  border: 1px dashed #DC595B;
}

.farmer-card-taxonomy {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  letter-spacing: 1.6px;
  padding: 2px 18px;
  background: #EEECE7;
  display: inline-block;
  border-radius: 35px;
  margin-bottom: 16px;
  color: #494741 !important;
}

@media screen and (max-width: 767px) {
  .farmer-card-taxonomy {
    margin-bottom: 4px;
  }
}
.farmer-card-user-name {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .farmer-card-user-name {
    margin-bottom: 0;
  }
}
.farmer-card-meta {
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .farmer-card-meta {
    margin-bottom: 4px;
  }
}
.farmer-card-meta-wrap {
  padding: 0 30px 20px;
}

@media screen and (max-width: 767px) {
  .farmer-card-meta-wrap {
    padding: 0 16px 16px;
  }
}
.farmer-card-meta .tag {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: underline;
}

.farmer-card-meta .star {
  font-size: 24px;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 700;
  letter-spacing: 2px;
  color: #F8C43F;
  position: absolute;
  right: 0;
}

.farmer-card-meta .star img {
  margin-right: 12px;
}

.farmer-card-meta .star::before {
  content: none;
}

.farmer-card-flower, .farmer-card-story {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 400;
  letter-spacing: 1.6px;
  margin-bottom: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .farmer-card-flower, .farmer-card-story {
    margin-bottom: 4px;
  }
}
.farmer-card-flower::before, .farmer-card-story::before {
  content: "";
  height: 1px;
  background: #E2E0DC;
  position: absolute;
  top: 10px;
  right: 46px;
}

@media screen and (max-width: 767px) {
  .farmer-card-flower::before, .farmer-card-story::before {
    right: 30px;
  }
}
.farmer-card-flower span, .farmer-card-story span {
  font-size: 24px;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 700;
  font-family: "Cabin";
  letter-spacing: 2px;
  position: absolute;
  top: -10px;
  right: 0;
}

@media screen and (max-width: 767px) {
  .farmer-card-flower span, .farmer-card-story span {
    top: -6px;
  }
}
.farmer-card-flower::before {
  width: 105px;
}

@media screen and (max-width: 767px) {
  .farmer-card-flower::before {
    width: 40px;
  }
}
.farmer-card-story::before {
  width: 60px;
}

@media screen and (max-width: 767px) {
  .farmer-card-story::before {
    width: 24px;
  }
}
.footer {
  position: relative;
  margin: -10px;
  z-index: 99;
}

@media screen and (max-width: 991px) {
  .footer {
    padding: 15px;
  }
}
.footer::before {
  content: url("images/footer-bg-left.png");
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .footer::before {
    content: "";
    width: 20%;
    height: 100%;
    background: url("images/footer-bg-left.png") no-repeat;
    background-size: contain;
    background-position: left bottom;
  }
}
.footer::after {
  content: url("images/footer-bg-right.png");
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .footer::after {
    content: "";
    width: 20%;
    height: 100%;
    background: url("images/footer-bg-right.png") no-repeat;
    background-size: contain;
    background-position: right bottom;
  }
}
.footer-widgets {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 100px;
}

@media screen and (max-width: 1200px) {
  .footer-widgets {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 991px) {
  .footer-widgets {
    display: block !important;
    padding: 0;
  }
}
#content-bottom-in {
  position: relative;
  max-width: inherit;
}

@media screen and (max-width: 767px) {
  #content-bottom-in {
    padding-top: 80px;
  }
}
#content-bottom-in::before {
  content: url("images/footer-upper-bg.png");
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #content-bottom-in::before {
    content: "";
    width: 100%;
    height: 160px;
    top: -80px;
    background: url("images/footer-upper-bg.png") no-repeat;
    background-size: contain;
  }
}
#custom_html-6 {
  padding: 20px 100px;
}

@media screen and (max-width: 1200px) {
  #custom_html-6 {
    padding: 0;
  }
}
#custom_html-6 .footer-upper-visual {
  position: relative;
}

@media screen and (max-width: 767px) {
  #custom_html-6 .footer-upper-visual {
    margin: 0 -10px;
  }
}
#custom_html-6 .footer-upper-visual a {
  display: block;
}

#custom_html-6 .footer-upper-visual img {
  border: solid 10px #fff;
  border-radius: 80px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 991px) {
  #custom_html-6 .footer-upper-visual img {
    border: none;
    border-radius: 20px;
    padding-bottom: 20%;
  }
}
@media screen and (max-width: 767px) {
  #custom_html-6 .footer-upper-visual img {
    padding-bottom: 30%;
  }
}
@media screen and (max-width: 520px) {
  #custom_html-6 .footer-upper-visual img {
    padding-bottom: 50%;
  }
}
@media screen and (max-width: 375px) {
  #custom_html-6 .footer-upper-visual img {
    padding-bottom: 60%;
  }
}
#custom_html-6 .footer-upper-visual-textbox {
  width: 100%;
  height: calc(100% - 10px);
  color: #fff;
  background: linear-gradient(73.53deg, rgba(38, 34, 21, 0.6) 37.53%, rgba(73, 71, 65, 0) 95.28%);
  padding: 5% 7%;
  border-radius: 80px;
  border: 10px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

@media screen and (max-width: 991px) {
  #custom_html-6 .footer-upper-visual-textbox {
    border: none;
    background: linear-gradient(3.12deg, #494741 20.39%, #494741 70.78%, rgba(73, 71, 65, 0) 99.87%);
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  #custom_html-6 .footer-upper-visual-textbox {
    padding: 27% 10px 10px;
  }
}
@media screen and (max-width: 375px) {
  #custom_html-6 .footer-upper-visual-textbox {
    padding: 20px;
  }
}
#custom_html-6 .footer-upper-visual-text {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  padding: 14px 30px;
  border: 3px solid #fff;
  border-radius: 10px;
  display: inline-block;
}

#custom_html-6 .footer-upper-visual-title {
  font-size: 32px;
  font-size: clamp(24px, 3.3vw, 32px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 3px;
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  #custom_html-6 .footer-upper-visual-title {
    font-size: 16px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 375px) {
  #custom_html-6 .footer-upper-visual-title {
    font-size: 13px;
  }
}
#custom_html-6 .footer-upper-visual-desc {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
  margin-top: 26px;
}

@media screen and (max-width: 767px) {
  #custom_html-6 .footer-upper-visual-desc {
    margin-top: 10px;
  }
}
#custom_html-6 .footer-upper-visual-detail {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-top: 34px;
}

@media screen and (max-width: 767px) {
  #custom_html-6 .footer-upper-visual-detail {
    margin-top: 10px;
  }
}
#custom_html-6 .footer-upper-visual-detail i {
  color: #494741;
  background: #fff;
  width: 47px;
  height: 47px;
  line-height: 47px;
  border-radius: 50px;
  text-align: center;
  margin-left: 14px;
}

@media screen and (max-width: 767px) {
  #custom_html-6 .footer-upper-visual-detail i {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}
.footer-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.footer-left {
  width: 288px;
  padding: 0;
}

.footer-left-logo {
  max-width: 206px;
}

.footer-left-address {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1px;
  margin-top: 9px;
  margin-bottom: 42px;
}

@media screen and (max-width: 767px) {
  .footer-left-address {
    margin-bottom: 10px;
  }
}
.footer-left-sns-follows {
  list-style-type: none;
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .footer-left-sns-follows {
    display: flex;
  }
}
.footer-left-sns-follows li {
  margin-bottom: 15px;
}

.footer-left-sns-follows a {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  font-family: "Cabin";
  line-height: 150%;
  text-decoration: none;
}

.footer-left-sns-follows i {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  margin-right: 12px;
  vertical-align: text-bottom;
}

@media screen and (max-width: 767px) {
  .footer-left-sns-follows span {
    display: none;
  }
}
.footer-left-sns-follows .fa-instagram {
  background: linear-gradient(139.09deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  background: -webkit-linear-gradient(-40deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-left-sns-follows .fa-facebook {
  color: #1877F2;
}

.footer-left-sns-follows .fa-youtube {
  color: #E50005;
}

.footer-center,
.footer-right {
  padding: 0;
}

@media screen and (max-width: 991px) {
  .footer-center,
.footer-right {
    display: none;
  }
}
.footer-center .menu-footer-center-menu-container,
.footer-center .menu-footer-right-menu-container,
.footer-right .menu-footer-center-menu-container,
.footer-right .menu-footer-right-menu-container {
  background: #fff;
  padding: 30px 37px;
  border-radius: 20px;
}

.footer-center [id^=menu-footer-center-menu] li,
.footer-center [id^=menu-footer-right-menu] li,
.footer-right [id^=menu-footer-center-menu] li,
.footer-right [id^=menu-footer-right-menu] li {
  display: inline-block;
  margin-right: 33px;
  padding-left: 11px;
  position: relative;
}

.footer-center [id^=menu-footer-center-menu] li::before,
.footer-center [id^=menu-footer-right-menu] li::before,
.footer-right [id^=menu-footer-center-menu] li::before,
.footer-right [id^=menu-footer-right-menu] li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #EEECE7;
  position: absolute;
  top: 42%;
  left: 0;
}

.footer-center [id^=menu-footer-center-menu] li a,
.footer-center [id^=menu-footer-right-menu] li a,
.footer-right [id^=menu-footer-center-menu] li a,
.footer-right [id^=menu-footer-right-menu] li a {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}

.footer-center [id^=menu-footer-center-menu] li a:hover,
.footer-center [id^=menu-footer-right-menu] li a:hover,
.footer-right [id^=menu-footer-center-menu] li a:hover,
.footer-right [id^=menu-footer-right-menu] li a:hover {
  color: #DC595B;
  background: none;
}

.footer-center {
  padding-right: 40px;
}

.footer-right {
  width: 43%;
}

.footer-bottom {
  max-width: 1440px;
  margin: -55px auto 0;
  padding: 0 100px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 991px) {
  .footer-bottom {
    margin: 0;
    padding: 0;
  }
}
.footer-bottom-news {
  margin-left: 288px;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .footer-bottom-news {
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .footer-bottom-news {
    margin: 0;
    padding-bottom: 80px;
  }
}
.footer-bottom-news h3 {
  text-align: left;
  position: relative;
}

.footer-bottom-news h3::after {
  content: "";
  border: 0.995812px dashed #E2E0DC;
  position: absolute;
  top: 14px;
  width: calc(100% - 510px);
  left: 360px;
}

@media screen and (max-width: 991px) {
  .footer-bottom-news h3::after {
    top: 10px;
    width: calc(100% - 310px);
    left: 300px;
  }
}
.footer-bottom-news a {
  display: block;
  text-align: left;
  background: #fff;
  padding: 24px 24px 30px;
  margin-bottom: 1px;
  text-decoration: none;
  border-radius: 20px;
}

@media screen and (max-width: 991px) {
  .footer-bottom-news a {
    padding: 8px 18px;
  }
}
.footer-bottom-news-upper-link {
  position: static;
}

.footer-bottom-news-upper-link a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  background: none;
  padding: 0;
}

.footer-bottom-news-upper-link a::after {
  content: url("images/icon-carousel-link.png");
  vertical-align: middle;
  margin-left: 17px;
}

@media screen and (max-width: 991px) {
  .footer-bottom-news-upper-link a {
    top: inherit;
    right: 0;
    background: #fff;
    padding: 14px;
  }
}
.footer-bottom-news-category, .footer-bottom-news-date, .footer-bottom-news-title {
  display: inline-block;
}

.footer-bottom-news-category {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  padding: 2px 18px;
  background: #EEECE7;
  color: #494741;
  border-radius: 4px;
}

.footer-bottom-news-date {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  color: #CECAC1;
  margin-left: 16px;
}

.footer-bottom-news-title {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-left: 22px;
}

@media screen and (max-width: 991px) {
  .footer-bottom-news-title {
    margin-left: 0;
    display: block;
  }
}
.footer-bottom-slick-slider {
  max-width: 1040px;
  margin: 0 auto 54px;
  padding: 23px 74px;
  background: #EEECE7;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .footer-bottom-slick-slider {
    padding: 10px 23px;
  }
}
.footer-bottom-slick-slider .slick-track {
  padding: 0;
}

.footer-bottom-slick-slider .slick-slide {
  width: 223px;
  padding: 0 15px;
}

.footer-bottom-slick-slider .slick-next,
.footer-bottom-slick-slider .slick-prev {
  width: 43px;
  height: 43px;
  text-align: center;
  background: #494741;
  border-radius: 50px;
  color: #fff;
  font-size: 0px !important;
}

@media screen and (max-width: 767px) {
  .footer-bottom-slick-slider .slick-next,
.footer-bottom-slick-slider .slick-prev {
    width: 24px;
    height: 24px;
  }
}
.footer-bottom-slick-slider .slick-next:hover,
.footer-bottom-slick-slider .slick-prev:hover {
  background: #494741;
  color: #fff;
}

.footer-bottom-slick-slider .slick-next::before, .footer-bottom-slick-slider .slick-next::after,
.footer-bottom-slick-slider .slick-prev::before,
.footer-bottom-slick-slider .slick-prev::after {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  line-height: 43px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .footer-bottom-slick-slider .slick-next::before, .footer-bottom-slick-slider .slick-next::after,
.footer-bottom-slick-slider .slick-prev::before,
.footer-bottom-slick-slider .slick-prev::after {
    line-height: 24px;
  }
}
@media screen and (max-width: 1200px) {
  .footer-bottom-slick-slider .slick-next {
    right: -15px;
  }
  .footer-bottom-slick-slider .slick-prev {
    left: -15px;
  }
}
@media screen and (max-width: 767px) {
  .footer-bottom-slick-slider .slick-next {
    right: -10px;
  }
  .footer-bottom-slick-slider .slick-prev {
    left: -10px;
  }
}
.footer-bottom .copyright {
  font-size: 12px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  font-family: "Cabin";
  line-height: 150%;
  letter-spacing: 1px;
  color: #ABABAB;
  padding-bottom: 85px;
}

#upper-header {
  position: relative;
  max-width: inherit;
  padding-left: 37px;
}

#upper-header > .tagline {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  display: block;
  margin: 0;
  padding: 24px 0 14px;
  text-align: left;
}

@media screen and (max-width: 991px) {
  #upper-header > .tagline {
    display: none;
  }
}
#upper-header .top-level-menu {
  position: absolute;
  top: 22px;
  right: 200px;
}

@media screen and (max-width: 991px) {
  #upper-header .top-level-menu {
    display: none;
  }
}
#upper-header .top-level-menu ul {
  display: flex;
  justify-content: space-between;
}

#upper-header .top-level-menu li {
  list-style-type: none;
}

#upper-header .top-level-menu li a {
  font-size: 12px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  text-decoration: none;
  margin-right: 40px;
}

#upper-header .header-right-cta {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  text-align: center;
  z-index: 9999;
}

@media screen and (max-width: 991px) {
  #upper-header .header-right-cta img {
    width: 17px;
  }
}
#upper-header .header-mail,
#upper-header .header-search {
  width: 100px;
  height: 122px;
  padding-top: 39px;
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  #upper-header .header-mail,
#upper-header .header-search {
    width: 85px;
    height: 72px;
    padding-top: 16px;
  }
}
#upper-header .header-mail {
  background: #CECAC1;
  border-radius: 0 0 0 20px;
  color: #494741;
}

#upper-header .header-search {
  background: #494741;
  color: #CECAC1;
}

#header-container-in {
  max-width: inherit;
  padding-left: 37px;
}

@media screen and (max-width: 991px) {
  #header-container-in {
    display: block;
    padding: 0;
  }
  #header-container-in .header {
    padding: 0 8px;
  }
}
@media screen and (max-width: 767px) {
  #header-container-in {
    padding-top: 5px;
  }
}
.logo {
  text-align: left;
}

#navi {
  margin: 0 40px;
  border-radius: 20px;
  height: 68px;
  line-height: 68px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 991px) {
  #navi {
    margin: 0;
    padding: 0 8px;
    background: none;
    width: calc(100vw - 20px);
  }
}
.navi-in > ul {
  justify-content: center !important;
  display: flex !important;
}

.navi-in > ul li {
  font-weight: 700;
  height: 68px;
  line-height: 68px;
}

@media screen and (max-width: 991px) {
  .navi-in > ul li {
    width: 33.33%;
  }
}
.navi-in > ul li a {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
}

@media screen and (max-width: 767px) {
  .navi-in > ul li a {
    font-size: 11px;
  }
}
.navi-in > ul li a:hover {
  background: none;
}

.navi-in .item-label span {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  padding: 2px 10px;
  font-weight: 500;
  background: #EEECE7;
  border-radius: 12px;
  margin-left: 15px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .navi-in .item-label span {
    padding: 2px 5px;
    margin-left: 10px;
  }
}
.navi-in .item-label span::after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(90, 230, 40, 0);
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 7px;
  border-right-width: 7px;
  margin-top: -3px;
  border-right-color: #EEECE7;
  right: 100%;
  top: 50%;
}

@media screen and (max-width: 767px) {
  .navi-in .item-label span::after {
    border-left-width: 5px;
    border-right-width: 5px;
  }
}
.navi-in a:hover {
  transition: none;
  background: #fff;
  color: #DC595B;
}

.navi-in a:hover .item-label span {
  background: #DC595B;
  color: #fff;
}

.navi-in a:hover .item-label span::after {
  border-right-color: #DC595B;
}

.vertical-text {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (max-width: 991px) {
  .vertical-text {
    -webkit-transform: none;
    transform: none;
  }
}
.more-button {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  background: #494741;
  color: #fff;
  border-radius: 20px;
  padding: 24px;
  cursor: pointer;
  display: block;
  margin: 64px auto;
  max-width: 264px;
  text-align: center;
}

/*------ Under List Link Button ------*/
.under-list-button {
  display: block;
  margin-top: 30px;
  margin-bottom: 80px;
}

@media screen and (max-width: 991px) {
  .under-list-button {
    display: none;
  }
}
.under-list-button a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  letter-spacing: 1px;
  width: 100vw;
  max-width: 264px;
  height: 76px;
  line-height: 76px;
  background: #EEECE7;
  text-decoration: none;
  display: block;
  text-align: left;
  margin: 0 auto;
  padding: 0 27px;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}

.under-list-button i {
  position: absolute;
  top: 38%;
  right: 27px;
}

.under-list-button i::before {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
}

.single .under-list-button a {
  max-width: 332px;
}

/*------ Side fixed Social Buttons ------*/
.left-fixed-sns-buttons {
  position: fixed;
  left: 40px;
  top: 43vh;
  width: 20px;
  text-align: center;
  z-index: 999;
}

@media screen and (max-width: 991px) {
  .left-fixed-sns-buttons {
    width: auto;
    top: inherit;
    left: 20px;
    bottom: 0;
  }
}
.left-fixed-sns-buttons p {
  display: inline-block;
  margin: 12px;
  line-height: 1;
}

.left-fixed-sns-buttons p.vertical-text {
  margin: 0 -6px 24px;
}

@media screen and (max-width: 991px) {
  .left-fixed-sns-buttons p.vertical-text {
    margin: 0 15px 24px 0;
  }
}
/*------ PageTop ------*/
.pagetop {
  position: fixed;
  top: calc(48vh - 8px);
  right: 40px;
}

.pagetop a {
  text-decoration: none;
  line-height: 1;
  position: relative;
}

.pagetop a::before {
  content: "";
  background: #494741;
  width: 35px;
  height: 1px;
  position: absolute;
  left: -50px;
  bottom: 12px;
}

/*------ Breadcrumbs ------*/
.breadcrumbs {
  margin-bottom: 28px;
  position: relative;
  z-index: 9;
}

.breadcrumbs-list {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.breadcrumbs-list li:not(:last-of-type)::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  margin-left: 6px;
  margin-right: 14px;
}

.breadcrumbs-list a {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  display: inline-block;
  text-decoration: none;
}

/*------ pagination ------*/
.pagination {
  position: relative;
  background: #fff;
  padding: 3px;
  border-radius: 12px;
}

.pagination .prev,
.pagination .next {
  position: absolute;
  background: #EEECE7;
}

.pagination .prev {
  left: 0;
}

.pagination .next {
  right: 0;
}

.pagination .page-numbers { /*通常時*/
  color: #494741;
  border: none;
  border-radius: 12px;
}

.pagination .page-numbers.current { /*現在のページ*/
  background-color: #494741;
  color: #fff;
}

.pagination .page-numbers.dots { /*ドット「…」の部分*/
  opacity: 1;
  background: none;
}

.pagination .page-numbers:hover { /*マウスホバー時*/
  background-color: #494741;
  color: #fff;
}

/*------ Tab content ------*/
.tab-content-wrap .tabs {
  display: flex;
  background: #EEECE7;
  border-radius: 20px;
  padding: 7px;
  list-style-type: none;
}

.tab-content-wrap .tabs li {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  cursor: pointer;
  flex: 1;
  text-align: center;
  padding: 16px;
  border-radius: 20px;
}

@media screen and (max-width: 375px) {
  .tab-content-wrap .tabs li {
    font-size: 11px;
  }
}
.tab-content-wrap .tabs li.active {
  background: #494741;
  color: #fff;
}

.tab-content-wrap .tabs li .only-pc {
  display: inline;
}

@media screen and (max-width: 991px) {
  .tab-content-wrap .tabs li .only-pc {
    display: none;
  }
}
.tab-content-wrap .tabs li br {
  display: none;
}

@media screen and (max-width: 767px) {
  .tab-content-wrap .tabs li br {
    display: block;
  }
}
.tab-content-wrap .tabs li span {
  color: #494741;
  background: #fff;
  margin-left: 15px;
  padding: 1px 10px;
  border-radius: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .tab-content-wrap .tabs li span {
    margin-left: 0;
    line-height: 2.5;
  }
}
.tab-content-wrap .tabs li span::before {
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 5px;
  border-right-width: 5px;
  margin-top: -2px;
  border-right-color: #fff;
  right: 100%;
  top: 50%;
}

@media screen and (max-width: 767px) {
  .tab-content-wrap .tabs li span::before {
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 3px;
    border-right-width: 3px;
    margin-left: -3px;
    border-right-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    top: inherit;
    right: inherit;
    bottom: 100%;
    left: 50%;
  }
}
.tab-content-wrap .tab_content {
  display: none;
}

.tab-content-wrap .tab_content:first-of-type {
  display: block;
}

@media screen and (max-width: 767px) {
  .tab-content-wrap .tab_content {
    padding: 0 10px;
  }
}
.tab-content-wrap .content_hidden {
  display: none;
}

/*------ youtube ------*/
.video-container {
  max-width: inherit;
}

@media screen and (max-width: 991px) {
  .home #main-before {
    display: block;
    padding: 0 0 40px;
  }
}
.home .main-visual {
  background: url("images/main-visual-bg.png") no-repeat;
  background-size: contain;
  background-position: bottom center;
  display: flex;
  text-align: center;
}

.home .main-visual__left, .home .main-visual__right {
  width: 50vw;
}

@media screen and (max-width: 991px) {
  .home .main-visual__left, .home .main-visual__right {
    width: 100%;
  }
}
.home .main-visual .catch-copy {
  font-size: 40px;
  font-size: clamp(24px, 3.3vw, 40px);
  line-height: 1.4;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 6px;
  text-align: left;
  padding-top: 160px;
  padding-left: 100px;
  margin-bottom: 24px;
}

@media screen and (max-width: 991px) {
  .home .main-visual .catch-copy {
    padding: 0 16px;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .home .main-visual .catch-copy {
    display: block;
  }
}
.home .main-visual .sub-catch-copy {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  text-align: left;
  padding-left: 100px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 1.6px;
}

@media screen and (max-width: 991px) {
  .home .main-visual .sub-catch-copy {
    padding: 0 16px;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .home .main-visual .sub-catch-copy {
    display: block;
  }
}
.home .main-visual .main-image {
  padding-top: 70px;
  padding-bottom: 65px;
}

@media screen and (max-width: 991px) {
  .home .main-visual .main-image {
    padding: 36px 36px 14px;
  }
}
.home .main {
  position: relative;
  padding: 0 0 0 32px;
  background: none;
}

.home .home-sp-sns-buttons {
  display: none;
}

@media screen and (max-width: 991px) {
  .home #list-flower, .home #list-event, .home #list-story, .home #list-farmer {
    padding-bottom: 80px;
  }
}
.home .recent-sp-link {
  margin-top: 80px;
}

.home .event-sp-link {
  margin-top: -80px;
  padding-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .home .story-sp-link,
.home .farmer-sp-link {
    margin-top: 40px;
  }
}
.left-column {
  max-width: 235px;
  margin-right: 46px;
}

@media screen and (max-width: 1200px) {
  .left-column {
    max-width: inherit;
    width: 55%;
    margin: 0 auto 60px;
  }
}
@media screen and (max-width: 767px) {
  .left-column {
    width: 100%;
    padding: 0 10px;
  }
}
.left-column-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 38px;
}

@media screen and (max-width: 991px) {
  .left-column-title {
    margin-bottom: 16px;
  }
}
.left-column .search-wrap {
  background: #EEECE7;
  border-radius: 20px;
  padding: 20px;
}

.left-column .search-box {
  margin: 0 0 16px;
}

.left-column .search-box input {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  height: 57px;
  line-height: 57px;
  padding: 16px;
  border: none;
  border-radius: 12px;
}

.left-column .search-box input::-webkit-input-placeholder {
  color: #C8C5C0;
}

.left-column .search-box input:-ms-input-placeholder {
  color: #C8C5C0;
}

.left-column .search-box input::-ms-input-placeholder {
  color: #C8C5C0;
}

.left-column .search-box input::placeholder {
  color: #C8C5C0;
}

.left-column .search-box button {
  font-size: 12px;
  font-size: clamp(11px, 1.2vw, 13px);
  background: #494741;
  color: #fff;
  width: 45px;
  height: 54px;
  line-height: 54px;
  border-radius: 12px;
  top: 2px;
  right: 2px;
}

.left-column .left-or {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

.left-column .search-box {
  position: relative;
}

.left-column .search-title {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 500;
  letter-spacing: 1.6px;
  margin-bottom: 12px;
}

.left-column .list-page {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
  color: #494741;
  position: absolute;
  top: 0;
  right: 0;
}

.left-column .select-wrap {
  position: relative;
}

.left-column .select-wrap::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  font-size: clamp(11px, 1.2vw, 13px);
  content: "\f078";
  width: 45px;
  height: 54px;
  line-height: 54px;
  background: #EEECE7;
  text-align: center;
  border-radius: 12px;
  position: absolute;
  top: 2px;
  right: 2px;
}

.left-column .select-wrap select {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  height: 57px;
  line-height: 57px;
  border: none;
  border-radius: 12px;
  padding: 2px 2px 2px 17px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff;
}

.left-column .select-wrap select::-ms-expand {
  display: none;
}

.left-column .and-search-submit {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  margin-top: 20px;
  padding: 20px;
  letter-spacing: 2px;
  background: #494741;
  line-height: 1 !important;
  color: #fff;
}

.list .a-wrap {
  padding: 0;
}

.main {
  /*------ Recent ------*/
  /*------ Event ------*/
  /*------ STORY ------*/
  /*------ farmer ------*/
}

.main .recent-title,
.main .event-title,
.main .story-title,
.main .farmer-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  letter-spacing: 2px;
  padding-bottom: 24px;
  position: relative;
}

.main .recent-title::after,
.main .event-title::after,
.main .story-title::after,
.main .farmer-title::after {
  content: "";
  border: 0.995812px dashed #E2E0DC;
  position: absolute;
  top: 14px;
  width: calc(100% - 240px);
  left: 110px;
}

@media screen and (max-width: 991px) {
  .main .recent-title::after,
.main .event-title::after,
.main .story-title::after,
.main .farmer-title::after {
    top: 11px;
    width: calc(100% - 114px);
  }
}
.main .recent-upper-link, .main .recent-sp-link,
.main .event-upper-link,
.main .event-sp-link,
.main .story-upper-link,
.main .story-sp-link,
.main .farmer-upper-link,
.main .farmer-sp-link {
  position: relative;
}

.main .recent-upper-link a, .main .recent-sp-link a,
.main .event-upper-link a,
.main .event-sp-link a,
.main .story-upper-link a,
.main .story-sp-link a,
.main .farmer-upper-link a,
.main .farmer-sp-link a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  position: absolute;
  top: -52px;
  right: 0;
  text-decoration: none;
}

.main .recent-upper-link a::after, .main .recent-sp-link a::after,
.main .event-upper-link a::after,
.main .event-sp-link a::after,
.main .story-upper-link a::after,
.main .story-sp-link a::after,
.main .farmer-upper-link a::after,
.main .farmer-sp-link a::after {
  content: url("images/icon-carousel-link.png");
  vertical-align: middle;
  margin-left: 17px;
}

@media screen and (max-width: 991px) {
  .main .recent-upper-link,
.main .event-upper-link,
.main .story-upper-link,
.main .farmer-upper-link {
    display: none;
  }
}
.main .recent-sp-link,
.main .event-sp-link,
.main .story-sp-link,
.main .farmer-sp-link {
  display: none;
}

@media screen and (max-width: 991px) {
  .main .recent-sp-link,
.main .event-sp-link,
.main .story-sp-link,
.main .farmer-sp-link {
    display: block;
  }
}
.main .event-title::after {
  width: calc(100% - 276px);
  left: 180px;
}

@media screen and (max-width: 991px) {
  .main .event-title::after {
    width: calc(100% - 196px);
  }
}
.main .story-title::after {
  width: calc(100% - 276px);
  left: 132px;
}

@media screen and (max-width: 991px) {
  .main .story-title::after {
    width: calc(100% - 142px);
  }
}
.main .farmer-title::after {
  width: calc(100% - 296px);
  left: 156px;
}

@media screen and (max-width: 991px) {
  .main .farmer-title::after {
    width: calc(100% - 166px);
  }
}
.main .entry-card {
  margin-bottom: 24px;
}

.main .entry-card-wrap article {
  display: flex;
}

.main .entry-card-thumb {
  width: 180px;
  height: 180px;
  margin: 0;
  border-radius: 32px;
}

.main .entry-card-thumb img {
  width: 180px;
  height: 180px;
  border: 2px solid #fff;
  border-radius: 32px;
}

@media screen and (max-width: 520px) {
  .main .entry-card-thumb {
    width: 110px;
    height: 110px;
    border-radius: 20px;
  }
  .main .entry-card-thumb img {
    width: 110px;
    height: 110px;
    border-radius: 20px;
  }
}
.main .entry-card-content {
  margin: 0;
  padding: 30px 0 0 30px;
}

@media screen and (max-width: 520px) {
  .main .entry-card-content {
    padding: 0 0 0 19px;
  }
}
.main .entry-card-title {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
}

.main .entry-card-title-link {
  text-decoration: none;
}

.main .entry-card-title span {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  margin-left: 8px;
}

.main .entry-card-category .cat-link {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  text-decoration: underline;
  background: none;
  margin: 0;
  padding: 0;
  display: block;
  color: #494741;
}

.main .entry-card-category .cat-link:hover {
  color: #DC595B;
}

.main .entry-card-meta {
  position: inherit;
  bottom: auto;
  right: auto;
  text-align: left;
}

.main .entry-card .post-author {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  margin-top: 20px;
  display: inline-block;
  position: relative;
  letter-spacing: 0.8px;
}

.main .entry-card .post-author-image {
  box-shadow: none !important;
  display: inline-block;
  vertical-align: text-bottom;
  margin-bottom: -3px;
}

.main .entry-card .post-author-image:not(:last-of-type) {
  margin-right: -20px;
}

@media screen and (max-width: 520px) {
  .main .entry-card .post-author-image:not(:last-of-type) {
    margin-right: -15px;
  }
}
@media screen and (max-width: 520px) {
  .main .entry-card .post-author-image {
    width: 30px;
    height: 30px;
  }
}
.main .entry-card .post-author-num {
  font-size: 24px;
  font-size: clamp(19px, 2vw, 24px);
  font-family: "Cabin";
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 20px;
}

.main .entry-card .post-author::before {
  content: "";
  height: 15px;
  width: 100%;
  background: #EEECE7;
  border-radius: 4px;
  position: absolute;
  bottom: -6px;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .main .entry-card .post-author .pc-text {
    display: none;
  }
}
.main .entry-card .post-author .sp-text {
  display: none;
}

@media screen and (max-width: 767px) {
  .main .entry-card .post-author .sp-text {
    display: inline-block;
  }
}
.main .list-event {
  display: flex;
  justify-content: space-between;
  margin-bottom: 76px;
}

@media screen and (max-width: 767px) {
  .main .list-event {
    flex-wrap: wrap;
  }
}
.main .list-event .event-card-wrap {
  margin-right: 20px;
}

.main .list-event .event-card-wrap:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .main .list-event .event-card-wrap {
    width: calc(50% - 10px);
    margin-bottom: 15px;
  }
  .main .list-event .event-card-wrap:nth-child(even) {
    margin-right: 0;
  }
}
.main .list-event figure,
.main .list-event img {
  width: 100%;
}

.main .list-event figure {
  margin-bottom: 10px;
}

.main .list-event img {
  border-radius: 20px;
}

.main .list-event a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  text-decoration: none;
}

.main .list-story-desc {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  letter-spacing: 1.6px;
  margin-bottom: 40px;
}

.main .list-story article {
  position: relative;
  padding-bottom: 110px;
}

.main .list-story article a {
  text-decoration: none;
}

.main .list-story img {
  border-radius: 20px;
}

.main .list-story .story-card-a-warp {
  position: relative;
}

.main .list-story .story-card-date {
  font-size: 12px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  font-family: "Cabin";
  letter-spacing: 2px;
  position: absolute;
  top: -26px;
  right: 50px;
}

.main .list-story .story-card-date span {
  font-size: 24px;
  font-size: clamp(19px, 2vw, 24px);
  position: absolute;
  top: 9px;
  right: -20px;
}

.main .list-story .story-card-content {
  width: 100%;
  position: absolute;
  left: -13px;
  bottom: 0;
  z-index: 2;
}

.main .list-story .story-card-box {
  width: 100%;
  max-width: 523px;
  background: #fff;
  padding: 16px 22px 16px 72px;
  border-radius: 18px;
  box-shadow: 0px 3.62985px 6.2226px rgba(73, 71, 65, 0.05);
  position: relative;
}

.main .list-story .story-card-box::before {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(0, 153, 255, 0);
  border-top-width: 14px;
  border-bottom-width: 14px;
  border-left-width: 9px;
  border-right-width: 9px;
  margin-left: -9px;
  border-top-color: #fff;
  top: 100%;
  left: 32px;
}

.main .list-story .story-card-line {
  position: relative;
}

.main .list-story .story-card-line::after {
  content: "";
  width: 1px;
  height: calc(100% - 12px);
  background: #E2E0DC;
  position: absolute;
  top: 6px;
  left: -18px;
}

@media screen and (max-width: 991px) {
  .main .list-story .story-card-line::after {
    height: calc(100% + 5px);
    top: 0;
    left: 3px;
  }
}
.main .list-story .story-card-title {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 28px;
  margin-bottom: 4px;
}

@media screen and (max-width: 991px) {
  .main .list-story .story-card-title {
    margin-left: 20px;
  }
}
.main .list-story .story-card-category a {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  background: none;
  text-decoration: underline;
  line-height: 16px;
  padding-left: 0;
}

@media screen and (max-width: 991px) {
  .main .list-story .story-card-category a {
    margin-left: 20px;
  }
}
.main .list-story .story-card-number {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-family: "Cabin";
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 20px;
  position: absolute;
  top: calc(60% - 36px);
  left: -90px;
}

@media screen and (max-width: 991px) {
  .main .list-story .story-card-number {
    top: calc(50% - 22px);
    left: -56px;
  }
}
.main .list-story .story-card-number span {
  font-size: 27px;
  font-size: clamp(21px, 2vw, 27px);
  letter-spacing: 3px;
  line-height: 40px;
  position: absolute;
  top: 20px;
  left: -3px;
}

@media screen and (max-width: 991px) {
  .main .list-story .story-card-number span {
    position: inherit;
    top: 0;
    line-height: 1;
  }
  .main .list-story .story-card-number span::before {
    content: "\a";
    white-space: pre;
  }
}
.main .list-story .story-card-under {
  padding: 26px 0 28px;
  position: relative;
}

.main .list-story .story-card-meta {
  position: absolute;
  top: 16px;
  left: 57px;
}

.main .list-story .story-card-meta .taxonomy,
.main .list-story .story-card-meta .term-link {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
  margin-right: 16px;
}

.main .list-story .story-card-meta .taxonomy {
  text-decoration: none;
  padding: 2px 12px;
  background: #EEECE7;
  border-radius: 17px;
}

.main .list-story .story-card-meta .term-link {
  border: none;
  padding: 2px 0;
  text-decoration: underline;
}

.main .list-story .post-author-image {
  width: 45px;
  height: 45px;
  display: inline-block;
  margin-right: 12px;
}

.main .list-story .post-author-name {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  vertical-align: text-bottom;
}

.main .list-farmer-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main .list-farmer-desc {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  letter-spacing: 1.6px;
  margin-bottom: 60px;
}

.page-template-one-column #main {
  width: 100%;
  max-width: 800px;
}

@media screen and (max-width: 767px) {
  .page-template-one-column #main {
    padding: 0;
  }
}
.page-contact #main-before {
  background: url("images/bg-contact.png") no-repeat;
  background-size: contain;
  background-position: center left;
}

.page-contact .article-header,
.page-contact .article-footer {
  display: none;
}

.page-contact .entry-content .tab_content {
  background: #fff;
  border-radius: 20px;
  padding: 37px 50px;
  display: block;
}

@media screen and (max-width: 767px) {
  .page-contact .entry-content .tab_content {
    padding: 8px;
  }
}
.page-contact .entry-content .tabs {
  padding: 7px 14px;
}

.page-contact .entry-content .tabs li {
  margin: 0;
}

.page-contact .entry-content .tabs li::before {
  content: none;
}

.page-contact .entry-content .contact-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.page-contact .entry-content .contact-title span {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  letter-spacing: 1px;
  font-family: "Cabin";
  color: #CECAC1;
  background: #494741;
  border-radius: 20px;
  padding: 4px 11px;
  margin-right: 14px;
}

.page-contact .entry-content .contact-privacy-link {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  padding: 12px;
  background: #EEECE7;
  margin: 0 auto 32px;
  width: 100vw;
  max-width: 276px;
  border-radius: 20px;
}

.page-contact .entry-content input[type=text],
.page-contact .entry-content input[type=email],
.page-contact .entry-content input[type=tel],
.page-contact .entry-content input[type=url],
.page-contact .entry-content textarea {
  padding: 20px;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .page-contact .entry-content input[type=text],
.page-contact .entry-content input[type=email],
.page-contact .entry-content input[type=tel],
.page-contact .entry-content input[type=url],
.page-contact .entry-content textarea {
    font-size: 16px;
    border-radius: 10px;
  }
}
.page-contact .entry-content input[type=submit] {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  color: #fff;
  background: #494741;
  padding: 20px;
  border-radius: 20px;
}

#sidebar {
  margin: 0 34px;
  padding: 0;
  background: none;
  /*------ 人気のお花 ------*/
  /*------ 人気の生産者 ------*/
  /*------ お花情報SNS ------*/
}

@media screen and (max-width: 991px) {
  #sidebar {
    margin: 0;
    padding: 10px;
  }
}
#sidebar .widget-sidebar {
  margin: 0 0 32px;
  padding: 0 0 32px;
  border-bottom: 1px dashed #E2E0DC;
}

#sidebar .widget-sidebar:last-of-type {
  border: none;
}

#sidebar .widget-sidebar-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 150%;
  background: none;
  margin: 0 0 30px;
  padding: 0;
}

#sidebar .side-popular-flower {
  list-style-type: none;
  padding: 0;
  position: relative;
}

#sidebar .side-popular-flower::before {
  font-family: "Cabin";
  font-weight: 700;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: -4px;
}

#sidebar .side-popular-flower:nth-of-type(1)::before {
  content: "1";
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  background: #E6BB38;
}

#sidebar .side-popular-flower:nth-of-type(2)::before {
  content: "2";
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  background: #D3D0C7;
}

#sidebar .side-popular-flower:nth-of-type(3)::before {
  content: "3";
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  background: #C75D30;
}

#sidebar .side-popular-flower li {
  display: flex;
  margin-bottom: 16px;
}

#sidebar .side-popular-flower a {
  display: flex;
  text-decoration: none;
}

#sidebar .side-popular-flower a:hover img {
  opacity: 1;
}

#sidebar .side-popular-flower-thumb {
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 20px;
  vertical-align: middle;
}

#sidebar .side-popular-flower-thumb img {
  width: 90px;
  height: 90px;
  border-radius: 20px;
  border: 4px solid #fff;
}

#sidebar .side-popular-flower-text {
  display: inline-block;
  margin-left: 17px;
  margin-top: 20px;
}

#sidebar .side-popular-flower-breed {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  letter-spacing: 1.6px;
  line-height: 160%;
}

#sidebar .side-popular-flower-title {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
  letter-spacing: 1.3px;
  line-height: 150%;
  text-decoration: underline;
}

#sidebar .wpp-list,
#sidebar .side-farmer-wrap {
  padding: 0;
}

#sidebar .wpp-list li,
#sidebar .side-farmer-wrap li {
  display: flex;
  margin-bottom: 16px;
}

#sidebar .wpp-list li .wpp-farmer-thumb,
#sidebar .wpp-list li .side-farmer-avatar,
#sidebar .side-farmer-wrap li .wpp-farmer-thumb,
#sidebar .side-farmer-wrap li .side-farmer-avatar {
  margin-right: 10px;
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 50px;
  border: 1px solid #EAE6DC;
}

#sidebar .wpp-list li .wpp-farmer-thumb img,
#sidebar .wpp-list li .side-farmer-avatar img,
#sidebar .side-farmer-wrap li .wpp-farmer-thumb img,
#sidebar .side-farmer-wrap li .side-farmer-avatar img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 3px solid #fff;
  max-width: inherit;
}

#sidebar .wpp-list li .wpp-farmer-thumb:hover,
#sidebar .wpp-list li .side-farmer-avatar:hover,
#sidebar .side-farmer-wrap li .wpp-farmer-thumb:hover,
#sidebar .side-farmer-wrap li .side-farmer-avatar:hover {
  border: 1px dashed #DC595B;
}

#sidebar .wpp-list .wpp-farmer-detail,
#sidebar .wpp-list .side-farmer-detail,
#sidebar .side-farmer-wrap .wpp-farmer-detail,
#sidebar .side-farmer-wrap .side-farmer-detail {
  display: inline-block;
  vertical-align: super;
}

#sidebar .wpp-list .wpp-farmer-detail > a,
#sidebar .wpp-list .side-farmer-detail > a,
#sidebar .side-farmer-wrap .wpp-farmer-detail > a,
#sidebar .side-farmer-wrap .side-farmer-detail > a {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
}

#sidebar .wpp-list .farmer-affiliation,
#sidebar .side-farmer-wrap .farmer-affiliation {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  font-weight: 700;
  line-height: 150%;
  display: inline-block;
  padding: 2px 12px;
  background: #EEECE7;
  border-radius: 16px;
}

#sidebar .wpp-list h4,
#sidebar .side-farmer-wrap h4 {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  display: block;
  margin-top: 4px;
}

#sidebar .wpp-list h4 a,
#sidebar .side-farmer-wrap h4 a {
  text-decoration: none;
}

#sidebar .side-farmer-num {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  margin-bottom: 9px;
  padding: 2px 14px;
  color: #fff;
  background: #494741;
  border-radius: 20px;
  display: inline-block;
  position: relative;
}

#sidebar .side-farmer-num::after {
  content: "";
  position: absolute;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(0, 153, 255, 0);
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 2px;
  border-right-width: 2px;
  margin-left: -2px;
  border-top-color: #494741;
  top: 100%;
  left: 15%;
}

#sidebar .under-list-button a {
  width: 224px;
}

#sidebar #custom_html-4 {
  margin-top: 43px;
}

#sidebar #custom_html-4 .widget-sidebar-title {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  text-align: center;
  line-height: 160%;
  letter-spacing: 1.6px;
  padding: 22px 0 15px;
  background: #EEECE7;
  margin-bottom: -8px;
  border-radius: 20px 20px 0 0;
  position: relative;
  z-index: -1;
}

#sidebar #custom_html-4 .widget-sidebar-title::before {
  content: url("images/side-sns-follow.png");
  width: 124px;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (max-width: 991px) {
  #sidebar #custom_html-4 .textwidget {
    text-align: center;
  }
}
#sidebar .side-sns-follows {
  list-style-type: none;
  background: #FFFFFF;
  border: 3px solid #EEECE7;
  border-radius: 10px;
  padding: 20px 57px 8px;
}

#sidebar .side-sns-follows li {
  margin-bottom: 15px;
}

#sidebar .side-sns-follows a {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  font-family: "Cabin";
  line-height: 150%;
  text-decoration: none;
}

#sidebar .side-sns-follows i {
  margin-right: 12px;
}

#sidebar .side-sns-follows .fa-instagram {
  background: linear-gradient(139.09deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  background: -webkit-linear-gradient(-40deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#sidebar .side-sns-follows .fa-facebook {
  color: #1877F2;
}

#sidebar .side-sns-follows .fa-youtube {
  color: #E50005;
}

#sidebar.sidebar .contact-box-title {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  text-align: center;
  margin-top: 34px;
  margin-bottom: 12px;
  padding-top: 25px;
  border-top: 1px solid #E2E0DC;
}

#sidebar.sidebar .contact-box li a {
  border-bottom: 1px dashed #E2E0DC;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

#sidebar.sidebar .contact-box li:last-child a {
  border: none;
  margin-bottom: 0;
}

#sidebar.sidebar .contact-box-follow-buttons {
  list-style-type: none;
  padding: 0;
}

#sidebar.sidebar .contact-box-follow-website a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  background: #DC595B;
  margin-bottom: 24px !important;
  padding: 24px !important;
  display: block;
  position: relative;
  border-radius: 12px;
  border: none !important;
}

#sidebar.sidebar .contact-box-follow-website i {
  position: absolute;
  top: 24px;
  right: 24px;
}

#sidebar.sidebar .contact-box-follow-facebook a, #sidebar.sidebar .contact-box-follow-twitter a, #sidebar.sidebar .contact-box-follow-instagram a {
  display: block;
  text-decoration: none;
  position: relative;
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.03em;
}

#sidebar.sidebar .contact-box-follow-facebook .fa-facebook,
#sidebar.sidebar .contact-box-follow-facebook .fa-twitter,
#sidebar.sidebar .contact-box-follow-facebook .fa-instagram, #sidebar.sidebar .contact-box-follow-twitter .fa-facebook,
#sidebar.sidebar .contact-box-follow-twitter .fa-twitter,
#sidebar.sidebar .contact-box-follow-twitter .fa-instagram, #sidebar.sidebar .contact-box-follow-instagram .fa-facebook,
#sidebar.sidebar .contact-box-follow-instagram .fa-twitter,
#sidebar.sidebar .contact-box-follow-instagram .fa-instagram {
  margin-right: 11px;
}

#sidebar.sidebar .contact-box-follow-facebook .fa-facebook, #sidebar.sidebar .contact-box-follow-twitter .fa-facebook, #sidebar.sidebar .contact-box-follow-instagram .fa-facebook {
  color: #1877F2;
}

#sidebar.sidebar .contact-box-follow-facebook .fa-twitter, #sidebar.sidebar .contact-box-follow-twitter .fa-twitter, #sidebar.sidebar .contact-box-follow-instagram .fa-twitter {
  color: #1CBBFF;
}

#sidebar.sidebar .contact-box-follow-facebook .fa-instagram, #sidebar.sidebar .contact-box-follow-twitter .fa-instagram, #sidebar.sidebar .contact-box-follow-instagram .fa-instagram {
  background: linear-gradient(139.09deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  background: -webkit-linear-gradient(-40deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#sidebar.sidebar .contact-box-follow-facebook .fa-external-link-alt, #sidebar.sidebar .contact-box-follow-twitter .fa-external-link-alt, #sidebar.sidebar .contact-box-follow-instagram .fa-external-link-alt {
  color: #CECAC1;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 12px;
}

#sidebar.sidebar .farmer-card-wrap {
  width: 100%;
  padding: 24px 20px;
}

#sidebar.sidebar .farmer-card-a-wrap {
  padding: 0;
}

#sidebar.sidebar .farmer-card-avatar img {
  width: 80px;
  height: 80px;
  padding: 4px;
}

#sidebar.sidebar .farmer-card-user-name {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  letter-spacing: 150%;
  letter-spacing: 2px;
}

#sidebar.sidebar .farmer-card-meta {
  margin-bottom: 15px;
}

#sidebar.sidebar .farmer-card-meta-wrap {
  padding: 0;
}

#sidebar.sidebar .farmer-card-meta .tag {
  vertical-align: sub;
}

#sidebar.sidebar .farmer-card-flower {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
  margin-bottom: 15px;
}

#sidebar.sidebar .farmer-card-flower::before {
  width: 80px;
  top: 12px;
}

#sidebar.sidebar .farmer-card-story {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
}

#sidebar.sidebar .farmer-card-story::before {
  top: 12px;
}

#sidebar.sidebar .side-farmer-profile {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
  margin-bottom: 12px;
}

#sidebar.sidebar .side-farmer-bottom a {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  display: block;
  padding: 24px;
  text-align: center;
  background: #E2E0DC;
  border-radius: 20px;
  margin-bottom: 3px;
  text-decoration: none;
  position: relative;
}

#sidebar.sidebar .side-farmer-bottom a::after {
  content: "";
  width: 214px;
  height: 1px;
  background: #E2E0DC;
  position: absolute;
  left: 12px;
  bottom: -3px;
}

#sidebar.sidebar .pdf-wrap {
  padding: 0 16px;
  text-align: center;
}

#sidebar.sidebar .pdf-wrap a {
  display: block;
  margin-bottom: 40px;
}

#sidebar.sidebar .pdf-wrap a.pdf-dl-button {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  padding: 16px 20px;
  color: #fff;
  background: #DC595B;
  border-radius: 12px;
  text-decoration: none;
}

#sidebar.sidebar .pdf-wrap a.pdf-dl-button:hover {
  opacity: 0.7;
}

.single-post #main-before {
  background: url("images/bg-news.png") no-repeat;
  background-size: 60%;
  background-position: center center;
}

.single #content-in {
  padding-left: 0;
  padding-bottom: 111px;
  margin-bottom: 80px;
  border-bottom: 2px solid #494741;
}

.single .main {
  width: 960px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .single .main {
    width: 100%;
  }
}
.single #carousel {
  margin-bottom: 120px;
}

.single .list-story-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.single .list-story-wrap .under-list-button {
  flex: 1;
}

.single .list-story-title {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 43px;
}

.single .list-story-title span {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-family: "Cabin";
  font-weight: 500;
  line-height: 19px;
  color: #fff;
  background: #494741;
  margin-left: 16px;
  padding: 2px 14px;
  border-radius: 20px;
  position: relative;
}

.single .list-story-title span::before {
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 5px;
  border-right-width: 5px;
  margin-top: -2px;
  border-right-color: #494741;
  right: 100%;
  top: 50%;
}

.single .list-story .story-card-wrap {
  width: calc(50% - 40px);
  margin-bottom: 35px;
}

.single .list-story .story-card-box {
  padding: 10px 10px 10px 50px;
  max-width: 405px;
}

.single .list-story .story-card-number {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  left: -64px;
}

.single .list-story .story-card-number span {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  left: -2px;
}

.single .list-story .story-card-content {
  bottom: -18px;
}

.single .content-footer {
  display: flex;
}

@media screen and (max-width: 991px) {
  .single .content-footer {
    display: block;
    padding: 0 10px;
  }
}
.single .right-column .upper-link {
  position: relative;
}

.single .right-column .upper-link a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  position: absolute;
  top: -65px;
  right: 0;
  text-decoration: none;
}

.single .right-column .upper-link a::after {
  content: url("images/icon-carousel-link.png");
  vertical-align: middle;
  margin-left: 17px;
}

.single .right-column [class$=-sp-link] {
  text-align: right;
  margin-bottom: 40px;
}

.single .right-column [class$=-sp-link] a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  text-decoration: none;
}

.single .right-column [class$=-sp-link] a::after {
  content: url("images/icon-carousel-link.png");
  vertical-align: middle;
  margin-left: 17px;
}

@media screen and (min-width: 767px) {
  .single .right-column [class$=-sp-link] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .single .right-column .upper-link {
    display: none;
  }
}
.single .list-breed-wrap,
.single .list-event-wrap {
  margin-bottom: 55px;
}

.single .list-breed-title,
.single .list-event-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 38px;
  position: relative;
}

.single .list-breed-title::before,
.single .list-event-title::before {
  content: "";
  width: 48%;
  border: 0.995812px dashed #E2E0DC;
  position: absolute;
  top: 15px;
  right: 140px;
}

@media screen and (max-width: 767px) {
  .single .list-breed-title::before,
.single .list-event-title::before {
    top: 12px;
    right: 10px;
  }
}
.single .list-breed-box,
.single .list-event-box {
  display: flex;
}

@media screen and (max-width: 767px) {
  .single .list-breed-box,
.single .list-event-box {
    flex-wrap: wrap;
  }
}
.single .list-breed-box a,
.single .list-event-box a {
  margin-right: 30px;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .single .list-breed-box a,
.single .list-event-box a {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .single .list-breed-box a:nth-of-type(even),
.single .list-event-box a:nth-of-type(even) {
    margin-right: 0;
  }
}
.single .list-breed-box a:last-of-type,
.single .list-event-box a:last-of-type {
  margin-right: 0;
}

.single .list-breed-box a img,
.single .list-event-box a img {
  border-radius: 20px;
}

.single .list-breed-card-title,
.single .list-event-card-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-top: 13px;
}

.single .sns-share {
  margin-bottom: 90px;
}

.single #sidebar {
  margin: 0;
}

@media screen and (max-width: 1440px) {
  .single #sidebar {
    margin-right: 60px;
    width: 30%;
  }
}
@media screen and (max-width: 991px) {
  .single #sidebar {
    width: 100%;
    margin: 0 auto;
  }
}
.single-flower #main-before {
  display: none;
}

@media screen and (max-width: 1440px) {
  .single-flower #content-in {
    max-width: inherit;
    width: 100%;
    padding: 0 40px;
    display: flex;
  }
}
@media screen and (max-width: 991px) {
  .single-flower #content-in {
    display: block;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .single-flower #content-in {
    padding: 0 10px;
  }
}
.single-flower .main {
  width: calc(100% - 300px);
  padding-right: 60px;
}

@media screen and (max-width: 1440px) {
  .single-flower .main {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .single-flower .main {
    width: 100%;
    padding-right: 0;
    margin: 0;
  }
}
.single-flower h1 {
  font-size: 40px;
  font-size: clamp(24px, 3.3vw, 40px);
  line-height: 1.4;
  margin-bottom: 40px;
}

.single-flower-header {
  max-width: 1440px;
  margin: 0 auto;
  padding: 130px 98px 102px 130px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .single-flower-header {
    padding: 130px 40px 102px;
  }
}
@media screen and (max-width: 991px) {
  .single-flower-header {
    padding: 20px;
  }
}
.single-flower-header > figure {
  float: right;
  margin-left: 73px;
  width: 443px;
  height: 443px;
}

@media screen and (max-width: 991px) {
  .single-flower-header > figure {
    float: none;
    margin: 0 auto 32px;
    width: 100%;
    height: auto;
    max-width: 443px;
    max-height: 443px;
    display: block;
    text-align: center;
  }
}
.single-flower-header > figure img {
  width: 100%;
  border-radius: 40px;
  border: 2.5px solid #fff;
}

@media screen and (max-width: 991px) {
  .single-flower-header > figure img {
    display: block;
    max-width: 443px;
  }
}
.single-flower-tag-list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  margin-bottom: 63px;
}

.single-flower-tag-list .row {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
  margin-right: 24px;
  margin-bottom: 24px;
}

.single-flower-tag-list .row span {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  color: #CECAC1;
}

.single-flower-tag-list .row a {
  margin-right: 20px;
}

.single-flower-event-list-title {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 25px;
  position: relative;
}

.single-flower-event-list-title::after {
  content: "";
  border: 0.995812px dashed #E2E0DC;
  position: absolute;
  top: 11px;
  width: calc(100% - 674px);
  left: 148px;
}

@media screen and (max-width: 991px) {
  .single-flower-event-list-title::after {
    width: calc(100% - 160px);
    left: inherit;
    right: 0;
  }
}
.single-flower-event-items {
  display: flex;
}

@media screen and (max-width: 767px) {
  .single-flower-event-items {
    flex-wrap: wrap;
  }
}
.single-flower-event-item {
  text-decoration: none;
  margin-right: 18px;
}

@media screen and (max-width: 767px) {
  .single-flower-event-item {
    width: calc(50% - 9px);
    margin-bottom: 16px;
  }
  .single-flower-event-item:nth-of-type(even) {
    margin-right: 0;
  }
}
.single-flower-event-item:last-of-type {
  margin-right: 0;
}

.single-flower-event-thumb {
  width: 136px;
  height: 105px;
}

@media screen and (max-width: 767px) {
  .single-flower-event-thumb {
    width: 100%;
    height: auto;
  }
}
.single-flower-event-thumb img {
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .single-flower-event-thumb img {
    width: 100%;
  }
}
.single-flower-event-title {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}

@media screen and (max-width: 1200px) {
  .single-flower .list-story-wrap {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .single-flower .list-story-wrap {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .single-flower .list-story-wrap {
    display: block;
  }
}
.single-flower .list-story .story-card-wrap {
  width: calc(50% - 20px);
}

@media screen and (max-width: 1200px) {
  .single-flower .list-story .story-card-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .single-flower .list-story .story-card-wrap {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .single-flower .list-story .story-card-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .single-flower .list-story .story-card-title {
    margin-bottom: 0;
    line-height: 150%;
  }
}
@media screen and (max-width: 991px) {
  .single-flower .list-story .story-card-number {
    top: calc(50% - 15px);
    left: -42px;
  }
}
@media screen and (max-width: 991px) {
  .single-flower .list-story .story-card-number span {
    position: inherit;
    top: 0;
    line-height: 1;
  }
  .single-flower .list-story .story-card-number span::before {
    content: "\a";
    white-space: pre;
  }
}
.single-flower .flower-detail-title {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}

@media screen and (max-width: 991px) {
  .single-flower .flower-detail-title {
    margin-bottom: 24px;
  }
}
.single-flower .flower-detail-contents {
  padding: 78px 100px 30px;
  background: #fff;
  border-radius: 40px;
}

@media screen and (max-width: 1440px) {
  .single-flower .flower-detail-contents {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .single-flower .flower-detail-contents {
    padding: 40px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .single-flower .flower-detail-contents {
    padding: 16px;
  }
}
.single-flower .flower-detail-contents table {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  letter-spacing: 1.6px;
}

.single-flower .flower-detail-contents table tr {
  border-bottom: 1px solid #E2E0DC;
}

.single-flower .flower-detail-contents table tr:last-of-type {
  border: none;
}

.single-flower .flower-detail-contents table th {
  font-weight: 700;
  line-height: 160%;
  background: #fff;
  border: none;
  text-align: left;
  padding: 16px 0;
  vertical-align: text-top;
}

@media screen and (max-width: 1200px) {
  .single-flower .flower-detail-contents table th {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .single-flower .flower-detail-contents table th {
    display: table-cell;
  }
}
@media screen and (max-width: 767px) {
  .single-flower .flower-detail-contents table th {
    display: block;
  }
}
.single-flower .flower-detail-contents table td {
  font-weight: 400;
  line-height: 180%;
  background: #fff;
  border: none;
  padding: 16px 0;
}

@media screen and (max-width: 1200px) {
  .single-flower .flower-detail-contents table td {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .single-flower .flower-detail-contents table td {
    display: table-cell;
  }
}
@media screen and (max-width: 767px) {
  .single-flower .flower-detail-contents table td {
    display: block;
  }
}
.single-flower #sidebar {
  margin-top: 0;
  margin-right: 0;
}

@media screen and (max-width: 991px) {
  .single-flower #sidebar {
    margin-top: 40px;
  }
}
.single-story #main-before {
  display: none;
}

.single-story #content-in {
  display: flex;
  flex-wrap: nowrap;
}

@media screen and (max-width: 991px) {
  .single-story #content-in {
    display: block;
  }
}
.single-story-header {
  position: relative;
  width: 100%;
  max-width: 1240px;
  display: block;
  margin: 52px auto 28px;
}

@media screen and (max-width: 1440px) {
  .single-story-header {
    max-width: inherit;
    margin-left: -10px;
    margin-right: -10px;
    width: 100vw;
  }
}
@media screen and (max-width: 991px) {
  .single-story-header {
    margin-top: 20px;
  }
}
.single-story-header figure {
  border-radius: 40px;
  border: 5px solid #fff;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .single-story-header figure {
    border: none;
    border-radius: 0;
  }
}
.single-story-header figure img {
  display: block;
  margin: 0 auto;
  border-radius: 40px;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .single-story-header figure img {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .single-story-header figure img {
    width: auto;
    border-radius: 0;
    min-height: 290px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.single-story-header-inner {
  width: 100%;
  max-width: 752px;
  position: absolute;
  top: 64px;
  left: 109px;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .single-story-header-inner {
    width: calc(100% - 26px);
    top: 28px;
    left: 20px;
  }
}
.single-story-header h1 {
  font-size: 32px;
  font-size: clamp(24px, 3.3vw, 32px);
  text-shadow: 0px 0px 3px #494741;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 3px;
  margin-bottom: 12px;
}

.single-story-number {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  text-shadow: 0px 0px 3px #494741;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  margin-bottom: 9px;
}

.single-story-number span {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  letter-spacing: 0.03em;
  margin-left: 11px;
}

.single-story-date {
  font-size: 18px;
  font-size: clamp(14px, 1.3vw, 18px);
  text-shadow: 0px 0px 3px #494741;
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 991px) {
  .single-story-date {
    right: 30px;
  }
}
.single-story-date span {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  margin-right: 8px;
}

.single-story-tags a {
  font-size: 12px;
  font-size: clamp(11px, 1.2vw, 13px);
  text-shadow: 0px 0px 3px #494741;
  line-height: 150%;
  letter-spacing: 1px;
  color: #fff;
}

@media screen and (max-width: 1440px) {
  .single-story .main {
    padding-left: 5vw;
    width: 70%;
  }
}
@media screen and (max-width: 991px) {
  .single-story .main {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}
.single-story .main > article {
  padding-left: 205px;
}

@media screen and (max-width: 1440px) {
  .single-story .main > article {
    padding-left: 0;
    width: 100%;
  }
}
.single-story .farmer-card-author {
  margin-bottom: 83px;
}

.single-story .farmer-card-author .farmer-card-a-wrap {
  padding: 20px 20px 0;
}

.single-story .farmer-card-flex {
  display: flex;
}

@media screen and (max-width: 767px) {
  .single-story .farmer-card-flex {
    display: block;
  }
}
.single-story .farmer-card-wrap {
  max-width: 228px;
  margin-right: 17px;
}

@media screen and (max-width: 767px) {
  .single-story .farmer-card-wrap {
    margin: 0 auto;
    width: 228px;
  }
}
.single-story .farmer-card-title {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 68px;
  position: relative;
}

.single-story .farmer-card-title::after {
  content: "";
  border: 1px dashed #E2E0DC;
  position: absolute;
  top: 14px;
  width: calc(100% - 300px);
  left: 290px;
}

.single-story .farmer-card-avatar {
  top: -26px;
  right: 19px;
}

.single-story .farmer-card-avatar img {
  width: 80px;
  height: 80px;
  padding: 4px;
}

.single-story .farmer-card-taxonomy {
  margin-bottom: 12px;
}

.single-story .farmer-card-user-name {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  letter-spacing: 150%;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.single-story .farmer-card-meta {
  margin-bottom: 15px;
}

.single-story .farmer-card-meta-wrap {
  padding: 0 20px 1px;
}

@media screen and (max-width: 767px) {
  .single-story .farmer-card-meta-wrap {
    padding-bottom: 20px;
  }
}
.single-story .farmer-card-meta .tag {
  vertical-align: sub;
}

.single-story .farmer-card-flower {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
  margin-bottom: 15px;
}

.single-story .farmer-card-flower::before {
  width: 80px;
  top: 12px;
}

.single-story .farmer-card-story {
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
}

.single-story .farmer-card-story::before {
  top: 12px;
}

.single-story .farmer-card-description {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
}

@media screen and (max-width: 767px) {
  .single-story .farmer-card-description {
    margin-top: 26px;
  }
}
.single-story .farmer-card-follow-buttons {
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .single-story .farmer-card-follow-buttons {
    justify-content: center;
  }
}
.single-story .farmer-card-follow-buttons li {
  margin-right: 32px;
}

.single-story .farmer-card-follow-buttons li:last-of-type {
  margin-right: 0;
}

.single-story .farmer-card-follow-instagram {
  background: linear-gradient(139.09deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  background: -webkit-linear-gradient(-40deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.single-story .farmer-card-follow-facebook i {
  color: #1877F2;
}

.single-story .farmer-card-follow-youtube i {
  color: #E50005;
}

.single-story .farmer-card-right-footer {
  display: flex;
  justify-content: space-between;
}

.single-story .farmer-card-right-footer .farmer-link {
  margin-right: 14px;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .single-story .farmer-card-right-footer .farmer-link {
    margin-right: 8px;
  }
}
@media screen and (max-width: 375px) {
  .single-story .farmer-card-right-footer .farmer-link {
    margin-right: 4px;
  }
}
.single-story .farmer-card-right-footer .farmer-link a {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  text-decoration: none;
  background: #E2E0DC;
  border-radius: 20px;
  display: block;
  text-align: center;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .single-story .farmer-card-right-footer .farmer-link a {
    border-radius: 10px;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 375px) {
  .single-story .farmer-card-right-footer .farmer-link a {
    padding: 20px 6px;
    font-size: 10px;
  }
}
.single-story .farmer-card-right-footer .farmer-link-website {
  width: 50%;
}

.single-story .farmer-card-right-footer .farmer-link-website a {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  text-decoration: none;
  color: #fff;
  background: #DC595B;
  border-radius: 20px;
  display: block;
  text-align: center;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .single-story .farmer-card-right-footer .farmer-link-website a {
    border-radius: 10px;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 375px) {
  .single-story .farmer-card-right-footer .farmer-link-website a {
    padding: 20px 6px;
    font-size: 10px;
  }
}
.single-story .farmer-card-right-footer .farmer-link-website a i {
  margin-left: 12px;
}

@media screen and (max-width: 1200px) {
  .single-story .list-farmer-box {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .single-story .list-farmer-box {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .single-story .list-farmer-box .farmer-card-wrap {
    width: calc(50% - 3.5px);
    margin: 0 7px 64px 0;
  }
  .single-story .list-farmer-box .farmer-card-wrap:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 375px) {
  .single-story .list-farmer-box .farmer-card-wrap {
    width: 100%;
    margin: 0 0 64px;
  }
}
.single-story .list-story {
  margin-bottom: 70px;
}

.single-story .list-story article {
  padding-bottom: 25px;
}

.single-story .list-story img {
  border-radius: 14px;
}

.single-story .list-story-title {
  position: relative;
}

.single-story .list-story-title::after {
  content: "";
  border: 1px dashed #E2E0DC;
  position: absolute;
  top: 14px;
  width: calc(100% - 300px);
  left: 290px;
}

.single-story .list-story .story-card-category {
  margin-bottom: 0;
  line-height: 1;
}

.single-story .list-story .story-card-wrap {
  width: calc(50% - 18px);
}

@media screen and (max-width: 767px) {
  .single-story .list-story .story-card-wrap {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
.single-story .list-story .story-card-box {
  max-width: 322px;
  border-radius: 7px;
}

@media screen and (max-width: 767px) {
  .single-story .list-story .story-card-box {
    max-width: inherit;
    padding: 10px 10px 10px 13vw;
  }
}
.single-story .list-story .story-card-date {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  top: -23px;
  right: 34px;
}

.single-story .list-story .story-card-date span {
  font-size: 18px;
  font-size: clamp(14px, 1.3vw, 18px);
  right: -12px;
}

.single-story .list-story .story-card-content {
  bottom: 10px;
}

.single-story .list-story .story-card-title {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.single-story .list-story .story-card-number {
  top: calc(60% - 23px);
}

@media screen and (max-width: 991px) {
  .single-story .list-story .story-card-number {
    top: calc(50% - 22px);
    left: -40px;
  }
}
@media screen and (max-width: 767px) {
  .single-story .list-story .story-card-number {
    left: -14%;
  }
}
.single-story .list-story .story-card-number span {
  top: 12px;
}

@media screen and (max-width: 991px) {
  .single-story .list-story .story-card-number span {
    position: inherit;
    top: 0;
    line-height: 1;
    font-size: 18px;
  }
  .single-story .list-story .story-card-number span::before {
    content: "\a";
    white-space: pre;
  }
}
@media screen and (max-width: 375px) {
  .single-story .list-story .story-card-number span {
    font-size: 14px;
  }
}
.single-story .list-story .under-list-button {
  margin-top: 0;
}

.single-story .recent-title {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding-bottom: 0;
  position: relative;
}

.single-story .recent-title::after {
  content: "";
  border: 1px dashed #E2E0DC;
  position: absolute;
  top: 14px;
  width: calc(100% - 300px);
  left: 290px;
}

.single-story #list-flower h2 {
  margin: 0 0 9px;
  padding: 0;
  background: none;
}

.single-story #sidebar {
  margin-top: -80px;
  margin-right: 150px;
  margin-left: 50px;
  width: 235px;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

@media screen and (max-width: 1440px) {
  .single-story #sidebar {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .single-story #sidebar {
    display: none;
  }
}
.single-story .sp-story-author {
  display: none;
}

@media screen and (max-width: 991px) {
  .single-story .sp-story-author {
    display: block;
    margin-top: -60px;
  }
}
.single-story .sp-story-author .farmer-card-wrap {
  display: flex;
  margin: 0 auto;
  max-width: 333px;
  width: 100%;
}

.single-story .sp-story-author .farmer-card-a-wrap {
  padding: 0;
}

.single-story .sp-story-author .farmer-card-left, .single-story .sp-story-author .farmer-card-right {
  width: 50%;
}

.single-story .sp-story-author .farmer-card-left {
  padding: 12px 20px;
}

.single-story .sp-story-author .farmer-card-right {
  padding: 46px 16px;
}

.single-story .sp-story-author .farmer-card-avatar {
  top: -16px;
  left: 90px;
  right: inherit;
}

.single-story .sp-story-author .farmer-card-avatar img {
  width: 60px;
  height: 60px;
  padding: 2px;
}

.single-story .sp-story-author .farmer-card-user-name {
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 1.6px;
}

.single-story .sp-story-author .farmer-card-meta {
  margin-bottom: 13px;
}

.single-story .sp-story-author .farmer-card-meta-wrap {
  padding: 0;
}

.single-story .sp-story-author .farmer-card-meta .tag {
  font-size: 10px;
}

.single-story .sp-story-author .farmer-card-meta .star {
  font-size: 16px;
  bottom: -3px;
}

.single-story .sp-story-author .farmer-card-meta .star img {
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.single-story .sp-story-author .farmer-card-flower, .single-story .sp-story-author .farmer-card-story {
  font-size: 10px;
  margin-bottom: 4px;
}

.single-story .sp-story-author .farmer-card-flower span, .single-story .sp-story-author .farmer-card-story span {
  font-size: 16px;
  top: inherit;
  bottom: -6px;
}

.single-story .sp-story-author .farmer-card-flower::before, .single-story .sp-story-author .farmer-card-story::before {
  top: 9px;
  right: 28px;
}

.single-story .sp-story-author .farmer-card-flower::before {
  width: 44px;
}

.single-story .sp-story-author .farmer-card-story::before {
  width: 30px;
}

.single-story .sp-story-author .contact-box-title {
  font-size: 10px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  text-align: center;
  margin-bottom: 9px;
}

.single-story .sp-story-author .contact-box-follow-buttons {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.single-story .sp-story-author .contact-box-follow-website {
  width: 100%;
}

.single-story .sp-story-author .contact-box-follow-website a {
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  background: #DC595B;
  margin-bottom: 18px;
  padding: 12px 20px;
  display: block;
  position: relative;
  border-radius: 12px;
}

.single-story .sp-story-author .contact-box-follow-website i {
  position: absolute;
  top: 16px;
  right: 16px;
}

.single-story .sp-story-author .contact-box-follow-facebook a, .single-story .sp-story-author .contact-box-follow-twitter a, .single-story .sp-story-author .contact-box-follow-instagram a {
  display: block;
  text-decoration: none;
  position: relative;
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.03em;
}

.single-story .sp-story-author .contact-box-follow-facebook .fa-facebook,
.single-story .sp-story-author .contact-box-follow-facebook .fa-twitter,
.single-story .sp-story-author .contact-box-follow-facebook .fa-instagram, .single-story .sp-story-author .contact-box-follow-twitter .fa-facebook,
.single-story .sp-story-author .contact-box-follow-twitter .fa-twitter,
.single-story .sp-story-author .contact-box-follow-twitter .fa-instagram, .single-story .sp-story-author .contact-box-follow-instagram .fa-facebook,
.single-story .sp-story-author .contact-box-follow-instagram .fa-twitter,
.single-story .sp-story-author .contact-box-follow-instagram .fa-instagram {
  margin-right: 11px;
  font-size: 22px;
}

.single-story .sp-story-author .contact-box-follow-facebook .fa-facebook, .single-story .sp-story-author .contact-box-follow-twitter .fa-facebook, .single-story .sp-story-author .contact-box-follow-instagram .fa-facebook {
  color: #1877F2;
}

.single-story .sp-story-author .contact-box-follow-facebook .fa-twitter, .single-story .sp-story-author .contact-box-follow-twitter .fa-twitter, .single-story .sp-story-author .contact-box-follow-instagram .fa-twitter {
  color: #1CBBFF;
}

.single-story .sp-story-author .contact-box-follow-facebook .fa-instagram, .single-story .sp-story-author .contact-box-follow-twitter .fa-instagram, .single-story .sp-story-author .contact-box-follow-instagram .fa-instagram {
  background: linear-gradient(139.09deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  background: -webkit-linear-gradient(-40deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.single-farmer {
  /*------ sp contact-box ------*/
}

.single-farmer #main-before {
  display: none;
}

.single-farmer #content-in {
  display: flex;
  flex-wrap: nowrap;
}

@media screen and (max-width: 991px) {
  .single-farmer #content-in {
    display: block;
  }
}
.single-farmer #sidebar {
  margin-top: -80px;
  margin-right: 200px;
}

@media screen and (max-width: 1440px) {
  .single-farmer #sidebar {
    margin-right: 60px;
    width: 30%;
  }
}
@media screen and (max-width: 991px) {
  .single-farmer #sidebar {
    width: 100%;
    margin: 0 auto;
  }
}
.single-farmer #sidebar.sidebar .contact-box-title {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.single-farmer .container > figure {
  width: 1440px;
  margin: 0 auto;
  padding: 60px 80px 0;
  position: relative;
}

.single-farmer .container > figure::before {
  content: "";
  background: url("images/bg-farmer.png") no-repeat;
  background-position: left bottom;
  background-size: contain;
  width: 60%;
  height: 1px;
  padding: 200px;
  position: absolute;
  left: -20px;
  bottom: -140px;
}

@media screen and (max-width: 767px) {
  .single-farmer .container > figure::before {
    width: 100%;
    padding: 10% 20px;
    bottom: -80px;
  }
}
.single-farmer .container > figure.no-thumb {
  min-height: 120px;
}

@media screen and (max-width: 1440px) {
  .single-farmer .container > figure {
    width: 100%;
    padding: 20px 20px 0;
  }
}
@media screen and (max-width: 991px) {
  .single-farmer .container > figure {
    padding-left: 0;
    padding-right: 0;
    margin-left: -10px;
  }
}
.single-farmer .container > figure img {
  border-radius: 40px;
  display: block;
}

@media screen and (max-width: 1440px) {
  .single-farmer .container > figure img {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .single-farmer .container > figure img {
    border-radius: 0 20px 20px 0;
  }
}
.single-farmer .main {
  padding-left: 208px;
}

@media screen and (max-width: 1440px) {
  .single-farmer .main {
    padding-left: 5vw;
    width: 70%;
  }
}
@media screen and (max-width: 991px) {
  .single-farmer .main {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}
.single-farmer h1 {
  font-size: 40px;
  font-size: clamp(24px, 3.3vw, 40px);
  line-height: 1.4;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 6px;
  margin: 20px 0;
}

.single-farmer h2 {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 21px;
  position: relative;
}

.single-farmer h2::after {
  content: "";
  border: 1px dashed #E2E0DC;
  position: absolute;
  top: 14px;
  width: calc(100% - 200px);
  left: 200px;
}

.single-farmer h2 span {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-family: "Cabin";
  font-weight: 500;
  line-height: 19px;
  color: #fff;
  background: #494741;
  margin-left: 16px;
  padding: 2px 14px;
  border-radius: 20px;
  position: relative;
}

.single-farmer h2 span::before {
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 5px;
  border-right-width: 5px;
  margin-top: -2px;
  border-right-color: #494741;
  right: 100%;
  top: 50%;
}

.single-farmer .farmer-header {
  position: relative;
  margin-top: 16px;
}

.single-farmer .farmer-icon {
  position: absolute;
  top: -64px;
}

.single-farmer .farmer-icon img {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  border: 4px solid #fff;
}

.single-farmer .farmer-affiliation {
  display: inline-block;
  margin-left: 120px;
  font-size: 11px;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 1px;
  padding: 8px 18px;
  border-radius: 50px;
  background: #EEECE7;
  margin-right: 16px;
}

.single-farmer .farmer-rating {
  display: inline-block;
  font-size: 25px;
  font-size: clamp(20px, 2vw, 25px);
  font-family: "Cabin";
  font-weight: 700;
  color: #F8C43F;
  vertical-align: middle;
}

.single-farmer .farmer-rating img {
  margin-right: 8px;
}

.single-farmer .farmer-description {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
  margin-bottom: 30px;
}

.single-farmer .farmer-terms {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
}

.single-farmer .farmer-terms li {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
  color: #000;
  margin-right: 80px;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .single-farmer .farmer-terms li {
    margin-bottom: 20px;
  }
}
.single-farmer .farmer-terms li span {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  color: #CECAC1;
}

.single-farmer .farmer-content {
  margin-top: 72px;
}

.single-farmer .farmer-content-row {
  margin-top: 48px;
  position: relative;
  counter-increment: section;
}

.single-farmer .farmer-content-row:last-of-type {
  margin-bottom: 82px;
}

.single-farmer .farmer-content-row::before {
  content: counter(section, decimal-leading-zero);
  font-size: 40px;
  font-size: clamp(24px, 3.3vw, 40px);
  line-height: 1.4;
  font-family: "Cabin";
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #EEECE7;
  position: absolute;
  top: -20px;
  right: 42px;
}

@media screen and (max-width: 991px) {
  .single-farmer .farmer-content-row::before {
    top: 67vw;
    right: 10px;
  }
}
@media screen and (max-width: 991px) {
  .single-farmer .farmer-content-row.no-img::before {
    top: 0;
  }
}
.single-farmer .farmer-content-image {
  width: 282px;
  display: inline-block;
  float: left;
}

@media screen and (max-width: 991px) {
  .single-farmer .farmer-content-image {
    width: 100%;
  }
}
.single-farmer .farmer-content-image img {
  border-radius: 40px;
}

@media screen and (max-width: 991px) {
  .single-farmer .farmer-content-image img {
    width: 100%;
    border-radius: 20px;
  }
}
.single-farmer .farmer-content-textarea {
  margin-left: 313px;
}

.single-farmer .farmer-content-textarea.no-img {
  margin-left: 0;
}

@media screen and (max-width: 991px) {
  .single-farmer .farmer-content-textarea {
    margin-left: 0;
  }
}
.single-farmer .farmer-content-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  margin-bottom: 13px;
}

.single-farmer .farmer-content-text {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
}

.single-farmer .farmer-client {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
  margin-bottom: 82px;
  padding: 20px 27px;
  background: #fff;
  border-radius: 20px;
}

.single-farmer .farmer-qa {
  margin-bottom: 82px;
}

.single-farmer .farmer-qa-wrap {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
  padding: 20px 27px;
  background: #fff;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .single-farmer .farmer-qa-wrap {
    padding: 20px 14px;
  }
}
.single-farmer .farmer-qa-inner {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E2E0DC;
}

@media screen and (max-width: 767px) {
  .single-farmer .farmer-qa-inner {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}
.single-farmer .farmer-qa-inner:last-child {
  margin-bottom: 20px;
  padding-bottom: 0;
  border: none;
}

.single-farmer .farmer-qa-inner h3 {
  font-size: 18px;
  font-size: clamp(14px, 1.3vw, 18px);
  margin-bottom: 20px;
}

.single-farmer .farmer-qa-question {
  font-weight: 700;
  margin-bottom: 12px;
}

.single-farmer .farmer-qa-answer {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 1.6px;
}

.single-farmer .farmer-qa-answer h4 {
  margin-left: 36px;
  margin-bottom: 8px;
  position: relative;
}

.single-farmer .farmer-qa-answer h4::before {
  content: "";
  width: 30px;
  height: 1px;
  background: #494741;
  position: absolute;
  top: 50%;
  left: -36px;
}

.single-farmer .farmer-qa-answer p {
  margin-bottom: 24px;
}

.single-farmer .farmer-qa-answer p:last-child {
  margin-bottom: 0;
}

.single-farmer .farmer-flower {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 43px;
}

.single-farmer .farmer-flower::after {
  width: calc(100% - 280px);
  left: 280px;
}

.single-farmer .farmer-flower-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 82px;
}

@media screen and (max-width: 767px) {
  .single-farmer .farmer-flower-wrap {
    margin-right: -20px;
  }
}
.single-farmer .farmer-flower-wrap .simple-card-a-wrap {
  width: 170px;
  margin-right: 25px;
}

@media screen and (max-width: 767px) {
  .single-farmer .farmer-flower-wrap .simple-card-a-wrap {
    width: calc(50% - 25px);
    margin-bottom: 20px;
  }
}
.single-farmer .farmer-flower-wrap .simple-card-a-wrap:nth-child(4n) {
  margin-right: 0;
}

.single-farmer .farmer-flower-wrap .simple-card-a-wrap img {
  border-radius: 20px;
  display: block;
}

.single-farmer .farmer-flower-wrap .simple-card-a-wrap figure {
  margin-bottom: 11px;
}

.single-farmer .farmer-flower-wrap .simple-card-a-wrap p {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-top: 0;
}

.single-farmer .farmer-story-wrap h2 {
  margin-bottom: 40px;
}

.single-farmer .farmer-story-wrap h2::after {
  width: calc(100% - 240px);
  left: 240px;
}

.single-farmer .list-story {
  margin-bottom: 70px;
}

.single-farmer .list-story-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.single-farmer .list-story article {
  padding-bottom: 25px;
}

.single-farmer .list-story img {
  border-radius: 14px;
}

.single-farmer .list-story-title {
  position: relative;
}

.single-farmer .list-story-title::after {
  content: "";
  border: 1px dashed #E2E0DC;
  position: absolute;
  top: 14px;
  width: calc(100% - 300px);
  left: 290px;
}

.single-farmer .list-story .story-card-category {
  margin-bottom: 0;
  line-height: 1;
}

.single-farmer .list-story .story-card-wrap {
  width: calc(50% - 18px);
}

@media screen and (max-width: 767px) {
  .single-farmer .list-story .story-card-wrap {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
.single-farmer .list-story .story-card-box {
  max-width: 322px;
  border-radius: 7px;
}

@media screen and (max-width: 767px) {
  .single-farmer .list-story .story-card-box {
    max-width: inherit;
    padding: 10px 10px 10px 13vw;
  }
}
.single-farmer .list-story .story-card-date {
  font-size: 10px;
  font-size: clamp(10px, 1.3vw, 11px);
  top: -23px;
  right: 34px;
}

.single-farmer .list-story .story-card-date span {
  font-size: 18px;
  font-size: clamp(14px, 1.3vw, 18px);
  right: -12px;
}

.single-farmer .list-story .story-card-content {
  bottom: 10px;
}

.single-farmer .list-story .story-card-title {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.single-farmer .list-story .story-card-number {
  top: calc(60% - 23px);
}

@media screen and (max-width: 991px) {
  .single-farmer .list-story .story-card-number {
    top: calc(50% - 22px);
    left: -40px;
  }
}
@media screen and (max-width: 767px) {
  .single-farmer .list-story .story-card-number {
    left: -14%;
  }
}
.single-farmer .list-story .story-card-number span {
  top: 12px;
}

@media screen and (max-width: 991px) {
  .single-farmer .list-story .story-card-number span {
    position: inherit;
    top: 0;
    line-height: 1;
    font-size: 18px;
  }
  .single-farmer .list-story .story-card-number span::before {
    content: "\a";
    white-space: pre;
  }
}
@media screen and (max-width: 375px) {
  .single-farmer .list-story .story-card-number span {
    font-size: 14px;
  }
}
.single-farmer .list-story .under-list-button {
  margin-top: 0;
}

.single-farmer #tab-flower {
  margin-top: 72px;
}

.single-farmer #tab-flower ol.comment-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .single-farmer #tab-flower ol.comment-list {
    display: block;
    flex-wrap: nowrap;
  }
}
.single-farmer #tab-flower ol.comment-list li {
  width: calc(50% - 10px);
}

@media screen and (max-width: 767px) {
  .single-farmer #tab-flower ol.comment-list li {
    width: 100%;
  }
}
.single-farmer #tab-flower ol.comment-list li:nth-child(n+3) {
  display: none;
}

.single-farmer #tab-flower .comment-form {
  display: none;
}

@media screen and (max-width: 767px) {
  .single-farmer .comment-more {
    display: block;
  }
}
.single-farmer #tab-story {
  margin-top: 44px;
  display: none;
}

.single-farmer #tab-review {
  margin-top: 20px;
  display: none;
}

.single-farmer #tab-review h2 {
  display: none;
}

.single-farmer #sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.single-farmer .left-fixed-sns-buttons {
  bottom: 80px;
}

.single-farmer .fixed-contact-bar {
  position: fixed;
  left: 0;
  bottom: 10px;
  width: 100%;
  z-index: 999;
}

.single-farmer .fixed-contact-bar .contact-box .farmer-card-wrap {
  width: calc(100% - 40px);
  margin: 0 20px;
}

.single-farmer .fixed-contact-bar .contact-box-title {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  text-align: center;
  margin: 0 0 4px;
  padding-top: 10px;
  border: none;
}

.single-farmer .fixed-contact-bar .contact-box-follow-buttons {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: center;
}

.single-farmer .fixed-contact-bar .contact-box-follow-website {
  margin-right: 18px;
}

.single-farmer .fixed-contact-bar .contact-box-follow-website a {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  background: #DC595B;
  margin-bottom: 10px;
  padding: 10px 40px 10px 20px;
  display: block;
  position: relative;
  border-radius: 12px;
}

.single-farmer .fixed-contact-bar .contact-box-follow-website i {
  position: absolute;
  top: 13px;
  right: 15px;
}

.single-farmer .fixed-contact-bar .contact-box-follow-facebook, .single-farmer .fixed-contact-bar .contact-box-follow-twitter, .single-farmer .fixed-contact-bar .contact-box-follow-instagram {
  margin-right: 18px;
}

.single-farmer .fixed-contact-bar .contact-box-follow-facebook a span, .single-farmer .fixed-contact-bar .contact-box-follow-twitter a span, .single-farmer .fixed-contact-bar .contact-box-follow-instagram a span {
  display: none;
}

.single-farmer .fixed-contact-bar .contact-box-follow-facebook a i, .single-farmer .fixed-contact-bar .contact-box-follow-twitter a i, .single-farmer .fixed-contact-bar .contact-box-follow-instagram a i {
  vertical-align: -webkit-baseline-middle;
}

.single-farmer .fixed-contact-bar .contact-box-follow-facebook a i::before, .single-farmer .fixed-contact-bar .contact-box-follow-twitter a i::before, .single-farmer .fixed-contact-bar .contact-box-follow-instagram a i::before {
  font-size: 22px;
}

.single-farmer .fixed-contact-bar .contact-box-follow-facebook .fa-facebook, .single-farmer .fixed-contact-bar .contact-box-follow-twitter .fa-facebook, .single-farmer .fixed-contact-bar .contact-box-follow-instagram .fa-facebook {
  color: #1877F2;
}

.single-farmer .fixed-contact-bar .contact-box-follow-facebook .fa-twitter, .single-farmer .fixed-contact-bar .contact-box-follow-twitter .fa-twitter, .single-farmer .fixed-contact-bar .contact-box-follow-instagram .fa-twitter {
  color: #1CBBFF;
}

.single-farmer .fixed-contact-bar .contact-box-follow-facebook .fa-instagram, .single-farmer .fixed-contact-bar .contact-box-follow-twitter .fa-instagram, .single-farmer .fixed-contact-bar .contact-box-follow-instagram .fa-instagram {
  background: linear-gradient(139.09deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  background: -webkit-linear-gradient(-40deg, #A43A94 8.53%, #E51F2F 49.62%, #FDD61D 90.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.single-farmer .fixed-contact-bar .contact-box-follow-facebook .fa-external-link-alt, .single-farmer .fixed-contact-bar .contact-box-follow-twitter .fa-external-link-alt, .single-farmer .fixed-contact-bar .contact-box-follow-instagram .fa-external-link-alt {
  color: #CECAC1;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 12px;
}

.content-footer {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 120px;
}

@media screen and (max-width: 1440px) {
  .content-footer {
    padding: 0 20px;
  }
}
.content-footer .left-column {
  max-width: inherit;
  margin-right: 77px;
}

@media screen and (max-width: 1200px) {
  .content-footer .left-column {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .content-footer .left-column {
    width: 100%;
  }
}
.content-footer .right-column {
  width: 100%;
}

.content-footer .search-wrap {
  width: 262px;
}

@media screen and (max-width: 767px) {
  .content-footer .search-wrap {
    width: 100%;
  }
}
.content-footer .list-farmer-wrap .upper-link {
  top: -31px;
}

.content-footer .list-farmer-title {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  margin-bottom: 68px;
  position: relative;
}

.content-footer .list-farmer-title::after {
  content: "";
  border: 1px dashed #494741;
  position: absolute;
  top: 14px;
  width: calc(100% - 450px);
  left: 290px;
}

@media screen and (max-width: 767px) {
  .content-footer .list-farmer-title::after {
    width: calc(100% - 240px);
    top: 11px;
    left: inherit;
    right: 10px;
  }
}
.content-footer .list-farmer-box {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .content-footer .list-farmer-box {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .content-footer .list-farmer-box {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .content-footer .list-farmer-box {
    flex-wrap: wrap;
  }
}
.content-footer .farmer-card-wrap {
  max-width: inherit;
  margin-right: 7px;
}

.content-footer .farmer-card-wrap:last-of-type {
  margin-right: 0;
}

.content-footer .farmer-card-avatar {
  top: -44px;
}

.content-footer .farmer-card-avatar img {
  width: 105px;
  height: 105px;
}

@media screen and (max-width: 767px) {
  .content-footer .farmer-card-avatar img {
    width: 59px;
    height: 59px;
  }
}
.content-footer .farmer-card-user-name {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
}

.content-footer .list-breed-title::before {
  border: 1px dashed #494741;
}

.modaal-flower-detail {
  overflow-y: scroll;
}

.modaal-flower-thumb {
  position: relative;
}

.modaal-flower-thumb img {
  position: fixed;
  width: 450px;
  height: 450px;
  border-radius: 40px;
}

@media screen and (max-width: 991px) {
  .modaal-flower-thumb img {
    width: 100%;
    height: 100%;
    position: inherit;
    border-radius: 20px;
  }
}
.modaal-flower-table {
  display: inline-block;
  width: 50%;
  margin-left: 50%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .modaal-flower-table {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
.modaal-flower-table th {
  background: #494741;
  color: #fff;
  border-top: 3px solid #E2E0DC;
}

.modaal-flower-table tr:nth-of-type(even) {
  background: #fff;
}

.modaal-flower-table tr td:last-child {
  border-left: 3px solid #E2E0DC;
  border-right: 3px solid #E2E0DC;
}

.modaal-flower-table tr:last-child td {
  border-bottom: 3px solid #E2E0DC;
}

.modaal-flower-table tr:last-child td:first-child {
  border-radius: 0 0 0 12px;
}

.modaal-flower-table tr:last-child td:last-child {
  border-radius: 0 0 12px 12px;
}

.modaal-flower-table th,
.modaal-flower-table td {
  font-size: 13px;
  font-size: clamp(11px, 1.2vw, 13px);
  display: block;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1.6px;
  padding: 15px 43px;
  border: none;
}

.single-farmer .modaal-container {
  border-radius: 20px;
  max-height: 530px;
}

.single-farmer .modaal-content-container {
  max-height: 530px;
  overflow: scroll;
}

@media screen and (max-width: 767px) {
  .single-farmer .modaal-content-container {
    padding: 10px;
  }
}
.search-results #main-before,
.search-no-result #main-before {
  background: url("images/bg-search.png") no-repeat;
  background-size: contain;
  background-position: center left;
}

.search-no-result .main .list::before {
  content: none;
}

.search-no-result h2 {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
}

.tax-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tax-summary .summary-card-wrap {
  width: calc(33.3333333333% - 19px);
  margin-right: 28px;
  margin-bottom: 32px;
}

@media screen and (min-width: 767px) {
  .tax-summary .summary-card-wrap:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .tax-summary .summary-card-wrap {
    width: calc(50% - 14px);
  }
  .tax-summary .summary-card-wrap:nth-child(even) {
    margin-right: 0;
  }
}
.tax-summary .summary-card-wrap a {
  text-decoration: none;
}

.tax-summary .summary-card-thumb {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.tax-summary .summary-card-thumb img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.tax-summary .summary-card-title {
  font-size: 16px;
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}

.tax-summary .summary-card-title span {
  font-size: 14px;
  font-size: clamp(14px, 1.2vw, 14px);
  font-family: "Cabin";
  padding: 2px 10px;
  font-weight: 500;
  background: #EEECE7;
  border-radius: 12px;
  margin-left: 15px;
  position: relative;
}

.tax-summary .summary-card-title span::after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(90, 230, 40, 0);
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 7px;
  border-right-width: 7px;
  margin-top: -3px;
  border-right-color: #EEECE7;
  right: 100%;
  top: 50%;
}

#search-navi-container {
  display: none;
  border: 10px solid #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(to right, #F8F8F5 0%, #ffffff 100%);
  z-index: 999;
}

@media screen and (max-width: 991px) {
  #search-navi-container {
    top: 0;
    overflow: scroll;
  }
}
@media screen and (max-width: 767px) {
  #search-navi-container {
    border: 5px solid #fff;
  }
}
#search-navi-main {
  width: calc(100% - 430px);
}

@media screen and (max-width: 1200px) {
  #search-navi-main {
    padding: 0 32px;
  }
}
@media screen and (max-width: 991px) {
  #search-navi-main {
    width: 100%;
    margin-top: 40px;
  }
}
#search-navi-header-container {
  background: none;
}

#search-navi-header-container-in {
  max-width: inherit;
  padding-left: 37px;
}

@media screen and (max-width: 991px) {
  #search-navi-header-container-in {
    display: block;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #search-navi-header-container-in {
    padding-top: 10px;
  }
}
@media screen and (max-width: 991px) {
  #search-navi-header-container-in .header {
    padding: 0 13px;
  }
}
#search-navi-content {
  padding-top: 80px;
  background: url("images/bg-search.png") no-repeat;
  background-size: 82%;
}

@media screen and (max-width: 991px) {
  #search-navi-content {
    background-size: 100%;
  }
}
#search-navi-content-in {
  justify-content: flex-start;
  display: flex;
}

#search-navi-content-in .left-column {
  margin: 0 100px;
}

@media screen and (max-width: 1200px) {
  #search-navi-content-in .left-column {
    margin: 0 auto;
    min-width: 235px;
    width: auto;
  }
}
@media screen and (max-width: 991px) {
  #search-navi-content-in .left-column {
    max-width: inherit;
    width: 55%;
    margin: 0 auto 60px;
  }
}
@media screen and (max-width: 767px) {
  #search-navi-content-in .left-column {
    width: 100%;
  }
}
#search-navi-content-in h2 {
  font-size: 19px;
  font-size: clamp(14px, 1.3vw, 19px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2px;
  margin-bottom: 60px;
}

@media screen and (max-width: 991px) {
  #search-navi-content-in h2 {
    margin-bottom: 35px;
  }
}
#search-navi-footer {
  background: none;
  margin-top: 60px;
  margin-left: 0;
  margin-right: 0;
}