@charset "utf-8";
/* 2026 梅しごと */

:where(.lp-daichi, .anchor-area) {
  --lp-red: #c70000;
  --trial-sub-head: #004d2b;
  --lead-bg: #feffdc;
  --lead-clr: #0c9c01;
  --trial-bg: #fffbc2;
  --juice-clr: #e1f9b2;
  --juice-main: #bbf873;
  --juice-frame: #4f7604;
  --juice-bnr: #73ad05;
  --sake-clr: #f9f8b4;
  --sake-main: #f9f171;
  --sake-frame: #d2a404;
  --sake-bnr: var(--sake-frame);
  --umeboshi-clr: #ffe8c8;
  --umeboshi-main: #fbcb98;
  --umeboshi-frame: #e8a882;
  --umeboshi-bnr: #e0986c;
  --recipe-red: #d80f22;
  --shiso-clr: #ffe5df;
  --shiso-main: #ffccd7;
  --shiso-recipe-border: #ef7690;
  --utility-clr: #939393;
  --is-here-img: #e1e1e1;
  --lead-shadow: 0px 0px 10px rgb(254 255 220);

  /* https://min-max-calculator.9elements.com/ 幅:480-960px */
  --minM160max0: clamp(-10rem, -20rem + 33.33vw, 0rem);
  /* --minM60maxM30: clamp(-3.75rem, -5.617rem + 6.24vw, -1.875rem); */
  --minM40maxM33: clamp(-2.5rem, -2.938rem + 1.46vw, -2.063rem);
  --minM28maxM18: clamp(-1.75rem, -2.375rem + 2.08vw, -1.125rem);
  --minM10max0: clamp(-0.625rem, -2.609rem + 4.35vw, 0rem);
  --minM5max10: clamp(-0.313rem, -1.25rem + 3.13vw, 0.625rem);
  --min0max2: clamp(0rem, -0.125rem + 0.42vw, 0.125rem);
  --min0max7: clamp(0rem, -0.438rem + 1.46vw, 0.438rem);
  --min0max10: clamp(0rem, -0.625rem + 2.08vw, 0.625rem);
  --min0max15: clamp(0rem, -2.976rem + 6.52vw, 0.938rem);
  --min0max24: clamp(0rem, -1.5rem + 5vw, 1.5rem);
  --min0max40: clamp(0rem, -2.5rem + 8.33vw, 2.5rem);
  /* --min0max50: clamp(0rem, -3.125rem + 10.42vw, 3.125rem); */
  --min1max3: clamp(0.063rem, -0.063rem + 0.42vw, 0.188rem);
  --min1max2: clamp(0.063rem, 0.21vw, 0.125rem);
  --min2max3: clamp(0.125rem, 0.063rem + 0.21vw, 0.188rem);
  --min2max5: clamp(0.125rem, -0.063rem + 0.63vw, 0.313rem);
  --min3max10: clamp(0.188rem, -0.25rem + 1.46vw, 0.625rem);
  --min5max8: clamp(0.313rem, 0.125rem + 0.63vw, 0.5rem);
  --min5max10: clamp(0.313rem, 1.04vw, 0.625rem);
  --min5max15: clamp(0.313rem, -0.313rem + 2.08vw, 0.938rem);
  --min5max20: clamp(0.313rem, -0.625rem + 3.13vw, 1.25rem);
  --min6max12: clamp(0.375rem, 1.25vw, 0.75rem);
  --min6max16: clamp(0.375rem, -0.25rem + 2.08vw, 1rem);
  --min8max24: clamp(0.5rem, -0.5rem + 3.33vw, 1.5rem);
  --min10max15: clamp(0.625rem, 0.313rem + 1.04vw, 0.938rem);
  --min10max17: clamp(0.625rem, -0.764rem + 3.04vw, 1.063rem);
  --min10max20: clamp(0.625rem, 2.08vw, 1.25rem);
  --min10max22: clamp(0.625rem, -0.125rem + 2.5vw, 1.375rem);
  --min10max25: clamp(0.625rem, -0.313rem + 3.13vw, 1.563rem);
  --min10max30: clamp(0.625rem, -0.625rem + 4.17vw, 1.875rem);
  --min10max35: clamp(0.625rem, -0.931rem + 5.2vw, 2.188rem);
  --min10max50: clamp(0.625rem, -1.875rem + 8.33vw, 3.125rem);
  --min11max16: clamp(0.688rem, 0.375rem + 1.04vw, 1rem);
  --min11max18: clamp(0.688rem, 0.25rem + 1.46vw, 1.125rem);
  --min13max22: clamp(0.813rem, 0.25rem + 1.88vw, 1.375rem);
  --min15max18: clamp(0.938rem, 0.75rem + 0.63vw, 1.125rem);
  --min15max30: clamp(0.938rem, 3.13vw, 1.875rem);
  --min15max32: clamp(0.938rem, -0.125rem + 3.54vw, 2rem);
  --min15max33: clamp(0.938rem, -0.188rem + 3.75vw, 2.063rem);
  --min17max22: clamp(1.063rem, 0.75rem + 1.04vw, 1.375rem);
  --min18max32: clamp(1.125rem, 0.25rem + 2.92vw, 2rem);
  --min19max23: clamp(1.188rem, 0.938rem + 0.83vw, 1.438rem);
  --min19max43: clamp(1.188rem, -0.313rem + 5vw, 2.688rem);
  --min20max24: clamp(1.25rem, 1rem + 0.83vw, 1.5rem);
  --min20max25: clamp(1.25rem, 0.938rem + 1.04vw, 1.563rem);
  --min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
  --min20max35: clamp(1.25rem, 0.313rem + 3.13vw, 2.188rem);
  --min20max36: clamp(1.25rem, 0.254rem + 3.33vw, 2.25rem);
  --min20max40: clamp(1.25rem, 4.17vw, 2.5rem);
  --min22max30: clamp(1.375rem, 0.875rem + 1.67vw, 1.875rem);
  --min22max32: clamp(1.375rem, 0.75rem + 2.08vw, 2rem);
  --min22max50: clamp(1.375rem, -0.368rem + 5.82vw, 3.125rem);
  --min24max38: clamp(1.5rem, 0.625rem + 2.92vw, 2.375rem);
  --min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
  --min25max33: clamp(1.563rem, 1.063rem + 1.67vw, 2.063rem);
  --min25max40: clamp(1.563rem, 0.625rem + 3.13vw, 2.5rem);
  --min25max50: clamp(1.563rem, 5.21vw, 3.125rem);
  --min30max35: clamp(1.875rem, 1.563rem + 1.04vw, 2.188rem);
  --min30max60: clamp(1.875rem, 6.25vw, 3.75rem);
  --min45max87: clamp(2.813rem, 0.198rem + 8.73vw, 5.438rem);
  --min55max107: clamp(3.438rem, 0.201rem + 10.81vw, 6.688rem);
  --min70max145: clamp(4.375rem, -0.313rem + 15.63vw, 9.063rem);
  --min80max156: clamp(5rem, 0.25rem + 15.83vw, 9.75rem);
  --min140max345: clamp(8.75rem, -4.063rem + 42.71vw, 21.563rem);
  --min360max810: clamp(22.5rem, -5.508rem + 93.56vw, 50.625rem);

  /* 幅:630-960px */
  --min630max800: clamp(39.375rem, 19.091rem + 51.52vw, 50rem);

  /* 幅:580-960px */
  --min0max5: clamp(0rem, -0.477rem + 1.32vw, 0.313rem);
  --min0max50: clamp(0rem, -4.77rem + 13.16vw, 3.125rem);
  /* --min0max40px: clamp(0rem, -3.816rem + 10.53vw, 2.5rem); */
  --min10max12: clamp(0.625rem, 0.434rem + 0.53vw, 0.75rem);
  --min12max20: clamp(0.75rem, -0.013rem + 2.11vw, 1.25rem);
}

