@charset "UTF-8";
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - custompropaty
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251015_1 {
  --color-white: #fff;
  --color-black: #000;
  --color-black2: #171D1D;

  --font-jp: zen-kaku-gothic-new, sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

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

.lp-barbour_251015_1 .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_251015_1 .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_251015_1 .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_251015_1 .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_251015_1 .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}

@media screen and (min-width: 768px) {
  .lp-barbour_251015_1{
    padding-bottom: 18rem;
    --row: 4rem;
  }

  .lp-barbour_251015_1 .desktop-flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251015_1 .desktop-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251015_1 .desktop-flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251015_1 .desktop-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}

@media screen and (max-width: 767px) {
  .lp-barbour_251015_1{
    padding-bottom: calc(140 * 100vw/402);
    --row: calc(60 * 100vw/402);
  }

  .lp-barbour_251015_1 .mobile-flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251015_1 .mobile-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251015_1 .mobile-flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251015_1 .mobile-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}

/* --------------------------- credit */
.lp-barbour_251015_1 .product_detail {
  align-items: center;
  justify-content: center;
  margin: 4rem auto 0;
  font-size: 2rem;
  line-height: 1;
  font-weight: var(--fw-regular);
  font-family: var(--font-barbour-sans);
  color: var(--color-black);
}

.lp-barbour_251015_1 .product_detail > span {
  white-space: nowrap;
}

.lp-barbour_251015_1 .product_detail_price {
  margin: 0 1rem 0 3rem;
}


.lp-barbour_251015_1 .product_detail_btn {
  font-weight: var(--fw-medium);
  border-bottom: 2px solid var(--color-black);
  line-height: 1.1111111111;
}

/* --------------------------- 商品一覧ボタン */
/* .lp-barbour_251015_1 .product_link > a:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  transition: .3s;
} */

.lp-barbour_251015_1 .product_link > a{
  text-align: center;
}

.lp-barbour_251015_1 .product_link a {
  background-color: var(--color-black);
  color: var(--color-white);
}

.lp-barbour_251015_1 .product_link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 7rem;
  width: 96rem;
  margin: 18rem auto 0;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: var(--fw-medium);
  font-family: var(--font-jp);
  text-align: center;
  border: 1px solid var(--color-black);
}

.lp-barbour_251015_1 .product_link > a {
  width: 100%;
  height: 100%;
  padding: 2rem 0;
}

@media screen and (min-width: 768px) {
  .lp-barbour_251015_1 .product_detail_btn {
    font-size: 1.8rem;
  }

  .lp-barbour_251015_1 .product_detail_name,
  .lp-barbour_251015_1 .product_detail_price,
  .lp-barbour_251015_1 .product_detail_btn {
    padding-bottom: 0.25rem;
  }
}

@media screen and (max-width: 767px) {
  .lp-barbour_251015_1 .product_detail {
    width: calc(300 * 100vw/402);
    font-size: calc(16 * 100vw/402);
    margin: calc(60 * 100vw/402) auto 0;
  }

  .lp-barbour_251015_1 .product_detail_price {
    margin: 0 calc(10*100vw/402) 0 calc(136*100vw/402);
  }

  .lp-barbour_251015_1 .product_link {
    width: calc(360 * 100vw/402);
    height: calc(70 * 100vw/402);
    /* line-height: 1.875; */
    font-size: calc(16 * 100vw/402);
    margin: calc(140 * 100vw/402) auto 0;
  }

  .lp-barbour_251015_1 .product_link > a {
    padding: calc(20 * 100vw/402) 0;
  }

  /* .lp-barbour_251015_1 .product_detail_name,
  .lp-barbour_251015_1 .product_detail_price,
  .lp-barbour_251015_1 .product_detail_btn {
    padding-bottom: calc(5 * 100vw/402);
  } */
}

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

.lp-barbour_251015_1 .hero {
  /* width: 144rem; */
  margin: 0 auto 18rem;
}

.lp-barbour_251015_1 .hero_content {
  --row: 18rem;
}

.lp-barbour_251015_1 .hero_content .hero_text {
  --row: 6rem;
}

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

.lp-barbour_251015_1 .hero_text {
  justify-content: center;
  width: 96rem;
  margin: 0 auto;
}

.lp-barbour_251015_1 .hero_text_title {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: var(--fw-medium);
  font-family: var(--font-jp);
  color: var(--color-black2);
  text-align: center;
}

.lp-barbour_251015_1 .hero_text_lead {
  width: fit-content;
  margin: 0 auto;
  font-size: 1.7rem;
  line-height: 2;
  font-weight: var(--fw-medium);
  font-family: var(--font-jp);
  color: var(--color-black2);
}

.lp-barbour_251015_1 .intro .hero_text_lead,
.lp-barbour_251015_1 .product .product_lead,
.lp-barbour_251015_1 .last_section .product_lead{
  font-weight: var(--fw-regular);
}

@media screen and (max-width: 767px) {
  .lp-barbour_251015_1 .hero {
    width: 100%;
    margin-bottom: calc(100 * 100vw/402);
  }

  .lp-barbour_251015_1 .hero_content {
    --row: calc(100 * 100vw/402);
  }

  .lp-barbour_251015_1 .hero_content .hero_text {
    --row: calc(60 * 100vw/402);
  }

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

  .lp-barbour_251015_1 .hero_text_title {
    font-size: calc(20 * 100vw/402);
    line-height: 1.9;
    text-align: left;
  }

  .lp-barbour_251015_1 .hero_text_lead {
    font-size: calc(14 * 100vw/402);
  }
}


