@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

/*-------------------- PC:1260px TV:960px SP:768px でmediaquery設定 --------------------*/
body,h1,h2,h3,h4,h5,h6,p,ul,li,figure,figcaption {margin: 0;padding: 0;}

/* Commnon
============================*/
:root {
  --color-primary: #db391c;
  --color-orange: #F0821E;
  --color-orange2: #E93817;
  --color-yellow: #EDC937;
  --color-link: #3448F8;
  --color-0: #000;
  --color-bg1: #F1EFE2;
  --color-bg2: #E4F2F8;

  --ttl-h2: 52px;
  --ttl-h3: 42px;
  --sp-ttl-h2: min(7.12vw,28px);
  --sp-ttl-h3: 42px;

  --text-normal : min(1.56vw,30px);
  --sp_text-normal : min(5.09vw,20px);
  --heading-large :min(2.71vw,52px);
  --heading-medium : min(2.5vw,48px);
  --heading-small :min(1.88vw,36px);
  --tb-heading-large : min(3.47vw,40px);
  --tb-heading-medium : min(2.67vw,40px);
  --tb-heading-small : min(2.4vw,40px);
  --item-large-text :  min(1.33vw,20px);
  --tb-item-large-text : min(1.33vw,20px);
  --sp-item-large-text : min(4.58vw,36px);

  /* 伊藤園 */
  --color-zakuro: #DB516D;
  --color-zakuro2: #FCECF0;
  --color-saji: #D29825;
  --color-saji2: #FBEFD8;
  /* 不揃いな葡萄 */
  --color-mossgreen: #285B00;
  /* 不揃いなりんご */
  --color-brown: #813C13;
  --color-lightbrown: #F1EFE2;
  /* 不揃いなラフランス */
  --color-leafgreen: #649c21;
}
*{box-sizing: border-box;}

