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

html {
  scroll-behavior: smooth;
}


.lp-barbour_260527 {
  --color-white: #fff;
  --color-black: #000000;
  --color-red: #EE3026;

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

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

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


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

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

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

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

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

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

.lp-barbour_260527 .mv_img {
  position: relative;
  width: 100vw;
}

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

.lp-barbour_260527 .mv_txt__wrapper{
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.7);
}

.lp-barbour_260527 .mv_subtitle,
.lp-barbour_260527 .mv_date{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-regular);
  color: var(--color-red);
}

.lp-barbour_260527 .mv_subtitle{
  line-height: 1.75;
}

.lp-barbour_260527 .hero_text_title{
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  color: var(--color-red);
  text-align: center;
}

/* .lp-barbour_260527 .hero_text_title .font-en{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-bold);
} */

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

.lp-barbour_260527 .item_title{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-bold);
  color: var(--color-black);
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  margin: 0 auto;
}

.lp-barbour_260527 .img_flex{
  display: flex;
  justify-content: space-between;
}

/* .lp-barbour_260527 .hero .text_content{
  letter-spacing: 0.018em;
} */

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

/* .lp-barbour_260527 .item_name .adjut-txt,
.lp-barbour_260527 .item_name .adjust01{
  display: inline-block;
} */

.lp-barbour_260527 .credit__wrapper{
  width: max-content;
  align-items: center;
  margin: 0 auto;
}

.lp-barbour_260527 .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_260527 .last_buy_btn a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-regular);
  line-height: 1.5;
  background-color: var(--color-black);
  color: var(--color-white);
  width: 100%;
  height: 100%;
}

.lp-barbour_260527 .copyright{
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  line-height: 2;
  text-align: center;
  color: var(--color-red);
}

