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

html {
  scroll-behavior: smooth;
}


.lp-barbour_260113 {
  --color-white: #fff;
  --color-cream: #F4F1EA;
  --color-beige: #A0825A;
  --color-black: #000;
  --color-black2: #171D1D;
  --color-green: #113E1D;
  --color-green2: #2C5234;
  --color-navy: #474C59;

  --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_260113 .common-grid {
  display: grid;
}
.lp-barbour_260113 .common-flex_row {
  display: flex;
  flex-direction: row;
}
.lp-barbour_260113 .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
}
.lp-barbour_260113 .common-flex_column {
  display: flex;
  flex-direction: column;
}
.lp-barbour_260113 .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
}

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

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


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

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

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

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

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

  .lp-barbour_260113 .common-flex_row.hidden-desktop{
    display: flex;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
setting - hero
///////////////////////////////////////////////////////////////////////////////////////
*/


.lp-barbour_260113 .hero_image {
  width: 100vw;
}

.lp-barbour_260113 .hero_inner {
  margin-right: auto;
  margin-left: auto;
}

.lp-barbour_260113 .hero_text {
  justify-content: center;
  margin: 0 auto;
}

.lp-barbour_260113 .hero_text_title,
.lp-barbour_260113 .item_text_title,
.lp-barbour_260113 .last_item_title  {
  font-weight: var(--fw-medium);
  font-family: var(--font-zen);
  color: var(--color-black);
  line-height: 1.5833333333;
  text-align: center;
}

.lp-barbour_260113 .item_subtitle{
  font-family: var(--font-barbour-sans)!important;
  font-weight: var(--fw-light);
}

.lp-barbour_260113 .hero_text_lead {
  width: fit-content;
  margin: 0 auto;
  line-height: 2;
  font-weight: var(--fw-medium);
  font-family: var(--font-zen);
  color: var(--color-black);
}

@media screen and (min-width: 768px) {
  .lp-barbour_260113 .hero_inner {
    max-width: 1400px;
    padding: 18rem 0;
  }

  .lp-barbour_260113 .hero_text {
    width: 96rem;
  }

  .lp-barbour_260113 .hero_text_title{
    font-size: 2.4rem;
    margin-bottom: 6rem;
    letter-spacing: -0.02em;
  }

  .lp-barbour_260113 .hero_text_title .fs_adjust {
    font-size: 2.2rem;
  }

  .lp-barbour_260113 .hero_text_lead {
    font-size: 1.7rem;
    letter-spacing: -0.025em;
  }

  .lp-barbour_260113 .hero_text_lead .fs_adjust {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .lp-barbour_260113 .hero {
    width: 100%;
  }

  .lp-barbour_260113 .hero_inner {
    padding: calc(100* (100vw / 402)) 0;
  }

  .lp-barbour_260113 .hero_text {
    width: calc(360 * 100vw/402);
  }

  .lp-barbour_260113 .hero_text_title{
    font-size: calc(22 * 100vw/402);
    line-height: 1.7272727273;
    margin-bottom: calc(60* (100vw / 402));
  }

  .lp-barbour_260113 .hero_text_title .hidden-desktop{
    display: inline-block;
  }

  .lp-barbour_260113 .hero_text_title .fs_adjust {
    font-size: calc(20 * 100vw/402);
  }

  .lp-barbour_260113 .hero_text_lead {
    font-size: calc(14 * 100vw/402);
    letter-spacing: -0.02em;
  }

  .lp-barbour_260113 .hero_text_lead .fs_adjust {
    font-size: calc(12 * 100vw/402);
  }

  .lp-barbour_260113 .hero_text_lead .ls_adjust{
    letter-spacing: -0.13em;
  }

  .item.last_item{
    margin-bottom: calc(140* (100vw / 402));
  }

}

/*
///////////////////////////////////////////////////////////////////////////////////////
setting - item
///////////////////////////////////////////////////////////////////////////////////////
*/

/* _____ .text */
.item_title{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-light);
  text-align: left;
}

.item_detail-txt,
.item_description{
  font-family: var(--font-zen);
  font-weight: var(--fw-regular);
}

.item_credit{
 justify-content: space-between;
 align-items: center;
}

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

.item_name span{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-medium);
}

.item_price{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-regular);
}

.view_item_btn a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  border: 1px solid var(--color-black);
  background-color: var(--color-white);
  color: var(--color-black);
  transition: 0.3s;
  margin: 0 auto;
}