/* フォント */
html {
  font-size: 100%;
  scroll-behavior: smooth;
}
@media screen and (min-width: 320px) {
  html {
    /* 最小：16px */
    font-size: calc(100% + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  html {
    /* 最小：16px */
    font-size: calc(100% + 12 * (100vw - 1200px) / 720);
  }
}
@media screen and (min-width: 1920px) {
  html {
    /* 28px */
    font-size: 2.0rem;
  }
}

body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
}
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
  transition: ease .4s;
}
a:hover {
  opacity: .8;
  transition: ease .4s;
}
/* PC/SP切替 */
.sp-only {
  display: none;
}
.pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block !important;
  }
  .pc-only {
    display: none !important;
  }
}
.l-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px 30px;
}
.l-grid__item.-col2 {grid-column: 2 span;}
.l-grid__item.-col3 {grid-column: 3 span;}
.l-grid__item.-col4 {grid-column: 4 span;}
.l-grid__item.-col5 {grid-column: 5 span;}
.l-grid__item.-col6 {grid-column: 6 span;}
.l-grid__item.-col7 {grid-column: 7 span;}
.l-grid__item.-col8 {grid-column: 8 span;}
.l-grid__item.-col9 {grid-column: 9 span;}
.l-grid__item.-col10 {grid-column: 10 span;}
.l-grid__item.-col11 {grid-column: 11 span;}
.l-grid__item.-col12 {grid-column: 12 span;}
@media screen and (max-width: 768px) {
  .l-grid{
    gap: min(1.78vw,14px);
  }
  .l-grid__item.-sp-col2 {grid-column: 2 span;}
  .l-grid__item.-sp-col3 {grid-column: 3 span;}
  .l-grid__item.-sp-col4 {grid-column: 4 span;}
  .l-grid__item.-sp-col5 {grid-column: 5 span;}
  .l-grid__item.-sp-col6 {grid-column: 6 span;}
  .l-grid__item.-sp-col7 {grid-column: 7 span;}
  .l-grid__item.-sp-col8 {grid-column: 8 span;}
  .l-grid__item.-sp-col9 {grid-column: 9 span;}
  .l-grid__item.-sp-col10 {grid-column: 10 span;}
  .l-grid__item.-sp-col11 {grid-column: 11 span;}
  .l-grid__item.-sp-col12 {grid-column: 12 span;}
  .l-flex {
    flex-wrap: wrap;
  }
}
.l-flex {
  display: flex;
}
img {
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}
img.w100 {
  max-width: unset;
  width: 100%;
}
.u-fw-m {
  font-weight: 500!important;
}
.u-fw-b {
  font-weight: bold!important;
}
.u-ta-c {
  text-align: center!important;
}
.u-ta-r {
  text-align: right!important;
}
.u-strike {
  text-decoration: line-through;
}
.u-color-orange {color: var(--color-orange)!important;}
.u-color-orange2 {color: var(--color-orange2)!important;}
.u-color-white {color: #fff!important;}
.u-color-mossgreen {color: var(--color-mossgreen)!important;}
.u-color-brown {color: var(--color-brown)!important;}
.u-bg-orange {background: var(--color-orange)!important;}
.u-bg-orange2 {background: var(--color-orange2)!important;}
.u-bg-lightbrown {background: var(--color-lightbrown)!important;}
.u-bg-mossgreen {background: var(--color-mossgreen)!important;}
.u-bg-leafgreen {background: var(--color-leafgreen)!important;}
.u-br-50{
  border-radius: 50px;
}
.c-notes {
  font-size: 24px;
  line-height: calc(35/24);
}
sup {
  font-size: 50%;
  vertical-align: super;
}
.u-mt-10 {margin-top: 10px;}
.u-mt-20 {margin-top: 20px;}
.u-mt-30 {margin-top: 30px;}
.u-mt-40 {margin-top: 40px;}
.u-mt-50 {margin-top: 50px;}
.u-mt-60 {margin-top: 60px;}
.u-mb-10 {margin-bottom: 10px;}
.u-mb-20 {margin-bottom: 20px;}
.u-mb-30 {margin-bottom: 30px;}
.u-mb-40 {margin-bottom: 40px;}
.u-mb-50 {margin-bottom: 50px;}
.u-mb-60 {margin-bottom: 60px;}
/* ボタン */
.l-btn {
  width: 100%;
}
.c-btn {
  width: 100%;
  height: 100%;
  transition:ease .4s;
  &:hover {
    opacity: .8;
    transition:ease .4s;
  }
}
.c-btn.-buy-btn {
  margin: auto;
  max-width: 600px;
  aspect-ratio: 6/1;
  box-shadow: 0 6px 6px rgba(0,0,0,0.5);
  border-radius: 14px;
  background: var(--color-orange2);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: min(2.08vw,40px);
  font-weight: bold;
  line-height: calc(58/40);
}
.c-btn.-buy-btn.-shipping {
  font-size: min(1.88vw,36px);
  gap: min(0.57vw,11px);
}
.c-btn.-buy-btn.-shipping .c-shipping {
  display: inline-block;
  font-size: min(1.15vw,22px);
  font-weight: bold;
  line-height: calc(32/22);
  color: var(--color-orange2);
  padding: 1px 16px 3px;
  margin-bottom: 2px;
  border-radius: 20px;
  background: #fff;
}
.c-btn .c-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.c-btn .c-icon.-triangle::after {
  content: "";
  width: min(1.56vw, 30px);
  height: min(2.29vw,44px);
  background: url(images/icon_triangle.svg)no-repeat center center / 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .c-btn.-buy-btn.-shipping {
    font-size: min(6.36vw,50px);
    line-height: calc(36/25);
  }
  .c-btn.-buy-btn.-shipping .c-shipping {
    font-size: min(4.07vw,32px);
    line-height: calc(24/16);
  }
  .c-btn .c-icon.-triangle::after {
    width: min(4.07vw, 16px);
    height: min(6.11vw, 24px);
  }
}



.c-link {
  text-decoration: underline;
  color: var(--color-link);
}



/* タイトル */
.c-heading {
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.c-heading.-large {
  font-size: var(--ttl-h2);
  line-height: calc(75/52);
  color: var(--color-orange);
  margin-bottom: 40px;
}
.c-heading.-medium {
  font-size: var(--heading-medium);
  line-height: calc(58/40);
}
.c-heading.-medium.u-bg-color {
  padding: min(1.3vw,25px) 0 min(1.25vw,24px);
  background: var(--color-orange);
  margin: min(2.03vw,39px) auto min(3.54vw,68px);
}
@media screen and (min-width: 769px) and (max-width: 1500px) {
  .c-heading.-medium {
    font-size: var(--tb-heading-medium);
  }
}

.js-scroll-top {
  width: 100px;
  height: auto;
  aspect-ratio: 1/1;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  /* opacity: 0; */
  transition: opacity 0.4s ease;
  z-index: 100;
  border-radius: 50%;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
}
.js-scroll-top.show {
  display: block;
  /* opacity: 1; */
}
.js-scroll-top a{
  transition:ease .4s;
  &:hover {
    opacity: .8;
    transition:ease .4s;
  }
}
/*-------------------- PC：コンテンツ（W1260px） --------------------*/

/* Header
============================*/
/* header{
  width: 100%;
  height: 100px;
  font-size: 0;
}
.header__logo {
  width: 405px;
  height: 80px;
  line-height: 0;
} */
/* Footer
============================*/
.l-footer-inner {
  margin: min(3.13vw,60px) auto min(2.24vw,40px);
  text-align: center;
}
.l-footer-inner .c-anchor{
  margin-top: 0;
  text-align: center;
}
.l-footer-inner .l-footer-logo {
  width: min(19.48vw,374px);
  height: auto;
  aspect-ratio: 187/40;
  margin: 0 auto min(3.13vw,60px);
}
.l-footer-inner .l-btn.-home {
  width: min(51.04vw,980px);
  height: auto;
  aspect-ratio: 1220/158;
  margin: 0 auto min(1.56vw, 30px);
}
.l-footer-inner small {
  width: 100%;
  display: inline-block;
  font-size: min(0.83vw,16px);
  line-height: calc(24/16);
  text-align: center;
}

/* Contents
============================*/
.wrapper {
  width: 100%;
  line-height: 2.0;
}
.l-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.l-wrap.u-max-1375{
  max-width: 1375px!important;
}
@media screen and (max-width: 1200px) {
  .l-wrap {
    width: min(91.67vw,1100px);
  }
}
@media screen and (max-width: 768px) {
  .l-wrap.u-max-sp {
    width: min(92.37vw,726px)!important;
  }
}
.c-text-icon {
  width: fit-content;
  height: 50px;
  font-size: 30px;
  font-weight: bold;
  line-height: calc(44/30);
  color: #fff;
  background: var(--color-orange2);
  display: flex;
  align-items: center;
  padding: 0 min(1.61vw,31px);
  margin: auto;
}
.c-text-icon.c-ellipse {
  border-radius: 25px;
}
.c-text {
  font-size: var(--text-normal);
  line-height: calc(44/30);
  margin-top: -2px;
}
.c-text.-itoen {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* MV
============================*/
.l-mv-img {
  text-align: center;
}
.l-mv-img img {
  width: 100%;
  max-width: unset;
}
/* anchor
----------------------------*/
.l-anchor-link {
  width: 100%;
  background: var(--color-orange);
}
.c-anchor-link {
  align-items: center;
  padding: 20px 0;
  gap: 40px;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
}
.c-anchor-link .c-btn.-anchor{
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-orange);
  background: #fff;
  font-size: min(1.56vw,30px);
  font-weight: bold;
  line-height: calc(44/30);
  border-radius: 14px;
  padding: 13px 0;
  box-shadow: 0 6px 6px rgba(0,0,0,0.5);
}



/* 注目商品ピックアップ
============================*/
/* about
----------------------------*/
.p-pickup .p-about{
  padding: 40px 0 80px;
  position: relative;
}
.p-pickup .p-about::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 80px solid #fff;
}
.p-about .c-text.-itoen {
  margin-top: 14px;
}
.p-about .-itoen picture {
  width: 199px;
  height: auto;
  aspect-ratio: 199/50;
}
.p-about .c-img {
  margin-top: 40px;
}
.p-about .l-text-bottom .c-text {
  font-weight: bold;
  line-height: calc(45/30);
}
/* sale-item
----------------------------*/
.p-sale-item {
  padding: 120px 0 80px;
  background: var(--color-bg1);
}
.p-sale-item .c-text {
  font-weight: bold;
  line-height: calc(45/30);
}
.p-sale-item .c-box + .c-box {
  margin-top: 40px;
}
.p-sale-item .c-box + .c-notes {
  margin-top: 20px;
}
.p-sale-item .c-box .l-inner {
  padding: 40px 60px 60px;
  background: #fff;
}
.p-sale-item .c-box .c-heading.-medium {
  font-size: 34px;
  font-weight: bold;
  line-height: calc(45/30);
  color: #fff;
  padding: 16px 0 15px;
}
.p-sale-item .c-box.-zakuro .c-heading.-medium {
  background: var(--color-zakuro);
}
.p-sale-item .c-box.-saji .c-heading.-medium {
  background: var(--color-saji);
}
.p-sale-item .c-box .c-heading.-small {
  font-size: 34px;
  font-weight: bold;
  line-height: calc(45/30);
}
.p-sale-item .c-box .c-heading.-small span {
  font-size: 24px;
  line-height: calc(35/24);
}
.p-sale-item .c-box .l-price {
  position: relative;
}
.p-sale-item .l-flex {
  gap: 40px;
  margin-bottom: 40px;
}
.p-sale-item .l-flex__item.-img {
  width: 260px;
  height: auto;
  aspect-ratio: 1/1;
}
.p-sale-item .l-flex__item.-text {
  width: 680px;
  height: auto;
}
.l-normal-price {
  font-size: 24px;
  line-height: calc(35/24);
  position: relative;
  width: fit-content;
  margin-bottom: 46px;
  display: inline-flex;
  align-items: flex-start;
  justify-content: left;
}
.l-normal-price::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: calc(100% + 22px);
  left: 50%;
  transform: translateX(-50%);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid var(--color-orange2);
}
.l-normal-price sup {
  font-size: 12px;
  line-height: calc(35/24);
}
.l-sale-price {
  font-size: 52px;
  line-height: calc(75/52);
  font-weight: bold;
  color: var(--color-orange2);
}
.l-sale-price .u-fs-s{
  font-size: 24px;
  line-height: calc(35/24);
}
.l-sale-price .c-unit-price{
  color: var(--color-0);
}
.p-sale-item .l-flex__item .c-text {
  font-size: 24px;
  font-weight: normal;
  line-height: calc(35/24);
}
.p-sale-item .l-flex__item .c-heading.-small {
  font-size: 30px;
  line-height: calc(38/30);
  text-align: left;
  margin-bottom: 26px;
}
.l-icon{
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  gap: 20px;
  width: 180px;
  height: auto;
  aspect-ratio: 1/1;
}
.p-sale-item .l-btn .c-btn .c-shipping {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(35 / 24);
  color: var(--color-orange2);
  padding: 1px 16px 3px;
  border-radius: 20px;
  background: #fff;
  margin-right: 13px;
}
/* sale-item タイトルあり
----------------------------*/
.p-summary + .p-sale-item {
  padding: 87px 0 80px;
}
.p-summary + .p-sale-item .c-text-icon + .c-text {
  font-size: 30px;
  font-weight: bold;
  line-height: calc(44/30);
  margin: 20px auto 40px;
}
.p-summary + .p-sale-item .c-text-icon + .c-text span{
  font-size: 34px;
  line-height: calc(49/34);
}
/* point
----------------------------*/
.p-point {
  margin: 80px 0;
}
.c-ttl-point {
  width: fit-content;
  height: auto;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: calc(44/30);
  background: var(--color-orange2);
  position: relative;
  padding: 2px 30px 4px;
  margin: auto;
}
.c-ttl-point::after{
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid var(--color-orange2);
}
/* ====== POINT 01 ====== */
.p-point.-point01>.c-heading.-medium {
  margin: 20px auto 40px;
}
.p-point.-point01 .l-grid{
  max-width: 1100px;
  margin: auto;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.p-point.-point01 .l-grid-item {
  padding: 20px 40px 40px 40px;
}
.p-point.-point01 .l-grid-item .c-heading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.p-point.-point01 .l-grid-item .c-heading .u-fs-l {
  font-size: 52px;
  line-height: calc(75/52);
  margin: 0 0 8px 10px;
}
.p-point.-point01 .l-grid-item.-zakuro {
  background: var(--color-zakuro2);
}
.p-point.-point01 .l-grid-item.-zakuro .c-heading {
  color: var(--color-zakuro);
}
.p-point.-point01 .l-grid-item.-saji {
  background: var(--color-saji2);
}
.p-point.-point01 .l-grid-item.-saji .c-heading {
  color: var(--color-saji);
}
.p-point.-point01 .l-grid-item .c-text {
  margin: 20px 0;
}
/* ====== POINT 02 ====== */
.p-point.-point02>.c-heading.-medium {
  margin: 20px auto 39px;
}
.p-point.-point02 .c-listbox .l-inner {
  max-width: 710px;
}
.p-point.-point02 .c-listbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  aspect-ratio: 1920/400;
}
.p-point.-point02 .c-listbox.-drink {
  background: url(./images/point2_img_drink.png)no-repeat left center / contain;
}
.p-point.-point02 .c-listbox.-jelly {
  background: url(./images/point2_img_jelly.png)no-repeat right center / contain;
}
.p-point.-point02 .c-listbox.-drink .l-inner {
  margin: 0 0 0 auto;
}
.p-point.-point02 .c-listbox.c-listbox.-jelly .l-inner {
  margin: 0 auto 0 0;
}
.p-point.-point02 .c-listbox .c-ttl {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 10px;
  font-size: 34px;
  font-weight: bold;
  line-height: calc(49/34);
  margin-bottom: 20px;
}
.p-point.-point02 .c-listbox .c-list li {
  position: relative;
  font-size: 30px;
  line-height: calc(44/30);
  text-indent: -1em;
  padding-left: 1em;
}
.p-point.-point02 .c-listbox .c-list li::before {
  content: "・";
}
.p-point.-point02 .c-listbox.-drink {

}
.p-point.-point02 .c-listbox.-drink .c-ttl::before {
  content: "";
  width: auto;
  height: 50px;
  aspect-ratio: 35/50;
  background: url(./images/icon_drop.svg)no-repeat top center / cover;
}
.p-point.-point02 .c-listbox.-jelly {
}
.p-point.-point02 .c-listbox.-jelly .c-ttl::before {
  content: "";
  width: auto;
  height: 50px;
  aspect-ratio: 46/50;
  background: url(./images/icon_jelly.svg)no-repeat top center / cover;
}


