@charset "UTF-8";
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - custompropaty
///////////////////////////////////////////////////////////////////////////////////////
*/

html {
  scroll-behavior: smooth;
}


.lp-barbour_260428 {
  --color-white: #fff;
  --color-black: #000000;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --font-zen: "Zen Kaku Gothic New", sans-serif;

  overflow: clip;
  font-feature-settings: "pwid" 0;
  font-variant-east-asian: proportional-width;
  font-weight: var(--fw-medium);
  font-family: var(--font-zen);
  color: var(--color-black);
  font-style: normal;
  width: 100%;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.lp-barbour_260428 .common-grid {
  display: grid;
}
.lp-barbour_260428 .common-flex_row {
  display: flex;
  flex-direction: row;
}
.lp-barbour_260428 .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
}
.lp-barbour_260428 .common-flex_column {
  display: flex;
  flex-direction: column;
}
.lp-barbour_260428 .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .lp-barbour_260428 .desktop-flex_row {
    display: flex!important;
    flex-direction: row;
  }
  .lp-barbour_260428 .desktop-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .lp-barbour_260428 .desktop-flex_column {
    display: flex;
    flex-direction: column;
  }
  .lp-barbour_260428 .desktop-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .lp-barbour_260428 .mobile-flex_row {
    display: flex;
    flex-direction: row;
  }
  .lp-barbour_260428 .mobile-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .lp-barbour_260428 .mobile-flex_column {
    display: flex;
    flex-direction: column;
  }
  .lp-barbour_260428 .mobile-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}


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

  .lp-barbour_260428 .hidden-mobile{
    display: block;
  }

 .lp-barbour_260428 .hidden-desktop{
    display: none;
  }
}

@media screen and (max-width: 767px) {
 .lp-barbour_260428 .hidden-mobile{
    display: none;
  }

  .lp-barbour_260428 .hidden-desktop{
    display: block;
  }

  .lp-barbour_260428 .common-flex_row.hidden-desktop{
    display: flex;
  }
}
/*
----------------------------------------------------------------
setting - hero
----------------------------------------------------------------
*/

.lp-barbour_260428 .mv_img {
  width: 100vw;
}

.lp-barbour_260428 .hero_text{
  margin: 0 auto;
}

.lp-barbour_260428 .hero_text_title{
  font-family: var(--font-barbour-sans);
  color: var(--color-black);
  font-weight: var(--fw-regular);
  line-height: 1.3125;
  text-align: center;
}

.lp-barbour_260428 .text_subtitle{
  font-family: var(--font-zen);
  font-weight: var(--fw-bold);
  color: var(--color-black);
  line-height: 1.6153846154;
  text-align: center;
  margin: 0 auto;
}

.lp-barbour_260428 .text_content{
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  color: var(--color-black);
  width: fit-content;
  margin: 0 auto;
}

.lp-barbour_260428 .hero .text_content{
  letter-spacing: 0.018em;
}

.lp-barbour_260428 .item_name{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-light);
  color: var(--color-black);
  line-height: 1.5;
  white-space: nowrap;
  transform: translateY(2px);
}

.lp-barbour_260428 .item_name .adjut-txt,
.lp-barbour_260428 .item_name .adjust01{
  display: inline-block;
}

.lp-barbour_260428 .item_name .font-jp{
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
}

.lp-barbour_260428 .credit__wrapper{
  width: max-content;
  margin: 0 auto;
}

.lp-barbour_260428 .buy_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-light);
  letter-spacing: -0.015em;
  line-height: 1;
  border: 1px solid var(--color-black);
}

.lp-barbour_260428 .last_buy_btn a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-regular);
  background-color: var(--color-black);
  color: var(--color-white);
  width: 100%;
  height: 100%;
}

.lp-barbour_260428 .store_info{
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  letter-spacing: 0.03em;
  width: max-content;
}

@media screen and (min-width: 768px) {
  /* 共通 */
  .lp-barbour_260428 .text_content {
    font-size: 1.7rem;
    width: 91.4rem;
    max-width: 1400px;
    line-height: 2.3529411765;
    margin: 0 auto;
  }

  .lp-barbour_260428 .text_subtitle{
    font-size: 2.4rem;
    margin-bottom: 5rem;
  }

  .lp-barbour_260428 .item_name{
    font-size: 2rem;
  }

  .lp-barbour_260428 .item_name .adjut-txt{
    transform: translateX(-1rem);
  }

  .lp-barbour_260428 .item_name .adjust01{
    transform: translateX(-1rem);
  }

  .lp-barbour_260428 .buy_btn{
    font-size: 2rem;
    width: 9rem;
    height: 3.5rem;
  }

  .lp-barbour_260428 .last_buy_btn{
    width: 126rem;
    height: 13rem;
    margin: 0 auto 20rem;
  }

  .lp-barbour_260428 .last_buy_btn a{
    font-size: 2.8rem;
  }

  .lp-barbour_260428 .store_info{
    font-size: 1.7rem;
    line-height: 2.05882352941;
    margin: 0 auto 40rem;
  }

  /*　hero */
  .lp-barbour_260428 .hero {
    margin-bottom: 20rem;
  }

  .lp-barbour_260428 .mv_img {
    margin-bottom: 20rem;
  }

  .lp-barbour_260428 .hero_text_title{
    font-size: 3rem;
    margin-bottom: 1.7rem;
  }

  .lp-barbour_260428 .hero .text_subtitle{
    margin-bottom: 10rem;
  }

  /* item */
  .lp-barbour_260428 .item{
    margin-bottom: 20rem;
  }

  .lp-barbour_260428 .block:not(.block03){
    margin-bottom: 10rem;
  }

  .lp-barbour_260428 .block03{
    margin-bottom: 9rem;
  }

  .lp-barbour_260428 .block-img{
    margin: 0 auto 5rem;
  }

  .lp-barbour_260428 .block-img.--00{
    width: 97.6rem;
  }

  .lp-barbour_260428 .block-img.--01{
    width: 70rem;
  }

  .lp-barbour_260428 .block-img.--02{
    width: 85rem;
  }

  .lp-barbour_260428 .item.--01 .block03 .text_content{
    width: 85rem;
  }

  .lp-barbour_260428 .item.--02 .block02 .text_content{
    width: 97.6rem;
  }

  .lp-barbour_260428 .item.--02 .block03 .text_content{
    width: 94.5rem;
  }

  .lp-barbour_260428 .item.item_introduction .block02{
    margin-bottom: 20rem;
  }

  .lp-barbour_260428 .item.item_introduction .block03 .text_content{
    width: 88.9rem;
  }

}

