/* ************************************************ 
 * initialize 
 * ************************************************ */
ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}


/* ************************************************ 
 * common
 * ************************************************ */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size:1.4rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  body {
   font-size:1.6rem;
  }
}

.mincho {
  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
}

.inner_short {
  max-width: 960px;
  margin: 0 auto;
}

.mt0   { margin-top: 0     !important; }
.mt5   { margin-top: 5px   !important; }
.mt10  { margin-top: 10px  !important; }
.mt15  { margin-top: 15px  !important; }
.mt20  { margin-top: 20px  !important; }
.mt25  { margin-top: 25px  !important; }
.mt30  { margin-top: 30px  !important; }
.mt35  { margin-top: 35px  !important; }
.mt40  { margin-top: 40px  !important; }
.mt45  { margin-top: 45px  !important; }
.mt50  { margin-top: 50px  !important; }
.mt55  { margin-top: 55px  !important; }
.mt60  { margin-top: 60px  !important; }
.mt65  { margin-top: 65px  !important; }
.mt70  { margin-top: 70px  !important; }
.mt75  { margin-top: 75px  !important; }
.mt80  { margin-top: 80px  !important; }
.mt85  { margin-top: 85px  !important; }
.mt90  { margin-top: 90px  !important; }
.mt95  { margin-top: 95px  !important; }
.mt100 { margin-top: 100px !important; }