/* .lp-daichi.-detail {
  margin-top: 2.5%;
} */

.lp-daichi .head.-line {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: var(--min5max20);
}
.lp-daichi .head.-line::before,
.lp-daichi .head.-line::after {
  content: "";
  display: block;
  width: var(--min25max50);
  height: 2px;
}

.lead-sec {
  background-image: url(/external/category/image/2026/ume/lead_bg_L.png), url(/external/category/image/2026/ume/lead_bg_R.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: 0, 100%;
  background-color: var(--lead-bg);
  font-family: var(--font-minchou);
  padding: var(--min20max40);
}
.lead-sec > .head {
  color: var(--lead-clr);
  font-size: var(--min22max32);
  letter-spacing: .35rem;
}
.lead-sec > .head::before,
.lead-sec > .head::after {
  background-color: var(--lead-clr);
}
.lead-sec > .head::before {
  margin-left: auto;
}
.lead-sec > .text {
  font-size: var(--min17max22);
  text-align: center;
  letter-spacing: .2rem;
  margin-top: 15px;
  line-height: 1.7;
}
.lead-sec > .image {
  width: min(818px, 100%);
  margin-left: auto;
  margin-right: -10px;
  margin-top: calc(-1*var(--minM5max10));
}

.input-table + .anchor-area {
  margin-top: 2.5%;
}
.lp-daichi .anchor-area {
  margin-inline: var(--min8max24);
}
.anchor-area {
  margin-inline: var(--min0max24);
}
:is(.main-area, .genre-sec) + .anchor-area {
  margin-top: 5%;
}
.recom-area + .anchor-area {
  margin-top: 4%;
}
.block-grid.-anc {
  gap: var(--min10max30);
  align-items: flex-end;
  /* grid-template-areas:
    "umeboshi shiso"; */
}
/* .block-grid.-anc:has(.-juice, .-sake) {
  grid-template-areas:
    "juice sake"
    "umeboshi shiso";
}
.block-grid.-anc.-sCate {
  grid-template-areas:
    "lp ."
    "umeboshi shiso";
}
.block-grid.-anc.-sCate:has(.-juice, .-sake) {
  grid-template-areas:
    "lp ."
    "juice sake"
    "umeboshi shiso";
} */
.grid-anc {
  /* line-height: 0; */
  /* grid-area: anc; */
  transition: all .7s;
  text-decoration: none;
}
.grid-anc:hover {
  transition: all .7s;
  opacity: .7;
  text-decoration: none;
}
/* .grid-anc.-lp {
  grid-area: lp;
}
.grid-anc.-juice {
  grid-area: juice;
}
.grid-anc.-sake {
  grid-area: sake;
}
.grid-anc.-umeboshi {
  grid-area: umeboshi;
}
.grid-anc.-shiso {
  grid-area: shiso;
} */
.grid-anc img {
  width: 100%;
  filter: drop-shadow(var(--min1max3) var(--min1max3) var(--min3max10) rgba(0,0,0,0.3));
}
/* .block-grid.-anc .is-here {
  pointer-events: none;
  display: none;
} */
.block-grid.-anc > .is-here > .img img {
  filter: none;
}
.block-grid.-anc .is-here img, 
.block-grid.-anc .is-here.-soon::before,
.block-grid.-anc .is-here.-soon::after {
  opacity: .3;
}
/* 間もなく終了フラグ */
.soon-date {
  background-color: var(--lp-red);
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  font-size: var(--min18max32);
  padding: 6px 20px 3px;
}
.soon-date.-top {
  font-size: var(--min19max43);
  /* line-height: 1.2; */
  padding-block: var(--min10max22) var(--min6max16);
  padding-inline: var(--min10max20);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 28px;
}
.soon-date.-top > .str {
  display: block;
  position: relative;
}
.soon-date.-top:not(.-end)  > .str {
  padding-left: calc(var(--min70max145) + var(--min10max25));
}
.soon-date.-top:not(.-end) > .str::before {
  content: "";
  width: var(--min70max145);
  aspect-ratio: 145 / 118;
  background: url(/external/category/image/2026/ume/soon_balloon.png) no-repeat center / contain;
  position: absolute;
  top: -22px;
  left: 0;
}
.soon-date .weak {
  font-size: 75%;
  display: block;
  font-weight: 100;
}
.grid-anc.-soon {
  display: grid;
  grid-template-areas:
    "balloon"
    "tsuno"
    "ancLink";
}
.grid-anc.-soon::before,
.grid-anc.-soon::after {
  content: "";
  display: block;
  background: var(--lp-red);
}
.grid-anc.-soon::before {
  grid-area: balloon;
  width: 100%;
  /* height: calc(-1*var(--minM40maxM33)); */
  height: var(--min25max33);
  border-radius: var(--min5max8);
  /* margin-bottom: var(--min6max12); */
}
.grid-anc.-soon::after {
  grid-area: tsuno;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: var(--min15max20);
  aspect-ratio: 8 / 7;
  /* position: absolute;
  left: 0;
  right: 0; */
  margin-inline: auto;
  margin-top: -1px;
  /* top: var(--min18max32); */
}
.grid-anc.is-here.-soon::after {
  margin-top: 0;
}
.grid-anc.-soon > .img {
  grid-area: ancLink;
  display: grid;
  grid-template-areas: 
    "preText date"
    "ancBnr ancBnr";
  /* align-items: baseline; */
  grid-template-columns: auto 1fr;
  grid-template-rows: 0;
  column-gap: var(--min2max5);
  line-height: 1;
  margin-top: -5px;
}
.grid-anc.-soon > .img::before,
.grid-anc.-soon > .img::after {
  /* position: relative; */
  /* top: 18px; */
  color: #fff;
  /* z-index: 1; */
  margin-top: calc(-1*var(--min24max38));
}
.grid-anc.-soon .img::before {
  grid-area: preText;
  content: "ご予約は";
  font-size: var(--min11max16);
  margin-left: var(--min0max40);
  /* left: var(--min10max50);
  top: var(--min11max18); */
  transform: translateY(var(--min0max2));
}
.grid-anc.-soon[class] .img::after {
  grid-area: date;
  font-size: var(--min13max22);
  font-weight: bold;
  position: relative;
}
.grid-anc.-soon:is(.-juice,.-sake) .img::after {
  content: "5/19(月) お昼12:30まで!";
}
.grid-anc.-soon:is(.-umeboshi) .img::after {
  content: "6/2(月) お昼12:30まで!";
}
.grid-anc.-soon .img > img {
  grid-area: ancBnr;
}

.date-area {
  margin-top: 5%;
  padding-inline: 15px;
  overflow: hidden;
}
.date-area > .body {
  margin-top: var(--min10max15);
}
.date-area > .note {
  font-size: var(--min15max18);
  margin-top: 15px;
}
.date-area > .note > li {
  text-indent: -1.2rem;
  padding-left: 1.2rem;
  line-height: 1.25;
}
.date-area > .note > li + li {
  margin-top: 7px;
}

.date-area + .item-area {
  margin-top: var(--min25max40);
}

.genre-sec > .inner {
  padding: var(--min15max20);
}
.genre-sec.-juice > .main {
  background-color: var(--juice-main);
}
.genre-sec.-juice > .inner {
  background-color: var(--juice-clr);
}
.genre-sec.-sake > .main {
  background-color: var(--sake-main);
}
.genre-sec.-sake > .inner {
  background-color: var(--sake-clr);
}
.genre-sec.-umeboshi > .main {
  background-color: var(--umeboshi-main);
}
.genre-sec.-umeboshi > .inner {
  background-color: var(--umeboshi-clr);
  padding-top: var(--min25max40);
}
.genre-sec.-shiso > .main {
  background-color: var(--shiso-main);
}
.genre-sec.-shiso > .inner {
  background-color: var(--shiso-clr);
}
.genre-sec[class*="prop"]::before {
  content: "";
  display: block;
  text-align: center;
  background-color: #c70000;
  font-size: var(--min15max32);
  font-weight: bold;
  color: #fff;
  position: sticky;
  z-index: 1;
  top: 73px;
  padding: 1.5% 2% .9%;
}

.shiso-head {
  padding-inline: var(--min20max30);
  padding-block: var(--min20max30);
}

.recipe-list {
  display: grid;
  grid-template-columns: min(var(--min80max156), 100%) 1fr;
  align-items: center;
  transform: translateY(var(--min0max10));
  column-gap: var(--min30max60);
  padding-inline: var(--min20max40);
  padding-block: var(--min20max35) var(--min20max25);
}
.recipe-list.-shiso {
  padding-inline: 0;
  padding-top: 15px;
}
.recipe-list:where(.-umeboshi) {
  grid-template-columns: min(var(--min140max345), 100%) 1fr;
}
.recipe-list::before {
  content: "";
  display: block;
  background: no-repeat center / contain;
  transform: translateY(calc(-1*var(--min10max15)));
  width: auto;
  height: fit-content;
  aspect-ratio: 11/9;
}
.recipe-list.-juice::before {
  background-image: url(/external/category/image/2026/ume/juice_recipe_str.png);
}
.recipe-list.-sake::before {
  background-image: url(/external/category/image/2026/ume/sake_recipe_str.png);
}
.recipe-list.-umeboshi::before {
  width: auto;
  height: fit-content;
  aspect-ratio: 345/121;
  background-image: url(/external/category/image/2026/ume/umeboshi_recipe_str.png);
}
.recipe-list.-shiso::before {
  background-image: url(/external/category/image/2026/ume/shiso_recipe_str.png);
}
:is(.recipe-list > .step, .shiso-step) {
  counter-reset: number 0;
  font-size: var(--min19max23);
  position: relative;
}
.recipe-list > .step::before {
  content: "";
  display: block;
  width: var(--min1max2);
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  left: calc(-1*var(--min15max30));
}
:is(.recipe-list > .step, .shiso-step) > li {
  position: relative;
  padding-left: var(--min30max35);
}
:is(.recipe-list > .step, .shiso-step) > li::before {
  content: counter(number);
  counter-increment: number;
  position: absolute;
  top: 2px;
  left: 6px;
  font-size: 90%;
}
:is(.recipe-list > .step, .shiso-step) > li::after {
  content: '';
  position: absolute;
  display: block;
  top: var(--min2max3);
  left: 0;
  width: var(--min20max24);
  aspect-ratio: 1/1;
  height: fit-content;
  border: 1px solid #000;
  border-radius: 50%;
}
.block-grid.-step {
  grid-template-columns: auto auto 1fr;
  gap: var(--min0max10) var(--min10max20);
  margin-top: var(--min5max10);
}
.block-grid.-step > .grid {
  text-indent: -1.55rem;
  padding-left: 1.55rem;
  line-height: 1.2;
}
.shiso-step::before {
  content: "";
  display: block;
  height: var(--min1max2);
  width: min(var(--min630max800), 100%);
  margin-inline: auto;
  background-color: var(--shiso-recipe-border);
  margin-bottom: 30px;
}
.shiso-step > li + li {
  margin-top: 7px;
}
.shiso-step > li > .strong {
  color: var(--lp-red);
  margin-left: 20px;
}
.recipe-list.-shiso > .step > .title > .strong {
  font-weight: bold;
  margin-right: 10px;
}

.genre-sec .head {
  overflow: hidden;
}
.genre-sec .head.-bg {
  background-color: #fff;
}
.genre-sec .head img {
  width: calc(100% + (-1*(var(--minM160max0))));
  transform: translateX(calc(var(--minM160max0)/2));
}

.set-frame {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
}
.set-frame > .frame {
  display: block;
  -webkit-mask: no-repeat center / 100%;
  mask: no-repeat center / 100%;
}
.set-frame > .frame.-top {
  -webkit-mask-image: url(/external/category/image/2026/ume/frame_top.svg);
  mask-image: url(/external/category/image/2026/ume/frame_top.svg);
  aspect-ratio: 187/16;
}
.set-frame > .frame.-bottom {
  -webkit-mask-image: url(/external/category/image/2026/ume/frame_bottom.svg);
  mask-image: url(/external/category/image/2026/ume/frame_bottom.svg);
  aspect-ratio: 374/23;
}
.set-frame.-juice > .frame {
  background-color: var(--juice-frame);
}
.set-frame.-sake > .frame {
  background-color: var(--sake-frame);
}
.set-frame.-umeboshi > .frame {
  background-color: var(--umeboshi-frame);
}
.set-frame > .inner {
  position: relative;
}
.set-frame > .inner::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-mask: repeat-y center / 100%;
  mask: repeat-y center / 100%;
  -webkit-mask-image: url(/external/category/image/2026/ume/frame_middle.svg);
  mask-image: url(/external/category/image/2026/ume/frame_middle.svg);
  width: 100%;
  height: 100%;
}
.set-frame.-juice > .inner::before {
  background-color: var(--juice-frame);
}
.set-frame.-sake > .inner::before {
  background-color: var(--sake-frame);
}
.set-frame.-umeboshi > .inner::before {
  background-color: var(--umeboshi-frame);
}
.set-frame .list {
  padding-top: var(--min0max7);
  padding-inline: var(--min20max30);
  line-height: 1.2;
}