@media screen and (max-width: 767px) {
  /* 共通 */
  .lp-barbour_260428 .text_content {
    font-size: calc(26 * (100vw / 750));
    width: calc(700 * (100vw / 750));
    line-height: 1.6923076923;
    margin: 0 auto;
  }

  .lp-barbour_260428 .text_subtitle{
    font-size: calc(29* (100vw / 750));
    margin-bottom: calc(40* (100vw / 750));
  }

  .lp-barbour_260428 .item_name{
    line-height: 1.3043478261;
    font-size: calc(23* (100vw / 750));
  }

  .lp-barbour_260428 .item_name .adjut-txt{
    transform: translateX(calc(-10* (100vw / 750)));
  }

  .lp-barbour_260428 .item_name .adjust01{
    transform: translateX(calc(-10* (100vw / 750)));
  }

  .lp-barbour_260428 .buy_btn{
    font-size: calc(20* (100vw / 750));
    width: calc(90* (100vw / 750));
    height: calc(35* (100vw / 750));
    margin-left: calc(10 * (100vw / 750));
  }

  .lp-barbour_260428 .buy_btn span{
    transform: translateY(-0.5px);
  }

  .lp-barbour_260428 .last_buy_btn{
    width: calc(670* (100vw / 750));
    height: calc(130* (100vw / 750));
    margin: 0 auto calc(200* (100vw / 750));
  }

  .lp-barbour_260428 .last_buy_btn a{
    font-size: calc(28* (100vw / 750));
  }

  .lp-barbour_260428 .store_info{
    font-size: calc(26 * (100vw / 750));
    line-height: 1.3461538462;
    width: calc(670* (100vw / 750));
    margin: 0 auto calc(400* (100vw / 750));
  }

  /* hero */
  .lp-barbour_260428 .hero {
    width: 100%;
    margin-bottom: calc(200* (100vw /750));
  }

  .lp-barbour_260428 .hero .text_subtitle{
    font-size: calc(30* (100vw /750));
  }

  .lp-barbour_260428 .mv_img {
    margin-bottom: calc(120* (100vw / 750));
  }

  .lp-barbour_260428 .hero_text_title{
    font-size: calc(32* (100vw / 750));
    margin-bottom: calc(17* (100vw / 750));
  }

  .lp-barbour_260428 .hero .text_content{
    letter-spacing: 0.018em;
    width: calc(710 * (100vw / 750));
  }

  .lp-barbour_260428 .hero .text_subtitle{
    margin-bottom: calc(120* (100vw / 750));
  }

  /* item */
  .lp-barbour_260428 .item{
    overflow-x: clip;
    margin-bottom: calc(200* (100vw / 750));
  }

  .lp-barbour_260428 .item.--02 .text_content{
    /* letter-spacing: -0.01em; */
    /* width: calc(703 * (100vw / 750)); */
  }
  .lp-barbour_260428 .item.--02 .block02 .text_content{
    letter-spacing: 0.048em;
  }

  .lp-barbour_260428 .item_introduction .block02 .text_content {
    letter-spacing: 0.049em;
  }

  .lp-barbour_260428 .block:not(.block03){
    margin-bottom: calc(120* (100vw / 750));
  }

  .lp-barbour_260428 .block01 .block-img.--02{
    margin-bottom: calc(90 *(100vw / 750));
  }

  .lp-barbour_260428 .block03{
    margin-bottom: calc(90 *(100vw / 750));
  }

  .lp-barbour_260428 .block-img{
    margin: 0 auto calc(40* (100vw / 750));
  }

  .lp-barbour_260428 .block-img.--00{
    width: 100%;
    /* height: calc(550* (100vw / 750)); */
  }

  .lp-barbour_260428 .block-img.--01{
    width: calc(700* (100vw / 750));
  }

  .lp-barbour_260428 .block-img.--02{
    width: 100%;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
setting - animation
///////////////////////////////////////////////////////////////////////////////////////
*/
.jsFade {
  opacity: 0;
  transform: translateY(20px);
}

.jsFade.isActive {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.7s, transform 0.7s;
}


.jsFade.animation-delay{
  transition-delay: 0.5s;
}