/*
///////////////////////////////////////////////////////////////////////////////////////
setting - intro
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251015_1 .intro{
  width: 96rem;
  margin: 0 auto 18rem;
}

.lp-barbour_251015_1 .intro_wrapper{
  align-items: center;
  row-gap: var(--row);
}

.lp-barbour_251015_1 .bedale_img{
  width: 90rem;
}

@media screen and (max-width: 767px) {
  .lp-barbour_251015_1 .intro{
    width: calc(360 * 100vw/402);
    margin: 0 auto calc(100 * 100vw/402);
  }

  .lp-barbour_251015_1 .bedale_img{
    width: calc(300 * 100vw/402);
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251015_1 .product {
  position: relative;
  z-index: 2;
  margin-bottom: 18rem;
}

.lp-barbour_251015_1 .product_intro {
  align-items: center;
}

.lp-barbour_251015_1 .intro_title,
.lp-barbour_251015_1 .product_title {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 2;
  font-size: 2.4rem;
  line-height: 1;
  font-family: var(--font-jp);
  font-weight: var(--fw-medium);
  color: var(--color-black2);
  text-align: left;
}

.lp-barbour_251015_1 .product_title{
  margin-bottom: 4rem;
}

.lp-barbour_251015_1 .product-bedale_img{
  width: 70rem;
}

.lp-barbour_251015_1 .product_lead {
  font-size: 1.7rem;
  line-height: 2;
  font-weight: var(--fw-medium);
  font-family: var(--font-jp);
  width: 96rem;
  margin: 0 auto;
}

.lp-barbour_251015_1 .product_wrapper{
  margin-bottom: 18rem;
}

.lp-barbour_251015_1 .item_title{
  font-size: 4.2rem;
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-light);
  margin: 0 0 4rem 6rem;
}

.lp-barbour_251015_1 .item_title span{
  font-size: 3rem;
  line-height: 1.3666666667;
}

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

  .lp-barbour_251015_1 .product_intro {
    width: 96rem;
    margin: 0 auto 18rem;
    --row: 4rem;
  }

  .lp-barbour_251015_1 .product_image_wrapper{
    width: 100%;
    margin-bottom: 4rem;
  }

  .lp-barbour_251015_1 .product_image_wrapper div{
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .lp-barbour_251015_1 .product {
    margin-bottom: calc(100 * 100vw/402);
  }

  .lp-barbour_251015_1 .product_intro {
    margin: 0 auto calc(100 * 100vw/402);
    --row: calc(60 * 100vw/402);
  }

  .lp-barbour_251015_1 .intro_title,
  .lp-barbour_251015_1 .product_title {
    padding-left: 0;
    font-size: calc(20 * 100vw/402);
    line-height: 1.9;
    text-align: left;
    justify-content: center;
    width: calc(360 * (100vw / 402));
    margin-right: auto;
    margin-left: auto;
  }

  .lp-barbour_251015_1 .product_title{
    justify-content: left;
    margin-bottom: calc(60 * 100vw/402);
  }

  .lp-barbour_251015_1 .product-bedale_img{
    width: calc(300 * 100vw/402);
  }

  .lp-barbour_251015_1 .product_lead {
    width: calc(360 * 100vw/402);
    font-size: calc(14 * 100vw/402);
  }

  .lp-barbour_251015_1 .product_wrapper{
    margin-bottom: calc(100 * 100vw/402);
  }

  .lp-barbour_251015_1 .item_title{
    width: calc(360 * 100vw/402);
    text-align: right;
    font-size: calc(38 * 100vw/402);
    margin: 0 auto calc(60 * 100vw/402);
  }

  .lp-barbour_251015_1 .item_title span{
    font-size: calc(30 * 100vw/402);
    line-height: 1.8;
  }

  .lp-barbour_251015_1 .product_image_wrapper{
    row-gap: calc(20 * 100vw/402);
    margin-bottom: calc(60 * 100vw/402);
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product02
///////////////////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////////////////
setting - last_section
///////////////////////////////////////////////////////////////////////////////////////
*/

.lp-barbour_251015_1 .last_section_img{
  width: 50%;
}

.lp-barbour_251015_1 .last_section_wrapper{
  align-items: center;
  row-gap: var(--row);
}

.lp-barbour_251015_1 .last_section .product_lead span{
  display: block;
}

@media screen and (min-width: 768px) {
  .lp-barbour_251015_1 .last_section{
    width: 120rem;
    margin: 0 auto;
  }

  .lp-barbour_251015_1 .last_section_wrapper:not(.last_section_wrapper:last-of-type){
    margin-bottom: 10rem;
  }

  .lp-barbour_251015_1 .last_section .product_lead{
    width: 96rem;
  }

  .lp-barbour_251015_1 .last_section .product_lead span{
    margin-top: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .lp-barbour_251015_1 .last_section_wrapper:not(.last_section_wrapper:last-of-type){
    margin-bottom: calc(100 * 100vw/402);
  }

  .lp-barbour_251015_1 .last_section .product_lead{
    width: calc(360 * 100vw/402);
  }

  .lp-barbour_251015_1 .last_section .product_lead span{
    margin-top: calc(60 * 100vw/402);
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
setting - animation
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251015_1 .js-fade {
  opacity: 0;
  transform: translateY(20px);
}
.lp-barbour_251015_1 .js-fade.is-active {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.9s, transform 0.9s;
}