/* summary
----------------------------*/
.p-summary {
  background: url(./images/summary_bg.jpg)no-repeat top center / cover;
  padding: 80px 0;
}
.p-summary .c-heading.-middle{
  font-size: 42px;
  line-height: calc(61/42);
  text-align: left;
}
.p-summary .c-text{
  max-width: 600px;
  margin: 20px 0;
}
.p-summary .c-notes{
  margin: 20px 0 40px;
}


/* product
----------------------------*/
.l-product {
  padding: 80px 0;
}
.l-product .l-product-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: calc(60px - 6px) 40px;
  margin: 20px auto 60px;
}
.c-product-description {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(35/24);
  margin-bottom: 10px;
}
.l-product-text {
  text-align: center;
}
.c-product-off-badge {
  font-size: 24px;
  font-weight: bold;
  line-height: calc(40/24);
  color: var(--color-orange2);
  padding: 0 18px 0 20px;
  border: 2px solid var(--color-orange2);
  border-radius: 25px;
  width: fit-content;
  margin: 10px auto;
}
.c-product-off-badge .u-fs-l {
  font-size: 34px;
  line-height: calc(39/34);
}
.c-product-name {
  font-size: 34px;
  font-weight: bold;
  line-height: calc(40.8/34);
  margin-bottom: 2px;
}
.c-product-quantity {
  font-size: 24px;
  font-weight: bold;
  line-height: calc(35/24);
}
.c-product-price {
  font-size: 24px;
  line-height: calc(35/24);
  margin: 10px auto 30px;
  /* display: inline-flex;
  align-items: flex-start;
  justify-content: center; */
}
.c-product-price sup {
  font-size: 12px;
  line-height: calc(35/24);
}
.c-product-sale {
  font-size: 34px;
  font-weight: bold;
  line-height: calc(49/34);
  color: var(--color-orange2);
  position: relative;
}
.c-product-sale::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid var(--color-orange2);
}
.c-product-sale .u-fs-s {
  font-size: 24px;
  font-weight: bold;
  line-height: calc(35/24);
  color: var(--color-orange2);
}
.c-unit-price {
  font-size: 24px;
  font-weight: bold;
  line-height: calc(35/24);
  margin-bottom: 20px;
}
.l-product .l-btn .c-btn {
  flex-wrap: wrap;
  height: fit-content;
  padding: 15px 0 11px;
  font-size: 30px;
  line-height: calc(44/30);
}
.l-product .l-btn .c-btn .c-shipping {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(35/24);
  color: var(--color-orange2);
  padding: 1px 16px 3px;
  margin-bottom: 2px;
  border-radius: 20px;
  background: #fff;
}


/* foodloss
----------------------------*/
.p-foodloss {
  background: var(--color-bg2);
  padding: 80px 0;
}
.p-foodloss .c-list {
  margin: 40px auto;
}
.p-foodloss .c-img{
  margin-top: 33px;
}
.p-foodloss .c-list-item {
  background: #fff;
  padding: 40px 40px 40px 60px;
  display: flex;
  gap: 60px;
  position: relative;
}
.p-foodloss .c-list-item::before {
  content: "";
  display: inline-block;
  width: auto;
  height: 140px;
  aspect-ratio: 1/1;
}
.p-foodloss .c-list-item:nth-child(1)::before {
  background: url(./images/icon_foodloss01.svg)no-repeat center center / 100%;
}
.p-foodloss .c-list-item:nth-child(2)::before {
  background: url(./images/icon_foodloss02.svg)no-repeat center center / 100%;
}
.p-foodloss .c-list-item:nth-child(3)::before {
  background: url(./images/icon_foodloss03.svg)no-repeat center center / 100%;
}
.p-foodloss .c-list-item::after {
  content: "";
  width: 12px;
  height: 100%;
  top: 0;
  left: 0;
  aspect-ratio: unset;
  position: absolute;
  content: "";
}
.p-foodloss .c-list-item:nth-child(1)::after {
  background: #50AADC;
}
.p-foodloss .c-list-item:nth-child(2)::after {
  background: #288C3C;
}
.p-foodloss .c-list-item:nth-child(3)::after {
  background: #F0A03C;
}
.p-foodloss .c-list-item + .c-list-item {
  margin-top: 20px;
}
.p-foodloss .c-list-item .l-inner {
  max-width: 800px;
}
.p-foodloss .c-list-item .c-ttl {
  font-size: 34px;
  font-weight: bold;
  line-height: calc(49/34);
}
.p-foodloss .c-list-item p {
  font-size: 30px;
  font-weight: 500;
  line-height: calc(44/30);
  margin-top: 10px;
}
.p-foodloss .c-img {
  margin-top: 40px;
}




/* クーポンコードコピーウインドウ
============================*/
/* .cp_code{
  cursor: pointer;
}
.success-msg {
    display: none;
    position: fixed;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: #29aba4;
    color: #fff;
    bottom: 6%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    font-size: 0.8rem;
} */



/* ============================
1100px以下対応
============================*/

@media screen and (max-width: 1200px) {

}


/*------------ スマートフォン用 768px以下 ------------*/