.spec-cart {
  padding: var(--min20max30);
  padding-bottom: var(--min30max35);
  background-color: #fff;
  gap: var(--min0max50);
  margin-top: var(--min5max10);
}
.spec-cart:has(.-col1) {
  grid-template-rows: auto auto 1fr;
}
.spec-cart:has(.-umeboshi) {
  margin-top: var(--min15max30);
}
.spec-cart.-col1 {
  padding-block: var(--min0max15);
  margin-top: 0;
}
.spec-cart.-col1 + .spec-cart.-col1 {
  margin-top: 2%;
}
.spec-cart.-small + .spec-cart.-small {
  margin-top: 2%;
}
.spec-cart + .head + .spec-cart {
  margin-top: var(--min23max31);
}
.spec-cart + .head.-bg + .spec-cart {
  padding-top: var(--min20max30);
  margin-top: 0;
}
.spec-cart:not(.-col1) > .unit {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.spec-cart.-col1 .every-cart16 {
  margin-top: calc(-1*var(--minM10max0));
}
.spec-cart > .unit.-soon {
  position: relative;
  padding-top: 55px;
}
.spec-cart > .unit.-soon::before,
.spec-cart > .unit.-soon::after {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  padding: var(--min10max12) 8px var(--min0max5);
  box-sizing: border-box;
  font-weight: bold;
}
.spec-cart > .unit.-soon::before {
  content: "a";
  text-indent: -9999px;
  background: var(--lp-red);
  border-radius: 9px;
}
.spec-cart > .unit.-soon::after {
  color: #fff;
  display: grid;
  place-content: center;
  font-size: var(--min12max20);
  line-height: 1;
}
.spec-cart > .unit.-umeboshi.-soon::after {
  content: "ご予約は6/2(月)お昼12:30まで";
}

.trial-sec {
  background-color: var(--trial-bg);
}
.trial-sec .headwrap {
  text-align: center;
  font-size: var(--min22max50);
  line-height: 1.25;
  padding-inline: 10px;
  padding-block: 10px 3px;
}
.trial-sec .headwrap .sub {
  font-size: 65%;
  color: var(--trial-sub-head);
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.trial-sec .headwrap .sub::before,
.trial-sec .headwrap .sub::after {
  content: "";
  display: block;
  width: var(--min20max36);
  height: var(--min2max3);
  transform: rotate(45deg);
  background-color: var(--trial-sub-head);
}
.trial-sec .headwrap .sub::after {
  transform: scaleX(-1) rotate(45deg);
}
.trial-sec .headwrap .head {
  color: var(--lp-red);
}
.spec-cart.-trial {
  grid-template-columns: 1fr;
  margin-top: 0;
}
.spec-cart.-trial .unit {
  grid-template-columns: repeat(2,1fr);
  grid-row: auto;
}
.block-grid.-trial {
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
  width: min(var(--min360max810),100%);
  margin-left: auto;
  position: relative;
  padding-block: 20px;
  padding-inline: var(--min15max30);
  box-sizing: border-box;
}
.block-grid.-trial::before {
  content: "";
  display: block;
  width: var(--min55max107);
  aspect-ratio: 107/105;
  background: url(/external/category/image/2026/ume/juice_trial_balloon.png) no-repeat center / contain;
  position: absolute;
  top: var(--min10max35);
  left: calc(-1*var(--min45max87));
}
.trial-sec + .head {
  margin-top: var(--min15max20);
}

.sCate-link {
  position: relative;
}
.sCate-link.-juice {
  background: var(--juice-bnr);
}
.sCate-link.-sake {
  background: var(--sake-bnr);
}
.sCate-link.-umeboshi {
  background: var(--umeboshi-bnr);
}
.sCate-link::after {
  content: "";
  display: block;
  mask: url(/external/category/image/common/icon/circle_arrow.svg) no-repeat center / contain;
  width: var(--min20max40);
  height: fit-content;
  aspect-ratio: 1/1;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  right: var(--min5max15);
  transition: all 0.7s;
  pointer-events: none;
}
.sCate-link:hover::after {
  transition: all 0.7s;
  opacity: .7;
}
.sCate-link > a {
  padding: var(--min10max17);
  display: block;
  transition: all 0.7s;
}
.sCate-link img {
  display: block;
  width: min(740px, 85%);
  margin-inline: auto;
}
.item-area.-detail .sCate-link {
  display: none;
}

/* アコーディオン */
.accordion-group.-umeboshi {
  background-color: var(--umeboshi-clr);
}
#content .accordion{
  margin-top: 0;
}
#content .accordion .accordion-toggle{
  background-color: #E0976C;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.09rem;
  padding: 2px 20px;
}
#content .accordion .accordion-toggle:before{
  color: #fff;
  font-weight: 100;
}
.recipe-sec {
  line-height: 1.7;
}
.recipe-sec .head {
  padding: 0;
  background-color: var(--recipe-red);
}
.recipe-sec .head img{
  display:block;
  margin-inline: auto;
  max-width:640px;
}
.recipe-sec .body {
  padding: 4% 2%;
}
/* .recipe-sec .icon_no {
  display: inline-block;
  width: 22px;
  margin: 0;
} */
.recipe-sec .icon {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-top: 10px;
}
.recipe-sec .icon::before {
  content: "";
  display: grid;
  place-content: center;
  font-weight: bold;
  line-height: 1;
  width: 22px;
  height: 100%;
  aspect-ratio: 1 / 1;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
}
.recipe-sec .icon.-no1::before {
  content: "1";
}
.recipe-sec .icon.-no2::before {
  content: "2";
}
.recipe-sec .icon.-no3::before {
  content: "3";
}
.recipe-sec .note.-caution {
  color: var(--recipe-red);
  font-weight: bold;
}
.block-grid.-recipe {
  gap: 16px;
  background-color: #fff;
  padding: 15px;
}
.block-grid.-recipe .list li:has(.note) {
  background: none;
  padding-left: 0;
}
.block-grid.-recipe .list li + li {
  margin-top: 0;
}
.block-grid.-recipe + .block-grid.-recipe {
  margin-top: 6%;
}
.block-grid.-recipe .image + .image {
  margin-top: 10px;
}
.recipe-grid .note.-box {
  border: solid 2px var(--recipe-red);
  display: inline-block;
  padding: 8px 15px 5px;
  line-height: 1;
  /* margin: 0 0 10px; */
}
/* / */

