@charset "UTF-8";

#Contents .main-area .main-inner {

  width: 100%;

}

#Contents .main-area {

  overflow-x: visible;

}

/* --- デフォルトCSS設定 --- */

#LB260507FRUITS {

  --pc-width: 1400;

  --sp-width: 750;

  --pc-artboard-width: 467;

  --sp-artboard-width: 750;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1401px) {

  #LB260507FRUITS {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}



@media (min-width: 768px) and (max-width: 1400px) {

  #LB260507FRUITS {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}



@media (max-width: 767px) {

  #LB260507FRUITS {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#LB260507FRUITS img {

  display: block;

  width: 100%;

  height: auto;

}



#LB260507FRUITS h2,

#LB260507FRUITS h3,

#LB260507FRUITS p,

#LB260507FRUITS li {

  margin-block: calc((1em - 1lh) / 2);

}



#LB260507FRUITS .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



/* --- 抽出されたCSS（上から順） --- */



#LB260507FRUITS {

  --font-credit: "bebas-neue-pro", sans-serif;

  --font-regular: 400;

  --black: #000000;

  --bg-pink: #f2e9f2;

  --pink: #ff2eb9;

  font-feature-settings: "palt";

  position: relative;

  max-width: 100%;

  display: flex;

}



#LB260507FRUITS .lp-left-area,

#LB260507FRUITS .lp-right-area {

  position: sticky;

  top: 0;

  height: 100vh;

  flex: 1;

  background: var(--bg-pink);

  display: flex;

  align-items: center;

}

#LB260507FRUITS .lp-main-area {

  width: calc(467 * var(--formula_pc));

  overflow: clip;

}



#LB260507FRUITS .sec-set {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

}



#LB260507FRUITS .align-self-start {

  align-self: start;

  margin: calc(36 * var(--formula)) 0 0 calc(39 * var(--formula));

}

#LB260507FRUITS [class*="--vertical"] {

  display: flex;

  flex-direction: column;

  align-items: center;

}



#LB260507FRUITS [class*="__credit"] {

  display: flex;

  flex-direction: column;

  gap: calc(7 * var(--formula));

}



#LB260507FRUITS [class*="__credit"] li {

  display: flex;

  font-family: var(--font-credit);

  color: var(--black);

  font-size: calc(28 * var(--formula));

  line-height: calc(35 / 28);

  letter-spacing: 0.04em;

  text-align: left;

  font-weight: var(--font-regular);

  gap: calc(24 * var(--formula));

}



#LB260507FRUITS [class*="__bound-rect"] {

  position: absolute;

  top: 0;

  left: 0;

  background-color: var(--pink);

  opacity: 0.2; /* 画像の上に重なるので薄めに設定 */

  will-change: transform, width, height;

}



#LB260507FRUITS [class*="thum-img-"] {

  width: calc(72 * var(--formula_pc));

  opacity: 0.4;

  transition: opacity 0.3s ease; /* ふわっと変化させる */

  cursor: pointer;

}



/* マウスホバー時 */

#LB260507FRUITS [class*="thum-img-"]:hover {

  opacity: 1;

}



#LB260507FRUITS .splide__pagination {

  bottom: calc(-55 * var(--formula));

  left: unset;

  padding: 0;

  right: calc(40 * var(--formula));

  gap: calc(20 * var(--formula));

}



#LB260507FRUITS .splide__pagination__page {

  width: calc(15 * var(--formula));

  height: calc(15 * var(--formula));

  background-image: url(../img/pagination-img-01.png);

  background-size: contain;

  background-color: transparent;

  margin: 0;

  opacity: 0.2;

}



#LB260507FRUITS .splide__pagination__page.is-active {

  transform: scale(1);

  opacity: 1;

}



#LB260507FRUITS .lp-pc-txt-01 {

  width: calc(313 * var(--formula_pc));

  position: absolute;

  top: calc(25 * var(--formula_pc));

  left: calc(22 * var(--formula_pc));

}



#LB260507FRUITS .left__thum,

#LB260507FRUITS .right__thum {

  display: flex;

  justify-content: space-between;

  width: 100%;

  margin: calc(-56 * var(--formula_pc)) calc(17 * var(--formula_pc)) 0;

}



#LB260507FRUITS .blob-inner {

  position: relative;

}



#LB260507FRUITS .c-blob {

  position: absolute;

  pointer-events: none;

  z-index: 5;

}