@media screen and (max-width: 768px) {
  .c-notes {
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
  }
  sup {
    font-size: 50%;
  }
  /* ボタン */
  .c-btn.-buy-btn {
    /* aspect-ratio: unset; */
    border-radius: 7px;
    font-size: min(6.11vw,24px);
    line-height: calc(35/24);
  }
  /* タイトル */
  .c-heading {
    width: 100%;
    font-weight: bold;
    text-align: center;
  }
  .c-heading.-large {
    font-size: var(--sp-ttl-h2);
    line-height: calc(40/28);
    margin-bottom: min(5.08vw, 20px);
  }
  .c-heading.-medium {
    font-size: var(--sp-ttl-h3);
    line-height: calc(61/42);
  }

  .js-scroll-top {
    width: min(12.72vw,50px);
    bottom: min(3.82vw,15px);
    right: min(2.54vw,10px);
  }
  /* Common
  ============================*/
  .common-btn {
    font-size: 1rem;
    padding: 1em 0.5em;
    width: 100%;
    border-radius: 10px;
    max-width: 350px;
  }

  /* Header
  ============================*/
  /* .header {
    width: 100%;
    height: 60px;
  }
  .header__logo {
    width: min(58.78vw,400px);
    height: auto;
    aspect-ratio: 232/46;
    padding-top: 0.5vh;
  } */

  /* Footer
  ============================*/
  .l-footer-inner {
    /* padding: min(10.18vw,40px) 0 min(6.36vw,25px); */
    padding: min(5.18vw,40px) 0 min(6.36vw,25px);
  }
  .l-footer-inner .c-link {
    font-size: min(3.82vw, 30px);
    line-height: calc(21 / 15);
  }
  .l-footer-inner .l-footer-logo {
    width: min(47.58vw, 187px);
    margin: 0 auto min(7.63vw, 30px);
  }
  .l-footer-inner .l-btn.-home {
    width: 100%;
    margin: 0 auto min(5.09vw,20px);
  }
  .l-footer-inner small {
    font-size: min(3.05vw,12px);
    line-height: calc(17/12);
  }




  /* Contents
  ============================*/
  .l-wrap {
    max-width: unset;
    margin: 0 auto;
    padding: 0 min(3.82vw,15px);
  }
  .c-text-icon {
    width: fit-content;
    height: min(8.91vw,35px);
    font-size: min(5.34vw,21px);
    line-height: calc(30/21);
    padding: 0 min(5.6vw,22px);
  }
  .c-text {
    font-size: var(--text-normal);
    line-height: calc(44/30);
  }
  .c-text.-itoen {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .c-text {
    font-size: var(--text-normal);
    line-height: calc(44/30);
  }

  /* MV
  ============================*/
  .l-mv-img {
    text-align: center;
  }
  .l-mv-img img {
    width: 100%;
    max-width: unset;
  }
  /* anchor
  ----------------------------*/
  .l-anchor-link {
    width: 100%;
    background: var(--color-orange);
  }
  .c-anchor-link {
    padding: min(3.05vw,12px) 0;
    gap: min(5.09vw,20px);
  }
  .c-anchor-link .c-btn.-anchor{
    text-align: center;
    font-size: min(4.07vw,16px);
    line-height: calc(22/16);
    border-radius: 7px;
    padding: min(1.53vw,6px) 0 min(2.04vw,8px);
  }


  /* 注目商品ピックアップ
  ============================*/
  /* about
  ----------------------------*/
  .p-pickup .p-about{
    padding: min(5.09vw,20px) 0 min(9.67vw,38px);
  }
  .p-pickup .p-about::after {
    border-left: min(10.18vw,40px) solid transparent;
    border-right: min(10.18vw,40px) solid transparent;
    border-top: min(10.18vw,40px) solid #fff;
  }
  .p-about .c-text.-itoen {
    display: inline-block;
    margin-top: min(2.54vw,10px);
    font-size: min(5.09vw,20px);
    line-height: calc(30/20);
    text-align: center;
  }
  .p-about .c-text.-itoen img{
    height: 100%;
  }
  .p-about .-itoen picture {
    width: auto;
    height: min(7.63vw,30px);
    aspect-ratio: unset;
    display: inline-block;
  }
  .p-about .c-img {
    margin-top: min(5.09vw,20px);
  }
  .p-about .c-text {
    font-size: min(5.09vw,20px);
    line-height: calc(30/20);
    text-align: center;
    margin-top: -0.53vw;
  }

  /* sale-item
  ----------------------------*/
  .p-sale-item {
    padding: min(15.27vw,60px) 0 min(10.18vw,40px);
  }
  .p-sale-item .c-box + .c-box {
    margin-top: min(5.09vw,20px);
  }
  .p-sale-item .c-box + .c-notes {
    margin-top: min(2.54vw,10px);
  }
  .p-sale-item .c-box .l-inner {
    padding: 0 min(5.09vw,20px) min(7.63vw,30px);
  }
  .p-sale-item .c-box .c-heading.-medium {
    font-size: min(5.6vw,22px);
    line-height: calc(33 / 22);
    padding: min(2.54vw, 10px) 0;
  }
  .p-sale-item .c-box .c-heading.-small {
    font-size: min(5.09vw,20px);
    line-height: calc(30/20);
    margin-bottom: min(4.83vw,19px);
  }
  .p-sale-item .c-box .c-heading.-small span{
    font-size: min(3.82vw,15px);
    line-height: calc(23/15);
  }
  .p-sale-item .l-flex {
    gap: 0;
    flex-wrap: wrap;
  }
  .p-sale-item .l-flex__item.-img {
    width: min(50.89vw,200px);
    margin: 0 auto;
  }
  .p-sale-item .l-flex__item.-text {
    width: 680px;
    height: auto;
  }
  .l-normal-price {
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
    margin-bottom: min(5.09vw,20px);
  }
  .l-normal-price::after {
    top: calc(100% + 2.54vw);
    border-left: min(3.56vw,14px) solid transparent;
    border-right: min(3.56vw,14px) solid transparent;
    border-top: min(3.56vw,14px) solid var(--color-orange2);
  }
  .l-sale-price {
    font-size: min(9.16vw,36px);
    line-height: calc(52/36);
    margin-bottom: min(4.83vw,19px);
  }
  .l-sale-price .u-fs-s{
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
  }
  .l-sale-price .c-unit-price{
    display: block;
  }
  .p-sale-item .l-flex {
    margin-bottom: min(0.50vw, 2px);
  }
  .p-sale-item .l-flex__item .c-text {
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
  }
  .p-sale-item .l-flex__item .c-heading.-small {
    font-size: min(5.09vw,20px);
    line-height: calc(30/20);
    margin-bottom: min(2.54vw, 10px);
  }
  .l-icon{
    width: min(30.53vw,120px);
  }
  .p-sale-item .l-btn .c-btn {
    width: min(82.19vw,323px);
    height: auto;
    aspect-ratio: 323/56;
    font-size: min(6.11vw,24px);
    line-height: calc(35/24);
  }
  .p-sale-item .l-btn .c-btn .c-shipping {
    font-size: min(6.11vw,16px);
    line-height: calc(24/16);
    padding: 0 min(2.03vw, 8px) min(0.25vw, 1px);
    border-radius: min(3.56vw,14px);
    margin-right: min(1.27vw,5px);
  }
  /* sale-item タイトルあり
  ----------------------------*/
  .p-summary + .p-sale-item {
    padding: min(10.18vw,40px) 0;
  }
  .p-summary + .p-sale-item .c-text-icon + .c-text {
    font-size: min(5.09vw,20px);
    line-height: calc(29/20);
    margin: min(2.54vw,10px) auto min(5.09vw,20px);
    font-feature-settings: "palt" 1;
  }
  .p-summary + .p-sale-item .c-text-icon + .c-text span{
    font-size: min(5.6vw,22px);
    line-height: calc(32/22);
  }


  /* point
  ----------------------------*/
  .p-point {
    margin: min(10.18vw,40px) 0;
  }
  .c-ttl-point {
    font-size: min(5.09vw,20px);
    line-height: calc(29/20);
    padding: min(0.50vw, 2px) min(5.85vw, 23px) min(0.50vw, 2px);
    margin-bottom: min(2.03vw, 8px);
  }
  .c-ttl-point::after{
    transform: unset;
    transform: translateX(-50%);
    border-left: min(1.78vw,7px) solid transparent;
    border-right: min(1.78vw,7px) solid transparent;
    border-top: min(1.78vw,7px) solid var(--color-orange2);
  }
  /* ====== POINT 01 ====== */
  .p-point.-point01>.c-heading.-medium {
    font-size: min(6.11vw,24px);
    line-height: calc(35/24);
    margin: min(1.27vw,5px) auto min(5.09vw,20px);
  }
  .p-point.-point01>.c-heading.-itoen .c-text-img {
    width: min(35.62vw,140px);
    aspect-ratio: 140/35;
  }
  .p-point.-point01 .l-grid{
    width: min(92.37vw,363px);
    grid-template-columns: 1fr;
    gap: min(5.09vw,20px);
  }
  .p-point.-point01 .l-grid-item {
    padding: min(2.54vw, 10px) min(5.08vw, 20px) min(5.08vw, 20px);
  }
  .p-point.-point01 .l-grid-item .c-heading {
    font-size: min(5.09vw,20px);
    line-height: calc(30/20);
    margin-bottom: min(2.03vw, 8px);
  }
  .p-point.-point01 .l-grid-item .c-heading .u-fs-l {
    font-size: min(8.14vw,46px);
    line-height: calc(46/32);
    margin: 0 0 min(1.06vw,4px) min(2.54vw, 10px);
  }
  .p-point.-point01 .l-grid-item.-zakuro .c-notes {
    white-space: nowrap;
  }
  .p-point.-point01 .l-grid-item .c-text {
    font-size: var(--sp_text-normal);
    margin: min(3.05vw, 12px) 0;
  }
  /* ====== POINT 02 ====== */
  .p-point.-point02>.c-heading.-medium {
    font-size: min(6.10vw, 24px);
    line-height: calc(36 / 24);
    margin: min(1.27vw,5px) auto min(5.09vw,20px);
  }
  .p-point.-point02 .c-listbox .l-inner {
    max-width: 710px;
  }
  .p-point.-point02 .c-listbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    aspect-ratio: 1920/400;
  }
  .p-point.-point02 .c-listbox + .c-listbox {
    margin-top: min(10.18vw,40px);
  }
  .p-point.-point02 .c-listbox.-drink {
    background: url(./images/point2_img_drink.png) no-repeat left top / 81.42vw 42.85vw;
  }
  .p-point.-point02 .c-listbox.-jelly {
    background: url(./images/point2_img_jelly.png)no-repeat right top / 81.42vw 42.85vw;
  }
  .p-point.-point02 .c-listbox .l-inner {
    padding-top: min(48.6vw,191px);
  }
  .p-point.-point02 .c-listbox.c-listbox.-jelly .l-inner {
    padding-top: min(48.6vw,191px);
  }
  .p-point.-point02 .c-listbox .c-ttl {
    gap: min(1.27vw,5px);
    font-size: min(5.86vw, 22px);
    line-height: calc(33 / 22);
    margin-bottom: min(2.03vw,8px);
  }
  .p-point.-point02 .c-listbox .c-list li {
    font-size: min(5.09vw,20px);
    line-height: calc(30/20);
  }
  .p-point.-point02 .c-listbox.-drink .c-ttl::before {
    height: min(8.91vw,35px);
    aspect-ratio: 35/50;
  }
  .p-point.-point02 .c-listbox.-jelly .c-ttl::before {
    height: min(8.90vw, 35px);
    aspect-ratio: 46 / 50;
  }


  /* summary
  ----------------------------*/
  .p-summary {
    background: url(./images/sp_summary_bg.webp)no-repeat top center / cover;
    padding: min(10.18vw,40px) 0;
  }
  .p-summary .c-heading.-middle{
    font-size: min(6.10vw, 24px);
    line-height: calc(32 / 24);
    white-space: nowrap;
  }
  .p-summary .c-text{
    font-size: min(5.09vw,20px);
    line-height: calc(30/20);
    margin: min(2.54vw,10px) 0;
  }
  .p-summary .c-notes{
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
    margin: min(2.54vw,10px) 0;
  }
  .p-summary .c-img {
    width: min(61.07vw,480px);
  }


  /* product
  ----------------------------*/
  .l-product {
    padding: min(10.18vw,40px) 0 min(7.63vw,30px);
  }
  .l-product .l-product-list {
    grid-template-columns: repeat(2,1fr);
    gap: min(6.36vw,25px) min(5.09vw,20px);
    margin: min(4.07vw,16px) auto min(7.63vw,30px);

  }
  .c-product-description {
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
    font-feature-settings: "palt" 1;
  }
  .c-product-off-badge {
    font-size: min(4.07vw,16px);
    line-height: calc(27/16);
    padding: min(0.50vw, 2px) min(3.81vw, 15px) 0;
    margin: min(3.05vw, 12px) auto min(2.03vw, 8px);
  }
  .c-product-off-badge .u-fs-l {
    font-size: min(6.11vw,24px);
    line-height: calc(27/24);
  }
  .c-product-name {
    font-size: min(5.09vw,20px);
    line-height: calc(24/20);
    margin-bottom: min(1.01vw, 4px);
  }
  .c-product-quantity {
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
  }
  .c-product-price {
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
    margin: min(0.50vw, 2px) auto min(4.83vw, 19px);
  }
  .c-product-sale {
    font-size: min(6.11vw,24px);
    line-height: calc(35/24);
  }
  .c-product-sale::before {
    top: min(-1.53vw,-6px);
    transform: translate(-50%, -50%);
    border-left: min(3.56vw,14px) solid transparent;
    border-right: min(3.56vw,14px)  solid transparent;
    border-top: min(3.56vw,14px)  solid var(--color-orange2);
  }
  .c-product-sale .u-fs-s {
    font-size: min(3.05vw,12px);
    line-height: calc(17/12);
  }
  .c-unit-price {
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
    margin-bottom: min(2.54vw,10px);
  }
  .l-product .l-btn .c-btn {
    padding: min(2.54vw, 10px) 0 min(2.03vw, 8px);
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
  }
  .l-product .l-btn .c-btn .c-shipping {
    font-size: min(3.05vw,12px);
    line-height: calc(17/12);
    padding: min(0.25vw, 1px) min(2.54vw, 10px) min(0.50vw, 2px);
    border-radius: 20px;
  }


  /* foodloss
  ----------------------------*/
  .p-foodloss {
    background: var(--color-bg2);
    padding: min(10.18vw,40px) 0;
  }
  .p-foodloss .c-text {
    font-size: min(5.09vw,20px);
    line-height: calc(30/20);
    margin-bottom: min(2.54vw, 10px);
  }
  .p-foodloss .c-notes {
    white-space: nowrap;
  }
  .p-foodloss .c-list {
    margin: min(5.09vw,20px) auto;
  }
  .p-foodloss .c-img{
    margin-top: min(5.08vw, 20px);
  }
  .p-foodloss .c-img img{
    width: 100%;
  }
  .p-foodloss .c-list-item {
    background: #fff;
    padding: min(2.54vw, 10px) min(5.08vw, 20px) min(5.08vw, 20px) min(7.63vw, 30px);
  }
  .p-foodloss .c-list-item::before {
    display: none;
  }
  .p-foodloss .c-list-item::after {
    width: min(2.04vw,8px);
  }
  .p-foodloss .c-list-item + .c-list-item {
    margin-top: min(2.8vw,11px);
  }
  .p-foodloss .c-list-item .l-inner {
    max-width: 800px;
  }
  .p-foodloss .c-list-item .c-ttl {
    font-size: min(5.6vw,22px);
    line-height: calc(50/22);
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(2.54vw,10px);
  }
  .p-foodloss .c-list-item .c-ttl::before {
    content:"";
    width: min(12.72vw,50px);
    height: auto;
    aspect-ratio: 1/1;
    display: inline-block;
  }
  .p-foodloss .c-list-item:nth-child(1) .c-ttl::before {
    background: url(./images/icon_foodloss01.svg)no-repeat center center / cover;
  }
  .p-foodloss .c-list-item:nth-child(2) .c-ttl::before {
    background: url(./images/icon_foodloss02.svg)no-repeat center center / cover;
  }
  .p-foodloss .c-list-item:nth-child(3) .c-ttl::before {
    background: url(./images/icon_foodloss03.svg)no-repeat center center / cover;
  }
  .p-foodloss .c-list-item p {
    font-size: min(4.07vw,16px);
    line-height: calc(24/16);
    margin-top: 0;
  }
}