/* 未ログイン */
.every-cart16 .price-routine .priceMember {
  justify-content: flex-start;
}
.every-cart16 .price-routine + .cart {
  margin-left: 0;
  width: min(100%, 200px);
}
/* / */

/* 小カテ */
.lp-daichi.-sCate .sCate-link {
  display: none;
}

@media (max-width:580px) {
  .genre-sec .spec-cart + .head.-bg {
    margin-top: 5%;
  }
  .genre-sec .head.-bg {
    background-color: unset;
  }
  .spec-cart .unit + .unit {
    /* border-top: 4px solid; */
    /* padding-top: 3%; */
    margin-top: 16px;
    position: relative;
  }
  .spec-cart > .unit.-soon {
    padding-top: 65px;
  }
  .spec-cart > .unit.-soon::before,
  .spec-cart > .unit.-soon::after {
    width: 95%;
    margin-inline: auto;
    padding-bottom: 5px;
    left: 0;
    right: 0;
    top: 15px;
  }
  .spec-cart > .unit.-soon::after {
    font-size: 16px;
  }
  .spec-cart {
    background-color: transparent;
    padding: 0;
  }
  .spec-cart > .unit {
    padding: var(--min20max30);
    background-color: #fff;
  }
  .spec-cart.-small + .spec-cart.-small {
    margin-top: 16px;
  }
  .spec-cart .price-cart {
    align-items: center;
  }

  /* .grid-anc.-soon .img::before {
    right: 0;
    margin-inline: auto;
    display: flex;
    justify-content: center;
  } */
  /* .grid-anc.-soon[class] .img::after {
    left: 0;
    margin-inline: auto;
    display: flex;
    justify-content: center;
  } */
}

