@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
settings - Initial 
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#Contents {
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .main-area {
    padding: 0 0 calc(140 * 100vw / 1280);
  }
}
@media screen and (max-width: 767px) {
  .main-area {
    overflow: clip;
  }
  .main-area .main-inner {
    width: 100%;
  }
  .header__navBody {
    padding: 0;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LB260817catalog {
  --color-white: #fff;
  --color-black: #000;
  --color-gray: #999;
  --font-yu: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-kepler_subhead: "kepler-std-condensed-subhead", serif;
  --font-kepler_display: "kepler-std-condensed-display", serif;
  --font-neue: "neue-haas-grotesk-display", sans-serif;
  --font-winsel: "winsel-variable", sans-serif;
  --font-ja: var(--font-yu);
  --font-en: var(--font-winsel);
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
  color: var(--color-black);
}
.LB260817catalog {
  --pc-width: 1280;
  --sp-width: 750;
  --pc-artboard-width: 480;
  --sp-artboard-width: 750;
}
@media (min-width: 768px) {
  .LB260817catalog {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
    --variable: calc(100vw / var(--pc-width));
  }
}
/* @media (min-width: 768px) and (max-width: 1280px) {
  .LB260817catalog {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
} */
@media (max-width: 767px) {
  .LB260817catalog {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - others common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .LB260817catalog .hidden-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .LB260817catalog .hidden-mobile {
    display: none !important;
  }
}
.LB260817catalog img,
.LB260817catalog video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - arrangement common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LB260817catalog .common-position {
  position: absolute;
}
.LB260817catalog .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.LB260817catalog .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.LB260817catalog .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.LB260817catalog .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.LB260817catalog .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - lp_container
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .LB260817catalog .lp_container {
    display: grid;
    grid-template-columns: calc(720*100vw/1280) calc(480*100vw/1280) calc(80*100vw/1280);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - fixed_container
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .LB260817catalog .fixed_container {
    position: sticky;
    top: 0;
    height: 100vh;
  }
  .LB260817catalog .fixed_container-left {
    grid-column: 1;
  }
  .LB260817catalog .fixed_container-right {
    grid-column: 3;
  }
  .LB260817catalog .fixed_logo {
    position: relative;
    top: 50%;
    top: 38.8%;
    transform: translateY(-50%);
    width: calc(445*100vw/1280);
    margin-left: calc(80*100vw/1280);
  }
  .LB260817catalog .fixed_btn {
    width: calc(8.2*100vw/1280);
    margin-left: calc(9*100vw/1280);
    margin-top: calc(15*100vw/1280);
  }
  .LB260817catalog .product_container {
    width: calc(481*100vw/1280);
    grid-column: 2;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product_container
//////////////////////////////////////////////////////////////////////////////////////////////
*/
  .LB260817catalog .product_container {
    position: relative;
    z-index: 10;
    background-color: var(--color-white);
  }
  .lp_container .product_sticky {
    position: sticky;
    top: 0;
  }
  .lp_container .product_scroll {
    position: relative;
    z-index: 2;
    background-color: var(--color-white);
  }
  .LB260817catalog [class*="product_content"] {
    position: relative;
    z-index: 2;
    width: fit-content;
    height: fit-content;
  }

  .LB260817catalog:has(.product_text) [class*="product_content"] {
    margin: 0 auto;
  }
  .LB260817catalog .product_text {
    margin-top: calc(95*var(--variable)*var(--ratio));
    --row: calc(35*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_btn {
    font-size: calc(35*var(--variable)*var(--ratio));
    line-height: 1;
    font-style: italic;
    font-family: var(--font-kepler_subhead);
    color: var(--color-black);
    text-align: center;
  }
  .LB260817catalog .product_slider {
    width: calc(750*var(--variable)*var(--ratio));
    overflow: clip;
  }
  .LB260817catalog .product_image:has(.product_price) {
    position: relative;
    z-index: 10;
  }
  .LB260817catalog .product_price {
    bottom: calc(85*var(--variable)*var(--ratio));;
    left: 50%;
    transform: translateX(-50%);
    font-size: calc(22*var(--variable)*var(--ratio));
    line-height: 1.5568181818;
    letter-spacing: .03em;
    font-weight: var(--fw-medium);
    color: var(--color-white);
    font-family: var(--font-neue);
    text-align: center;
    z-index: 10;
    white-space: nowrap;
  }
  .LB260817catalog .product_content:has(.js-clickContent) .product_price {
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease;
  }
  .LB260817catalog .product_content:has(.js-clickContent.is-show) .product_price {
    opacity: 1;
    pointer-events: initial;
  }
  .LB260817catalog .product_price li {
    display: inline-block;
  }
  .LB260817catalog .product_logo {
    width: calc(475*var(--variable)*var(--ratio));
    margin: 0 auto calc(122*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_image0101 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0201 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0201 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0301 {width: calc(598*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0401 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0401 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0501 {width: calc(580*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0501 {width: calc(580*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0502 {width: calc(580*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0601 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0701 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0701 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0801 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image0901 {width: calc(590*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1001 {width: calc(590*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1101 {width: calc(700*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1201 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1201 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1301 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1401 {width: calc(590*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1501 {width: calc(590*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1601 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1601 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1701 {width: calc(605*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1801 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1901 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image1901 {width: calc(750*var(--variable)*var(--ratio));}
  .LB260817catalog .product_image2001 {width: calc(570*var(--variable)*var(--ratio));}

  .LB260817catalog .product_wrapper03 {
    margin-top: calc(130*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper03 .product_content {
    margin: 0 auto;
  }
  .LB260817catalog .product_wrapper03 .product_text {
    width: calc(226*var(--variable)*var(--ratio));
    margin: calc(43*var(--variable)*var(--ratio)) auto 0;
  }
  .LB260817catalog .product_wrapper03 .product_price {
    bottom: 0;
    top: 50%;
    transform: translate(-50%,-50%);
    height: fit-content;
  }
  .LB260817catalog .product_wrapper04 {
    margin-top: calc(150*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper05 {
    margin-top: calc(148*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper05 .product_content01 {
    margin: 0 auto;
  }
  .LB260817catalog .product_wrapper05 .product_content01 .product_slider {
    width: calc(580*var(--variable)*var(--ratio));;
  }
  .LB260817catalog .product_wrapper05 .product_content02 {
    margin: calc(15*var(--variable)*var(--ratio)) auto 0;
  }
  .LB260817catalog .product_wrapper06 {
    margin-top: calc(150*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper07 {
    margin-top: calc(15*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper08 {
    margin-top: calc(15*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper09 {
    margin-top: calc(130*var(--variable)*var(--ratio));;
  }
  .LB260817catalog .product_wrapper09 .product_content01 {
    margin: 0 auto;
  }
  .LB260817catalog .product_wrapper10 {
    margin-top: calc(15*var(--variable)*var(--ratio));;
  }
  .LB260817catalog .product_wrapper10 .product_content01 {
    margin: 0 auto;
  }
  .LB260817catalog .product_wrapper11 {
    margin-top: calc(150*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper11 .product_content01 {
    margin: 0 auto;
  }
  .LB260817catalog .product_wrapper11 .product_text {
    width: calc(383*var(--variable)*var(--ratio));
    margin: calc(28*var(--variable)*var(--ratio)) auto 0;
  }
  .LB260817catalog .product_wrapper12 {
    margin-top: calc(202*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper13 {
    margin-top: calc(15*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper14 {
    margin-top: calc(150*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper14 .product_content01 {
    margin: 0 auto;
  }
  .LB260817catalog .product_wrapper15 {
    margin-top: calc(15*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper15 .product_content01 {
    margin: 0 auto;
  }
  .LB260817catalog .product_wrapper15 .product_text {
    width: calc(590*var(--variable)*var(--ratio));
    margin: calc(17*var(--variable)*var(--ratio)) auto 0;
  }
  .LB260817catalog .product_wrapper16 {
    margin-top: calc(148*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper17 {
    margin-top: calc(130*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper17 .product_content01 {
    margin: 0 auto;
  }
  .LB260817catalog .product_wrapper18 {
    margin-top: calc(130*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper19 {
    margin-top: calc(15*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper20 {
    margin-top: calc(148*var(--variable)*var(--ratio));
  }
  .LB260817catalog .product_wrapper20 .product_content01 {
    margin: 0 auto;
  }
  .LB260817catalog .product_btn {
    margin-top: calc(103*var(--variable)*var(--ratio));
    font-size: calc(40*var(--variable)*var(--ratio));
    line-height: 1.138;
    letter-spacing: .04em;
    font-weight: var(--fw-regular);
    font-family: var(--font-en);
    font-variation-settings: "wdth" 1, "wght" 100;
    font-style: inherit;
    text-align: center;
  }
  .LB260817catalog .product_staff {
    width: calc(510*var(--variable)*var(--ratio));
    margin: calc(48*var(--variable)*var(--ratio)) auto 0;
  }
  @media screen and (min-width: 768px) {
    .lp_container .product_scroll {
      margin-top: calc(6*100vw/1280);
    }
    .LB260817catalog .product_price {
      bottom: 0;
      top: 50%;
      transform: translate(-50%, -50%);
      height: fit-content;
      font-size: calc(11.8 * 100vw / 1280);
      line-height: 1.5833333333;
    }
    .LB260817catalog .product_staff {
      width: calc(230*100vw/1280);
      margin-top: calc(40*100vw/1280);
    }
    .LB260817catalog .product_image1101 {
      width: calc(750*var(--variable)*var(--ratio));
    }
    .LB260817catalog .product_wrapper12 {
      margin-top: calc(140 * var(--variable) * var(--ratio));
    }
    .LB260817catalog .product_wrapper03 .product_text {
      width: calc(144*100vw/1280);
    }
    .LB260817catalog .product_wrapper11 .product_text {
      width: calc(245*100vw/1280);
    }
    .LB260817catalog .product_wrapper15 .product_text {
      width: calc(377*100vw/1280);
    }
  }
  @media screen and (max-width: 767px) {
    .lp_container .product_scroll {
      padding-top: calc(62*var(--variable)*var(--ratio));
      margin-bottom: calc(170*var(--variable)*var(--ratio));
    }
  }
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LB260817catalog .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  top: calc(20*var(--variable)*var(--ratio));
  left: calc(16*var(--variable)*var(--ratio));
  bottom: initial;
  width: fit-content;
  z-index: 1;
}
.LB260817catalog .swiper-pagination-bullet {
  opacity: 1;
  background-color: initial;
  border: calc(2*var(--variable)*var(--ratio)) solid var(--color-white);
  width: calc(10*var(--variable)*var(--ratio));
  height: calc(10*var(--variable)*var(--ratio));
}
.LB260817catalog .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(4*var(--variable)*var(--ratio));
}
.LB260817catalog .swiper-pagination-bullet-active {
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .LB260817catalog .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    top: calc(18*var(--variable)*var(--ratio));
    left: calc(23*var(--variable)*var(--ratio));
  }
  .LB260817catalog .swiper-pagination-bullet {
    width: calc(5*var(--variable)*var(--ratio));
    height: calc(5*var(--variable)*var(--ratio));
  }
  .LB260817catalog .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(2.8*var(--variable)*var(--ratio));
  }
}

.LB260817catalog .js-clickContent {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.LB260817catalog .js-clickContent::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-gray);
  top: 0;
  left: 0;
  z-index: 2;
  mix-blend-mode: multiply;
  opacity: 0;
  pointer-events: initial;
  transition: opacity .5s ease;
}
.LB260817catalog .js-clickContent.is-show::before {
  opacity: 1;
  pointer-events: none;
}
.LB260817catalog .js-fade {
  transition: transform 1.5s ease, opacity 1.5s ease;
  transform: translate(0px, 30px);
  opacity: 0;
}
.LB260817catalog .js-fade.is-active {
  transform: translate(0px, 0px);
  opacity: 1;
}