@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- setting default -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_randr * {
  box-sizing: border-box;
}
.LS_randr {
  --color-white: #fff;
  --color-black: #000;
  --color-text: #38383b;
  --color-pink: #EAC4D8;
  --color-lightblue: #A3C8DA;
  --bcolor-gray: #FAFAFA;
  --bcolor-pink: #FAF2F6;
  --bcolor-lightblue: #EDF6FA;
  /* --font-yu: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; */
  /* --font-hiragino: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif; */
  /* --font-futura: "futura-pt", sans-serif; */
  --font-hiraginokaku: "hiragino-kaku-gothic-pron", sans-serif;
  --font-century: "century-gothic", sans-serif;
  --font-en: "avenir-lt-pro", sans-serif;
  --font-ja: var(--font-hiragino);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
  background-color: var(--bcolor-lightblue);
}
.LS_randr {
  --pc-width: 1600;
  --sp-width: 375;
  --pc-artboard-width: 500;
  --sp-artboard-width: 375;
}
.LS_randr img,
.LS_randr picture,
.LS_randr video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.LS_randr section {
  position: relative;
  z-index: 2;
}
.LS_randr .LS_randr_btn {
  width: calc(335*var(--variable)*var(--ratio));
  margin: calc(60*var(--variable)*var(--ratio)) auto 0;
  font-size: calc(16*var(--variable)*var(--ratio));
  line-height: 2.125;
  letter-spacing: .1em;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-ja);
  background-color: var(--color-black);
  color: var(--color-white);
}
.LS_randr .LS_randr_btn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: calc(11*var(--variable)*var(--ratio)) 0;
}
@media (min-width: 1600px) {
  .LS_randr {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1600px) {
  .LS_randr {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
/* @media (min-width: 768px) {
  .LS_randr {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
} */
@media (max-width: 767px) {
  .LS_randr {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- setting others -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .LS_randr .hidden-desktop {
    display: none !important;
  }
  .LS_randr {
    display: grid;
    grid-template-columns: 1fr calc(500*100vw/1600) 1fr;
  }
}
@media screen and (max-width: 767px) {
  .main-area {
    overflow: clip;
  }
  .LS_randr .hidden-mobile {
    display: none !important;
  }
}
.LS_randr .common-position {
  position: absolute;
}
.LS_randr .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.LS_randr .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.LS_randr .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.LS_randr .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.LS_randr .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- fixed_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .LS_randr .fixed_container {
    position: sticky;
    top: 0;
    height: 100vh;
  }
  .LS_randr .fixed_logo {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: min(280*100vw/1600, 300px);
    margin: 0 auto;
  }
  .LS_randr .fixed_wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .LS_randr .fixed_title {
    font-size: min(50*100vw/1600, 50px);
    line-height: 1;
    letter-spacing: .02em;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-century);
    color: var(--color-black);
    text-align: center;
  }
  .LS_randr .fixed_btn {
    width: min(280*100vw/1600, 280px);
    margin-top: min(45*100vw/1600, 45px);
    font-size: min(15*100vw/1600, 15px);
    line-height: 2.2666666667;
    letter-spacing: .1em;
    font-feature-settings: normal;
  }
  .LS_randr .fixed_btn > a {
    padding: min(8*100vw/1600, 8px) 0;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- scroll_container | hero_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_randr .scroll_container {
  padding-bottom: calc(70*var(--variable)*var(--ratio));
  background-color: var(--color-white);
}
.LS_randr .hero_logo {
  width: calc(275*var(--variable)*var(--ratio));
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .LS_randr .scroll_container {
    width: min(500*100vw/1600, 500px);
    margin: 0 auto;
    overflow: clip;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- scroll_container | detail_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_randr .detail_container {
  margin-top: calc(55*var(--variable)*var(--ratio));
  text-align: center;
  color: var(--color-black);
}
.LS_randr .detail_title {
  font-size: calc(40*var(--variable)*var(--ratio));
  line-height: 1;
  letter-spacing: .02em;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-century);
}
.LS_randr .detail_concept {
  margin-top: calc(37*var(--variable)*var(--ratio));
}
.LS_randr .detail_text {
  font-size: calc(16*var(--variable)*var(--ratio));
  line-height: 2.125;
  letter-spacing: .1em;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-en);
}
.LS_randr .detail_lead {
  row-gap: calc(18*var(--variable)*var(--ratio));
  margin-top: calc(6*var(--variable)*var(--ratio));
  font-size: calc(13*var(--variable)*var(--ratio));
  line-height: 2.3076923077;
  letter-spacing: .05em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-ja);
  font-feature-settings: normal;
}
.LS_randr .detail_about {
  margin-top: calc(50*var(--variable)*var(--ratio));
  padding: calc(50*var(--variable)*var(--ratio)) 0 calc(50*var(--variable)*var(--ratio));
  background-color: var(--bcolor-gray);
}
.LS_randr .detail_about .detail_lead {
  margin-top: calc(18*var(--variable)*var(--ratio));
  line-height: 2.1666666667;
  font-size: calc(12*var(--variable)*var(--ratio));
  row-gap: calc(15*var(--variable)*var(--ratio));
}
.LS_randr .detail_logo {
  width: calc(213.5*var(--variable)*var(--ratio));
  margin: calc(14*var(--variable)*var(--ratio)) auto 0;
}
.LS_randr .detail_content {
  margin-top: calc(16*var(--variable)*var(--ratio));
}
.LS_randr .detail_content > a {
  width: fit-content;
  margin: 0 auto;
  column-gap: calc(8*var(--variable)*var(--ratio));
  align-items: center;
  justify-content: center;
}
.LS_randr .detail_insta {
  width: calc(13*var(--variable)*var(--ratio));
}
.LS_randr .detail_link {
  font-size: calc(13*var(--variable)*var(--ratio));
  line-height: 2.6153846154;
  letter-spacing: .05em;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-en);
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.LS_randr .detail_information {
  margin-top: calc(50*var(--variable)*var(--ratio));
}
.LS_randr .detail_date {
  width: calc(335*var(--variable)*var(--ratio));
  margin: calc(15*var(--variable)*var(--ratio)) auto 0;
  padding: calc(7*var(--variable)*var(--ratio)) 0;
  font-size: calc(15*var(--variable)*var(--ratio));
  line-height: 1.6;
  letter-spacing: .06em;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-ja);
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
}
.LS_randr .detail_image {
  width: calc(335*var(--variable)*var(--ratio));
  margin: calc(25*var(--variable)*var(--ratio)) auto 0;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- scroll_container | product_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_randr .product_image0101 {width: calc(375*var(--variable)*var(--ratio));}
.LS_randr .product_image0102 {width: calc(315*var(--variable)*var(--ratio));}
.LS_randr .product_image0103 {width: calc(325*var(--variable)*var(--ratio));}
.LS_randr .product_image0104 {width: calc(200*var(--variable)*var(--ratio));}
.LS_randr .product_image0105 {width: calc(200*var(--variable)*var(--ratio));}
.LS_randr .product_image0201 {width: calc(375*var(--variable)*var(--ratio));}
.LS_randr .product_image0202 {width: calc(315*var(--variable)*var(--ratio));}
.LS_randr .product_image0203 {width: calc(325*var(--variable)*var(--ratio));}
.LS_randr .product_image0204 {width: calc(200*var(--variable)*var(--ratio));}
.LS_randr .product_image0205 {width: calc(200*var(--variable)*var(--ratio));}
.LS_randr .product_image0206 {width: calc(200*var(--variable)*var(--ratio));}
.LS_randr .product_image0301 {width: calc(375*var(--variable)*var(--ratio));}
.LS_randr .product_image0302 {width: calc(315*var(--variable)*var(--ratio));}
.LS_randr .product_image0303 {width: calc(325*var(--variable)*var(--ratio));}
.LS_randr .product_image0304 {width: calc(200*var(--variable)*var(--ratio));}
.LS_randr .product_image0305 {width: calc(200*var(--variable)*var(--ratio));}
.LS_randr .product_image0401 {width: calc(375*var(--variable)*var(--ratio)); background-color: var(--color-white);}
.LS_randr .product_image0402 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0403 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0404 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0405 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0406 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0501 {width: calc(375*var(--variable)*var(--ratio));}
.LS_randr .product_image0502 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0503 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0504 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0505 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0506 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0507 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0508 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0601 {width: calc(375*var(--variable)*var(--ratio));}
.LS_randr .product_image0602 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0603 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0604 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0701 {width: calc(375*var(--variable)*var(--ratio));}
.LS_randr .product_image0702 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0703 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0704 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0705 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0801 {width: calc(375*var(--variable)*var(--ratio));}
.LS_randr .product_image0802 {width: calc(176*var(--variable)*var(--ratio));}
.LS_randr .product_image0803 {width: calc(176*var(--variable)*var(--ratio));}

.LS_randr .product_container {
  margin-top: calc(100*var(--variable)*var(--ratio));
}
.LS_randr .product_content {
  position: relative;
  width: fit-content;
  height: fit-content;
  z-index: 2;
}
.LS_randr .product_content01 {
  margin: 0 auto;
}
.LS_randr .product_fixed_title {
  z-index: 5;
}
.LS_randr .product_fixed {
  position: sticky;
  top: calc(100*var(--variable)*var(--ratio));
}
.LS_randr .product_fixed:has(.product_logo) {
  z-index: 1;
}
.LS_randr .product_fixed:has(.product_image) {
  margin-top: calc(-560*var(--variable)*var(--ratio));
}
.LS_randr .product_title {
  font-size: calc(45*var(--variable)*var(--ratio));
  line-height: 1;
  letter-spacing: .02em;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-century);
  color: var(--color-white);
  white-space: nowrap;
  top: calc(22*var(--variable)*var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}
.LS_randr .product_logo {
  width: calc(215*var(--variable)*var(--ratio));
  margin: 0 auto;
  padding-bottom: calc(115*var(--variable)*var(--ratio));
}
.LS_randr .product_slider {
  margin-top: calc(30*var(--variable)*var(--ratio));
}
.LS_randr .product_image {
  position: relative;
  z-index: 3;
}
.LS_randr .product_price {
  width: fit-content;
  margin: calc(24*var(--variable)*var(--ratio)) auto 0;
  font-size: calc(18*var(--variable)*var(--ratio));
  line-height: 1.3333333333;
  letter-spacing: .05em;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-century);
  text-align: center;
}
.LS_randr .product_name {
  font-size: calc(14*var(--variable)*var(--ratio));
  line-height: 1.8571428571;
  letter-spacing: .15em;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-ja);
  text-align: center;
}
.LS_randr .product_lead {
  width: calc(335*var(--variable)*var(--ratio));
  margin: calc(20*var(--variable)*var(--ratio)) auto 0;
  font-size: calc(12*var(--variable)*var(--ratio));
  line-height: 2;
  letter-spacing: .05em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-ja);
  font-feature-settings: normal;
}
/*** product_container01 & product_container03 ***/
.LS_randr .product_container01 .product_content03,
.LS_randr .product_container03 .product_content03 {
  margin: calc(30*var(--variable)*var(--ratio)) auto 0;
}
.LS_randr .product_container01 .product_wrapper02,
.LS_randr .product_container03 .product_wrapper02 {
  margin-top: calc(30*var(--variable)*var(--ratio));
  grid-template-columns: calc(175*var(--variable)*var(--ratio));
  grid-template-rows: calc(50*var(--variable)*var(--ratio));
}
.LS_randr .product_container01 .product_wrapper02 .product_content04,
.LS_randr .product_container03 .product_wrapper02 .product_content04 {
  grid-row: 2;
  grid-column: 1;
  z-index: 3;
}
.LS_randr .product_container01 .product_wrapper02 .product_content05,
.LS_randr .product_container03 .product_wrapper02 .product_content05 {
  grid-row: 1;
  grid-column: 2;
}
.LS_randr .product_container01 .product_fixed_title,
.LS_randr .product_container03 .product_fixed_title {
  padding-bottom: calc(560*var(--variable)*var(--ratio));
}
.LS_randr .product_container01 .product_content02,
.LS_randr .product_container03 .product_content02 {
  padding-bottom: calc(45*var(--variable)*var(--ratio));
  margin: calc(30*var(--variable)*var(--ratio)) auto 0;
}
/*** product_container02 ***/
.LS_randr .product_container02 {
  margin-bottom: calc(-18*var(--variable)*var(--ratio));
}
.LS_randr .product_container02 .product_fixed_title {
  padding-bottom: calc(87*var(--variable)*var(--ratio));
  margin-top: calc(556*var(--variable)*var(--ratio));
  top: calc(580*var(--variable)*var(--ratio));
}
.LS_randr .product_container02 .product_content02 {
  padding-bottom: calc(45*var(--variable)*var(--ratio));
  margin: calc(30*var(--variable)*var(--ratio)) auto 0;
}
.LS_randr .product_container02 .product_content03 {
  margin: calc(30*var(--variable)*var(--ratio)) auto 0;
}
/*** 
product_container04 & 
product_container05 & 
product_container06 & 
product_container07 & 
product_container08 
***/
.LS_randr .product_container04 {
  margin-top: calc(263*var(--variable)*var(--ratio));
}
.LS_randr .product_container04 .product_content01 {
  margin: calc(148*var(--variable)*var(--ratio)) auto 0;
}
.LS_randr .product_container04 .product_price {
  color: var(--color-pink);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-pink);
}
.LS_randr .product_container05,
.LS_randr .product_container06,
.LS_randr .product_container07,
.LS_randr .product_container08 {
  margin-top: calc(75*var(--variable)*var(--ratio));
}
.LS_randr .product_container05 .product_price {
  color: var(--color-lightblue);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-lightblue);
}
.LS_randr .product_container06 .product_price {
  color: var(--color-lightblue);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-lightblue);
}
.LS_randr .product_container07 .product_price {
  color: var(--color-lightblue);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-lightblue);
}
.LS_randr .product_container08 .product_price {
  color: var(--color-pink);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-pink);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- novelty_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_randr .novelty_container {
  margin-top: calc(75*var(--variable)*var(--ratio));
}
.LS_randr .novelty_inner {
  padding: calc(52*var(--variable)*var(--ratio)) 0;
  background-color: var(--bcolor-pink);
}
.LS_randr .novelty_title {
  font-size: calc(25*var(--variable)*var(--ratio));
  line-height: 1.36;
  letter-spacing: .1em;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-century);
  text-align: center;
  color: var(--color-black);
}
.LS_randr .novelty_image {
  width: calc(275*var(--variable)*var(--ratio));
  margin: calc(20*var(--variable)*var(--ratio)) auto 0;
}
.LS_randr .novelty_lead {
  margin-top: calc(18*var(--variable)*var(--ratio));
  font-size: calc(13*var(--variable)*var(--ratio));
  line-height: 2;
  letter-spacing: .05em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-ja);
  color: var(--color-black);
  text-align: center;
  font-feature-settings: normal;
}
.LS_randr .novelty_text {
  display: block;
  margin-top: calc(7*var(--variable)*var(--ratio));
  font-size: calc(12*var(--variable)*var(--ratio));
  line-height: 2;
  letter-spacing: .15em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-ja);
  color: var(--color-black);
  text-align: center;
}
.LS_randr .novelty_container .LS_randr_btn {
  margin-top: calc(63*var(--variable)*var(--ratio));
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- animation -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_randr .js-sliderImage .swiper-wrapper {
  transition-timing-function: linear !important;
}
.LS_randr .swiper-slide {
  width: calc(176*var(--variable)*var(--ratio));
  margin-right: calc(6*var(--variable)*var(--ratio));
}
.LS_randr .product_container02 .swiper-slide {
  width: calc(200*var(--variable)*var(--ratio));
}
.LS_randr .js-scroll-section .js-fixed-img {
  transition: filter 0.8s ease, transform 0.8s ease, border-color 0.8s ease;
  filter: blur(0px);
}
.LS_randr .js-scroll-section.is-active .js-fixed-img {
  filter: blur(2px);
}
.LS_randr .js-fade {
  opacity: 0;
  translate: 0 calc(50*var(--variable)*var(--ratio));
  transition: opacity cubic-bezier(0.42, 0, 0.58, 1) 0.8s, translate cubic-bezier(0.42, 0, 0.58, 1) 0.8s;
}
.LS_randr .js-fade.is-active {
  opacity: 1;
  translate: 0;
}
.LS_randr .hero_slider .swiper-slide {
  width: fit-content;
  margin-right: 0;
}