@media (max-width: 767px) {
  html{
    scroll-behavior: smooth;
  }
}

.LB260309sheer {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 420;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);

  --font-en: "neue-haas-unica", sans-serif;
  --font-cochin: "cochin-lt-pro", sans-serif;
  --font-ja: "Zen Kaku Gothic New", sans-serif;
  --font-kozuka: "kozuka-gothic-pr6n", sans-serif;

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;

  --color-white: #fff;
  --color-black: #000;
  --color-pink: #eac1a4;
  --color-green: #f8faf3;

  font-family: var(--font-ja);
  color: var(--color-black);
}

.main-area .main-inner{
  width: 100%;
}

.main-area{
  overflow-x: clip;
}

.LB260309sheer p{
  line-height: 1.75;
  letter-spacing: 0.06em;
  font-weight: var(--font-weight-regular);
  color: var(--color-black);
}

.LB260309sheer a{
  display: inline-block;
  letter-spacing: 0.06em;
}

.LB260309sheer img{
  width: 100%;
  height: auto;
}

@media (min-width: 1400px) {
  .LB260309sheer {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .LB260309sheer {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

/* @media (min-width: 768px) {
  .LB260309sheer {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
} */

@media (max-width: 767px) {
  .LB260309sheer {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

/* ******************************************************************
PC：レイアウト
***************************************************************** */
@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .sheer260309{
    display: grid;
    grid-template-columns: 1fr calc(420 * var(--formula_pc)) 1fr;
    background-color: var(--color-green);
  }

  .fixed_container{
    width: 100%;
    height: 100%;
  }

  .content_left{
    position: sticky;
    top: 0;
    height: 100vh;
    place-content: center;
    z-index: 1;
    grid-column: 1;
  }

  .content_center{
    grid-column: 2;
    overflow: clip;
  }

  .content_right{
    position: sticky;
    top: 0;
    height: 100vh;
    place-content: center;
    z-index: 1;
    grid-column: 3;
  }

  .anchor_left__block.--pc,
  .anchor_right__block.--pc{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: calc(300 * var(--formula_pc));
  }

  .anchor_left__block.--pc::after,
  .anchor_right__block.--pc::after{
    content: "";
    position: absolute;
    width: 1px;
    height: calc(171 * var(--formula_pc));
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-pink);
  }

  .anchor_left__block.--pc .anchor_item,
  .anchor_right__block.--pc .anchor_item{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: calc(25 * var(--formula));
    width: calc(88 * var(--formula_pc));
    height: calc(170.9716 * var(--formula_pc));
  }

  .anchor_left__block.--pc .anchor_item:first-of-type,
  .anchor_right__block.--pc .anchor_item:first-of-type{
    margin-left: calc(20 * var(--formula));
  }

  .anchor_left__block.--pc .anchor_item:nth-of-type(2),
  .anchor_right__block.--pc .anchor_item:nth-of-type(2){
    margin-right: calc(20 * var(--formula));
  }

  .anchor_left__block.--pc .anchor_item::before,
  .anchor_right__block.--pc .anchor_item::before{
    content: '';
    position: absolute;
    background-image: url(../img/SVG/anchor-arrow.svg);
    width: calc(11.3662 * var(--formula_pc));
    height: calc(5.4159 * var(--formula_pc));
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
  }

  .anchor_left__block.--pc .anchor_product_name,
  .anchor_right__block.--pc .anchor_product_name{
    font-size: calc(14 * var(--formula_pc));
    font-family: var(--font-ja);
    text-align: center;
    white-space: nowrap;
  }

}

/* ******************************************************************
コンテンツ
***************************************************************** */

.content_center{
  background-color: var(--color-white);
}

/* ___________  firstview__container */
.firstview__container{
  background-image: url(../img/mv_bg.jpg);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: calc(90 * var(--formula)) 0 calc(130 * var(--formula));
}

.firstview__container .mv_img__block{
  position: relative;
  z-index: 1;
}

.firstview__container .mv-dec{
  position: absolute;
  z-index: 2;
  width: calc(372.4992 * var(--formula));
  top: calc(-63.9 * var(--formula));
  left: calc(65.9 * var(--formula));
  pointer-events: none;
}

.firstview__container .mv_ttl__block{
  position: relative;
  z-index: 1;
  width: calc(687 * var(--formula));
  margin: 0 auto;
  padding-top: calc(71.7 * var(--formula));
}

.firstview__container .mv_ttl{
  position: relative;
  z-index: 2;
  transform: translateX(calc(10 * var(--formula)));
}

.firstview__container .mv_new{
  position: absolute;
  z-index: 2;
  width: calc(250 * var(--formula));
  top: calc(-128 * var(--formula));
  left: calc(-36 * var(--formula));
  pointer-events: none;
}

.firstview__container .first_view__text{
  font-family: var(--font-ja);
  font-weight: var(--font-weight-regular);
  color: var(--color-white);
  font-size: calc(26 * var(--formula));
  text-align: center;
  padding-top: calc(55 * var(--formula));
}

.firstview__container .first_view__text span{
  font-family: var(--font-kozuka);
  font-weight: var(--font-weight-regular);
  padding: 0 calc(5 * var(--formula)) 0 calc(7 * var(--formula));
}


/* _______________ .point__wrapper */
.point__wrapper{
  background-color: rgba(234, 193, 164, 0.1);
  padding: calc(140 * var(--formula)) 0 calc(130 * var(--formula));
  margin-bottom: calc(140 * var(--formula));
}

.point_txt{
  font-family: var(--font-ja);
  font-size: calc(26 * var(--formula));
  font-weight: var(--font-weight-regular);
  text-align: justify;
}

.point_txt.--01{
  width: calc(610 * var(--formula));
  margin: 0 auto 0 calc(40 * var(--formula));
}

.point1_ttl_img{
  width: calc(206.8889 * var(--formula));
  margin: 0 auto calc(12 * var(--formula)) calc(35 * var(--formula));
}

.point-img01{
  position: relative;
  z-index: 1;
  width: calc(530 * var(--formula));
  margin: calc(60 * var(--formula)) calc(40 * var(--formula)) calc(70 * var(--formula)) auto;
}

.point-img01::after{
  content: "";
  position: absolute;
  z-index: 2;
  background-image: url(../img/svg/dec01.svg);
  width: calc(585 * var(--formula));
  height: calc(559 * var(--formula));
  top: 55%;
  left: 36%;
  transform: translate(-50%, -50%);
}

.point2_ttl_img{
  width: calc(206.8891 * var(--formula));
  margin: 0 auto calc(12 * var(--formula)) calc(95 * var(--formula));
}

.point_txt.--02{
  width: calc(610 * var(--formula));
  margin: 0 calc(42 * var(--formula)) 0 auto;
}

.point-img02{
  position: relative;
  width: calc(670 * var(--formula));
  margin: calc(60 * var(--formula)) auto calc(70 * var(--formula));
}

.point-img02::after{
  content: "";
  position: absolute;
  z-index: 2;
  background-image: url(../img/svg/dec02.svg);
  width: calc(2 * var(--formula));
  height: calc(350 * var(--formula));
  bottom: calc(-118 * var(--formula));
  right: calc(205 * var(--formula));
}

.point3_ttl_img{
  width: calc(206.8888 * var(--formula));
  margin: 0 auto calc(12 * var(--formula)) calc(35 * var(--formula));
}

.point_txt.--03{
  width: calc(670 * var(--formula));
  margin: 0 auto;
}

/* _______________ .anchor__wrapper */
.anchor__wrapper{
  position: relative;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  height: calc(400 * var(--formula));
  border-top: solid 1px var(--color-pink);
  border-bottom: solid 1px var(--color-pink);
}

.anchor__wrapper::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  background-color: var(--color-pink);
}

.anchor__wrapper::after{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: var(--color-pink);
}

.anchor__wrapper .anchor_item{
  display: flex;
  justify-content: center;
  padding-top: calc(29 * var(--formula));
}

.anchor__wrapper .anchor_item:first-of-type {
  padding-right: calc(10 * var(--formula));
}

.anchor__wrapper .anchor_item:nth-of-type(2) {
  padding-right: calc(10 * var(--formula));
  padding-top: calc(30 * var(--formula));
}

.anchor__wrapper .anchor_item:nth-of-type(4){
  padding-right: calc(32 * var(--formula));
}

.anchor__wrapper .anchor_img{
  width: calc(140 * var(--formula));
}

.anchor__wrapper .anchor_product_name{
  position: relative;
  font-family: var(--font-ja);
  font-size: calc(20 * var(--formula));
  text-align: center;
  line-height: 1.75;
  padding-top: calc(13 * var(--formula));
}

.anchor__wrapper .anchor_product_name::after{
  content: "";
  position: absolute;
  background-image: url(../img/SVG/anchor-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  left: 50%;
  transform: translateX(-50%);
  width: calc(20 * var(--formula));
  height: calc(9.78 * var(--formula));
}

.anchor__wrapper .anchor_item.--01 .anchor_product_name{
  margin-left: calc(10 * var(--formula));
}

.anchor__wrapper .anchor_item.--01 .anchor_product_name::after{
  bottom: calc(51.5 * var(--formula));
}

.anchor__wrapper .anchor_item.--02 .anchor_product_name{
  margin-left: calc(15 * var(--formula));
  padding-top: calc(30 * var(--formula));
}

.anchor__wrapper .anchor_item.--02 .anchor_product_name::after{
  bottom: calc(50.7 * var(--formula));
}

.anchor__wrapper .anchor_item.--03 .anchor_product_name{
  margin-left: calc(4 * var(--formula));
  padding-top: calc(17 * var(--formula));
}

.anchor__wrapper .anchor_item.--03 .anchor_product_name::after{
  bottom: calc(43.3 * var(--formula));
}

.anchor__wrapper .anchor_item.--04 .anchor_product_name{
  margin-left: calc(33 * var(--formula));
  padding-top: calc(33 * var(--formula));
}

.anchor__wrapper .anchor_item.--04 .anchor_product_name::after{
  bottom: calc(45.6 * var(--formula));
}

/* _______________ .item__wrapper */
.item__wrapper{
  padding: calc(140 * var(--formula)) 0 0;
}

.item__wrapper .item_ttl{
  width: calc(560 * var(--formula));
  transform: translateX(calc(10 * var(--formula)));
  margin: 0 auto calc(65 * var(--formula));
}

.item__wrapper .item_block{
  display: flex;
  justify-content: space-between;
  width: calc(470 * var(--formula));
  margin: 0 auto calc(55 * var(--formula));
}

.item__wrapper .color_wht,
.item__wrapper .color_blk{
  display: flex;
  flex-direction: column;
  align-self: center;
  width: calc(210 * var(--formula));
  row-gap: calc(10 * var(--formula));
}

.item__wrapper .anchor_product_name{
  font-family: var(--font-en);
  font-size: calc(20 * var(--formula));
  text-align: center;
}

.item__wrapper .size_check{
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-ja);
  font-size: calc(30 * var(--formula));
  text-align: center;
  padding-right: calc(52 * var(--formula));
  margin: 0 auto calc(90 * var(--formula));
}

.item__wrapper .size_check::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/svg/anchor-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(23 * var(--formula));
  height: calc(12 * var(--formula));
}

.item_comment{
  position: relative;
  z-index: 2;
  font-family: var(--font-ja);
  font-size: calc(26 * var(--formula));
  text-align: center;
  margin: calc(55 * var(--formula)) auto calc(30 * var(--formula));
}

.item_comment:not(.item__wrapper.--04 .item_comment)::before{
  content: "";
  position: absolute;
  z-index: -1;
  background-image: url(../img/circle-dec.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.item__wrapper.--01 .item_comment::before,
.item__wrapper.--02 .item_comment::before{
  width: calc(950 * var(--formula));
  height: calc(950 * var(--formula));
}

.item__wrapper.--03 .item_comment::before{
  width: calc(1250 * var(--formula));
  height: calc(1250 * var(--formula));
}

.credit_list{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 2;
  gap: calc(20 * var(--formula)) calc(23 * var(--formula));
  margin: 0 auto calc(70 * var(--formula)) ;
}

.crdt{
  font-family: var(--font-en);
  font-weight: var(--font-weight-regular);
  font-size: calc(26 * var(--formula));
  letter-spacing: 0.06em;
  line-height: 1;
}

.item__wrapper .buy_now_btn{
  position: relative;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  font-family: var(--font-cochin);
  font-weight: var(--font-weight-regular);
  font-size: calc(42 * var(--formula));
  letter-spacing: 0;
  line-height: 1;
  padding-right: calc(46 * var(--formula));
}

.item__wrapper .buy_now_btn::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background-image: url(../img/SVG/anchor-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(23.9673 * var(--formula));
  height: calc(11.8564 * var(--formula));
}

/* -----------------------  .item__wrapper.--01 */
.item__wrapper.--01 .bra-img01{
  width: calc(670 * var(--formula));
  margin: 0 auto calc(100 * var(--formula));
}

.item__wrapper.--01 .bra-img02{
  position: relative;
  z-index: 3;
}

.item__wrapper.--01 .img_slider{
  width: calc(590 * var(--formula));
  margin: 0 0 0 auto;
}

.item__wrapper.--01 .img_slider .splide__slide{
  width: calc(490 * var(--formula))!important;
}

.item__wrapper.--01 .buy_now_btn{
  margin-bottom: calc(142 * var(--formula));
}

.item__wrapper.--01 .item__comment::before{
  width: calc(890 * var(--formula));
  height: calc(890 * var(--formula));
}

.item__wrapper.--01 .credit_list{
  width: calc(430 * var(--formula));
}

/* -----------------------  .item__wrapper.--02 */
.item__wrapper.--02{
  padding: calc(144 * var(--formula)) 0 0;
}

.item__wrapper.--02 .item_ttl{
  width: calc(527 * var(--formula));
  transform: translateX(calc(-5 * var(--formula)));
}

.item__wrapper.--02 .cami-img01{
  width: calc(710 * var(--formula));
  margin: 0 0 calc(40.5 * var(--formula)) auto;
}

.item__wrapper.--02 .cami-img02{
  position: relative;
  z-index: 3;
  width: calc(590 * var(--formula));
  margin: 0 auto calc(40.5 * var(--formula)) 0;
}

.item__wrapper.--02 .item_comment{
  margin: calc(60 * var(--formula)) auto calc(30 * var(--formula));
}

.item__wrapper.--02 .buy_now_btn{
  margin-bottom: calc(140 * var(--formula));
}

.item__wrapper.--02 .item__comment::before{
  width: calc(890 * var(--formula));
  height: calc(890 * var(--formula));
}

.item__wrapper.--02 .credit_list{
  width: calc(480 * var(--formula));
}

/* -----------------------  .item__wrapper.--03 */
.item__wrapper.--03{
  padding: calc(150 * var(--formula)) 0 0;
}

.item__wrapper.--03 .item_ttl{
  width: calc(690 * var(--formula));
}

.item__wrapper.--03 .top-img01{
  position: relative;
  z-index: 3;
  width: calc(610 * var(--formula));
  margin: 0 auto;
}

.item__wrapper.--03 .top-img02{
  position: relative;
  z-index: 3;
}

.item__wrapper.--03 .buy_now_btn{
  margin-bottom: calc(110 * var(--formula));
}

.item__wrapper.--03 .item__comment::before{
  width: calc(890 * var(--formula));
  height: calc(890 * var(--formula));
}

.item__wrapper.--03 .img_slider{
  width: 100%;
}

.item__wrapper.--03 .img_slider .splide__slide{
  width: calc(490 * var(--formula))!important;
}

/* -----------------------  .item__wrapper.--04 */
.item__wrapper.--04{
  margin-bottom: calc(140 * var(--formula));
  padding: calc(134 * var(--formula)) 0 0;
}

.item__wrapper.--04 .item_ttl{
  width: calc(525 * var(--formula));
  transform: translateX(calc(-5 * var(--formula)));
}

/* -----------------------  .size_chart__section */
.size_chart__section{
  background-color: rgba(234, 193, 164, 0.1);
  padding: calc(140 * var(--formula)) 0;
}

.size_chart_ttl{
  width: calc(210 * var(--formula));
  margin: 0 auto calc(70 * var(--formula));
  transform: translateX(calc(10 * var(--formula)));
}

.size_chart_img{
  width: calc(670 * var(--formula));
  margin: 0 auto;
}

/* -----------------------  .last_section */
.last_section{
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: calc(60 * var(--formula));
  margin: calc(140 * var(--formula)) auto;
}

.last_section .seriese{
  position: relative;
  font-family: var(--font-cochin);
  letter-spacing: 0;
  line-height: 1;
  font-weight: var(--font-weight-regular);
  text-align: center;
  font-size: calc(42 * var(--formula));
  letter-spacing: 0;
  padding-right: calc(40 * var(--formula));
}

.last_section .seriese::after{
  content: "";
  position: absolute;
  width: calc(28 * var(--formula));
  height: calc(12 * var(--formula));
  top: 50%;
  right: -2%;
  transform: translateY(-50%) rotate(-90deg);
  background-image: url(../img/SVG/anchor-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}


/* -----------------------  .content_center .check_btn */
.content_center .check_btn{
  font-family: var(--font-en);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  width: calc(254 * var(--formula));
  font-size: calc(36 * var(--formula));
  color: var(--color-black);
  border-bottom: 1px solid var(--color-black);
  padding-bottom: calc(25 * var(--formula));
  margin: calc(160 * var(--formula)) auto;
}

/* -----------------------  .last-img__wrapper */
.last-img__wrapper{
  position: relative;
}

.last-img__wrapper .img_txt{
  position: absolute;
  width: calc(645 * var(--formula));
  top: calc(60 * var(--formula));
  left: calc(52 * var(--formula));
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 767px) {
  .last-img__wrapper{
    padding-bottom: calc(150 * var(--formula));
  }
}


/* ******************************************************************
animation
***************************************************************** */
/* ______________________fadeIn */
.js-show.fadeIn{
  opacity: 0;
  transition: opacity 1s ease;
}

.js-show.fadeIn.is-active{
  filter: fadeIn(0px);
  opacity: 1;
}
/* ______________________blink-anim */


.blink-anim{
  -webkit-animatio: flash 1.8s ease .5s infinite alternate;
  animation: flash 1.8s ease .5s infinite alternate;
}

.blink-anim.speed01{
  -webkit-animation: flash 3s ease infinite;
  animation: flash 3s ease infinite;
}

.blink-anim.speed02{
  -webkit-animation: flash 2s ease infinite;
  animation: flash 2s ease infinite;
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  80% {
      opacity: 1;
  }
  90% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

/* 
.blink-anim02{
  animation: blink 2s infinite alternate;
} */


/* .blink-anim{
  animation: blink 2s infinite alternate;
}

@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
} */

/* ______________________PC */
.js-fixedBtn {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.js-fixedBtn.is-show {
  visibility: visible;
  opacity: 1;
}