#LB260507FRUITS .c-blob svg {

  width: 100%;

  height: auto;

  overflow: visible;

}

#LB260507FRUITS .js-blob-path {

  fill: var(--pink);

  opacity: 0.2;

}



#LB260507FRUITS .mv__blob--tr {

  top: -12%;

  right: -16%;

  width: calc(340 * var(--formula));

}



#LB260507FRUITS .lp-mv-img-01 {

  width: calc(750 * var(--formula));

}



#LB260507FRUITS .z1-relative {

  z-index: 1;

  position: relative;

}



#LB260507FRUITS .lp-mv-txt-01 {

  width: calc(244 * var(--formula));

  top: calc(33 * var(--formula));

  left: calc(24 * var(--formula));

}



#LB260507FRUITS .z5-nopointer {

  z-index: 5;

  pointer-events: none;

}



#LB260507FRUITS .absolute-item {

  position: absolute;

}



#LB260507FRUITS .lp-mv-txt-02 {

  width: calc(264 * var(--formula));

  right: calc(24 * var(--formula));

  top: calc(496 * var(--formula));

}



#LB260507FRUITS .mv__blob--bl {

  bottom: -11%;

  left: -21%;

  width: calc(354 * var(--formula));

}



#LB260507FRUITS .content-inner {

  position: relative;

  width: 100%;

}



#LB260507FRUITS .fruit-cont {

  margin: calc(180 * var(--formula)) 0 calc(180 * var(--formula)) 0;

  pointer-events: none;

}



#LB260507FRUITS .fruit__inner {

  display: flex;

  justify-content: center;

  gap: calc(80 * var(--formula));

  list-style: none;

  padding: 0;

}



#LB260507FRUITS .fruit-slot {

  width: calc(60 * var(--formula));

  height: calc(60 * var(--formula));

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

#LB260507FRUITS .fruit-strip {

  display: flex;

  flex-direction: column;

  position: absolute;

  top: 0;

  left: 0;

  width: calc(60 * var(--formula));

}



#LB260507FRUITS .fruit-item {

  width: calc(60 * var(--formula));

  height: calc(60 * var(--formula));

  background-size: calc(60 * var(--formula));

  background-repeat: no-repeat;

  background-position: center;

}

#LB260507FRUITS .sec01 {

  margin: 0 0 calc(82 * var(--formula)) 0;

}



#LB260507FRUITS .sec1-img-01 {

  width: calc(750 * var(--formula));

}



#LB260507FRUITS .sec1-img-02 {

  width: calc(750 * var(--formula));

}



#LB260507FRUITS .sec02 {

  padding: calc(99 * var(--formula)) 0 calc(181 * var(--formula)) 0;

}



#LB260507FRUITS .bound-rect-inner {

  overflow: hidden;

}



#LB260507FRUITS .sec2-img-01 {

  width: calc(490 * var(--formula));

}



#LB260507FRUITS .sec02__credit {

  margin: calc(36 * var(--formula)) 0 0 calc(130 * var(--formula));

  align-self: start;

}



#LB260507FRUITS .splide {

  width: calc(750 * var(--formula));

}



#LB260507FRUITS .splide__slide {

  width: calc(750 * var(--formula));

}



#LB260507FRUITS .sec03__credit {

  margin: calc(36 * var(--formula)) 0 0 calc(39 * var(--formula));

}



#LB260507FRUITS .sec04 {

  padding: calc(181 * var(--formula)) 0 calc(182 * var(--formula)) 0;

}



#LB260507FRUITS .sec4-img-01 {

  width: calc(530 * var(--formula));

}



#LB260507FRUITS .sec04__credit {

  margin: calc(35 * var(--formula)) 0 0 calc(109 * var(--formula));

  align-self: start;

}



#LB260507FRUITS .sec5-img-01 {

  width: calc(670 * var(--formula));

  position: relative;

  z-index: 1;

}



#LB260507FRUITS .sec05__blob--bl {

  width: calc(315 * var(--formula));

  bottom: -19%;

  left: -22%;

}



#LB260507FRUITS .sec05__credit {

  z-index: 10;

  margin: calc(36 * var(--formula)) 0 0 calc(40 * var(--formula));

}



#LB260507FRUITS .sec06 {

  margin: calc(180 * var(--formula)) 0 calc(180 * var(--formula)) 0;

}



