@charset "utf-8";

/* in1267 */
#page #irumanosdgs .in1267 {
  max-width: 90vw;
}

/*  メールフォームプロ  */
form#mailformpro {
  padding: 10px;
}

form#mailformpro .mfp_buttons {
  gap: 15px;
  flex-direction: column;
}

form#mailformpro td {
  padding: 0 10px;
}

form#mailformpro .mfp_check {
  padding: 0px 3vw;
  margin: 10px auto;
}

form#mailformpro .mfp_check p {
  margin: initial;
}

/* ページネーション基本 */
.pagination {
  margin: 30px auto 0;
  gap: 6px;
}

#page #faq .pagination {
  margin: 30px auto 0;
}

.pagination span,
.pagination a {
  padding: 0 10px;
  border-radius: 5px;
}

.pagination a.next {
  margin-left: 10px;
}

.pagination a.prev {
  margin-right: 10px;
}



/* 詳細ボタン - 基本 */
.detail_btn a {
  max-width: calc(160px - 2rem);
  margin: 10px auto 0;
  padding: 5px 1rem;
  border: 2px solid;
}


/* ピックアップ一覧/イベント一覧ページ - セクション */
#page #market section,
#page #event section,
#page #pickup section {
  padding-bottom: 35px;
}

/** ピックアップ一覧/イベント一覧ページ - グリッドコンテナー  **/
.market-container,
.event-container,
.pickup-container {
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 0 28px;
}

.event-container {
  padding: 0 20px;
}

/*** ピックアップ一覧/イベント一覧ページ - グリッドカード  ***/
.market-card,
.event-card,
.pickup-card {
  width: 100%;
  height: auto;
  margin: 0 auto;
  min-height: initial;
}

.pickup-card div {
  font-size: clamp(0.875rem, 0.845rem + 0.0081vw, 1rem);
  width: 100%;
}

.event-card div {
  width: 100%;
}

.pickup-card h3 {
  line-height: 1.4rem;
  margin: 5px auto 15px;
}

.event-card h3 {
  margin: 5px auto;
}

.market-card .market-head .market-image img,
.event-card .event-head .event-image img,
.pickup-card .pickup-head .pickup-image img {
  width: 100%;
  height: 50vw;
}

.pickup-card .pickup-body {
  padding: 14px 14px 20px;
}

.event-card .event-body {
  height: auto;
}

.event-card .date::after {
  display: none;
}

/**** イベント一覧ページ - 本文  ****/
#page #event .event-card .event-period {
  width: 150px;
  padding: 2px 1rem 4px;
}

.event-card .date {
  padding-top: 5px;
  padding-bottom: 5px;
}


/*** 記事一覧/記事ページ - コンテンツ本文 ***/
#page.single-market-list #market-news .content,
#page #search .content,
#page #form .content,
#page #irumanosdgs #sdgs-list .content.sdgs_content,
#page #thanks .content,
#page.news-page .content,
#page.single .content {
  max-width: 90vw;
  padding: 15px;
  gap: 20px;
}

#page #irumanosdgs #sdgs-list .content.sdgs_content {
  padding: 15px 15px 50px;
}

#page #search .content,
#page.news-page .content {
  gap: initial;
}


#page.single .img-container {
  gap: 5px;
  margin: 20px auto;
}

#page.single .main-img img {
  width: 228px;
  height: 152px;
  object-fit: initial;
}

#page.single .content .content_body h2 {
  max-width: 70vw;
}

#page.single .content .content_body .single-meta {
  gap: 10px;
}

#page.single .content .content_body .text {
  max-width: 75vw;
}

#page.single .content .content_body .single-meta .category {
  margin-left: 5vw;
  padding: 2px 20px;
}

#page.single .pagination {
  margin: 20px auto 0;
  padding-top: 20px;
  padding-bottom: 40px;
}

#page.single .pagination a {
  padding: 0 20px;
  height: calc(48px - 15px);
}

#page #single-nav a.btn-green {
  height: calc(48px - 15px);
  max-width: 180px;
  margin: 5px auto 20px;
}

#page.news-page #category-head-nav {
  padding: 10px 0 25px;
  max-width: initial;
}

#page.single .btn-back {
  height: calc(34px - 1px);
  max-width: calc(220px - 6rem);
}


/**** 記事一覧ページ - ニュースリスト ****/
#page #market-news .content .news_list .news-card .text,
#page #market-news .content .news_list .news-card .detail_btn,
#page #search .content .news_list .news-card .text,
#page #search .content .news_list .news-card .detail_btn,
#page.news-page .content .news_list .news-card .text,
#page.news-page .content .news_list .news-card .detail_btn {
  display: none;
}