.view_item_btn a:hover{
  background-color: var(--color-black);
  color: var(--color-white);
}

.buy_btn{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-medium);
  border: 1px solid var(--color-black);
  transition: .3s;
}

.buy_btn:hover{
  background-color: var(--color-black);
  color: var(--color-white);
}

.buy_btn a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: none;
}

.last_buy_btn{
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  letter-spacing: -0.035em;
  background-color: var(--color-green);
  border: solid 1px var(--color-green);
  color: var(--color-white);
  margin: 0 auto;
  transition: .3s;
}

.last_buy_btn:hover{
  background-color: var(--color-white);
  color: var(--color-green);
}

@media screen and (min-width: 768px) {
  .item{
    width: 108rem;
    margin: 0 auto 18rem;
  }

  .title__wrapper{
    margin-bottom: 10rem;
  }

  /* _____ .text */
  .item_title{
    font-size: 4.2rem;
    line-height: 1;
  }

  .item_subtitle{
    font-size: 2.4rem;
    line-height: 1.75;
    padding-top: 2rem;
  }

  .item_detail-txt,
  .item_description{
    font-size: 1.7rem;
    line-height: 2;
    letter-spacing: -0.022em;
  }

  .item04 .item_detail-txt{
    letter-spacing: -0.03em;
  }

  .item04 .item_description{
    letter-spacing: -0.035em;
  }

  .item_detail-txt .fs_adjust{
    font-size: 1.5rem;
  }

  .item_credit{
    width: 44rem;
    margin: 0 auto 10rem;
  }

  .item_name,
  .item_price{
    font-size: 1.7rem;
    line-height: 1;
  }

  .fs_adjust{
    font-size: 1.5rem;
  }

  .item_price{
    margin-top: 1.5rem;
  }

  .buy_btn{
    font-size: 1.6rem;
    line-height: 2.125;
    width: 8.8rem;
    height: 4.7rem;
  }

  .view_item_btn a{
    font-size: 1.8rem;
    line-height: 1.6666666667;
    width: 96rem;
    height: 7rem;
  }

  .last_buy_btn{
    font-size: 1.8rem;
    line-height: 1.6666666667;
    width: 96rem;
    height: 7rem;
    margin-bottom: 18rem;
  }

  .last_buy_btn .fs_adjust{
    font-size: 1.6rem;
  }

  .item_description{
    width: 96rem;
    margin: 0 auto 4rem;
  }

  .item_description .fs_adjust{
    font-size: 1.5rem;
  }

  /* _____ item_img */
  .item_img.--01{
    width: 70rem;
    margin:  0 auto 4rem;
  }

  .item_img.--02{
    width: 54rem;
  }

  .item_img.--03{
    width: 44rem;
  }

  .item_img.--04{
    width: 100%;
    margin-bottom: 4rem;
  }

  .item_flex__wrapper{
    justify-content: space-between;
    margin-bottom: 10rem;
  }


  .item_detail_wrapper{
    width: 44.2rem;
  }

  .item02 .item_detail_wrapper{
    width: 44.3rem;
  }

  .lp-barbour_260113 .item_text_title{
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }

  .lp-barbour_260113 .item_text_title .fs_adjust{
    font-size: 2.2rem;
  }


  /* ____ movie__wrapper */
  .movie__wrapper{
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10rem;
  }

  .item_movie{
    width: 37.1rem;
    height: 65.9rem;
  }

  .lp-barbour_260113 .last_item_title {
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }

  .lp-barbour_260113 .last_item_title .fs_adjust{
    font-size: 2.2rem;
    line-height: 1.5833333333;
    font-weight: var(--fw-medium);
    font-family: var(--font-zen);
    text-align: center;
  }

  .last-img{
    width: 70rem;
    margin: 4rem auto;
  }
}