@media screen and (min-width: 769px) {
  .l-product .l-product-list .l-product-item.-item02 .c-product-name{
    height: calc((1em * (40.8/34))*2);
  }
}

/* @media screen and (max-width: 425px) {
  .l-product .l-product-list .l-product-item.-item03 .c-product-quantity{
    margin-bottom: 6.36vw;
  }
} */

/* ========================

不揃いシリーズ

======================== */
.p-imperfectFruit .p-pickup {
  padding-bottom: 40px;
}
.p-imperfectFruit .p-product-description {
  margin: 40px auto 80px;
}
.p-imperfectFruit .p-mainitem .c-box .l-inner {
  /* padding: 40px 60px 60px; */
  background: #fff;
}
.p-imperfectFruit .p-mainitem .c-box .c-heading.-medium {
  font-size: 34px;
  font-weight: bold;
  line-height: calc(45/30);
  color: #fff;
  padding: 16px 0 15px;
}
.p-imperfectFruit .p-mainitem .c-box .c-heading.-medium {
  background: var(--color-grape);
}
.p-imperfectFruit .p-mainitem .c-box .c-heading.-small {
  font-size: 30px;
  font-weight: bold;
  line-height: calc(44/30);
}
.p-imperfectFruit .p-mainitem .c-box .c-heading.-small span {
  font-size: 24px;
  line-height: calc(35/24);
}
.p-imperfectFruit .p-mainitem .c-box .l-price {
  position: relative;
}
.p-imperfectFruit .p-mainitem .l-flex {
  gap: 40px;
}
.p-imperfectFruit .p-mainitem .l-flex__item.-img {
  width: 560px;
  height: auto;
  aspect-ratio: 1/1;
}
.p-imperfectFruit .p-mainitem .l-inner .-img.-farmer{
  margin: 40px auto;
}
.p-imperfectFruit .p-mainitem .l-flex__item.-text {
  width: 680px;
  height: auto;
}
.p-imperfectFruit .p-mainitem .l-flex__item .c-text {
  font-size: 24px;
  font-weight: normal;
  line-height: calc(35/24);
}
.p-imperfectFruit .p-mainitem .l-flex__item .c-heading.-small {
  font-size: 30px;
  line-height: calc(44/30);
  text-align: left;
  margin-bottom: 26px;
}
.p-imperfectFruit .p-mainitem .l-btn {
  margin-top: 20px;
}
.p-imperfectFruit .p-mainitem .l-btn .c-btn .c-shipping {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(35 / 24);
  color: var(--color-orange2);
  padding: 1px 16px 3px;
  border-radius: 20px;
  background: #fff;
  margin-right: 13px;
}
  /*------------ スマートフォン用 768px以下 ------------*/

  @media screen and (max-width: 768px) {
    /* sale-item
    ----------------------------*/
    .p-imperfectFruit .p-mainitem  {
      padding: 0 0 min(10.18vw,40px) ;
    }
    .p-imperfectFruit .p-product-description {
      margin: 0 auto;
    }
    .p-imperfectFruit .p-mainitem .c-box .c-heading.-medium {
      margin-bottom: min(5.08vw, 20px);
    }
    .p-imperfectFruit .p-mainitem  .c-box + .c-notes {
      margin-top: min(2.54vw,10px);
    }
    .p-imperfectFruit .p-mainitem  .c-box .l-inner {
      padding: 0;
    }
    .p-imperfectFruit .p-mainitem  .c-box .c-heading.-medium {
      font-size: min(5.6vw,22px);
      line-height: calc(33 / 22);
      padding: min(2.54vw, 10px) 0;
    }
    .p-imperfectFruit .p-mainitem  .c-box .c-heading.-small {
      font-size: min(5.09vw,20px);
      line-height: calc(30/20);
      margin-bottom: min(4.83vw,19px);
    }
    .p-imperfectFruit .p-mainitem  .c-box .c-heading.-small span{
      font-size: min(3.82vw,15px);
      line-height: calc(23/15);
    }
    .p-imperfectFruit .p-mainitem  .l-flex {
      gap: 0;
      flex-wrap: wrap;
    }
    .p-imperfectFruit .p-mainitem  .l-flex__item.-img {
      width: 100%;
      margin: 0 auto min(5.08vw, 20px);
    }
    .p-imperfectFruit .p-mainitem  .l-flex__item.-text {
      width: 680px;
      height: auto;
    }
    .p-imperfectFruit .p-mainitem  .l-flex {
      margin-bottom: min(0.50vw, 2px);
    }
    .p-imperfectFruit .p-mainitem  .l-flex__item .c-text {
      font-size: min(4.07vw,16px);
      line-height: calc(24/16);
    }
    .p-imperfectFruit .p-mainitem  .l-flex__item .c-heading.-small {
      font-size: min(5.09vw,20px);
      line-height: calc(30/20);
      margin-bottom: min(2.54vw, 10px);
    }
    .p-imperfectFruit .p-mainitem  .l-btn .c-btn {
      /* width: min(82.19vw,323px); */
      height: auto;
      aspect-ratio: 323/56;
      font-size: min(6.11vw,24px);
      line-height: calc(35/24);
    }
    .p-imperfectFruit .p-mainitem  .l-btn .c-btn .c-shipping {
      font-size: min(6.11vw,16px);
      line-height: calc(24/16);
      padding: 0 min(2.03vw, 8px) min(0.25vw, 1px);
      border-radius: min(3.56vw,14px);
      margin-right: min(1.27vw,5px);
    }
  }