.pt0   { padding-top: 0    !important; }
.pt5   { padding-top: 5px  !important; }
.pt10  { padding-top: 10px !important; }
.pt15  { padding-top: 15px !important; }
.pt20  { padding-top: 20px !important; }
.pt25  { padding-top: 25px !important; }
.pt30  { padding-top: 30px !important; }
.pt35  { padding-top: 35px !important; }
.pt40  { padding-top: 40px !important; }
.pt45  { padding-top: 45px !important; }
.pt50  { padding-top: 50px !important; }
.pt55  { padding-top: 55px !important; }
.pt60  { padding-top: 60px !important; }
.pt65  { padding-top: 65px !important; }
.pt70  { padding-top: 70px !important; }
.pt75  { padding-top: 75px !important; }
.pt80  { padding-top: 80px !important; }
.pt85  { padding-top: 85px !important; }
.pt90  { padding-top: 90px !important; }
.pt95  { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

@media screen and (min-width: 768px) {
  .mt_tab_0   { margin-top: 0    !important; }
  .mt_tab_5   { margin-top: 5px  !important; }
  .mt_tab_10  { margin-top: 10px !important; }
  .mt_tab_15  { margin-top: 15px !important; }
  .mt_tab_20  { margin-top: 20px !important; }
  .mt_tab_25  { margin-top: 25px !important; }
  .mt_tab_30  { margin-top: 30px !important; }
  .mt_tab_35  { margin-top: 35px !important; }
  .mt_tab_40  { margin-top: 40px !important; }
  .mt_tab_45  { margin-top: 45px !important; }
  .mt_tab_50  { margin-top: 50px !important; }
  .mt_tab_55  { margin-top: 55px !important; }
  .mt_tab_60  { margin-top: 60px !important; }
  .mt_tab_65  { margin-top: 65px !important; }
  .mt_tab_70  { margin-top: 70px !important; }
  .mt_tab_75  { margin-top: 75px !important; }
  .mt_tab_80  { margin-top: 80px !important; }
  .mt_tab_85  { margin-top: 85px !important; }
  .mt_tab_90  { margin-top: 90px !important; }
  .mt_tab_95  { margin-top: 95px !important; }
  .mt_tab_100 { margin-top: 100px !important; }

  .pt_tab_0   { padding-top: 0     !important; }
  .pt_tab_5   { padding-top: 5px   !important; }
  .pt_tab_10  { padding-top: 10px  !important; }
  .pt_tab_15  { padding-top: 15px  !important; }
  .pt_tab_20  { padding-top: 20px  !important; }
  .pt_tab_25  { padding-top: 25px  !important; }
  .pt_tab_30  { padding-top: 30px  !important; }
  .pt_tab_35  { padding-top: 35px  !important; }
  .pt_tab_40  { padding-top: 40px  !important; }
  .pt_tab_45  { padding-top: 45px  !important; }
  .pt_tab_50  { padding-top: 50px  !important; }
  .pt_tab_55  { padding-top: 55px  !important; }
  .pt_tab_60  { padding-top: 60px  !important; }
  .pt_tab_65  { padding-top: 65px  !important; }
  .pt_tab_70  { padding-top: 70px  !important; }
  .pt_tab_75  { padding-top: 75px  !important; }
  .pt_tab_80  { padding-top: 80px  !important; }
  .pt_tab_85  { padding-top: 85px  !important; }
  .pt_tab_90  { padding-top: 90px  !important; }
  .pt_tab_95  { padding-top: 95px  !important; }
  .pt_tab_100 { padding-top: 100px !important; }
}

@media screen and (min-width: 1024px) {
  .mt_pc_0   { margin-top: 0     !important; }
  .mt_pc_5   { margin-top: 5px   !important; }
  .mt_pc_10  { margin-top: 10px  !important; }
  .mt_pc_15  { margin-top: 15px  !important; }
  .mt_pc_20  { margin-top: 20px  !important; }
  .mt_pc_25  { margin-top: 25px  !important; }
  .mt_pc_30  { margin-top: 30px  !important; }
  .mt_pc_35  { margin-top: 35px  !important; }
  .mt_pc_40  { margin-top: 40px  !important; }
  .mt_pc_45  { margin-top: 45px  !important; }
  .mt_pc_50  { margin-top: 50px  !important; }
  .mt_pc_55  { margin-top: 55px  !important; }
  .mt_pc_60  { margin-top: 60px  !important; }
  .mt_pc_65  { margin-top: 65px  !important; }
  .mt_pc_70  { margin-top: 70px  !important; }
  .mt_pc_75  { margin-top: 75px  !important; }
  .mt_pc_80  { margin-top: 80px  !important; }
  .mt_pc_85  { margin-top: 85px  !important; }
  .mt_pc_90  { margin-top: 90px  !important; }
  .mt_pc_95  { margin-top: 95px  !important; }
  .mt_pc_100 { margin-top: 100px !important; }

  .pt_pc_0   { padding-top: 0     !important; }
  .pt_pc_5   { padding-top: 5px   !important; }
  .pt_pc_10  { padding-top: 10px  !important; }
  .pt_pc_15  { padding-top: 15px  !important; }
  .pt_pc_20  { padding-top: 20px  !important; }
  .pt_pc_25  { padding-top: 25px  !important; }
  .pt_pc_30  { padding-top: 30px  !important; }
  .pt_pc_35  { padding-top: 35px  !important; }
  .pt_pc_40  { padding-top: 40px  !important; }
  .pt_pc_45  { padding-top: 45px  !important; }
  .pt_pc_50  { padding-top: 50px  !important; }
  .pt_pc_55  { padding-top: 55px  !important; }
  .pt_pc_60  { padding-top: 60px  !important; }
  .pt_pc_65  { padding-top: 65px  !important; }
  .pt_pc_70  { padding-top: 70px  !important; }
  .pt_pc_75  { padding-top: 75px  !important; }
  .pt_pc_80  { padding-top: 80px  !important; }
  .pt_pc_85  { padding-top: 85px  !important; }
  .pt_pc_90  { padding-top: 90px  !important; }
  .pt_pc_95  { padding-top: 95px  !important; }
  .pt_pc_100 { padding-top: 100px !important; }
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.img_center {
  margin: 0 auto;
}

.img_fullwidth {
  width: 100%;
}

.fs-preview-header {
  display: none;
}

.fs-c-documentColumn__heading {
  color: #A30000;
  font-size: 17px;
  font-weight: bold;
  border: none;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .fs-c-documentColumn__heading {
    font-size: 24px;
  }
}


/* ************************************************ 
 * 幅
 * ************************************************ */

/* 全体
----------------------------------------------*/
.fs-l-main {
  flex-direction: column;
  max-width: 1344px;
  padding: 0 5%;
}
@media screen and (min-width: 1024px) {
  .fs-l-main {
    flex-direction: row-reverse;
    padding: 0 32px;
  }
}

/* サイド
----------------------------------------------*/
.fs-l-sideArea {
  width: 100%;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .fs-l-sideArea {
    width: 22%;
    max-width: 280px !important;
    margin-top: 0;
  }
}

.fs-l-sideArea .FS2_Recommend2_container_history .CrossHead {
  background: none;
  font-size: 1.6rem;
  border-left: none;
  border-bottom: 1px solid rgba(65,48,39,0.5);
  padding: 0 0 16px 0;
  margin: 40px 0 0;
}

/* コンテンツ
----------------------------------------------*/
.fs-l-pageMain {
  max-width: 1280px;
}
@media screen and (min-width: 1024px) {
  .fs-l-pageMain:has(+ .fs-l-sideArea) {
    width: 75%;
    max-width: 960px;
  }
}


/* inner
----------------------------------------------*/
.inner {
  max-width: 1344px;
  padding: 0 5%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .inner {
    padding: 0 32px;
  }
}


/* ************************************************ 
 * PC／SP切り替え
 * ************************************************ */
.sp_only {
  display: block;
}
@media screen and (min-width: 768px) {
  .sp_only {
    display: none;
  }
}

.tab_only {
  display: none;
}
@media screen and (min-width: 768px) {
  .tab_only {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .tab_only {
    display: none;
  }
}

.pc_only {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pc_only {
    display: block;
  }
}

.tab_sp_only {
  display: block;
}
@media screen and (min-width: 1024px) {
  .tab_sp_only {
    display: none;
  }
}

.tab_pc_only {
  display: none;
}
@media screen and (min-width: 768px) {
  .tab_pc_only {
    display: block;
  }
}


/* ************************************************ 
 * ヘッダー
 * ************************************************ */

/* 共通
----------------------------------------------*/
.fs-l-header {
  padding: 0;
}

.fs-l-header.fs-l-header--min {
  padding: 16px 8px;
}
@media screen and (min-width: 1024px) {
  .fs-l-header.fs-l-header--min {
    padding: 24px 16px;
  }
}

.fs-l-header--min {
  border-bottom: 2px solid #A30000;
}

.fs-l-header__contents {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .fs-l-header__contents {
    align-items: center;
    padding: 16px 0;
  }
}

.header-contents-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  height: 62px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .header-contents-inner {
    height: 104px;
  }
}

.header-contents-left {
  display: flex;
  align-items: center;
}

.header-contents-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

.fs-p-headerUtilityMenu {
  height: 100%;
}

.header-contents-inner .fs-p-searchForm {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header-contents-inner .fs-p-searchForm {
    display: block;
    margin-left: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .header-contents-inner .fs-p-searchForm {
    margin-left: 40px;
  }
}

/* ロゴ
----------------------------------------------*/
.fs-l-header__logo {
  padding: 0;
  margin-left: 8px;
}

.fs-p-logo {
  padding: 0;
}

.fs-p-logo__image {
  width: auto;
  height: 30px;
}
@media screen and (min-width: 1024px) {
  .fs-l-header__logo {
    width: 22vw;
    max-width: 300px;
  }
  .fs-p-logo__image {
    width: 100%;
    height: auto;
  }
}

.fs-l-header__logo a {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .fs-l-header__logo a {
    transition: .3s;
  }
  .fs-l-header__logo a:hover {
    opacity: .6;
  }
}


/* 検索窓
----------------------------------------------*/
.fs-p-inputGroup {
  position: relative;
  align-items: center;
  background: none;
  border: none;
}

.fs-p-searchForm__input {
  font-size: 14px;
  border-radius: 5px;
  padding: 6px 31px 6px 10px;
}
@media screen and (min-width: 1024px) {
  .fs-p-searchForm__input {
    width: 24vw;
    border: 1px solid #413027;
    max-width: 280px;
  }
}

.fs-p-inputGroup__button {
  position: absolute;
  right: 10px;
  background: url(https://www.ajfarm.com/images/renew/common/icon-search.svg) no-repeat;
  background-position: center;
  background-size: cover;
  width: 21px;
  height: 20px;
}

.fs-p-inputGroup__button::before {
  content: none;
}

/* 右側メニュー・フリーダイヤル
----------------------------------------------*/
@media screen and (min-width: 1024px) {
  .header-info {
    margin-bottom: auto;
  }
}

.fs-p-headerUtilityMenu__list {
  display: flex;
  align-items: center;
  gap: 0 4px;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .fs-p-headerUtilityMenu__list {
    justify-content: flex-start;
    align-items: stretch;
    gap: 0 8px;
    height: auto;
    margin-bottom: 14px;
  }
}

.fs-p-headerUtilityMenu__list > li + li {
  margin: 0;
}

.fs-p-headerUtilityMenu__list a::before {
  content: none;
  border: none;
}

.header-info .fs-pt-menu .fs-p-headerUtilityMenu__logout a {
  background: #F1EEDB;
  border-radius: 4px;
  padding: 8px 4px;
}
@media screen and (min-width: 1024px) {
  .header-info .fs-pt-menu .fs-p-headerUtilityMenu__logout a {
    border-radius: 0 0 8px 8px;
    padding: 8px 12px;
  }
}

.fs-pt-menu__heading {
  height: 100%;
}

.header-info .fs-pt-menu a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px 0;
  height: 100%;
  color: #A30000 !important;
  font-size: 1rem !important;
  line-height: 1;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .header-info .fs-pt-menu a {
    flex-direction: row;
    gap: 0 8px;
    background-color: #F5EFE3;
    font-size: 1.2rem !important;
    border-radius: 0 0 8px 8px;
    padding: 8px 12px;
    transition: opacity .3s;
  }
  .header-info .fs-pt-menu a:hover {
    opacity: .6;
  }
}

.fs-p-headerUtilityMenu__register, .fs-p-headerUtilityMenu__login {
  display: none;
}
@media screen and (min-width: 1024px) {
  .fs-p-headerUtilityMenu__register, .fs-p-headerUtilityMenu__login {
    display: block;
  }
}

.fs-p-headerUtilityMenu__list .fs-p-headerUtilityMenu__login a::before {
  content: "";
  width: 11px;
  height: 15px;
  background: url(https://www.ajfarm.com/images/renew/common/header-menu-icon-login.svg);
  background-size: contain;
}

.fs-p-headerUtilityMenu__list .fs-p-headerUtilityMenu__register a::before {
  content: "";
  width: 12px;
  height: 16px;
  background: url(https://www.ajfarm.com/images/renew/common/header-menu-icon-register.svg);
  background-size: contain;
}

.fs-p-headerUtilityMenu__list .my-page a::before {
  content: "";
  width: 30px;
  height: 28px;
  background: url(https://www.ajfarm.com/images/renew/common/header-menu-icon-mypage.svg);
  background-size: contain;
}
@media screen and (min-width: 1024px) {
  .fs-p-headerUtilityMenu__list .my-page a::before {
    width: 15px;
    height: 14px;
  }
}

.header-tel {
  max-width: 316px;
}

/* カートボタン
----------------------------------------------*/
.header-contents #fs_p_scrollingCartButton {
  position: unset;
  width: 62px;
  height: 100%;
  margin-left: 8px;
}
@media screen and (min-width: 1024px) {
  .header-contents #fs_p_scrollingCartButton {
    width: 104px;
    height: 104px;
    margin-left: 40px;
  }
}

.header-contents .fs-p-scrollingCartButton__button {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: #a5895e;
  opacity: 1;
}

.fs-p-scrollingCartButton__icon {
  font-size: 3.2rem;
}
@media screen and (min-width: 1024px) {
  .fs-p-scrollingCartButton__icon {
    font-size: 5.4rem;
  }
}

.cart-img {
  width: 28px;
  height: auto;
  margin-left: 6px;
}
@media screen and (min-width: 1024px) {
  .cart-img {
    width: 40px;
    margin-left: 8px;
  }
}

.fs-p-scrollingCartButton__label {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 6px;
}
@media screen and (min-width: 1024px) {
  .fs-p-scrollingCartButton__label {
    font-size: 1.6rem;
    margin-top: 8px;
  }
}

.fs-p-cartItemNumber {
  background: #b2131a;
}

/* グロナビ
----------------------------------------------*/
.fs-p-headerNavBar {
  border-bottom: none;
  background: #A30000;
}

.header__register-btn {
  display: block;
  width: 100%;
  background-color: #F1EEDB;
  color: #523E1E !important;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 10px 0;
}
@media screen and (min-width: 1024px) {
  .header__register-btn {
    display: none;
  }
}

.header__register-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__register-btn span i {
  position: relative;
  display: flex;
  align-items: center;
  width: 18px;
  height: 18px;
  background-color: #523E1E;
  border-radius: 50%;
  margin-left: 8px;
}

.header__register-btn span i::after {
  position: absolute;
  left: 7px;
  content: "";
  width: 5px;
  height: 8px;
  background-color: #F1EEDB;
  clip-path: polygon(0 0,100% 50%,0 100%);
}

.fs-p-headerNavBar .fs-p-headerNavigation__search {
  width: 100%;
  border-top: 1px solid rgba(255,255,255,0.3);
  padding: 8px;
}
@media screen and (min-width: 1024px) {
  .fs-p-headerNavBar .fs-p-headerNavigation__search {
    display: none;
  }
}

.fs-p-headerNavigation {
  max-width: 1280px;
  justify-content: center;
}

.fs-p-headerUtilityMenu__list a:link {
  font-weight: bold;
  font-size: 1.1rem;
}
@media screen and (min-width: 1024px) {
  .fs-p-headerUtilityMenu__list a:link {
    font-size: 1.3rem;
  }
}

.fs-p-headerNavigation__list {
  position: fixed;
  left: 0;
  bottom: 0;
  justify-content: center;
  width: 100%;
  background: #A30000;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .fs-p-headerNavigation__list {
    position: unset;
    gap: 0 32px;
    width: auto;
  }
}

.fs-p-headerNavigation__listItem {
  min-width: auto;
}

.fs-p-headerNavigation__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .fs-p-headerNavigation__link {
    font-size: 1.4rem;
    font-weight: bold;
    padding: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .fs-p-headerNavigation__link {
    font-size: 1.6rem;
  }
  .fs-p-headerNavigation__link span {
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
}

.fs-p-headerNavigation__link img {
  width: 24px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .fs-p-headerNavigation__link img {
    width: 30px;
  }
}

@media screen and (min-width: 768px) {
  .fs-l-header__utility {
    grid-template-rows: auto;
  }
  .fs-l-header__utility *:first-child {
    padding-bottom: 5px !important;
  }
}


/* ************************************************ 
 * サイドバー
 * ************************************************ */
.side__ttl {
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 1px solid rgba(65,48,39,0.5);
  padding-bottom: 16px;
  margin: 0;
}

.side__category li {
  border-bottom: 1px solid rgba(65,48,39,0.5);
}

.side__category li a {
  display: block;
  color: #413027;
  font-weight: 700;
  padding: 16px 8px 16px 64px;
}
@media screen and (min-width: 768px) {
  .side__category li a {
    transition: opacity .3s;
  }
  .side__category li a:hover {
    text-decoration: none;
    opacity: .6;
  }
}

.side__category li a.side__item-osusume{
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-osusume.svg) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-sakuranbo {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-sakuranbo.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-melon {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-melon.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-suika {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-suika.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-dadacha {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-dadacha.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-momo {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-momo.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-sumomo {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-sumomo.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-wanashi {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-wanashi.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-budou {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-budou.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-lafrance {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-lafrance.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-ringo {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-ringo.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-shounaigaki {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-shounaigaki.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-tosabuntan {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-tosabuntan.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-yasaiset {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-yasaiset.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-asparagus {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-asparagus.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-gyuu {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-gyuu.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-okome {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-okome.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-omochi {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-omochi.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-soba {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-soba.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-sake{
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-sake.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-juice {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-juice.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-tokusanhin {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-tokusanhin.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-kakouhin {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-kakouhin.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__category li a.side__item-sakura {
  background: url(https://www.ajfarm.com/images/renew/common/icon-side-sakura.webp) no-repeat;
  background-position: 16px center;
  background-size: 36px;
}

.side__bnr {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  margin-top: 40px;
}
.side__bnr img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .side__bnr a {
    transition: .3s;
  }
  .side__bnr a:hover {
    opacity: .6;
  }
}

a.multiple-purchase-link {
  display: inline-block;
  color: #282626;
  text-decoration: underline;
  margin-top: 40px;
}

/* ************************************************ 
 * トップページ
 * ************************************************ */

/* MV・メインバナー
----------------------------------------------*/
.fs-top__mv {
  max-width: 1280px;
  margin: 16px auto 0;
}
@media screen and (min-width: 1024px) {
  .fs-top__mv {
    margin: 32px auto 0;
  }
}

@media screen and (min-width: 1024px) {
  .fs-top__mv a {
    transition: all .3s ease;
  }
  .fs-top__mv a:hover {
    opacity: .7;
  }
}

.fs-c-slick .slick-prev,
.fs-c-slick .slick-next {
  border-radius: 50%;
}

.fs-c-slick .slick-prev::before,
.fs-c-slick .slick-next::before {
  font-size: 35px;
}

.fs-top__mainBnr-container {
  max-width: 1344px;
  padding: 0 5% 24px;
  margin: 24px auto 0;
}
@media screen and (min-width: 1024px) {
  .fs-top__mainBnr-container {
    padding: 0 32px 48px;
    margin: 40px auto 0;
  }
}

.fs-top__mainBnr {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .fs-top__mainBnr {
    gap: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .fs-top__mainBnr {
    gap: 32px;
  }
}

.fs-top__mainBnr li {
  width: calc(50% - 6px);
}
@media screen and (min-width: 768px) {
  .fs-top__mainBnr li {
    width: calc(25% - 12px);
  }
}
@media screen and (min-width: 1024px) {
  .fs-top__mainBnr li {
    width: calc(25% - 24px);
  }
  .fs-top__mainBnr a {
    transition: all .3s ease;
  }
  .fs-top__mainBnr a:hover {
    opacity: .6;
  }
}

/* カテゴリ一覧
----------------------------------------------*/
.top__category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 20px;
}
@media screen and (min-width: 768px) {
  .top__category-list {
    gap: 32px 16px;
  }
}
@media screen and (min-width: 1024px) {
  .top__category-list {
    gap: 48px 24px;
  }
}

a.top__category-item {
  width: calc(50% - 10px);
  color: #111111;
}
@media screen and (min-width: 768px) {
  a.top__category-item {
    width: calc(25% - 12px);
  }
}
@media screen and (min-width: 1024px) {
  a.top__category-item {
    display: block;
    width: calc(25% - 18px);
    transition: .3s all ease;
  }
  a.top__category-item:hover {
    text-decoration: none;
    opacity: .6;
  }
}

.top__category-img {
  position: relative;
  margin: 0;
}

.top__category-img img {
  width: 100%;
}

.top__category-img .for-sale {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: #B30000;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  padding: 6px 8px;
}
@media screen and (min-width: 1024px) {
  .top__category-img .for-sale {
    font-size: 1.3rem;
  }
}

.top__category-name {
  background: #F5EFE3;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  padding: 6px 8px;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .top__category-name {
    font-size: 1.8rem;
    padding: 8px;
  }
}

.top__category-season {
  text-align: center;
  border-bottom: 1px solid #ADADAD;
  margin: 0;
}

.top__category-season span {
  display: inline-block;
  background: url(https://www.ajfarm.com/images/renew/top/icon-calendar-red.svg) no-repeat;
  background-position: left center;
  background-size: 17px auto;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 8px 8px 8px 24px;
}
@media screen and (min-width: 1024px) {
  .top__category-season span {
    background-size: 21px auto;
    font-size: 1.4rem;
    padding: 12px 12px 12px 27px;
  }
}

.top__category-text {
  font-size: 1.2rem;
  line-height: 1.8;
  padding-top: 8px;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .top__category-text {
    font-size: 1.4rem;
  }
}

/* お知らせ
----------------------------------------------*/
.top__news-container {
  padding-top: 64px;
}
@media screen and (min-width: 1024px) {
  .top__news-container {
    padding-top: 96px;
  }
}

.top__news-list {
  display: flex;
  flex-direction: column;
}

.top__news-list li {
  border-bottom: 1px solid #ADADAD;
}

.top__news-list a, .top__news-list .no-link {
  display: flex;
  gap: 0 1em;
  color: #323232;
  padding: 8px 0;
}
@media screen and (min-width: 1024px) {
  .top__news-list a {
    transition: .3s all ease;
  }
  .top__news-list a:hover {
    opacity: .6;
  }
}

.top__news-list time {
  width: 80px;
}
@media screen and (min-width: 1024px) {
  .top__news-list time {
    width: 88px;
  }
}

.top__news-list p {
  width: calc(100% - 80px);
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .top__news-list p {
    width: calc(100% - 88px);
  }
}

/* バナー群
----------------------------------------------*/
.top__bnr-container {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  padding-top: 48px;
}
@media screen and (min-width: 768px) {
  .top__bnr-container {
    gap: 32px 0;
  }
}
@media screen and (min-width: 1024px) {
  .top__bnr-container {
    padding-top: 56px;
  }
  .top__bnr-container a {
    transition: .3s all ease;
  }
  .top__bnr-container a:hover {
    opacity: .6;
  }
}

.top__bnr-container img {
  width: 100%;
}

.top__bnr-col4 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .top__bnr-col4 {
    gap: 0 16px;
  }
}

.top__bnr-col4 a {
  width: calc(50% - 4px);
}
@media screen and (min-width: 768px) {
  .top__bnr-col4 a {
    width: calc(25% - 12px);
  }
}

.top__bnr-col2 {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
@media screen and (min-width: 768px) {
  .top__bnr-col2 {
    flex-direction: row;
    gap: 0 32px;
  }
  .top__bnr-col2 a {
    width: calc(50% - 16px);
  }
}


/* ************************************************ 
 * 商品詳細
 * ************************************************ */

/* 商品画像
----------------------------------------------*/
.fs-c-productThumbnail {
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .fs-c-productThumbnail {
    gap: 10px;
  }
}

.fs-c-productThumbnail__image {
  flex-basis: unset;
  width: calc(25% - 6px);
  margin: 0;
}
@media screen and (min-width: 768px) {
  .fs-c-productThumbnail__image {
    width: calc(20% - 8px);
  }
}

.fs-c-productImageModal {
  display: flex;
  align-items: center;
}

/* 商品名・金額エリア
----------------------------------------------*/
.fs-c-productNameHeading__name {
  font-size: 2rem;
  line-height: 1.6;
}

.fs-c-productNumber {
  border: none;
  padding: 0;
}

.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  font-size: 2.4rem;
}

.fs-c-returnedSpecialContract {
  font-size: 1.4rem;
  padding: 0;
}

.fs-c-buttonContainer {
  font-size: 1.4rem;
  padding: 0;
}

.fs-c-buttonContainer.fs-c-buttonContainer--memberRegister {
  margin-top: 32px;
}

.item-payment-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px 0;
  margin-top: 16px;
}

/* 発送に関する注記
----------------------------------------------*/
.delivery-note-list {
  display: flex;
  flex-direction: column;
  gap: 0.75em 0;
  color: #A30000;
  font-size: 1.4rem;
  padding-left: 1em;
}
@media screen and (min-width: 1024px) {
  .delivery-note-list {
    font-size: 1.6rem;
  }
}

.delivery-note-list li {
  list-style: disc;
}

/* 表
----------------------------------------------*/
.item-detail-table {
  font-size: 1.2rem;
  border: 1px solid #cecece;
  border-collapse: collapse;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .item-detail-table {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .item-detail-table {
    font-size: 1.6rem;
  }
}

.item-detail-table th,
.item-detail-table td {
  border: 1px solid #cecece;
  padding: 8px;
}
@media screen and (min-width: 1024px) {
  .item-detail-table td {
    padding: 8px 16px;
  }
}

.item-detail-table th {
  width: 25%;
  background: #efefef;
}
@media screen and (min-width: 1024px) {
  .item-detail-table th {
    width: 15%;
  }
}

.item-detail-table td {
  width: 75%;
}
@media screen and (min-width: 1024px) {
  .item-detail-table td {
    width: 85%;
  }
}

/* 商品保証
----------------------------------------------*/
.item-warranty-wrapper {
  margin-top: 24px;
}

.item-warranty-ttl {
  font-size: 1.6rem;
  margin: 0 0 1.25em;
}
@media screen and (min-width: 1024px) {
  .item-warranty-ttl {
    font-size: 1.8rem;
  }
}

.item-warranty-list {
  display: flex;
  flex-direction: column;
  gap: 1.5em 0;
  font-size: 1.4rem;
}
@media screen and (min-width: 1024px) {
  .item-warranty-list {
    font-size: 1.6rem;
  }
}

.item-warranty-list dl {
  margin: 0;
}

.item-warranty-list dd {
  margin: 0.5em 0 0 1em;
}


/* ************************************************ 
 * おすすめ商品
 * ************************************************ */

.fs-recommend-wrapper {
  padding-top: 32px;
}

.fs-recommend-wrapper .fs-p-heading--lv2 {
  background: #F5EFE3;
  color: #111;
  font-size:1.8rem;
  font-weight:bold;
  border-left: 5px #a5895e solid;
  border-bottom: none;
  padding: 12px;
  margin-top: 0;
}

.fs-recommend-wrapper .fr2-listItem__productName {
  line-height: 1.4;
  padding: 8px 0;
  margin: 0;
}

.fs-recommend-wrapper .fr2-price__currencyMark,
.fs-recommend-wrapper .fr2-price__value {
  color: #006db8;
}

@media screen and (min-width: 1024px) {
  .fr2-listItem__link {
    transition: .3s opacity ease;
  }
  .fr2-listItem__link:hover {
    color: inherit;
    text-decoration: none;
    opacity: .6;
  }
}

/* ************************************************ 
 * パンくずリスト
 * ************************************************ */
.fs-c-breadcrumb {
  max-width: 1280px;
  margin: 0 auto;
}


/* ************************************************ 
 * 404
 * ************************************************ */
.fs-p-pageNotFound {
  margin: 16px auto;
}
@media screen and (min-width: 1024px) {
  .fs-p-pageNotFound {
    margin-top: 32px;
  }
}

.fs-p-pageNotFound img {
  margin: 0 auto;
}


/* ************************************************ 
 * ページタイトル（h1）
 * ************************************************ */
.fs-c-heading--page {
  color: #413027;
  font-family: 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝体', 'Yu Mincho', YuMincho, 'MS P明朝', 'MS PMincho', serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .fs-c-heading--page {
    font-size: 40px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}


/* ************************************************ 
 * フッター 
 * ************************************************ */
.fs-l-footer {
  background-color: unset;
  font-size: 14px;
  line-height: 1.6em;
  border-top: none;
  padding-top: 20px;
}

.fs-l-footer__contents {
  max-width: 100%;
}

.fs-l-footer__contents > * {
  padding: 0;
}

/* フッターナビゲーション
----------------------------------------------*/
.footer__nav {
  max-width: 1344px;
  padding: 0 5%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .footer__nav {
    padding: 0 32px;
  }
}

.footer__nav-inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  border-top: 1px solid rgba(65,48,39,0.5);
}
@media screen and (min-width: 768px) {
  .footer__nav-inner {
    flex-direction: row;
    gap: 32px 0;
    border-top: none;
  }
}
@media screen and (min-width: 1024px) {
  .footer__nav-inner {
    gap: 0;
  }
}

.footer__nav-child {
  padding: 24px 16px;
  border-bottom: 1px solid rgba(65,48,39,0.5);
}
@media screen and (min-width: 768px) {
  .footer__nav-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    border-bottom: none;
  }
}
@media screen and (min-width: 1024px) {
  .footer__nav-child {
    width: 25%;
    border-right: 1px solid rgba(65,48,39,0.5);
    padding: 24px 32px;
  }
  .footer__nav-child:first-child {
    border-left: 1px solid rgba(65,48,39,0.5);
  }
}

.footer__nav-icon {
  display: grid;
  place-items: center;
  height: 68px;
  margin: 0;
}
.footer__nav-icon img {
  width: auto;
  height: 100%;
}

.footer__nav-ttl {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 24px 0 0;
}

.footer__nav-text {
  line-height: 1.8;
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  .footer__nav-text {
    font-size: 1.6rem;
  }
}

.footer__nav-text p {
  margin: 0;
}

.footer__nav-text li {
  text-indent: -1em;
  margin-left: 1em;
}

.footer__nav-text .muryou {
  display: block;
  background-color: #A30000;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  padding: 12px;
  margin: 12px 0;
}

.footer__nav-btn {
  text-align: center;
  margin-top: 24px;
}

.footer__nav-btn a {
  display: inline-block;
  color: #A30000;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  border: 1px solid #A30000;
  border-radius: 9999px;
  padding: 10px 20px;
}
@media screen and (min-width: 1024px) {
  .footer__nav-btn a {
    transition: .3s;
  }
  .footer__nav-btn a:hover {
    background-color: #A30000;
    color: #fff;
    text-decoration: none;
  }
}

.footer__nav-btn span {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2em;
}

.footer__nav-btn span::after {
  position: absolute;
  right: 0;
  content: "→";
}

/* フッター会社情報
----------------------------------------------*/
.footer__info {
  background-color: #F5EFE3;
  padding: 40px 0;
  margin-top: 56px;
}
@media screen and (min-width: 768px) {
  .footer__info {
    padding: 56px 0;
  }
}

.footer__logo {
  width: 280px;
  margin: 0 auto 24px;
}
@media screen and (min-width: 768px) {
  .footer__logo {
    margin: 0 auto 32px;
  }
}
@media screen and (min-width: 1024px) {
  .footer__logo {
    margin: 0 0 16px;
  }
}

.footer__info-inner {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  color: #413027;
}
@media screen and (min-width: 768px) {
  .footer__info-inner {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 32px 64px;
  }
}
@media screen and (min-width: 1024px) {
  .footer__info-inner {
    justify-content: space-between;
    gap: 0;
  }
}

.footer__info-address {
  line-height: 1.8;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .footer__info-address {
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .footer__info-address {
    font-size: 1.5rem;
  }
}

.footer__info-address p {
  margin: 0;
}

.footer__info-address p span {
  display: block;
}
@media screen and (min-width: 1280px) {
  .footer__info-address p span {
    display: inline-block;
  }
}

a.footer__instagram-btn {
  display: inline-block;
  background: url(https://www.ajfarm.com/images/renew/common/icon-instagram-red.svg) no-repeat;
  background-position: left center;
  background-size: 18px auto;
  color: #A30000;
  padding-left: 24px;
  margin-top: 8px;
}

.footer__info-tel {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .footer__info-tel {
    text-align: left;
  }
}

.footer__info-ttl {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 5px;
}

.footer__info-ttl span {
  display: block;
  color: #A30000;
  font-size: 1.6rem;
}
@media screen and (min-width: 1280px) {
  .footer__info-ttl span {
    display: inline-block;
  }
}

.footer__tel-btn {
  display: block;
  width: 269px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .footer__tel-btn {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .footer__tel-btn {
    pointer-events: none;
  }
}

.footer__contact-btn {
  display: inline-block;
  background-color: #a5895e;
  line-height: 1;
  border-radius: 10px;
  padding: 10px 40px;
  transition: .3s;
}
@media screen and (min-width: 1024px) {
  .footer__contact-btn:hover {
    text-decoration: none;
    opacity: .6;
  }
}

.footer__contact-btn span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 1.6rem;
}

.footer__contact-btn span img {
  margin-right: 10px;
}

.footer__info-point {
  width: 100%;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .footer__info-point {
    max-width: 640px;
  }
}
@media screen and (min-width: 1024px) {
  .footer__info-point {
    width: 40%;
    max-width: 512px;
  }
}

.footer__info-point-list {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
@media screen and (min-width: 768px) {
  .footer__info-point-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}

.footer__info-point-list li {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  padding: 16px 24px;
}
@media screen and (min-width: 768px) {
  .footer__info-point-list li {
    width: 48%;
    padding: 16px;
  }
}

.footer__info-point-icon {
  position: absolute;
  top: -8px;
  left: -8px;
}

.footer__info-point-ttl {
  color: #A30000;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 10px;
}

.footer__info-point-text {
  margin: 0;
}

/* フッターリンク
----------------------------------------------*/
.footer__link-area {
  background-color: #A30000;
  padding: 16px 0;
}
@media screen and (min-width: 1024px) {
  .footer__link-area {
    padding: 24px 0;
	}
}

.footer__link-menu ul {
  display: flex;
  flex-direction: column;
  gap: 1em 0;
}
@media screen and (min-width: 1024px) {
  .footer__link-menu ul {
    flex-direction: row;
    justify-content: center;
    gap: 0;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) {
  .footer__link-menu li:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.5);
  }
}

.footer__link-menu li a {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff
}
@media screen and (min-width: 1024px) {
  .footer__link-menu li a {
    padding: 0 16px;
    transition: opacity .3s;
  }
  .footer__link-menu li a:hover {
    text-decoration: none;
    opacity: .6;
  }
}

.footer__link-menu li a::after {
  position: absolute;
  right: 0;
  content: "";
  width: 5px;
  height: 5px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: rotate(135deg);
}
@media screen and (min-width: 1024px) {
  .footer__link-menu li a::after {
    content: none;
  }
}


/* コピーライト
----------------------------------------------*/
.fs-p-footerCopyright {
  background-color: #A30000;
  padding: 12px 0;
  margin-bottom: 58px;
}
@media screen and (min-width: 1024px) {
  .fs-p-footerCopyright {
    margin-bottom: 0;
  }
}


/* ************************************************ 
 * カテゴリーページ 
 * ************************************************ */
.category-nav {
  white-space: nowrap;
  line-height: 1;
  padding-bottom: 12px;
  margin-bottom: 32px;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1024px) {
  .category-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 0;
    margin-bottom: 48px;
  }
}

@media screen and (min-width: 1024px) {
  .category-nav.pc_center {
    justify-content: center;
  }
}

.category-nav li {
  display: inline-block;
}
.category-nav li:not(:last-child) {
  margin-right: 8px;
}
@media screen and (min-width: 1024px) {
  .category-nav li:not(:last-child) {
    margin-right: 0;
  }
}

.category-nav li a {
  display: block;
  color: #413027;
  font-size: 1.4rem;
  border: 1px solid rgba(163, 0, 0, 0.5);
  border-radius: 9999px;
  padding: 10px;
}
@media screen and (min-width: 1024px) {
  .category-nav li a {
    font-size: 1.6rem;
    transition: .3s;
    padding: 16px 12px;
  }
  .category-nav li a:hover {
    text-decoration: none;
    opacity: .6;
  }
}

.category-nav li img {
  margin: 0 auto;
}

.category-nav li span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 6px;
}
@media screen and (min-width: 1024px) {
  .category-nav li span {
    gap: 0 8px;
  }
}

.category-nav li span::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-left: 1px solid rgba(163, 0, 0, 0.5);
  border-top: 1px solid rgba(163, 0, 0, 0.5);
  transform: rotate(135deg);
}
@media screen and (min-width: 1024px) {
  .category-nav li span::after {
    width: 7px;
    height: 7px;
  }
}

.category_mv {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .category_mv {
    margin-bottom: 32px;
  }
}

.mv_ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  padding: 10px 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .mv_ttl {
    font-size: 2.4rem;
    padding: 12px 0;
  }
}
@media screen and (min-width: 1024px) {
  .mv_ttl {
    font-size: 3.2rem;
    padding: 16px 0;
  }
}

.mv_ttl.red {
  background-color: #A7111F;
}

.mv_ttl.img-only {
  padding: 0;
}

.category_section_ttl {
  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  font-size: 22px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .category_section_ttl {
    font-size: 28px;
  }
}
@media screen and (min-width: 1024px) {
  .category_section_ttl {
    font-size: 36px;
    margin-bottom: 32px;
  }
}

.category_section_ttl.line-bottom {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 12px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .category_section_ttl.line-bottom {
    padding-bottom: 16px;
    margin-bottom: 40px;
  }
}

.category_section_ttl.line-bottom::after {
  position: absolute;
  bottom: 0;
  content: "";
  width: 56px;
  height: 5px;
  background: #A30000;
}
@media screen and (min-width: 1024px) {
  .category_section_ttl.line-bottom::after {
    width: 64px;
  }
}

.category_section_ttl.line-left {
  border-left: 5px solid #A30000;
  padding-left: 8px;
}
@media screen and (min-width: 768px) {
  .category_section_ttl.line-left {
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .category_section_ttl.line-left {
    padding-left: 16px;
  }
}

.category_section_ttl.red {
  color: #c1272d;
}

.category_section_ttl .sakura-farmer {
  display: block;
  font-size: 1.3rem;
}
@media screen and (min-width: 1024px) {
  .category_section_ttl .sakura-farmer {
    font-size: 1.7rem;
  }
}

.category_content_child_ttl {
  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .category_content_child_ttl {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .category_content_child_ttl {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 768px) {
  .category_content_child_ttl.small {
    font-size: 2.0rem;
  }
}
@media screen and (min-width: 1024px) {
  .category_content_child_ttl.small {
    font-size: 2.4rem;
  }
}

.category_content_child_ttl.red {
  color: #A30000;
}

.category_content_child_ttl.mb0 {
  margin-bottom: 0;
}

.category-col1-wrapper {
  max-width: 1160px;
  margin: 0 auto;
}

.category_content_wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px 0;
  line-height: 1.8;
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .category_content_wrapper {
    gap: 56px 0;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .category_content_wrapper {
    gap: 80px 0;
    line-height: 2;
    padding-bottom: 56px;
  }
  .category_content_wrapper.col1 {
    gap: 96px 0;
  }
}

.category_content_wrapper.col1 {
  gap: 56px 0;
}
@media screen and (min-width: 768px) {
  .category_content_wrapper.col1 {
    gap: 72px 0;
  }
}
@media screen and (min-width: 1024px) {
  .category_content_wrapper.col1 {
    gap: 96px 0;
  }
}

.category_content_wrapper p {
  margin: 0;
}

.category_content_wrapper p .red {
  color: #A30000;
}

.category_content_wrapper a,
.category_content_wrapper a:link,
.category_content_wrapper a:visited,
.category_content_wrapper a:hover {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .category_content_wrapper a {
    transition: .3s;
  }
  .category_content_wrapper a:hover {
    opacity: .6;
  }
}

@media screen and (min-width: 1024px) {
  .category_lead {
    text-align: center;
  }
}

.category_lead_large {
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .category_lead_large {
    font-size: 2.2rem;
  }
}

.category_content_col2 {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
@media screen and (min-width: 768px) {
  .category_content_col2 {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
  .category_content_col2.row_reverse {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 1024px) {
  .category_content_col2.al_center{
    align-items: center;
  }
}

.category_content_col2.evenly {
  gap: 40px 0;
}
@media screen and (min-width: 768px) {
  .category_content_col2.evenly {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
  .category_content_col2.evenly .evenly_block {
    width: calc(50% - 16px);
  }
}
@media screen and (min-width: 1024px) {
  .category_content_col2.evenly .evenly_block {
    width: calc(50% - 24px);
  }
}

.category_content_col2.evenly img {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .category_content_col2.evenly img {
    width: 100%;
  }
}

.category_content_child_container {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .category_content_child_container {
    gap: 56px 0;
    margin-top: 56px;
  }
}

.category_content_col3 {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  .category_content_col3 {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
  }
  .category_content_col3_child {
    width: calc(100% / 3);
    padding: 0 24px;
  }
}

.category_content_col3_child {
  display: flex;
  flex-direction: column;
  border: 1px solid #545454;
  padding: 24px;
}
@media screen and (min-width: 1024px) {
  .category_content_col3_child {
    width: calc(100% / 3 - 16px);
  }
}

@media screen and (min-width: 1024px) {
  .category_content_col3_child.pc_small {
    width: calc(100% / 3 - 10px);
    padding: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .category_content_col3.evenly .category_content_col3_child {
    width: calc(50% - 16px);
  }
}

.category_content_col3_ttl {
  font-weight: bold;
  margin: 0;
}

.category_content_col3_ttl .sub,
.category_content_col3_ttl .main {
  display: block;
  text-align: center;
}

.category_content_col3_ttl .sub {
  color: #A30000;
  font-size: 1.8rem;
}
@media screen and (min-width: 1024px) {
  .category_content_col3_ttl .sub {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .category_content_col3_ttl .sub.pc_small {
    font-size: 2rem;
  }
}

.category_content_col3_ttl .main {
  font-size: 2.4rem;
  margin-top: 8px;
}
@media screen and (min-width: 1024px) {
  .category_content_col3_ttl .main {
    font-size: 3.2rem;
  }
  .category_content_col3_ttl .main.small {
    font-size: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .category_content_col3_ttl .main.pc_small {
    font-size: 3rem;
  }
}

.category_content_col3_child img {
  margin: 16px auto 0;
}

.category_content_col3_child .text {
  flex-grow: 1;
  margin-top: 16px;
}

/*
.category_content_col2_text h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .category_content_col2_text h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
*/

.category_content_col2.evenly h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  margin: 16px 0 0;
}
@media screen and (min-width: 1024px) {
  .category_content_col2.evenly h3 {
    font-size: 24px;
  }
}

.category_content_col2.evenly p {
  margin: 8px 0 0;
}

.category_content_col2_img img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .category_content_col2_img img {
    width: 100%;
  }
}

.category_content_col2_img .caption_heading {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: 8px 0 0;
}

.category_content_col2_img .caption_text {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 5px 0 0;
}

.category_content_col2_img .caption_text.large {
  font-size: 1.3rem;
}
@media screen and (min-width: 1024px) {
  .category_content_col2_img .caption_text.large {
    font-size: 1.4rem;
  }
}

.category_content_col2_img .caption_text.center {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .category_content_col2_text {
    width: calc(55% - 24px);
  }
  .category_content_col2_text.middle {
    width: calc(60% - 24px);
  }
  .category_content_col2_text.middle.reverse {
    width: calc(40% - 24px);
  }
  .category_content_col2_text.small {
    width: calc(65% - 24px);
  }
  .category_content_col2_img {
    width: 45%;
    max-width: 544px;
  }
  .category_content_col2_img.middle {
    width: 40%;
    max-width: 340px;
  }
  .category_content_col2_img.middle.reverse  {
    width: 60%;
    max-width: 600px;
  }
  .category_content_col2_img.small {
    width: 35%;
    max-width: 296px;
  }
}
@media screen and (min-width: 1024px) {
  .category_content_col2_text {
    width: calc(57.5% - 48px);
  }
  .category_content_col2_text.middle {
    width: calc(65% - 40px);
  }
  .category_content_col2_text.middle.ex {
    width: calc(65% - 24px);
  }
  .category_content_col2_text.small {
    width: calc(69.1% - 32px);
  }
  .category_content_col2_text.small.ex {
    width: calc(69.1% - 16px);
  }
  .category_content_col2_img {
    width: 42.5%;
    max-width: 544px;
  }
  .category_content_col2_img.middle {
    width: 35%;
    max-width: 336px;
  }
  .category_content_col2_img.middle.ex {
    width: 35%;
    max-width: 376px;
  }
  .category_content_col2_img.small {
    width: 30.9%;
    max-width: 320px;
  }
}

.category_content_voice {
  background: #F5EFE3 url(https://www.ajfarm.com/images/renew/common/category-voice-icon.svg) no-repeat;
  background-position: 16px center;
  background-size: 64px auto;
  padding: 16px 16px 16px 96px;
  margin-top: 16px;
}

.category_content_voice.no-image {
  background: #F5EFE3;
  padding: 16px;
}

.category_content_voice h3, .category_content_voice h4 {
  font-size:1.6rem;
  line-height: 1.5;
  margin: 0;
}

.category_content_voice p {
  color: #545454;
  font-size:1.4rem;
  line-height: 1.6;
  margin: 8px 0 0;
}

a.more_btn {
  display: inline-block;
  background: #a5895e;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 9999px;
  padding: 10px 16px;
}
a.more_btn.large {
  font-size: 1.8rem;
  letter-spacing: .1em;
  padding: 12px 24px;
}
@media screen and (min-width: 1024px) {
  a.more_btn.large {
    font-size: 2rem;
    padding: 16px 32px;
  }
}
a.more_btn span {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 1.75em;
}
a.more_btn span::after {
  position: absolute;
  right: 0;
  content: "→";
}
@media screen and (min-width: 1024px) {
  a.more_btn {
    transition: all .3s ease;
  }
  a.more_btn:hover {
    color: #fff;
    text-decoration: none;
    opacity: .6;
  }
}

.order_bnr {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .order_bnr {
    margin-top: 48px;
  }
}

.order_bnr.no_mt {
  margin-top: 0;
}

/* カテゴリー一覧
----------------------------------------------*/
.category_list_ttl {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  border-bottom: 5px solid #A30000;
  padding-bottom: 16px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .category_list_ttl {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .category_list_ttl {
    font-size: 4rem;
  }
}

.category_list_ttl::after {
  position: absolute;
  bottom: -20px;
  content: "";
  width: 32px;
  height: 20px;
  background-color: #A30000;
  clip-path: polygon(0 0,100% 0,50% 100%);
}
@media screen and (min-width: 1024px) {
  .category_list_ttl::after {
    bottom: -24px;
    width: 40px;
    height: 24px;
  }
}

.category_list {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .category_list {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    gap: 30px;
    margin-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .category_list {
    gap: 48px 28px;
  }
}

.category_list li {
  border: 1px solid #545454;
}
@media screen and (min-width: 768px) {
  .category_list li {
    width: calc(50% - 15px);
    max-width: 408px;
  }
}
@media screen and (min-width: 1024px) {
  .category_list li {
    width: calc((100% / 3) - (56px / 3));
  }
}

.category_list li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #323232;
}

.category_item_name {
  background-color: #F5EFE3;
  color: #000;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  padding: 14px 0;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .category_item_name {
    font-size: 2.4rem;
  }
}

.category_item_name .small {
  font-size: 1.6rem;
}

.category_list_text_wrapper {
  padding: 24px;
}

.category_list .category_list_text {
  flex-grow: 1;
  color: #323232;
  line-height: 1.6;
  padding: 24px;
}

.category_list_text_bottom {
  padding: 0 24px 24px;
}

.category_list_text_bottom .season {
  line-height: 1;
  text-align: center;
  border-top: 1px solid #ADADAD;
  border-bottom: 1px solid #ADADAD;
  padding: 8px 0;
}

.category_list_text_bottom .btn {
  background-color: #B9A06F;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border-radius: 5px;
  padding: 16px 0;
  margin-top: 16px;
}

/* サンふじ
----------------------------------------------*/
.ringo_hozon_wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  background-color: #F5EFE3;
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .ringo_hozon_wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .ringo_hozon_wrapper {
    align-items: flex-end;
  }
}

.ringo_hozon_img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .ringo_hozon_img {
    width: 30%;
    max-width: 312px;
    margin: 0;
  }
  .ringo_hozon_text {
    width: calc(70% - 24px);
  }
}
@media screen and (min-width: 1024px) {
  .ringo_hozon_img {
    width: 34.3%;
  }
  .ringo_hozon_text {
    width: calc(65.7% - 32px);
  }
}

.ringo_hozon_sub_img {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .ringo_hozon_sub_img {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
}

.ringo_hozon_sub_img figure {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .ringo_hozon_sub_img figure {
    width: calc(50% - 8px);
    max-width: 272px;
  }
}
@media screen and (min-width: 1024px) {
  .ringo_hozon_sub_img figure {
    width: calc(50% - 12px);
  }
}

.ringo_hozon_sub_img figure img {
  margin: 0 auto;
}

.ringo_hozon_sub_img figcaption {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-top: 8px;
}
@media screen and (min-width: 1024px) {
  .ringo_hozon_sub_img figcaption {
    font-size: 1.8rem;
  }
}

.ringo_caution {
  border-left: 3px solid #ab0000;
  border-right: 3px solid #ab0000;
  border-bottom: 3px solid #ab0000;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .ringo_caution {
    margin-top: 56px;
  }
}

.ringo_caution_ttl {
  display: flex;
  justify-content: center;
  background: #ab0000;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  padding: 10px 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .ringo_caution_ttl {
    font-size: 28px;
    padding: 14px 0;
  }
}
@media screen and (min-width: 1024px) {
  .ringo_caution_ttl {
    font-size: 36px;
    padding: 16px 0;
  }
}

.ringo_caution_ttl span {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 56px;
}
@media screen and (min-width: 768px) {
  .ringo_caution_ttl span {
    padding-left: 82px;
  }
}
@media screen and (min-width: 1024px) {
  .ringo_caution_ttl span {
    padding-left: 102px;
  }
}

.ringo_caution_ttl span::before {
  position: absolute;
  left: 0;
  content: "";
  width: 48px;
  height: 48px;
  background: url(https://www.ajfarm.com/images/renew/gr2/icon-caution.svg) no-repeat;
  background-position: left center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .ringo_caution_ttl span::before {
    width: 70px;
    height: 70px;
  }
}
@media screen and (min-width: 1024px) {
  .ringo_caution_ttl span::before {
    width: 86px;
    height: 86px;
  }
}

.ringo_caution_list {
  font-weight: 700;
  padding: 16px 24px;
}
@media screen and (min-width: 1024px) {
  .ringo_caution_list {
    padding: 24px 32px;
  }
}

.ringo_caution_list li {
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .ringo_caution_list li {
    font-size: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .ringo_caution_list li {
    font-size: 24px;
    padding: 0 32px 0 calc(32px + 1em);
  }
}

.ringo_caution_list li:not(:last-child) {
  border-bottom: 1px dashed rgba(163,0,0,.5);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.ringo_caution_list li .red {
  color: #ab0000;
}

/* 和梨
----------------------------------------------*/
.mv-lead-center {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  margin-top: 16px;
  margin-bottom: 0;
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .mv-lead-center {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .mv-lead-center {
    font-size: 2.6rem;
    padding-bottom: 48px;
  }
}

/* お餅
----------------------------------------------*/
.linebar {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffcec7));
  background: linear-gradient(transparent 60%, #ffcec7 60%);
  font-weight: 700
}

/* 野菜セット
----------------------------------------------*/
.category_mv_h2 {
  margin: 0;
}

ul.yasai_list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 6%;
}
@media screen and (min-width: 1024px) {
  ul.yasai_list {
    gap: 40px 8%;
  }
}

ul.yasai_list li {
  width: 47%;
}
@media screen and (min-width: 1024px) {
  ul.yasai_list li {
    width: 28%;
  }
}

ul.yasai_list li h3 {
  font-size: 20px;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 8px;
}
@media screen and (min-width: 1024px) {
  ul.yasai_list li h3 {
    font-size: 32px;
  }
}

ul.yasai_list li img {
  margin: 0 auto;
}

.qa_block {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .qa_block {
    margin-bottom: 0;
  }
}
p.qa_q {
  font-size: 24px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  p.qa_q {
    font-size: 46px;
  }
}

p.qa_a {
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  p.qa_a {
    font-size: 34px;
  }
}

.yasai_kisetsu h3 {
  background-color: #603813;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  border-radius: 9999px;
  padding: 15px 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .yasai_kisetsu h3 {
    font-size: 46px;
    margin-bottom: 30px;
  }
}

.yasai_kisetsu_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1px;
}


@media screen and (min-width: 1024px) {
  .yasai_kisetsu_table {
    border-collapse: collapse;
  }
}

.yasai_kisetsu_table tr:nth-child(odd) {
  background-color: rgba(96,56,19,0.24);
}

.yasai_kisetsu_table th {
  width: 18%;
  vertical-align: middle;
  background-color: #603813;
  color: #fff;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 26px;
  line-height: 1;
  text-align: center;
  padding: 15px 0;
}
@media screen and (min-width: 1024px) {
  .yasai_kisetsu_table th {
    width: 170px;
    font-size: 100px;
    padding: 15px 10px 0;
  }
}

@media screen and (min-width: 1024px) {
  .yasai_kisetsu_table th span {
    display: block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
  }
  .yasai_kisetsu_table th span.fuyu {
    border-bottom: none;
  }
}

.yasai_kisetsu_table td {
  width: 82%;
  font-size: 16px;
  line-height: 1.5;
  padding: 15px 25px;
}
@media screen and (min-width: 1024px) {
  .yasai_kisetsu_table td {
    width: calc(100% - 170px);
    font-size: 28px;
    padding: 15px 80px;
  }
}

.seisansha_wrap {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}

@media screen and (min-width: 1024px) {
  .seisansha_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .seisansha_block.reverse {
    flex-direction: row-reverse;
  }
}

.seisansha_block img {
  display: block;
  width: 80%;
  max-width: 334px;
  margin: 0 auto 20px;
}
@media screen and (min-width: 1024px) {
  .seisansha_block img {
    width: 334px;
    margin: 0;
  }
}

@media screen and (min-width: 1024px) {
  .seisansha_block .seisansha_txt {
    width: calc(100% - 390px);
  }
}

.seisansha_block .seisansha_txt h3 {
  background-color: #f6921e;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  padding: 12px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  .seisansha_block .seisansha_txt h3 {
    font-size: 32px;
    padding: 16px;
    margin-bottom: 24px;
  }
}

.seisansha_block .seisansha_txt p {
  font-size: 16px;
}
@media screen and (min-width: 1024px) {
  .seisansha_block .seisansha_txt p {
    font-size: 18px;
  }
}

.faq_list {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  background-color: #EBF3EF; 
  padding: 32px 5%;
}
@media screen and (min-width: 1024px) {
  .faq_list {
     padding: 48px 80px;
  }
}

.faq_list dl {
  margin: 0;
}

.faq_list dt, .faq_list dd {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5px 0;
  margin: 0;
}

.faq_list dt p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .faq_list dt p {
    font-size: 20px;
  }
}

.faq_list span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .faq_list span {
    font-size: 20px;
  }
}

.faq_list span.q {
  background-color: #006934;
}

.faq_list span.a {
  background-color: #E95513;
}

.faq_list p {
  width: calc(100% - 50px);
  color: #040f36;
  margin-top: 7px;
}

/* 米沢牛・山形牛
----------------------------------------------*/
.gyuu-anzen-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 24px;
}
@media screen and (min-width: 768px) {
  .gyuu-anzen-ttl {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .gyuu-anzen-ttl {
    font-size: 2.8rem;
  }
}

.gyuu-anzen-content {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
@media screen and (min-width: 768px) {
  .gyuu-anzen-content {
    flex-direction: row;
    gap: 0 24px;
  }
}
@media screen and (min-width: 1024px) {
  .gyuu-anzen-content {
    gap: 0 40px;
  }
}

.gyuu-anzen-content-item {
  display: flex;
  flex-direction: column;
  background-color: #F5EFE3;
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .gyuu-anzen-content-item {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: 1024px) {
  .gyuu-anzen-content-item {
    width: calc(50% - 20px);
    padding: 40px;
  }
}

.gyuu-anzen-content-item p {
  flex-grow: 1;
  margin-bottom: 16px;
}

.gyuu-anzen-content-item img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .gyuu-movie {
    width: 85%;
    max-width: 960px;
    margin: 0 auto;
  }
}

.movie-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gyuu-type-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .gyuu-type-wrapper {
    gap: 40px 0;
    width: 85%;
    max-width: 960px;
    margin: 40px auto 0;
  }
}

.gyuu-type-item {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  background-color: #F5EFE3;
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .gyuu-type-item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .gyuu-type-item {
    padding: 32px;
  }
}

@media screen and (min-width: 768px) {
  .gyuu-type-text {
    width: calc(63% - 32px);
  }
}

@media screen and (min-width: 768px) {
  .gyuu-type-item img {
    width: 37%;
    max-width: 325px;
  }
}

/* 庄内柿
----------------------------------------------*/
.shounaigaki-eiyou {
  background: #F5EFE3;
  padding: 24px 32px;
  margin-top: 16px;
}

.shounaigaki-eiyou h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .shounaigaki-eiyou h3 {
    font-size: 20px;
  }
}

p.shounaigaki-eiyou-note {
  font-size: 12px;
  text-align: center;
  margin-top: 8px;
}

.shounaigaki-eiyou ul {
  margin-top: 12px;
}

@media screen and (min-width: 1024px) {
  .shounaigaki-eiyou ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.25em;
  }
}

.shounaigaki-eiyou li::before {
  content: "●";
  color: #a5895e;
  margin-right: .25em;
}

/* 土佐文旦
----------------------------------------------*/
.tosabuntan-recipe-zairyou-box {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  background: #F5EFE3;
  padding: 24px;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .tosabuntan-recipe-zairyou-box {
    flex-direction: row;
    align-items: stretch;
    gap: 0 24px;
    padding: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-zairyou-box {
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .tosabuntan-recipe-zairyou {
    width: 120px;
  }
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-zairyou {
    width: 280px;
  }
}

.tosabuntan-recipe-zairyou-text {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #333;
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .tosabuntan-recipe-zairyou-text {
    width: calc(100% - 144px);
    border-right: 1px solid #333;
    border-bottom: none;
    padding-right: 24px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-zairyou-text {
    width: calc(100% - 304px);
  }
}

@media screen and (min-width: 768px) {
  .tosabuntan-recipe-zairyou {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.tosabuntan-recipe-zairyou-heading {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin: o;
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-zairyou-heading {
    font-size: 1.8rem;
  }
}

.tosabuntan-recipe-zairyou ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .tosabuntan-recipe-zairyou ul {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-zairyou ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
  }
}

.tosabuntan-recipe-zairyou li {
  width: calc(50% - 12px);
}
@media screen and (min-width: 768px) {
  .tosabuntan-recipe-zairyou li {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-zairyou li {
    width: calc(50% - 12px);
  }
}

.tosabuntan-recipe-zairyou li::before {
  content: "●";
  color: #a5895e;
  margin-right: .25em;
}

.tosabuntan-recipe-list {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .tosabuntan-recipe-list {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 32px 6%;
  }
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-list {
    gap: 32px 5%;
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .tosabuntan-recipe-list li {
    width: 47%;
  }
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-list li {
    width: 30%;
  }
}

.tosabuntan-recipe-list img {
  width: 100%;
}

.tosabuntan-recipe-list .tosabuntan-recipe-list-text {
  display: flex;
  gap: 0 8px;
  margin-top: 8px;
}

.tosabuntan-recipe-list .tosabuntan-recipe-list-text .num {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  background: #a5895e;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  border-radius: 50%;
  margin-top: 4px;
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-list .tosabuntan-recipe-list-text .num {
    width: 28px;
    height: 28px;
    font-size: 18px;
    margin-top: 2px;
  }
}

.tosabuntan-recipe-list .tosabuntan-recipe-list-text p {
  width: calc(100% - 32px);
}
@media screen and (min-width: 1024px) {
  .tosabuntan-recipe-list .tosabuntan-recipe-list-text p {
    width: calc(100% - 36px);
  }
}

/* 桃
----------------------------------------------*/
.category_content_col2.evenly h3.momo {
  background-color: #F5EFE3;
  padding: 12px 0;
  margin-top: 0;
  margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  .category_content_col2.evenly h3.momo {
    padding: 16px 0;
  }
}

/* 白桃・黄桃（ご自宅用）
----------------------------------------------*/
.momo-caution-img {
  padding: 0 15px 15px;
}

/* だだちゃ豆
----------------------------------------------*/
.dadacha-season-type-container {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  margin-top: 24px;
}

.dadacha-season-type {
  background: #F5EFE3;
  padding: 24px;
}
@media screen and (min-width: 1024px) {
  .dadacha-season-type {
    padding: 32px;
  }
}

.dadacha-season-type h3 {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .dadacha-season-type h3 {
    font-size: 2.2rem;
  }
}

.dadacha-season-type h3 span {
  display: inline-block;
  background: #A30000;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 4px;
  padding: 6px;
  margin-left: 1em;
}
@media screen and (min-width: 1024px) {
  .dadacha-season-type h3 span {
    font-size: 1.4rem;
    padding: 8px;
  }
}

.dadacha-season-type p {
  margin: 8px 0 0;
}

.dadacha-noshi-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px 0;
  border: 2px solid #a5895e;
  padding: 16px;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .dadacha-noshi-box {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 24px;
  }
}

@media screen and (min-width: 768px) {
  .dadacha-noshi-box p {
    width: calc(55% - 24px);
  }
}

.dadacha-noshi-box p .caution {
  display: inline;
  border-bottom: 1px solid #A30000;
}

@media screen and (min-width: 768px) {
  .dadacha-noshi-box img {
    width: 45%;
  }
}

/* つや姫
----------------------------------------------*/
.kodawari-num {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  background: #F5EFE3;
  padding: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .kodawari-num {
    font-size: 2rem;
  }
}

.tsuyahime-farmer {
  text-align: center;
  margin: 32px 0 0;
}
@media screen and (min-width: 1024px) {
  .tsuyahime-farmer {
    margin: 48px 0 0;
  }
}

.tsuyahime-farmer img {
  width: 100%;
  margin-bottom: 8px;
}


/* 桜
----------------------------------------------*/
.sakura-package-img {
  width: 50%;
  margin: 0 atuo;
}
@media screen and (min-width: 768px) {
  .sakura-package-img {
    width: 100%;
    margin: 0;
  }
}

.sakura-caution {
  background: #F5EFE3;
  padding: 24px;
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  .sakura-caution {
    padding: 32px;
    margin-top: 32px;
  }
}

.sakura-caution h3 {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .sakura-caution h3 {
    font-size: 2rem;
  }
}

.sakura-caution p {
  margin-top: 1em;
}

.sakuraogata-noe-box {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .sakuraogata-noe-box {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0 56px;
    margin-top: 32px;
  }
  .sakuraogata-noe-left {
    width: 30%;
  }
  .sakuraogata-noe-right {
    width: 57%;
  }
}

.sakuraogata-noe-box img {
  margin: 0 auto 16px;
}
@media screen and (min-width: 768px) {
  .sakuraogata-noe-box img {
    width: 100%;
    margin: 0 0 16px;
  }
}

.sakuraogata-noe-right p {
  color: #A30000;
  font-weight: bold;
}

/* さくらんぼ
----------------------------------------------*/
.category_content_col3_child .sakuranbo-season {
  text-align: center;
  border-top: 1px solid #ADADAD;
  border-bottom: 1px solid #ADADAD;
  margin-top: 24px;
}

a.btn-gold {
  display: block;
  background: #B9A06F;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border-radius: 5px;
  padding: 16px 0;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  a.btn-gold {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 1024px) {
  a.btn-gold.pc_small {
    font-size: 1.6rem;
  }
}

.sakuranbo-delivery-flow {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .sakuranbo-delivery-flow {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
  }
}

@media screen and (min-width: 768px) {
  .sakuranbo-delivery-flow-item {
    width: calc(50% - 12px)
  }
}
@media screen and (min-width: 1024px) {
  .sakuranbo-delivery-flow-item {
    width: calc(25% - 18px)
  }
}

.sakuranbo-delivery-flow-item h3 {
  font-size: 2rem;
  margin: 0;
}

.sakuranbo-delivery-flow-item h3 .num {
  font-size: 2.8rem;
  margin-right: .25em;
}

.sakuranbo-delivery-flow-item img {
  width: 100%;
  max-width: 610px;
  margin: 8px 0;
}

.sakuranbo-delivery-bottom-ttl {
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  margin: 24px 0 24px;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-delivery-bottom-ttl {
    font-size: 2.4rem;
    margin: 32px 0 32px;
  }
}

.sakuranbo-delivery-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-delivery-bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1024px) {
  .sakuranbo-delivery-bottom-img {
    width: 50%;
  }
}

.sakuranbo-delivery-bottom-text {
 font-size: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-delivery-bottom-text {
    width: calc(50% - 40px);
    font-size: 2rem;
  }
}

.sakuranbo-delivery-mind {
  background: #FBF8EF;
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .sakuranbo-delivery-mind {
    padding: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .sakuranbo-delivery-mind {
    padding: 40px 64px;
  }
}

.delivery_table_container {
  overflow: scroll;
  scrollbar-color: #a5895e #e8e8e8;
  padding-bottom: 12px;
  margin-top: 24px;
  @media screen and (min-width: 768px) {
    overflow: auto;
    padding-bottom: 0;
  }
}

.delivery_table {
  width: 100%;
  white-space: nowrap;
  border-collapse: collapse;
  border: 1px solid #ADADAD;
}
@media screen and (min-width: 768px) {
  .delivery_table {
    white-space: wrap;
  }
}

.delivery_table caption {
  color: #A30000;
  text-align: left;
  @media screen and (min-width: 768px) {
    display: none;
  }
}

.delivery_table th, .delivery_table td {
  border-bottom: 1px solid #ADADAD;
  padding: 8px;
}

.delivery_table th {
  width: 42.4%;
  text-align: left;
  border-right: 1px solid #ADADAD;
}

.delivery_table th.month {
  text-align: center;
}

.delivery_table th a {
  color: #111111;
  text-decoration: underline !important;
}

.delivery_table td {
  width: 4.8%;
  color: #A30000;
  text-align: center;
}

.delivery_table td:nth-child(odd) {
  background: #fcf6cc;
}

.delivery_table td:nth-child(even) {
  background: #fdfae5;
}
.delivery_table td:nth-child(3n+4) {
  border-right: 1px solid #ADADAD;
}

.sakuranbo-caution {
  background: #F5EFE3;
  text-align: center;
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .sakuranbo-caution {
    padding: 32px;
  }
}

.sakuranbo-caution h2 {
  color: #A30000;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .sakuranbo-caution h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .sakuranbo-caution h2 {
    font-size: 2.8rem;
  }
}

.sakuranbo-caution p {
  margin-top: 24px;
}

.sakuranbo-yoyaku {
  border-left: 7px solid #11650F;
  border-right: 7px solid #11650F;
  border-bottom: 7px solid #11650F;
}

.sakuranbo-yoyaku h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  background: #11650F;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-aligh: center;
  padding: 12px 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .sakuranbo-yoyaku h2 {
    position: relative;
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1280px) {
  .sakuranbo-yoyaku h2 {
    font-size: 4rem;
  }
}

.sakuranbo-yoyaku h2 span {
  background: #fff;
  color: #11650F;
  font-size: 2.2rem;
  border: 8px solid #11650F;
  border-radius: 8px;
  padding: 0 12px;
  transform: rotate(-8deg);
}
@media screen and (min-width: 768px) {
  .sakuranbo-yoyaku h2 span {
    position: absolute;
    left: 5%;
    font-size: 4rem;
  }
}
@media screen and (min-width: 1280px) {
  .sakuranbo-yoyaku h2 span {
    font-size: 6rem;
  }
}

.sakuranbo-yoyaku ul {
  padding: 0 16px;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-yoyaku ul {
    padding: 0 24px;
  }
}


.sakuranbo-yoyaku ul li {
  padding: 24px 0;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-yoyaku ul li {
    padding: 32px 0;
  }
}

.sakuranbo-yoyaku ul li:not(:last-child) {
  border-bottom: 2px dotted rgba(163,0,0,.5);
}

.sakuranbo-yoyaku ul h3 {
  display: flex;
  align-items: center;
  gap: 0 8px;
  color: #11650F;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-yoyaku ul h3 {
    gap: 0 16px;
    font-size: 3rem;
  }
}

.sakuranbo-yoyaku ul h3 .num {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  font-size: 2.2rem;
  border: 4px solid #11650F;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-yoyaku ul h3 .num {
    width: 64px;
    height: 64px;
    font-size: 4.4rem;
    border: 7px solid #11650F;
  }
}

.sakuranbo-yoyaku ul h3 .text {
  width: calc(100% - 44px);
}
@media screen and (min-width: 1024px) {
  .sakuranbo-yoyaku ul h3 .text {
    width: calc(100% - 80px);
  }
}

.sakuranbo-yoyaku ul p {
  font-size: 1.6rem;
  line-height: 1.6;
  padding-left: 44px;
  margin-top: 8px;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-yoyaku ul p {
    font-size: 2.4rem;
    padding-left: 80px;
  }
}

.sakuranbo-tableList {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
@media screen and (min-width: 768px) {
  .sakuranbo-tableList {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .sakuranbo-tableList {
    gap: 32px;
  }
}

.sakuranbo-tableList table {
  width: 100%;
  line-height: 1.5;
  border-collapse: collapse;
  border: 1px solid #666;
}
@media screen and (min-width: 768px) {
  .sakuranbo-tableList table {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: 1024px) {
  .sakuranbo-tableList table {
    width: calc(50% - 16px);
  }
}

.sakuranbo-tableList table th,
.sakuranbo-tableList table td {
  text-align: center;
  border: 1px solid #666;
  padding: 8px 4px;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-tableList table th,
  .sakuranbo-tableList table td {
    padding: 10px 8px;
  }
}

.sakuranbo-tableList-ttl {
  background: #a5895e;
  color: #fff;
  font-size: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .sakuranbo-tableList-ttl {
    font-size: 1.8rem;
  }
}

.sakuranbo-tableList-ttlSub {
  width: 50%;
  background: #F5EFE3;
}

a.sakuranbo-tableList-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111111;
  text-decoration: underline !important;
}

a.sakuranbo-tableList-link::before {
  position: absolute;
  right: 0;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #a5895e;
  border-radius: 50%;
}
@media screen and (min-width: 1280px) {
  a.sakuranbo-tableList-link::before {
    width: 20px;
    height: 20px;
  }
}

a.sakuranbo-tableList-link::after {
  position: absolute;
  right: 6px;
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(135deg);
}
@media screen and (min-width: 1280px) {
  a.sakuranbo-tableList-link::after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
}

.gojitaku-note {
  background: #F5EFE3;
  font-size: 1.8rem;
  line-height: 1.6;
  padding: 16px;
  margin-top: 24px;
}
@media screen and (min-width: 1280px) {
  .gojitaku-note {
    font-size: 2.2rem;
    padding: 24px;
  }
}

/* さくらんぼ大口注文
----------------------------------------------*/
.largePurchase__anchorLink {
  display: flex;
  justify-content: center;
  gap: 0 4%;
  margin-top: 24px;
}

.largePurchase__anchorLink li {
  width: 32%;
  max-width: 250px;
}

.largePurchase__case {
  background-color: #F5EFE3;
  padding: 16px;
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  .largePurchase__case {
    padding: 24px;
  }
}

.largePurchase__case-ttl {
  font-weight: bold;
}

.largePurchase__case-list li {
  text-indent: -1em;
  margin-left: 1em;
}

.largePurchase__case-list li::before {
  content: "●";
  color: #a5895e;
}

.multiple-purchase-flow {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  margin-top: 40px;
}
.multiple-purchase-flow h4 {
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 0 12px;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 1024px) {
  .multiple-purchase-flow h4 {
    font-size: 2rem;
  }
}
.multiple-purchase-flow h4::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 16px;
  background-color: #a5895e;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  margin-right: 8px;
}
.multiple-purchase-flow p {
  padding: 0 12px;
}
.large-purchase-dlBtn {
  display: block;
  max-width: 445px;
  margin: 24px auto 0;
}

.beige-box {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  background-color: #F5EFE3;
  padding: 20px;
  margin-top: 16px;
}


/* サンふじ（ご自宅用）
----------------------------------------------*/
.sunfuji-gojitaku-note {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .sunfuji-gojitaku-note {
    font-size: 2.4rem;
  }
}

/* ご挨拶ギフト（りんご）
----------------------------------------------*/
.ringo-gift-type {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  max-width: 400px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .ringo-gift-type {
    flex-direction: row;
    gap: 0;
    max-width: 100%;
    margin: 0;
  }
  .ringo-gift-type li {
    flex: 1;
  }
}


.ringo-gift-type-ttl {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ringo-gift-type-ttl {
    font-size: 2.0rem;
  }
}
@media screen and (min-width: 1024px) {
  .ringo-gift-type-ttl {
    font-size: min(1.8vw, 2.6rem);
  }
}

.ringo-gift-type-img {
  width: 100%;
  max-width: 320px;
  margin: 8px auto 0;
}

.ringo-gift-type-text {
  padding: 0 2em;
}


/* 蜜りんごシードル
----------------------------------------------*/
.zork-lead {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .zork-lead {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .zork-lead {
    font-size: min(2.5vw, 3.4rem);
  }
}


.zork-howto-container {
  border: 5px solid #5f4c3e;
  margin-top: 8px;
}

.zork-howto-heading {
  background: #5f4c3e;
  color: #fff;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .zork-howto-heading {
    padding: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .zork-howto-heading {
    padding: 24px 56px;
  }
}

.zork-howto-heading h2 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 16px;
}
@media screen and (min-width: 768px) {
  .zork-howto-heading h2 {
    font-size: 2.8rem;
    margin: 0 0 24px;
  }
}
@media screen and (min-width: 1024px) {
  .zork-howto-heading h2 {
    font-size: min(4vw, 5rem);
  }
}

.zork-howto-heading p {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .zork-howto-heading p {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .zork-howto-heading p {
    font-size: min(1.8vw, 2.4rem);
  }
}

.zork-howto-heading p.bold {
  font-weight: bold;
}

.zork-howto-heading p.mincho {
  margin-top: 8px;
}

.zork-howto-inner {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .zork-howto-inner {
    padding: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .zork-howto-inner {
    padding: 32px 40px;
  }
}

.zork-howto-item h3 {
  font-weight: bold;
  font-size: 2.2rem;
  border-bottom: 3px solid #5f4c3e;
  padding-bottom: 8px;
  margin: 0 0 16px;
}
@media screen and (min-width: 768px) {
  .zork-howto-item h3 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .zork-howto-item h3 {
    font-size: min(2.6vw, 3.6rem);
    margin: 0 0 24px;
  }
}

.zork-howto-item ul {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
}
@media screen and (min-width: 768px) {
  .zork-howto-item ul {
    flex-direction: row;
    gap: 0 24px;
  }
  .zork-howto-item ul li {
    display: flex;
    align-items: center;
    gap: 0 16px;
    flex: 1;
  }
}

.zork-howto-img {
  margin: 0 auto
}
.zork-howto-text {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .zork-howto-img, .zork-howto-text {
    width: calc(50% - 8px);
    margin-top: 0;
  }
}

.zork-howto-item h4 {
  color: #A30000;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .zork-howto-item h4 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .zork-howto-item h4 {
    font-size: min(3vw, 4rem);
  }
}

.zork-howto-item p {
  font-size: 1.4rem;
  margin-top: 8px;
}

/* お米
----------------------------------------------*/
.okome-popularity-box {
  padding: 24px;
  border: 1px solid #939393;
}
@media screen and (min-width: 1024px) {
  .okome-popularity-box {
    padding: 32px;
  }
}

.okome-popularity-ttl {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 16px
}
@media screen and (min-width: 1024px) {
  .okome-popularity-ttl {
    font-size: 4rem;
    margin: 0 0 24px;
  }
}

.sub-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 16px
}
@media screen and (min-width: 1024px) {
  .sub-ttl {
    font-size: 2.4rem;
    margin: 0 0 24px
  }
}

.tsuyahime-kodawari-container {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .tsuyahime-kodawari-container {
    padding-top: 0;
  }
}

.tsuyahime-kodawari-item {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
@media screen and (min-width: 768px) {
  .tsuyahime-kodawari-item {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
}

.tsuyahime-num {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .tsuyahime-num {
    width: 111px;
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .tsuyahime-kodawari-text {
    width: calc(100% - 135px);
  }
}

.tsuyahime-kodawari-ttl {
  color: #A30000;
  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 16px;
}
@media screen and (min-width: 768px) {
  .tsuyahime-kodawari-ttl {
    font-size: 2.4rem;
    margin: .5em 0 16px;
  }
}
@media screen and (min-width: 1024px) {
  .tsuyahime-kodawari-ttl {
    font-size: 2.8rem;
  }
}

.tsuyahime-kodawari-text p {
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .tsuyahime-kodawari-text p {
    font-size: 1.8rem;
  }
}

a.tsuyahime-more-btn {
  display: inline-block;
  background: #B9A06F;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 9999px;
  padding: 16px 24px;
}
@media screen and (min-width: 768px) {
  a.tsuyahime-more-btn {
    font-size: 2.2rem;
    padding: 16px 40px;
  }
}
@media screen and (min-width: 1024px) {
  a.tsuyahime-more-btn {
    font-size: 2.4rem;
    padding: 20px 56px;
  }
}

.okome-kanri-box {
  background: #FBF8EF;
  padding: 24px;
}
@media screen and (min-width: 1024px) {
  .okome-kanri-box {
    padding: 32px;
  }
}

.okome-hozon-box {
  background: #fff;
  padding: 24px;
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  .okome-hozon-box {
    padding: 32px;
    margin-top: 32px;
  }
}

.okome-hozon-box h3 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
  .okome-hozon-box h3 {
    font-size: 2.4rem;
  }
}

.okome-hozon-inner {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
@media screen and (min-width: 768px) {
  .okome-hozon-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
}

@media screen and (min-width: 768px) {
  .okome-hozon-item {
    width: 47%;
  }
}
@media screen and (min-width: 1024px) {
  .okome-hozon-item {
    width: 45%;
  }
}

.okome-hozon-item h4 {
  color: #A30000;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 8px;
}
@media screen and (min-width: 1024px) {
  .okome-hozon-item h4 {
    font-size: 2rem;
    margin: 0 0 16px;
  }
}

/* 月山高原育ちのにんじんジュース
----------------------------------------------*/
.carrot-voice {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
}
@media screen and (min-width: 768px) {
  .carrot-voice {
    background: url(https://www.ajfarm.com/images/renew/carrot/carrot-voice-bg.webp) no-repeat;
    background-position: right top;
    background-size: contain;
    padding: 40px min(8vw, 144px) 40px 0;
  }
}

.carrot-voice-item {
  background: url(https://www.ajfarm.com/images/renew/carrot/icon-carrot.webp) no-repeat;
  background-position: left -6px;
  background-size: 42px auto;
  padding-left: 42px;
}
@media screen and (min-width: 1024px) {
  .carrot-voice-item {
    background-size: 55px auto;
    padding-left: 55px;
  }
}

.carrot-voice-ttl {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .carrot-voice-ttl {
    font-size: 2.8rem;
  }
}

.carrot-voice-text {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
  padding-top: 8px;
}
@media screen and (min-width: 1024px) {
  .carrot-voice-text {
    font-size: 1.8rem;
  }
}

.carrot-beige-box {
  background: #FBF8EF;
  padding: 24px;
}
@media screen and (min-width: 1024px) {
  .carrot-beige-box {
    padding: 48px;
  }
}

.carrot-beige-box-inner {
  display: flex;
  flex-direction: column;
  gap: 48px 0;
}
@media screen and (min-width: 1024px) {
  .carrot-beige-box-inner {
    gap: 64px 0;
  }
}

.carrot-process {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px 0;
}
@media screen and (min-width: 768px) {
  .carrot-process {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0 32px;
  }
}

/* ラ・フランス
----------------------------------------------*/
.lafrance-eat-container {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .lafrance-eat-container {
    margin-top: 56px;
  }
}

.lafrance-eat-ttl {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .lafrance-eat-ttl {
    font-size: 3.2rem;
  }
}

.lafrance-eat-flow {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .lafrance-eat-flow {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0 24px;
  }
}
@media screen and (min-width: 1024px) {
  .lafrance-eat-flow {
    gap: 0 30px;
    margin-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .lafrance-eat-flow-item {
    width: calc(100% / 3 - 16px);
  }
}
@media screen and (min-width: 1024px) {
  .lafrance-eat-flow-item {
    width: calc(100% / 3 - 20px);
  }
}

.lafrance-eat-flow-item img {
  width: 100%;
  max-width: 600px;
}

.lafrance-eat-flow-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  padding-top: 16px;
}
@media screen and (min-width: 1024px) {
  .lafrance-eat-flow-ttl {
    font-size: 2.4rem;
  }
}

.lafrance-eat-flow-text {
  padding-top: 8px;
}

.lafrance-hozon {
  background: #F5EFE3;
  padding: 24px;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .lafrance-hozon {
    padding: 32px;
  }
}

.lafrance-bottom-note {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .lafrance-bottom-note {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .lafrance-bottom-note {
    font-size: 3.2rem;
  }
}

.silver-bell-mv-bnr {
  display: block;
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .silver-bell-mv-bnr {
    transition: opacity .3s ease;
  }
  .silver-bell-mv-bnr:hover {
    opacity: .6;
  }
}

/* ************************************************ 
 * 特定商取引法に基づく表示
 * ************************************************ */
.fs-c-explainList dt {
  padding: 16px 0 8px;
}
@media screen and (min-width: 600px) {
  .fs-c-explainList {
    grid-column-gap: 0;
    grid-row-gap: 0;
  }
  .fs-c-explainList dt {
    border-bottom: 1px solid rgba(65,48,39,0.5);
    padding: 16px 32px 16px 0;
  }
}

.fs-c-explainList dd {
  border-bottom: 1px solid rgba(65,48,39,0.5);
  padding-bottom: 16px;
}
.fs-c-explainList dd:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  .fs-c-explainList dd {
    padding: 16px 0;
  }
}

.fs-c-list li:not(:first-child) {
  margin-top: 8px;
}

.fs-c-documentColumn__content {
  gap: 16px;
}

/* ************************************************ 
 * カート画面
 * ************************************************ */

/* テーブル
----------------------------------------------*/
.fs-c-cartTable__headerCell, .fs-c-cartTable__dataCell {
  border: none;
  border-bottom: 1px solid #ccc;
}

/* ログインして進むボタン
----------------------------------------------*/
.fs-c-button--primary {
  min-width: 240px;
  background: #A5895E;
  border: 1px solid #A5895E;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 1.0em 1.6em 0.8em;
  box-shadow: none;
  font-weight: bold;
  margin-top: 16px;
}

/* ご注文手続きへ進むボタン
----------------------------------------------*/
.fs-c-button--secondary {
  min-width: 240px;
  background: #A30000;
  border: 1px solid #A30000;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 1.0em 1.6em 0.8em;
  box-shadow: none;
  font-weight: bold;
  margin-top: 16px;
}

/* AmazonPayボタンの上の注意書き
----------------------------------------------*/
.fs-c-cartPayment, .fs-c-payWithAmazon {
  margin-top: 24px;
  font-size: 1.4rem;
}

.fs-c-payWithAmazon__message {
  margin-bottom: 8px;
}

/* 戻ってショッピングを続けるボタン
----------------------------------------------*/
.fs-c-button--standard {
  background: #ebebeb;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  color: #3c3c3c;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 1.0em 1.6em 0.8em;
  box-shadow: 0 0 2px #b2b2b2;
  font-weight: bold;
}

/* カートアイコンの数字
----------------------------------------------*/
@media screen and (min-width: 1024px) {
  .fs-p-cartItemNumber {
    width: 18px;
    height: 18px;
    font-size: 1.2rem;
    border-radius: 50%;
  }
}

/* LINEバナー
----------------------------------------------*/
@media screen and (min-width: 1024px) {
  .line-bnr a {
    transition: opacity .3s ease;
  }
  .line-bnr a:hover {
    opacity: .6;
  }
}