@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- setting default -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet * {
  box-sizing: border-box;
}
.LS_the_barnnet {
  --color-white: #fff;
  --color-black: #000;
  --color-text: #38383b;
  --color-pink: #EAC4D8;
  --color-lightblue: #A3C8DA;
  --bcolor-gray: #FAFAFA;
  --bcolor-pink: #f1eaeb;
  --bcolor-lightblue: #EDF6FA;
  --bcolor-lineup: #F0EEEF;
  --bcolor-lineup-item: #E6E8E3;
  --mfg-pink: #9c7c81;
  /* --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-pink);
}
.LS_the_barnnet {
  --pc-width: 1400;
  --sp-width: 375;
  --pc-artboard-width: 500;
  --sp-artboard-width: 375;
}
.LS_the_barnnet img,
.LS_the_barnnet picture,
.LS_the_barnnet video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.LS_the_barnnet section {
  position: relative;
  z-index: 2;
}
.LS_the_barnnet .LS_the_barnnet_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_the_barnnet .LS_the_barnnet_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: 1400px) {
  .LS_the_barnnet {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .LS_the_barnnet {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
/* @media (min-width: 768px) {
  .LS_the_barnnet {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
} */
@media (max-width: 767px) {
  .LS_the_barnnet {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- setting others -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .LS_the_barnnet .hidden-desktop {
    display: none !important;
  }
  .LS_the_barnnet {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .main-area {
    overflow: clip;
  }
  .LS_the_barnnet .hidden-mobile {
    display: none !important;
  }
}
.LS_the_barnnet .common-position {
  position: absolute;
}
.LS_the_barnnet .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.LS_the_barnnet .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.LS_the_barnnet .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.LS_the_barnnet .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.LS_the_barnnet .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_the_barnnet .fixed_container {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
  }
  .LS_the_barnnet .fixed_container .hero_container,
  .LS_the_barnnet .fixed_container .hero_slider {
    height: 100%;
  }
  .LS_the_barnnet .fixed_container .hero_slider .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .LS_the_barnnet .fixed_container .hero_image,
  .LS_the_barnnet .fixed_container .hero_image img {
    width: 100%;
    height: 100%;
  }
  .LS_the_barnnet .fixed_container .hero_image img {
    object-fit: cover;
    object-position: center top;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- scroll_container | hero_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet .scroll_container {
  display: flow-root; /* 子要素のmargin-topが外にはみ出して背景色が見えるのを防ぐ */
  padding-bottom: calc(70*var(--variable)*var(--ratio));
  /* background-color: var(--color-white); */
}
.LS_the_barnnet .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_the_barnnet .scroll_container {
    width: min(500*100vw/1400, 500px);
    margin: 0 auto;
    overflow: clip;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- scroll_container | detail_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet .detail_container {
  margin-top: calc(55*var(--variable)*var(--ratio));
  text-align: center;
  color: var(--color-black);
}
.LS_the_barnnet .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_the_barnnet .detail_concept {
  margin-top: calc(37*var(--variable)*var(--ratio));
}
.LS_the_barnnet .detail_fixed_logo {
  width: calc(280*var(--variable)*var(--ratio));
  margin: 0 auto;
}
.LS_the_barnnet .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_the_barnnet .detail_lead {
  width: calc(340*var(--variable)*var(--ratio));
  row-gap: calc(18*var(--variable)*var(--ratio));
  margin: calc(6*var(--variable)*var(--ratio)) auto 0;
  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_the_barnnet .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_the_barnnet .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_the_barnnet .detail_logo {
  width: calc(213.5*var(--variable)*var(--ratio));
  margin: calc(14*var(--variable)*var(--ratio)) auto 0;
}
.LS_the_barnnet .detail_content {
  margin-top: calc(16*var(--variable)*var(--ratio));
}
.LS_the_barnnet .detail_content > a {
  width: fit-content;
  margin: 0 auto;
  column-gap: calc(8*var(--variable)*var(--ratio));
  align-items: center;
  justify-content: center;
}
.LS_the_barnnet .detail_insta {
  width: calc(13*var(--variable)*var(--ratio));
}
.LS_the_barnnet .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_the_barnnet .detail_information {
  margin-top: calc(50*var(--variable)*var(--ratio));
}
.LS_the_barnnet .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(14*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_the_barnnet .detail_image {
  width: calc(335*var(--variable)*var(--ratio));
  margin: calc(25*var(--variable)*var(--ratio)) auto 0;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- scroll_container | product_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet .product_image0101 {width: calc(375*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0102 {width: calc(315*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0103 {width: calc(325*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0104 {width: calc(200*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0105 {width: calc(200*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0201 {width: calc(375*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0202 {width: calc(315*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0203 {width: calc(325*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0204 {width: calc(200*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0205 {width: calc(200*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0206 {width: calc(200*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0301 {width: calc(375*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0302 {width: calc(315*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0303 {width: calc(325*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0304 {width: calc(200*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0305 {width: calc(200*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0401 {width: calc(375*var(--variable)*var(--ratio)); background-color: var(--color-white);}
.LS_the_barnnet .product_image0402 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0403 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0404 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0405 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0406 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0501 {width: calc(375*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0502 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0503 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0504 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0505 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0506 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0507 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0508 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0601 {width: calc(375*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0602 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0603 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0604 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0701 {width: calc(375*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0702 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0703 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0704 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0705 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0801 {width: calc(375*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0802 {width: calc(176*var(--variable)*var(--ratio));}
.LS_the_barnnet .product_image0803 {width: calc(176*var(--variable)*var(--ratio));}

.LS_the_barnnet .product_container {
  margin-top: calc(100*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_content {
  position: relative;
  width: fit-content;
  height: fit-content;
  z-index: 2;
}
.LS_the_barnnet .product_content01 {
  margin: 0 auto;
}
.LS_the_barnnet .product_fixed_title {
  z-index: 5;
}
.LS_the_barnnet .product_fixed {
  position: sticky;
  top: calc(100*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_fixed:has(.product_logo) {
  z-index: 1;
}
.LS_the_barnnet .product_fixed:has(.product_image) {
  margin-top: calc(-560*var(--variable)*var(--ratio));
}
.LS_the_barnnet .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_the_barnnet .product_logo {
  width: calc(215*var(--variable)*var(--ratio));
  margin: 0 auto;
  padding-bottom: calc(115*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider {
  margin-top: calc(30*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_image {
  position: relative;
  z-index: 3;
}
.LS_the_barnnet .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_the_barnnet .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_the_barnnet .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_the_barnnet .product_container01 .product_content03,
.LS_the_barnnet .product_container03 .product_content03 {
  margin: calc(30*var(--variable)*var(--ratio)) auto 0;
}
.LS_the_barnnet .product_container01 .product_wrapper02,
.LS_the_barnnet .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_the_barnnet .product_container01 .product_wrapper02 .product_content04,
.LS_the_barnnet .product_container03 .product_wrapper02 .product_content04 {
  grid-row: 2;
  grid-column: 1;
  z-index: 3;
}
.LS_the_barnnet .product_container01 .product_wrapper02 .product_content05,
.LS_the_barnnet .product_container03 .product_wrapper02 .product_content05 {
  grid-row: 1;
  grid-column: 2;
}
.LS_the_barnnet .product_container01 .product_fixed_title,
.LS_the_barnnet .product_container03 .product_fixed_title {
  padding-bottom: calc(560*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_container01 .product_content02,
.LS_the_barnnet .product_container03 .product_content02 {
  padding-bottom: calc(45*var(--variable)*var(--ratio));
  margin: calc(30*var(--variable)*var(--ratio)) auto 0;
}
/*** product_container02 ***/
.LS_the_barnnet .product_container02 {
  margin-bottom: calc(-18*var(--variable)*var(--ratio));
}
.LS_the_barnnet .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_the_barnnet .product_container02 .product_content02 {
  padding-bottom: calc(45*var(--variable)*var(--ratio));
  margin: calc(30*var(--variable)*var(--ratio)) auto 0;
}
.LS_the_barnnet .product_container02 .product_content03 {
  margin: calc(30*var(--variable)*var(--ratio)) auto 0;
}
/*** 
product_container04 & 
product_container05 & 
product_container06 & 
product_container07 & 
product_container08 
***/
.LS_the_barnnet .product_container04 {
  margin-top: calc(100*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_container04 .product_content01 {
  margin: calc(148*var(--variable)*var(--ratio)) auto 0;
}
.LS_the_barnnet .product_container04 .product_price {
  color: var(--color-pink);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-pink);
}
.LS_the_barnnet .product_container05,
.LS_the_barnnet .product_container06,
.LS_the_barnnet .product_container07,
.LS_the_barnnet .product_container08 {
  margin-top: calc(75*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_container05 .product_price {
  color: var(--color-lightblue);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-lightblue);
}
.LS_the_barnnet .product_container06 .product_price {
  color: var(--color-lightblue);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-lightblue);
}
.LS_the_barnnet .product_container07 .product_price {
  color: var(--color-lightblue);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-lightblue);
}
.LS_the_barnnet .product_container08 .product_price {
  color: var(--color-pink);
  border-bottom: calc(2*var(--variable)*var(--ratio)) solid var(--color-pink);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- novelty_container -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet .novelty_container {
  margin-top: calc(75*var(--variable)*var(--ratio));
}
.LS_the_barnnet .novelty_inner {
  padding: calc(52*var(--variable)*var(--ratio)) 0;
  background-color: var(--bcolor-pink);
}
.LS_the_barnnet .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_the_barnnet .novelty_image {
  width: calc(275*var(--variable)*var(--ratio));
  margin: calc(20*var(--variable)*var(--ratio)) auto 0;
}
.LS_the_barnnet .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_the_barnnet .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_the_barnnet .novelty_container .LS_the_barnnet_btn {
  margin-top: calc(63*var(--variable)*var(--ratio));
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- animation -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet .js-sliderImage {
  overflow: hidden;
}
.LS_the_barnnet .swiper-slide {
  width: calc(176*var(--variable)*var(--ratio));
  margin-right: calc(6*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_container02 .swiper-slide {
  width: calc(200*var(--variable)*var(--ratio));
}
.LS_the_barnnet .js-scroll-section .js-fixed-img {
  transition: filter 0.8s ease, transform 0.8s ease, border-color 0.8s ease;
  filter: blur(0px);
}
.LS_the_barnnet .js-scroll-section.is-active .js-fixed-img {
  filter: blur(2px);
}
.LS_the_barnnet .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_the_barnnet .js-fade.is-active {
  opacity: 1;
  translate: 0;
}
.LS_the_barnnet .hero_slider .swiper-slide {
  width: fit-content;
  margin-right: 0;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product_container01 | product_slider01 (無限スライダー) -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet .product_container01 {
  padding: calc(40*var(--variable)*var(--ratio)) 0 calc(30*var(--variable)*var(--ratio));
  /* background-color: var(--bcolor-lineup); */
}
.LS_the_barnnet .product_container01 .product_title {
  position: static;
  transform: none;
  margin-bottom: calc(30*var(--variable)*var(--ratio));
  color: var(--color-black);
  text-align: center;
}
.LS_the_barnnet .product_container01 .product_slider {
  margin-top: 0;
  overflow: hidden;
  width: 100%;
  height: calc(448*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_track {
  display: flex;
  width: max-content;
  animation: product_slider_loop 54s linear infinite;
  will-change: transform;
}
/* 1セット = 11枚（ジグザグ配置）。セット幅はループの継ぎ目の余白(24)込み */
.LS_the_barnnet .product_slider_set {
  position: relative;
  flex: none;
  width: calc(3384*var(--variable)*var(--ratio));
  height: calc(448*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item {
  position: absolute;
  overflow: hidden;
  aspect-ratio: 3 / 4; /* 縦長 */
}
/* 横長画像：0104・0107・0109・0111 */
.LS_the_barnnet .product_slider_item04,
.LS_the_barnnet .product_slider_item07,
.LS_the_barnnet .product_slider_item09,
.LS_the_barnnet .product_slider_item11 {
  aspect-ratio: 4 / 3;
}
.LS_the_barnnet .product_slider_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.LS_the_barnnet .product_slider_item01 { /* 上・縦 240x320 */
  left: calc(0*var(--variable)*var(--ratio));
  top: calc(0*var(--variable)*var(--ratio));
  width: calc(240*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item02 { /* 下・縦 240x320 */
  left: calc(264*var(--variable)*var(--ratio));
  top: calc(128*var(--variable)*var(--ratio));
  width: calc(240*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item03 { /* 上・縦 240x320 */
  left: calc(528*var(--variable)*var(--ratio));
  top: calc(0*var(--variable)*var(--ratio));
  width: calc(240*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item04 { /* 下・横 360x270 */
  left: calc(792*var(--variable)*var(--ratio));
  top: calc(178*var(--variable)*var(--ratio));
  width: calc(360*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item05 { /* 上・縦 240x320 */
  left: calc(1176*var(--variable)*var(--ratio));
  top: calc(0*var(--variable)*var(--ratio));
  width: calc(240*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item06 { /* 下・縦 240x320 */
  left: calc(1440*var(--variable)*var(--ratio));
  top: calc(128*var(--variable)*var(--ratio));
  width: calc(240*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item07 { /* 上・横 360x270 */
  left: calc(1704*var(--variable)*var(--ratio));
  top: calc(0*var(--variable)*var(--ratio));
  width: calc(360*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item08 { /* 下・縦 240x320 */
  left: calc(2088*var(--variable)*var(--ratio));
  top: calc(128*var(--variable)*var(--ratio));
  width: calc(240*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item09 { /* 上・横 360x270 */
  left: calc(2352*var(--variable)*var(--ratio));
  top: calc(0*var(--variable)*var(--ratio));
  width: calc(360*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item10 { /* 下・縦 240x320 */
  left: calc(2736*var(--variable)*var(--ratio));
  top: calc(128*var(--variable)*var(--ratio));
  width: calc(240*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_slider_item11 { /* 中央・横 360x270 */
  left: calc(3000*var(--variable)*var(--ratio));
  top: calc(89*var(--variable)*var(--ratio));
  width: calc(360*var(--variable)*var(--ratio));
}
@keyframes product_slider_loop {
  from {transform: translateX(0);}
  to {transform: translateX(-50%);}
}
@media (prefers-reduced-motion: reduce) {
  .LS_the_barnnet .product_slider_track {animation: none;}
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product_container01 | product_lineup -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet .product_lineup {
  margin-top: calc(80*var(--variable)*var(--ratio));
  padding: 0 calc(20*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_lineup_title {
  font-size: calc(30*var(--variable)*var(--ratio));
  line-height: 1;
  letter-spacing: .02em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-century);
  color: var(--color-black);
  text-align: center;
}
.LS_the_barnnet .product_lineup_list {
  --row: calc(6*var(--variable)*var(--ratio));
  --column: calc(6*var(--variable)*var(--ratio));
  grid-template-columns: repeat(2, 1fr);
  margin-top: calc(24*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_lineup_item > a {
  display: block;
  position: relative;
  height: 100%;
  background-color: var(--bcolor-lineup-item);
  color: var(--color-black);
}
.LS_the_barnnet .product_lineup_item01 > a,
.LS_the_barnnet .product_lineup_item02 > a {
  aspect-ratio: 2 / 3;
}
.LS_the_barnnet .product_lineup_item03 > a,
.LS_the_barnnet .product_lineup_item04 > a {
  aspect-ratio: 1 / 1.2;
}
.LS_the_barnnet .product_lineup_image {
  position: absolute;
  inset: calc(16*var(--variable)*var(--ratio)) calc(12*var(--variable)*var(--ratio)) calc(48*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_lineup_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.LS_the_barnnet .product_lineup_name {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(12*var(--variable)*var(--ratio));
  font-size: calc(10*var(--variable)*var(--ratio));
  line-height: 1.4;
  letter-spacing: .05em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-ja);
  white-space: nowrap;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product_container02 | product_model (逆向き無限スライダー) -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.LS_the_barnnet .product_container02 .product_wrapper01,
.LS_the_barnnet .product_container03 .product_wrapper01,
.LS_the_barnnet .product_container04 .product_wrapper01,
.LS_the_barnnet .product_container05 .product_wrapper01 {
  position: relative;
}
.LS_the_barnnet .product_container02 .product_title_vertical,
.LS_the_barnnet .product_container03 .product_title_vertical,
.LS_the_barnnet .product_container04 .product_title_vertical,
.LS_the_barnnet .product_container05 .product_title_vertical {
  position: absolute;
  top: 0;
  left: calc(8*var(--variable)*var(--ratio));
  transform: none;
  font-size: calc(36*var(--variable)*var(--ratio));
  line-height: 1;
  color: var(--color-black);
  font-weight: var(--font-weight-regular);
  writing-mode: vertical-rl;
  z-index: 4;
}
/* 02 / 05: 縦書き・下から上へ読む（先頭文字が下） */
.LS_the_barnnet .product_container02 .product_title_vertical,
.LS_the_barnnet .product_container05 .product_title_vertical {
  transform: rotate(180deg);
}
/* 03: 横書き・左上 */
.LS_the_barnnet .product_container03 .product_title_vertical {
  writing-mode: horizontal-tb;
  top: calc(-24*var(--variable)*var(--ratio));
  left: calc(8*var(--variable)*var(--ratio));
  text-align: left;
}
/* 04: 横書き・右下 */
.LS_the_barnnet .product_container04 .product_title_vertical {
  writing-mode: horizontal-tb;
  top: auto;
  left: auto;
  right: calc(8*var(--variable)*var(--ratio));
  bottom: calc(-14*var(--variable)*var(--ratio));
  text-align: right;
}
.LS_the_barnnet .product_container02 .product_wrapper01 .product_image,
.LS_the_barnnet .product_container03 .product_wrapper01 .product_image,
.LS_the_barnnet .product_container04 .product_wrapper01 .product_image,
.LS_the_barnnet .product_container05 .product_wrapper01 .product_image {
  width: calc(315*var(--variable)*var(--ratio));
  margin: 0 calc(20*var(--variable)*var(--ratio)) 0 auto;
}
.LS_the_barnnet .product_container02 .product_name,
.LS_the_barnnet .product_container03 .product_name,
.LS_the_barnnet .product_container04 .product_name,
.LS_the_barnnet .product_container05 .product_name {
  margin-top: calc(18*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_container02 .product_name > a,
.LS_the_barnnet .product_container03 .product_name > a,
.LS_the_barnnet .product_container04 .product_name > a,
.LS_the_barnnet .product_container05 .product_name > a {
  display: block;
}
.LS_the_barnnet .product_container02 .product_lead,
.LS_the_barnnet .product_container03 .product_lead,
.LS_the_barnnet .product_container04 .product_lead,
.LS_the_barnnet .product_container05 .product_lead {
  margin-top: calc(16*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_model {
  margin-top: calc(12*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_model01 {
  margin-top: calc(50*var(--variable)*var(--ratio));
}
.LS_the_barnnet .product_model .product_slider {
  margin-top: 0;
}



.LS_the_barnnet .info__box {
  width: calc(335 * var(--variable) * var(--ratio));
  margin: calc(25 * var(--variable) * var(--ratio)) auto 0;
  border: calc(4 * var(--variable) * var(--ratio)) solid rgb(156 124 129 / 20%);
  padding: calc(24 * var(--variable) * var(--ratio)) calc(20 * var(--variable) * var(--ratio));
}
.LS_the_barnnet .info__stores-h {
  font-size: calc(13 * var(--variable) * var(--ratio)); letter-spacing: .1em; color: var(--mfg-pink);
  margin-bottom: calc(16 * var(--variable) * var(--ratio)); text-align: center; font-weight: var(--fw-bold);
}
.LS_the_barnnet .info__store-list {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: 1fr 1fr;
  column-gap: calc(5 * var(--variable) * var(--ratio)); row-gap: calc(10 * var(--variable) * var(--ratio));
  font-size: calc(12 * var(--variable) * var(--ratio)); line-height: 1.85; letter-spacing: .06em;
  font-weight: var(--fw-regular);
  text-align: left;
}
.LS_the_barnnet .info__store-list li { position: relative; padding-left: 1.1em; }
.LS_the_barnnet .info__store-list li::before {
  content: "\2022"; position: absolute; left: 0; top: 0; color: var(--mfg-pink);
}
.LS_the_barnnet .info__store-divider { border: none; border-top: calc(1 * var(--variable) * var(--ratio)) dashed var(--mfg-pink); margin: calc(16 * var(--variable) * var(--ratio)) 0; }