/* p-item
======================== */
.p-item {
  margin-bottom: 175px;
}
.p-item .c-box .l-inner {
  /* padding: 40px 60px 60px; */
  width: min(83.64%,1150px);
  margin: 33px auto 60px;
  background: #fff;
  margin: 33px auto 60px;
}
.p-item .c-img-list {
  width: min(83.64%,1150px);
  margin: 60px auto 80px;
}
.p-item .c-box .c-heading.-medium + .p-item-large-bnr {
  margin-top: 0;
}
.p-item .c-box .c-heading.-small {
  font-size: var(--heading-small);
  line-height: calc(44/30);
}
.p-item .c-box .l-price {
  position: relative;
  margin-bottom: min(0.99vw,19px);
}
.p-item .l-flex,
.p-mainitem .c-box .l-flex {
  gap: min(3.07vw,59px);
  justify-content: center;
}
.p-item .l-flex +.l-flex {
  margin-top: min(1.98vw,38px);
}
.p-item .l-flex__item.-img {
  width: 560px;
  height: auto;
  aspect-ratio: 1/1;
}
.p-item .l-flex__item.-text {
  width: 680px;
  height: auto;
}
.p-item .l-flex__item .c-text {
  font-size: 24px;
  font-weight: normal;
  line-height: calc(35/24);
}

/* p-item.-large
-------------------------- */
.p-item.-large .sub-title {
  margin: 44px auto 0;
}
.p-item.-large .c-item-text {
  font-size: var(--tb-item-large-text);
  line-height: calc(29/20);
  margin-bottom: 36px;
  text-align: justify;
}
.p-item.-large .c-item-ttl {
  font-size: min(1.56vw,30px);
  line-height: calc(45/32);
  margin-bottom: 25px;
}
.p-item.-large .c-item-ttl.u-fs-l {
  font-size: min(1.88vw,36px);
  line-height: calc(45/36);
}

/* p-item.-normal
-------------------------- */
.p-item.-normal .l-flex__item .c-heading.-small {
  font-size: 30px;
  line-height: calc(44/30);
  text-align: left;
  margin-bottom: 26px;
}