#LB260507FRUITS .sec6-img-01 {

  width: calc(490 * var(--formula));

}



#LB260507FRUITS .sec07__credit {

  margin: calc(37 * var(--formula)) 0 0 calc(39 * var(--formula));

}

#LB260507FRUITS .sec08 {

  padding: calc(179 * var(--formula)) 0 calc(181 * var(--formula)) 0;

}



#LB260507FRUITS .sec8-img-01 {

  width: calc(610 * var(--formula));

}



#LB260507FRUITS .sec08__credit {

  margin: calc(37 * var(--formula)) 0 0 calc(68 * var(--formula));

  align-self: start;

}



#LB260507FRUITS .sec9-img-01 {

  width: calc(750 * var(--formula));

}



#LB260507FRUITS .sec09__credit {

  margin: calc(36 * var(--formula)) 0 0 calc(39 * var(--formula));

}



#LB260507FRUITS .sec10 {

  padding: calc(181 * var(--formula)) 0 calc(181 * var(--formula)) 0;

}



#LB260507FRUITS .sec10-img-01 {

  width: calc(610 * var(--formula));

}



#LB260507FRUITS .z1-relative1 {

  width: calc(610 * var(--formula));

}



#LB260507FRUITS .sec10__credit {

  align-self: start;

  margin: calc(36 * var(--formula)) 0 0 calc(69 * var(--formula));

}



#LB260507FRUITS .sec11__inner--vertical {

  gap: calc(60 * var(--formula));

}



#LB260507FRUITS .sec11-img-01 {

  width: calc(750 * var(--formula));

}



#LB260507FRUITS .sec11-img-02 {

  width: calc(630 * var(--formula));

}



#LB260507FRUITS .sec11__credit {

  margin: calc(36 * var(--formula)) 0 0 calc(60 * var(--formula));

  align-self: start;

}



#LB260507FRUITS .sec11__blob--tr {

  top: -67%;

  right: -13%;

  width: calc(340 * var(--formula));

}

#LB260507FRUITS .sec11__link-inner {

  margin: calc(181 * var(--formula)) 0 calc(180 * var(--formula)) 0;

  display: flex;

  flex-direction: column;

  gap: calc(60 * var(--formula));

  align-items: center;

  width: 100%;

}

#LB260507FRUITS .footer-txt-04 {

  width: calc(522 * var(--formula));

  z-index: 10;

}



#LB260507FRUITS .footer-txt-03 {

  width: calc(231 * var(--formula));

  z-index: 10;

}

#LB260507FRUITS .footer__fruit-cont {

  margin: calc(42 * var(--formula)) 0 0 0;

}

#LB260507FRUITS .footer-img-01 {

  width: calc(750 * var(--formula));

}



#LB260507FRUITS .footer-txt-01 {

  width: calc(710 * var(--formula));

  top: calc(24 * var(--formula));

  z-index: 2;

}



#LB260507FRUITS .footer-txt-02 {

  width: calc(95 * var(--formula));

  bottom: calc(21 * var(--formula));

  right: calc(23 * var(--formula));

  z-index: 2;

}



#LB260507FRUITS .right__link-inner {

  display: flex;

  flex-direction: column;

  position: absolute;

  align-items: end;

  bottom: calc(80 * var(--formula_pc));

  right: calc(22 * var(--formula_pc));

  gap: calc(32 * var(--formula_pc));

}



#LB260507FRUITS .lp-pc-txt-02 {

  width: calc(292 * var(--formula_pc));

}



#LB260507FRUITS .lp-pc-txt-03 {

  width: calc(131 * var(--formula_pc));

  position: relative;

  top: calc(-4 * var(--formula_pc));

  left: calc(-2 * var(--formula_pc));

}



#LB260507FRUITS .lp-pc-img-01 {

  width: calc(158 * var(--formula_pc));

}

#LB260507FRUITS .blur-in {

  opacity: 0;

  visibility: hidden;

}

@media (max-width: 767px) {

  #LB260507FRUITS .lp-left-area,

  #LB260507FRUITS .lp-right-area {

    display: none;

  }

  #LB260507FRUITS .lp-main-area {

    width: 100%;

  }

  #content__archive {

    padding: calc(60 * (100vw / 750)) 0 calc(100 * (100vw / 750));

    margin-bottom: calc(201 * (100vw / 750)) !important;

  }

}