@media screen and (max-width: 767px) {
  /* _____ .text */
  .item{
    width: 100%;
    margin: 0 auto calc(100* (100vw / 402));
  }

  .title__wrapper{
    width: calc(360* (100vw /402));
    border-bottom: solid 1px var(--color-black);
    padding-bottom: calc(60* (100vw / 402));
    margin: 0 auto calc(60* (100vw /402));
  }

  .item_title{
    font-size: calc(27* (100vw /402));
    line-height: 1.1111111111;
  }

  .item_subtitle{
    font-size: calc(16 * (100vw / 402));
    line-height: 2.25;
    margin-top: calc(10 * (100vw / 402));
  }

  .item_detail-txt,
  .item_description{
    font-size: calc(14* (100vw / 402));
    line-height: 2;
  }

  .item_detail-txt .fs_adjust{
    font-size: calc(12* (100vw / 402));
  }

  .item02 .item_detail-txt{
    letter-spacing: -0.02em;
  }

  .item04 .item_detail-txt{
    letter-spacing: -0.02em;
  }


  .item_credit{
    width: calc(360* (100vw / 402));
    margin: 0 auto calc(100* (100vw / 402));
  }

  .item_name,
  .item_price{
    font-size: calc(13* (100vw / 402));
    line-height: 1.3076923077;
  }

  .item_name {
    transform: translateX(calc(-3 * (100vw / 402)));
  }

  .item_name .item_name_en{
    font-size: calc(13* (100vw / 402));
    transform: translateX(calc(3 * (100vw / 402)));
  }

  .item_name_en{
    display: block;
    font-size: calc(13* (100vw / 402));
    padding-bottom: calc(5* (100vw / 402));
  }

  .item_price{
    margin-top: calc(5* (100vw / 402));
    letter-spacing: 0.05em;
  }

  .buy_btn{
    font-size: calc(15* (100vw / 402));
    line-height: 2.2666666667;
    width: calc(86* (100vw / 402));
    height: calc(61* (100vw / 402));
  }

  .view_item_btn a{
    font-size: calc(15* (100vw / 402));
    line-height: 2;
    width: calc(360* (100vw / 402));
    height: calc(70* (100vw / 402));
  }

  .last_buy_btn{
    font-size: calc(16* (100vw / 402));
    line-height: 1.875;
    width: calc(360* (100vw / 402));
    height: calc(70* (100vw / 402));
    margin-bottom: calc(140* (100vw / 402));
  }

  .last_buy_btn .fs_adjust{
    font-size: calc(14* (100vw / 402));
  }

  .item_description{
    width: calc(360* (100vw / 402));
    letter-spacing: -0.036em;
    margin: 0 auto calc(60* (100vw / 402));
  }

  .item03 .item_description{
    letter-spacing: 0;
  }

  .item_description .fs_adjust{
    font-size: calc(12* (100vw / 402));
  }

  /* _____ item_img */
  .item_img.--01{
    width: 100%;
    margin:  0 auto calc(60* (100vw / 402));
  }

  .item_img.--02{
    width: calc(321* (100vw / 402));
    margin: 0 auto calc(100* (100vw / 402)) 0;
  }

  .item:nth-of-type(odd) .item_img.--02{
    margin: 0 0 calc(100* (100vw / 402)) auto;
  }

  .item_img.--03{
    width: calc(321* (100vw / 402));
    margin: 0 0 calc(100* (100vw / 402)) auto;
  }

  .item:nth-of-type(odd) .item_img.--03{
    margin: 0 auto calc(100* (100vw / 402)) 0;
  }


  .item_img.--04{
    width: 100%;
    margin-bottom: calc(60* (100vw / 402));
  }

  .item_flex__wrapper{
    margin-bottom: 10rem;
  }

  .item_detail_wrapper{
    width: calc(360* (100vw / 402));
    row-gap: calc(60* (100vw / 402));
    margin: 0 auto calc(100* (100vw / 402));
  }

  .lp-barbour_260113 .item_text_title{
    font-size: calc(20* (100vw / 402));
    line-height: 1.8;
    margin-bottom: calc(20* (100vw / 402));
  }

  /* ____ movie__wrapper */
  .item_movie{
    width: calc(300* (100vw / 402));
    height: calc(534* (100vw / 402));
    margin: 0 auto calc(60* (100vw / 402));
  }

  .lp-barbour_260113 .last_item_title {
    font-size: calc(20 * 100vw/402);
    line-height: 1.8;
  }

  .lp-barbour_260113 .last_item_title .fs_adjust{
    font-size: calc(18 * 100vw/402);
  }

  .last-img{
    width: 100%;
    margin: calc(20* (100vw / 402)) 0 calc(60* (100vw / 402));
  }
}


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

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


@media screen and (min-width: 768px) {
  .jsFade.animation-delay{
    transition-delay: 0.5s;
  }
}