/* p-item.l-btn
-------------------------- */
/* .p-item .l-btn {
  margin-top: 20px;
}
.p-item .l-btn .c-btn .c-shipping {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(35 / 24);
  color: var(--color-orange2);
  padding: 1px 16px 3px;
  border-radius: 20px;
  background: #fff;
  margin-right: 13px;
} */
  /*------------ スマートフォン用 768px以下 ------------*/

  @media screen and (max-width: 768px) {
    /* sale-item
    ----------------------------*/
    .p-item {
      margin-bottom: min(12.72vw,50px);
    }
    .p-item.-large {
      padding: 0 0 min(10.18vw,40px) ;
    }
    .p-container .p-product-description {
      margin: 0 auto;
    }
    /* .p-item-large .c-box .c-heading.-medium {
      margin-bottom: min(5.08vw, 20px);
    } */
    .p-item.-normal  .c-box .c-heading.-medium + .l-inner {
      margin-top: min(5.08vw, 40px);
    }
    .p-item  .c-box + .c-notes {
      margin-top: min(2.54vw,20px);
    }
    .p-item-large  .c-box .l-inner {
      padding: 0;
    }
    .p-item.-large  .c-box .c-heading.-medium {
      font-size: min(5.6vw,44px);
      line-height: calc(33 / 22);
      padding: min(2.54vw, 10px) 0;
    }
    .p-item.-large  .c-box .c-heading.-small {
      font-size: min(5.09vw,40px);
      line-height: calc(30/20);
      margin: min(4vw,15px) auto min(4.83vw,19px);
    }
    .p-item-large  .c-box .c-heading.-small span{
      font-size: min(3.82vw,15px);
      line-height: calc(23/15);
    }
    .p-item .l-flex {
      gap: 0;
      flex-wrap: wrap;
      margin-bottom: min(0.50vw, 2px);
    }
    .p-item  .l-flex__item.-img {
      width: 100%;
      margin: 0 auto min(5.08vw, 20px);
    }
    .p-item  .l-flex__item.-text {
      width: 680px;
      height: auto;
    }
    .p-item-large  .l-flex__item .c-text {
      font-size: min(4.07vw,16px);
      line-height: calc(24/16);
    }
    .p-item  .l-btn {
      width: min(92.37vw,726px);
      aspect-ratio: 323 / 56;
      font-size: min(6.11vw, 24px);
      line-height: calc(35 / 24);
      margin: auto;
    }
    .p-item-large  .l-flex__item .c-heading.-small {
      font-size: min(5.09vw,20px);
      line-height: calc(30/20);
      margin-bottom: min(2.54vw, 10px);
    }
    .p-item.-normal   .l-btn .c-btn .c-shipping {
      font-size: min(6.11vw,16px);
      line-height: calc(24/16);
      padding: 0 min(2.03vw, 8px) min(0.25vw, 1px);
      border-radius: min(3.56vw,14px);
      margin-right: min(1.27vw,5px);
    }



    /* p-item
    ======================== */
    .p-item .c-box .l-inner {
      /* padding: 40px 60px 60px; */
      width: min(91.09%,716px);
      margin: min(3.05vw,24px) auto min(6.87vw,54px);
      background: #fff;
    }
    .p-item .c-img-list {
      width: min(92.37vw,726px);
      margin: min(6.87vw,54px) auto min(6.11vw,48px);
    }
    .p-item .c-box .c-heading.-medium + .p-item-large-bnr {
      margin-top: 0;
    }
    .p-item .c-box .c-heading.-small {
      font-size: var(--heading-small);
      line-height: calc(44/30);
    }
    .p-item .c-box .l-price {
      text-align: center;
    }
    .p-item .l-flex {
      gap: min(5.09vw,20px);
    }
    .p-item .l-flex__item.-img {
      width: min(76.34vw,600px);
      margin: 0 auto ;
    }
    .p-item .l-flex__item.-text {
      width: 680px;
      height: auto;
    }
    .p-item .l-flex__item .c-text {
      font-size: 24px;
      font-weight: normal;
      line-height: calc(35/24);
    }

    /* p-item.-large
    -------------------------- */
    .p-item.-large .l-wrap {
      width: 100%;
      padding: 0;
    }
    .p-item.-large .sub-title {
      margin: 44px auto 0;
    }
    .p-item.-large .c-item-text {
      font-size: var(--sp-item-large-text);
      line-height: calc(29/20);
      margin-bottom: 36px;
    }
    .p-item.-large .c-item-ttl {
      font-size: min(5.09vw,40px);
      line-height: calc(29/20);
      margin-bottom: min(6.87vw,27px);
    }

    /* p-item.-normal
    -------------------------- */
    .p-item.-normal .l-flex__item .c-heading.-small {
      font-size: 30px;
      line-height: calc(44/30);
      text-align: left;
      margin-bottom: 26px;
    }
  }