@media (max-width:479px) {

  .lp-daichi .head.-line {
    text-shadow: var(--lead-shadow), var(--lead-shadow), var(--lead-shadow), var(--lead-shadow), var(--lead-shadow), var(--lead-shadow), var(--lead-shadow);
  }
  .lp-daichi .head.-line::before,
  .lp-daichi .head.-line::after {
    box-shadow: var(--lead-shadow), var(--lead-shadow), var(--lead-shadow), var(--lead-shadow), var(--lead-shadow);
  }
  .block-grid.-anc {
    grid-template-columns: repeat(2, 1fr);
  }

  .lead-sec > .head {
    letter-spacing: .2rem;
  }
  .lead-sec > .text {
    text-align: left;
    letter-spacing: .13rem;
    background: #feffdca8;
    box-shadow: 0 0 20px 20px #feffdca8;
  }

  .date-area > .head {
    width: 125%;
    transform: translateX(-12.5%);
  }
  .date-area > .body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  .date-area > .body::before {
		content: "→ 右にスクロールできます";
		display: block;
		color: var(--utility-clr);
		font-size: 11px;
		position: sticky;
		left: 0;
	}
  .date-area > .body img {
    width: 500px;
    margin-top: 5px;
  }

  .recipe-list {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .recipe-list::before {
    width: 100%;
    height: fit-content;
    aspect-ratio: 188/17;
    transform: translateY(0);
  }
  .recipe-list.-juice::before {
    background-image: url(/external/category/image/2026/ume/juice_recipe_str_sp.png);
  }
  .recipe-list.-sake::before {

    background-image: url(/external/category/image/2026/ume/sake_recipe_str_sp.png);
  }
  .recipe-list.-umeboshi::before {
    aspect-ratio: 210/19;
    background-image: url(/external/category/image/2026/ume/umeboshi_recipe_str_sp.png);
  }
  .recipe-list.-shiso::before {
    background-image: url(/external/category/image/2026/ume/shiso_recipe_str_sp.png);
  }
  .recipe-list > .step::before {
    content: none;
  }

  .block-grid.-step {
    display: block;
  }
  .block-grid.-step > .grid {
    text-indent: 0;
    padding-left: 0;
    display: inline;
  }
  .block-grid.-step > .grid + .grid {
    margin-left: 20px;
  }
  .recipe-list.-shiso > .step {
    font-size: 18px;
  }

  .grid-anc.-soon::before {
    height: 35px;
  }
  .grid-anc.-soon > .img {
    grid-template-areas:
      "preText"
      "date"
      "ancBnr";
    grid-template-rows: auto;
  }
  .grid-anc.-soon > .img::before, .grid-anc.-soon > .img::after {
    margin-inline: auto;
  }
  .grid-anc.-soon > .img::before {
    margin-top: -37px;
  }
  .grid-anc.-soon > .img::after {
    margin-top: -24px;
  }

  .spec-cart.-trial .unit {
    display: block;
  }
  .block-grid.-trial {
    --baloon: 76px;
    grid-template-columns: 1fr;
    padding-top: 40px;
    width: calc(100% - var(--baloon) - 15px);
  }
  .block-grid.-trial::before {
    width: var(--baloon);
    left: calc(-1 * var(--baloon));;
  }

}