@media screen and (min-width: 768px) {
  /* ------------ 共通 ------------ */
  .lp-barbour_260527 .text_content {
    font-size: 1.7rem;
    width: 103.7rem;
    max-width: 1400px;
    line-height: 2;
    margin: 0 auto;
  }
/* 
  .lp-barbour_260527 .text_content:not(.last_txt),
  .lp-barbour_260527 .text_content:not(.item_introduction .text_content),
  .lp-barbour_260527 .text_content:not(.item.--03 .text_content){
    letter-spacing: 0;
  } */

  .lp-barbour_260527 .item_title{
    font-size: 3rem;
    margin-bottom: 6rem;
  }

  .lp-barbour_260527 .item_title .font-adjust{
    font-size: 2.4rem;
  }

  .lp-barbour_260527 .credit__wrapper + .credit__wrapper{
    margin-top: 1.5rem;
  }

  .lp-barbour_260527 .item_name{
    font-size: 2rem;
    margin-right: 2.9rem;
  }

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

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

  .lp-barbour_260527 .mv_img {
    padding-bottom: 25.1rem;
    margin-bottom: 5.3rem;
  }

  .lp-barbour_260527 .mv_txt__wrapper{
    align-items: center;
    width: 103.6rem;
    bottom: 6rem;
    /* top: calc(59rem + calc(var(--header-height) + var(--topics-height))); */
    padding: 2.5rem 0 2.8rem;
  }

  .lp-barbour_260527 .mv_subtitle{
    font-size: 2.4rem;
    letter-spacing: 0;
    margin-bottom: 1.5rem;
  }

  .lp-barbour_260527 .mv_date{
    font-size: 2.2rem;
  }

  .lp-barbour_260527 .hero_text_title{
    font-size: 4rem;
    line-height: 1.05;
    margin-bottom: 2.3rem;
  }

  .lp-barbour_260527 .hero .text_content{
    width: 103.7rem;
  }

  /* ------------ item ------------ */
  .lp-barbour_260527 .item{
    width: 103.7rem;
    margin: 0 auto 20rem;
  }

  .lp-barbour_260527 .img_container{
    margin: 0 auto 6rem;
  }

  .lp-barbour_260527 .item .text_content{
    width: 103.7rem;
    /* letter-spacing: 0; */
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4rem;
  }

  .lp-barbour_260527 .item_introduction .text_content{
    letter-spacing: 0.018em;
  }

  /* ------------ item_introduction ------------ */
  .lp-barbour_260527 .item_introduction{
    width: 62.6rem;
    margin-right: auto;
    margin-left: auto;
  }

  .lp-barbour_260527 .item_introduction .block-img{
    margin-bottom: 5.7rem;
  }

  .lp-barbour_260527 .item_introduction .item_title{
    margin-bottom: 4rem;
  }

  .lp-barbour_260527 .item_introduction .text_content{
    width: 100%;
    margin-bottom: 4rem;
  }

  .lp-barbour_260527 .item_introduction .item_block:not(:last-of-type){
    margin-bottom: 20rem;
  }

  .lp-barbour_260527 .item_introduction .credit__wrapper{
    margin-left:50%;
    transform:translateX(-50%);
  }

  /* ------------ item ------------ */
  .lp-barbour_260527 .img_grid_pc{
    display: grid;
    grid-template-columns: 51.8rem 11.2rem auto;
    margin-bottom: 4rem;
  }

  .lp-barbour_260527 .img_grid_pc .block-img:first-of-type{
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .lp-barbour_260527 .img_grid_pc .block-img:nth-of-type(2){
    grid-column: 2 / 4;
    grid-row: 1;
  }

  /* ------------ item.--01 ------------ */
  .lp-barbour_260527 .item.--01 .block-img.--00{
    width: 62.6rem;
  }

  .lp-barbour_260527 .item.--01 .block-img.--01{
    width: 51.8rem;
    margin-top: 39.1rem;
  }

  .lp-barbour_260527 .item.--01 .block-img.--02{
    width: 66.5rem;
    margin: 0 0 4rem auto;
  }

  .lp-barbour_260527 .item.--01 .block-img.--03{
    width: 63rem;
  }

  .lp-barbour_260527 .item.--01 .block-img.--04{
    width: 51.8rem;
    margin-top: 39.1rem;
  }

  /* ------------ item.--02 ------------ */
  .lp-barbour_260527 .item.--02 .block-img.--00{
    width: 72rem;
    transform: translateX(-11rem);
    margin: 0 auto 4rem 0;
  }

  .lp-barbour_260527 .item.--02 .block-img.--01{
    width: 63rem;
    margin: 0 0 4rem auto;
  }

  .lp-barbour_260527 .item.--02 .block-img.--02{
    width: 62.6rem;
    margin: 0 auto;
  }

  /* ------------ item.--03 ------------ */
  .lp-barbour_260527 .item.--03{
    margin-bottom: 30rem;
  }

  .lp-barbour_260527 .item.--03 .block-img.--00{
    width: 63rem;
    margin: 0 0 4rem auto;
  }

  .lp-barbour_260527 .item.--03 .block-img.--01{
    width: 72rem;
    margin: 0 auto 4rem 0;
  }

  .lp-barbour_260527 .item.--03 .block-img.--02{
    width: 63em;
  }

  .lp-barbour_260527 .item.--03 .block-img.--03{
    width: 51.8em;
    margin-top: 39.4rem;
  }

  /* ------------ last_section ------------ */
  .lp-barbour_260527 .last_buy_btn{
    width: 103.6rem;
    height: 9.7rem;
    margin: 0 auto 20rem;
  }

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

  .lp-barbour_260527 .logo_img{
    width: 62.6rem;
    margin: 0 auto 6.01rem;
  }

  .lp-barbour_260527 .copyright{
    font-size: 1.7rem;
    margin-bottom: 65.41rem;
  }

}

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

  .lp-barbour_260527 .item_title{
    font-size: calc(30* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
  }

  .lp-barbour_260527 .item_title .font-adjust{
    font-size: calc(24* (100vw / 750));
  }

  .lp-barbour_260527 .credit__wrapper + .credit__wrapper{
    margin-top: calc(15* (100vw / 750));
  }

  .lp-barbour_260527 .credit__wrapper:nth-of-type(2){
    margin-top: calc(15* (100vw / 750));
  }

  .lp-barbour_260527 .item_name{
    font-size: calc(20* (100vw / 750));
    margin-right: calc(29* (100vw / 750));
  }

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

  /* .lp-barbour_260527 .buy_btn span{
    transform: translateY(-0.5px);
  } */

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

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

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

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

  .lp-barbour_260527 .mv_img {
    padding-bottom: calc(295* (100vw / 750));
    margin-bottom: calc(34 * (100vw / 750));
  }

  .lp-barbour_260527 .mv_txt__wrapper{
    width: 100%;
    top: calc(calc(681* (100vw / 750)) + calc(var(--header-height) + var(--topics-height)));
    padding: calc(21* (100vw / 750)) 0 calc(30* (100vw / 750)) calc(20* (100vw / 750));
  }

  .lp-barbour_260527 .mv_subtitle{
    font-size: calc(24* (100vw / 750));
    line-height: 1.75;
    margin-bottom: calc(20* (100vw / 750));
  }

  .lp-barbour_260527 .mv_date{
    font-size: calc(23* (100vw / 750));
    line-height: 1.8260869565;
  }

  .lp-barbour_260527 .hero_text_title{
    font-size: calc(48* (100vw / 750));
    line-height: 1.25;
    text-align: left;
    margin-bottom: calc(19* (100vw / 750));
  }

  /* .lp-barbour_260527 .hero_text_title .font-en{
    font-size: calc(30* (100vw / 750));
  } */

  .lp-barbour_260527 .hero .text_content{
    width: calc(710* (100vw / 750));
  }

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

  /* ------------ item ------------ */
  .lp-barbour_260527 .item{
    margin-bottom: calc(200* (100vw / 750));
  }

  .lp-barbour_260527 .img_container{
    margin-bottom: calc(60* (100vw / 750));
  }

  .lp-barbour_260527 .img_flex{
    width: 100%;
    margin: 0 auto;
  }

  .lp-barbour_260527 .item .text_content{
    margin-bottom: calc(40* (100vw / 750));
  }

  /* ------------ item_introduction ------------ */
  .lp-barbour_260527 .item_introduction{
    width: calc(710 * (100vw / 750));
    margin-right: auto;
    margin-left: auto;
  }

  .lp-barbour_260527 .item_introduction .block-img{
    /* width: calc(640* (100vw / 750)); */
    margin-right: auto;
    margin-left: auto;
    margin-bottom: calc(37* (100vw / 750));
  }

  .lp-barbour_260527 .item_introduction .item_title{
    margin-bottom: calc(40* (100vw / 750));
  }
  
  .lp-barbour_260527 .item_introduction .text_content{
    width: 100%;
    margin-bottom: calc(40* (100vw / 750));
  }

  .lp-barbour_260527 .item_introduction .item_block:not(:last-of-type){
    margin-bottom: calc(200* (100vw / 750));
  }

  /* ------------ item ------------ */
  .lp-barbour_260527 .item .block-img:not(.img_flex_sp .block-img){
    margin-bottom: calc(40* (100vw / 750));
  }

  /* ------------ item.--01 ------------ */
  .lp-barbour_260527 .item.--01 .block-img.--00{
    width: calc(730* (100vw / 750));
    margin-right: auto;
    margin-left: 0;
  }

  .lp-barbour_260527 .item.--01 .block-img.--01{
    width: calc(710* (100vw / 750));
    margin-right: 0;
    margin-left: auto;
  }

  .lp-barbour_260527 .item.--01 .img_flex_sp{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .lp-barbour_260527 .item.--01 .block-img.--02{
    width: 100%;
  }

  .lp-barbour_260527 .item.--01 .block-img.--03{
    width: calc(355* (100vw / 750));
    margin-top: calc(234* (100vw / 750));
  }
  
  .lp-barbour_260527 .item.--01 .block-img.--04{
    width: calc(375* (100vw / 750));
  }

  /* ------------ item.--02 ------------ */
  .lp-barbour_260527 .item.--02 .block-img.--00{
    width: 100%;
  }

  .lp-barbour_260527 .item.--02 .block-img.--01{
    width: calc(730* (100vw / 750));
    margin-right: auto;
    margin-left: 0;
  }

  .lp-barbour_260527 .item.--02 .block-img.--02{
    width: calc(530* (100vw / 750));
    margin-right: auto;
    margin-left: calc(22* (100vw / 750));
  }

  /* ------------ item.--03 ------------ */
  .lp-barbour_260527 .item.--03{
    margin-bottom: calc(300* (100vw / 750));
  }

  .lp-barbour_260527 .item.--03 .block-img.--00{
    width: calc(730* (100vw / 750));
    margin-right: auto;
    margin-left: 0;
  }

  .lp-barbour_260527 .item.--03 .block-img.--01{
    width: 100%;
  }

  .lp-barbour_260527 .item.--03 .block-img.--02{
    width: calc(710* (100vw / 750));
    margin-right: auto;
    margin-left: auto;
  }

  .lp-barbour_260527 .item.--03 .block-img.--03{
    width: calc(530* (100vw / 750));
    margin-right: auto;
    margin-left: 0;
  }

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

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

  .lp-barbour_260527 .logo_img{
    width: calc(432.94* (100vw / 750));
    margin: 0 auto calc(38.1* (100vw / 750));
  }

  .lp-barbour_260527 .copyright{
    font-size: calc(14* (100vw / 750));
    margin-bottom: calc(400.4* (100vw / 750));
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
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;
}

.mv_txt__wrapper{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
}

.mv_txt__wrapper.relative{
  position: absolute;
  top: auto;
  bottom: 0;
}