/* 不揃いなりんご
======================== */
#fukubukuro .c-heading.-medium {
  margin-bottom: min(0.63vw,12px);
}
.icon-pickup.-arrow-down{
  position: relative;
}
.icon-pickup.-arrow-down::before{
  content:"";
  aspect-ratio: 180/59;
  width: min(45.8vw,180px);
  height: auto;
  display: inline-block;
  background: url(images/text_pickup_arrowbown.svg)no-repeat center center /100%;
  position: absolute;
  top: 79px;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
}
.p-imperfectFruit .p-pickup .p-pickup-bnr .c-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: min(2.4vw,46px);
  line-height: calc(66/46);
  color: var(--color-orange2);
}
.p-imperfectFruit .p-pickup .p-pickup-bnr .c-heading span {
  padding: 2px min(5.09vw,20px);
  font-size: min(5.09vw,20px);
  border-radius: 50px;
}
.p-imperfectFruit .p-pickup .p-pickup-bnr {
  padding-bottom: min(3.02vw,58px)!important;
}
.p-imperfectFruit .p-pickup .p-pickup-bnr .l-flex {
  width: 100%;
  gap: min(2.55vw,49px);
  justify-content: center;
  align-items: center;
}
.p-imperfectFruit .p-pickup .p-pickup-bnr .l-flex__item {
  /* width: min(15.16vw,291px); */
  width: min(21.88vw,420px);
  border-radius: 10px;
  box-shadow:0 3px 6px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.p-imperfectFruit .p-pickup .p-item.-large,
.p-mainitem {
  background: var(--color-lightbrown);
}
.p-imperfectFruit .p-pickup {
  padding-bottom: 0;
}
.p-imperfectFruit .p-pickup .p-item.-large {
  padding-top: 79px;
  margin-bottom: 0;
}
.p-item.-large .l-wrap.u-max-1375,
.p-mainitem .l-wrap.u-max-1375 {
  background: #fff;
  border-radius: 20px;
  padding: min(2.19vw,42px) min(5.89%,113px) min(3.13%,60px);
}
.c-box.-fukubukuro {
  width: 100%;
  padding: 17px 26px 10px;
  border-radius: 10px;
}
.c-box.-fukubukuro .c-ttl {
  font-size: min(1.35vw,26px);
  line-height: calc(37/26);
  letter-spacing: -0.04em;
}
.c-box.-fukubukuro .c-list__item {
  font-size: min(1.35vw,26px);
  font-weight: bold;
  line-height: calc(40/26);
  font-feature-settings: "palt" 1;
}
.c-box.-fukubukuro .c-list__item .u-fs-s{
  font-size: min(1.15vw,22px);
  font-weight: normal;
  line-height: calc(40/22);
}
.p-item .c-box .l-inner {
  width: 100%;
  /* margin: 0 auto; */
}
.p-item.-large .c-item-text {
  font-size: min(1.35vw,26px);
  line-height: calc(40/26);
}
.p-mainitem .c-box .l-flex {
  align-items: center;
}
.p-item.-large .l-flex__item.-box01,
.p-item.-large .l-flex__item.-box03,
.p-mainitem .c-box .l-flex__item.-img {
  width: min(47.83vw,550px);
}
.p-item.-large .l-flex__item.-box02,
.p-item.-large .l-flex__item.-box04,
.p-mainitem .c-box .l-flex__item.-text {
  width: min(46.96vw,540px);
}
.p-item .c-img-list {
  width: 100%;
  margin: 0;
}
.p-item.-large .l-flex__item.-box04 .l-grid.c-img-list {
  row-gap: 10px;
}
.p-item.-large .l-flex__item.-box03 .c-item-text {
  margin:min(2.54vw,10px) auto min(3.45%,19px);
}
.c-item-ttl {
  font-size: min(1.56vw,30px);
  line-height: calc(45/30);
  margin-bottom: min(2.91%,16px);
}
.c-item-ttl .u-fs-l {
  font-size: min(1.88vw,36px);
  line-height: calc(40/36);
}
.p-item.-large .l-flex.c-box-link {
  width: min(47.24vw,907px);
  margin: min(2.45vw,47px) auto 0;
  border: 10px solid var(--color-lightbrown);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  gap: min(3.97%,36px);
  padding: 2%;
}
.p-item.-large .l-flex.c-box-link .l-flex-item.-img{
  width: min(20.16vw,387px);
}
.p-item.-large .l-flex.c-box-link .l-flex-item.-link  {
  width: min(20.16vw,387px);
}
.p-item.-large .l-flex.c-box-link .l-flex-item.-link li a {
  font-size: min(1.15vw,22px);
  line-height: calc(50/22);
  font-feature-settings: "palt" 1;
}
.p-mainitem{
  padding:min(4.79vw,92px) 0 min(4.11vw,79px);
}

/* 商品一覧 */
.l-product .c-heading.-large.u-bg-color {
  width: fit-content;
  display: block;
  padding: 0 min(3.91vw,75px);
  line-height: calc(80/55);
  margin-left: auto;
  margin-right: auto;
}
.l-product .l-product-list {
  width: 100%;
  /* max-width: 740px; */
  grid-template-columns: repeat(3,1fr);
}
.c-product-quantity {
  font-size: min(1.04vw,20px);
  margin-top:  min(0.83vw,16px);
}
.c-product-name {
  font-size: min(1.77vw,34px);
  margin-bottom: min(0.57vw,11px);
}
.c-product-sale {
  margin-bottom: min(0.57vw,11px);
}
.c-product-sale::before {
  display: none;
}
.l-product .l-product-list .l-product-item.-item02 .c-product-name {
  height: auto;
}
  /*------------ スマートフォン用 768px以下 ------------*/

  @media screen and (max-width: 768px) {
    .p-item.-large .l-wrap.u-max-1375,
    .p-mainitem .l-wrap.u-max-1375 {
      overflow: hidden;
      padding: min(7.89vw,31px) min(3.05vw,12px) min(9.67vw,38px);
    }
    .p-imperfectFruit .p-pickup .p-pickup-bnr .c-heading {
      font-size: min(7.12vw,56px);
    }
    .p-imperfectFruit .p-pickup .p-pickup-bnr {
      width: 100%;
      padding: 0;
      margin: min(5.85vw,23px) auto;
    }
    .p-imperfectFruit .p-pickup .p-pickup-bnr .c-heading {
      display:block;
    }
    .p-imperfectFruit .p-pickup .p-pickup-bnr .c-heading span {
      display: block;
      width: fit-content;
      margin: auto;
    }
    .icon-pickup.-arrow-down::before{
      aspect-ratio: 110/36;
      width: min(27.99vw,110px);
      top: min(9.16vw,36px);
      left: 50%;
    }
    .p-imperfectFruit .p-pickup .p-item.-large {
      padding-top: min(9.16vw,36px);
    }
    .p-imperfectFruit .p-pickup .p-pickup-bnr .l-flex {
      gap: unset;
      max-width: 100%;
      margin: auto;
    }
    .p-imperfectFruit .p-pickup .p-pickup-bnr .l-flex__item {
      width: min(44.78vw,352px);
    }
    .p-item.-large .l-flex__item {
      flex-wrap: wrap;
    }
    .p-item.-large .l-flex__item,
    .p-mainitem .c-box .l-flex__item {
      width: 100%!important;
    }
    .p-item.-large .c-item-text {
      font-size: min(5.09vw,20px);
      line-height: calc(28/20);
    }
    .c-box.-fukubukuro .c-ttl {
      font-size: min(5.09vw,20px);
      line-height: calc(28/20);
      text-align: center;
    }
    .c-box.-fukubukuro .c-list__item,
    .c-box.-fukubukuro .c-list__item .u-fs-s {
      font-size: min(4.58vw,18px);
      line-height: calc(30/18);
    }
    .p-item.-large .l-flex__item.-box03 .c-item-ttl {
      font-size: min(4.58vw,18px);
      line-height: calc(26 / 18);
      margin: min(5.34vw,21px) auto min(2.91%, 16px);
      text-align: center;
    }
    .p-item.-large .l-flex__item.-box03 .c-item-ttl .u-fs-l {
      font-size: min(5.6vw,22px);
      line-height: calc(32 / 22);
    }
    .l-sale-price {
      font-size: min(11.45vw, 45px);
      line-height: calc(45 / 65);
      margin-bottom: min(4.58vw, 18px);
    }
    .p-item.-large .l-flex.c-box-link {
      width: 100%;
      max-width: 927px;
      margin: min(5.85vw, 23px) auto 0;
      border: 5px solid var(--color-lightbrown);
      flex-wrap: wrap;
      gap: min(3.97%, 36px);
      padding: min(5.34vw,21px) min(5.09vw,20px);
    }
    .p-item.-large .l-flex.c-box-link .l-flex-item {
      width: min(76.34vw,600px)!important;
    }
    .p-item.-large .l-flex.c-box-link .l-flex-item.-link li a{
      font-size: min(4.33vw,34px);
      line-height: calc(40/17);
    }
    .p-item.-large .l-flex.c-box-link .l-flex-item.-img {
      margin-bottom: min(2.54vw,10px);
    }

    .p-mainitem {
      padding-top: min(7.89vw,31px);
    }
    .p-mainitem .l-wrap.u-max-1375{
      padding: min(7.89vw,31px) min(3.05vw,12px) min(9.67vw,38px);
    }
    .p-item.-large .l-btn {
      width: 100%;
    }
    .p-mainitem .c-box .c-heading.-medium {
      font-size: min(6.11vw,48px);
      line-height: calc(32/24);
      margin: min(5.09vw,20px) auto min(3.05vw,12px);
    }
    .p-mainitem .c-heading.-medium.u-bg-color {
      font-size: min(5.09vw,40px);
      line-height: calc(40 / 27);
    }
    .p-mainitem .c-item-ttl {
      font-size: min(4.58vw, 18px);
      line-height: calc(26 / 18);
      margin-bottom: min(2.91%, 16px);
      text-align: center;
    }
    .p-mainitem .c-item-ttl .u-fs-l {
      font-size: min(5.6vw, 22px);
      line-height: calc(32 / 22);
    }
    .p-mainitem .l-flex__item.-text {
      width: 100%;
    }
    .p-mainitem .l-price {
      text-align: center;
    }


    .l-product .l-wrap {
      width: min(89.57vw,704px);
      padding: 0;
    }
    .l-product .l-product-list {
      gap: min(7.63vw,30px) 2.04vw;
      grid-template-columns: repeat(2,1fr);
    }
    .c-product-quantity {
      font-size: min(4.07vw,32px);
      margin-top:  min(0.83vw,16px);
    }
    .c-product-name {
      font-size: min(4.58vw,36px);
      margin-bottom: min(0.57vw,11px);
    }
    .c-product-sale {
      margin-bottom: min(0.57vw,11px);
    }
  }


  /* slider */
  .slick-slider {
    position: relative;
    padding-bottom:1em ;
  }
  .slick-prev, .slick-next {
    width: 40px;
    height: 40px;
  }
  .slick-prev:before, .slick-next:before {
    color: var(--color-orange);
    font-size: 40px;
  }
  .slick-dots li {
    margin: 0;
  }
  .slick-dots li button:before {
    color: var(--color-orange);
    font-size: 10px;
  }
  .slick-dots li.slick-active button:before{
    color: var(--color-orange2);
  }
  .slick-slide {
    margin: 10px min(2.55vw,49px);
    /* max-width: min(30.21vw,580px); */
    /*aspect-ratio: 146/75;*/
  }
  @media screen and (max-width: 768px) {
    .slick-slide {
      margin: 10px min(2.54vw, 10px);
    }
    .slick-prev, .slick-next {
      width: min(10.18vw,40px);
      height: min(10.18vw,40px);
    }
    .slick-prev:before, .slick-next:before {
      font-size: min(10.18vw,40px);
      filter: drop-shadow(0 0 6px #fff);
      opacity:1;
    }
    .slick-next {
      right: 0;
    }
    .slick-prev {
      left: 0;
      z-index: 1;
    }

    .slick-dots li {
      margin: 0;
    }
    .slick-dots li button:before {
      font-size: min(2.54vw,10px);
    }
  }