#page #market-news .content .news_list .news-card .news-img,
#page #search .content .news_list .news-card .news-img,
#page #irumanosdgs .content.sdgs_content .news_list .news-card .news-img,
#page.news-page .content .news_list .news-card .news-img {
  width: auto;
}

#page #market-news .content .news_list .news-card .news-img img,
#page #search .content .news_list .news-card .news-img img,
#page.news-page .content .news_list .news-card .news-img img {
  width: 28vw;
  height: 18.667vw;
  border-radius: 6px;
}


#page #irumanosdgs .content.sdgs_content .news_list .news-card .news-img img,
#page.news-page .content.sdgs_content .news_list .news-card .news-img img {
  width: 67.47vw;
  height: 45.87vw;
  border-radius: 6px;
}

#page #search .content .news_list .news-card .news-img img,
#page #irumanosdgs .content.sdgs_content .news_list .news-card .news-text,
#page.news-page .content .news_list .news-card .news-text {
  max-width: 75vw;
}


/* 店舗施設ページ(branch)　共通タイトル */
#page.branch-page article .icon-products3 h2::before {
  left: -50px;
}

#page.branch-page article .icon-products3 h2::after {
  right: -50px;
}

/* 店舗施設ページ(branch) */
#page.branch-page article h2 {
  max-width: 55vw;
  font-size: 20px;
}

/* 店舗施設ページ(branch)　共通ボタン */
#page.branch-page .CityMap {
  padding-bottom: 80px;
}

#page.branch-page .CityMap::before {
  left: 50%;
  width: 245.92px;
  height: 77.2px;
  background-image: url(../img/branch/torefami4-sm.svg);
  transform: translateX(-50%);
}

#page.branch-page .btnMapBox {
  justify-content: center;
}

#page.branch-page .CityCardBtns {
  grid-template-columns: repeat(auto-fit, 112px);
  max-width: 335px;
}


#page.branch-page .js-areaBtn,
#page.branch-page .ChangeElem_Btn,
#page.branch-page .CityCardBtn {
  min-width: 105px;
}


/* Googleマップ　ピン表示基本設定 */
#map_item .ChangeElem_Btn_Content {
  gap: 8px;
  max-width: 310px;
  margin: auto;
}

#page.single.market-page #map_item .map_link_btn {
  width: calc(260px - 1rem);
  margin: 15px auto 10px;
}

#page.single.market-page #map_item .map_link_btn a {
  height: 28px;
}


/***** 直売所記事ページ ******/
#page.single-market-list #market-news h2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3em;
}

#page.single-market-list .market-info {
  padding: initial;
}

#page.single-market-list .market-info dl {
  grid-template-columns: 1fr;
}

#page.market-page .market-info dd {
  margin-inline-start: initial;
  text-align: center;
  padding: 0 20px;
}

#page.market-page .market-info dd.dt-payment {
  text-align: left;
}

#page.single-market-list .market-info dd .parking-box {
  flex-direction: column;
  gap: 5px;
}

#page.single-market-list .market-info .market-equipment {
  text-align: center;
}

/* 社員インタビューページ */
#page #training #voice-link .flex-wrapper .col,
#page #recruit #recruit-about .flex-wrapper .col,
#page.single-voice #voice-link .flex-wrapper .col,
#page #staff-voice #voice-list .flex-wrapper .col {
  width: 90vw;
}

/* お客様の声記事ページ */
#page.single-voice .voice-head .flex-wrapper .right h3 {
  padding-bottom: 20px;
  margin-bottom: 15px;
}

/* 農作業パート・アルバイトについて/part_time_job/ */
#page #part_time_job #introduction .white-wrapper .flex-wrapper {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 20px;
}

/* 採用系共通パーツ設定policy-card/border-wrapper/#voice-link */
#page #part_time_job .border-wrapper p.text-large {
  text-align: left;
}


/* サイトマップ/sitemap/ */
#page #sitemap .flex-wrapper {
  gap: initial;
  flex-direction: column;
  max-width: 72vw;
}



@media (max-width: 374px) {

  /* in1267 */
  #page.market-page .in1267,
  #page #eventlist-page .in1267,
  #page.branch-page .AddressBlock .in1267,
  #page.branch-page #map_area .in1267,
  #page.branch-page #facility_area .in1267,
  #page.branch-page #city_area .in1267 {
    max-width: 95vw;
  }

  #page.market-page #line .line-box,
  #page.market-page .season-vege-wrap,
  #page.market-page .white-wrapper,
  #page.market-page .border-wrapper {
    max-width: 95vw;
  }


}

@media (max-width: 370px) {}

/* 緊急情報 */
#page.news-page .em-area h2 {
  top: min(-25px, -2.3svh);
}