@charset "UTF-8";
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - custompropaty
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 {
  --color-white: #fff;
  --color-black: #1C2029;
  --font-jp: "Zen Kaku Gothic New", sans-serif;
  --font_weight-light: 300;
  --font_weight-regular: 400;
  --font_weight-medium: 500;
  overflow: clip;
  font-feature-settings: "pwid" 0;
  font-variant-east-asian: proportional-width;
  color: var(--color-black);
}
@media screen and (min-width: 768px) {
  .lp-barbour_251001 .hidden-desktop {
    display: none!important;
  }
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .hidden-mobile {
    display: none!important;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .common-position {
  position: absolute;
}
.lp-barbour_251001 .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_251001 .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_251001 .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_251001 .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_251001 .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_251001 .desktop-position {
    position: absolute;
  }
  .lp-barbour_251001 .desktop-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251001 .desktop-flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251001 .desktop-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251001 .desktop-flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251001 .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_251001 .mobile-position {
    position: absolute;
  }
  .lp-barbour_251001 .mobile-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251001 .mobile-flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251001 .mobile-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251001 .mobile-flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_251001 .mobile-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - hero
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .hero {
  position: relative;
  z-index: 2;
}
.lp-barbour_251001 .hero_inner {
  width: min(1400*100vw/1400, 1400px);
  margin: 0 auto;
}
.lp-barbour_251001 .hero_content {
  --row: min(180*100vw/1400, 180px);
}
.lp-barbour_251001 .hero_image {
  width: 100%;
}
.lp-barbour_251001 .hero_text {
  width: min(960*100vw/1400, 960px);
  margin: 0 auto;
  --row: min(60*100vw/1400, 60px);
  justify-content: center;
}
.lp-barbour_251001 .hero_text_title {
  font-size: min(24*100vw/1400, 24px);
  line-height: 1.5833333333;
  font-weight: var(--font_weight-medium);
  font-family: var(--font-barbour-sans);
  color: var(--color-black);
  text-align: center;
}
.lp-barbour_251001 .hero_text_title > span {
  font-size: min(20*100vw/1400, 20px);
  font-weight: var(--font_weight-medium);
  font-family: var(--font-barbour-sans);
  color: var(--color-black);
}
.lp-barbour_251001 .hero_text_lead {
  width: fit-content;
  margin: 0 auto;
  font-size: min(17*100vw/1400, 17px);
  line-height: 2;
  font-weight: var(--font_weight-medium);
  font-family: var(--font-jp);
  color: var(--color-black);
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .hero_inner {
    width: 100%;
  }
  .lp-barbour_251001 .hero_content {
    --row: calc(100*100vw/402);
  }
  .lp-barbour_251001 .hero_text {
    width: calc(360*100vw/402);
    --row: calc(60*100vw/402);
  }
  .lp-barbour_251001 .hero_text_title {
    font-size: calc(22*100vw/402);
    line-height: 1.7272727273;
  }
  .lp-barbour_251001 .hero_text_title > span {
    font-size: calc(18*100vw/402);
  }
  .lp-barbour_251001 .hero_text_lead {
    font-size: calc(14*100vw/402);
    line-height: 2;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product {
  margin: min(180*100vw/1400, 180px) auto 0;
}
.lp-barbour_251001 .product_content {
  position: relative;
  z-index: 2;
  width: fit-content;
  height: fit-content;
}
.lp-barbour_251001 .product_detail {
  margin-top: min(10*100vw/1400, 10px);
  font-size: min(15*100vw/1400, 15px);
  line-height: 1;
  font-family: var(--font-barbour-sans);
  font-weight: var(--font_weight-light);
  --row: min(15*100vw/1400, 15px);
}
.lp-barbour_251001 .product_detail li {
  --column: min(10*100vw/1400, 10px);
}
.lp-barbour_251001 .product_detail li .product_detail_title {
  font-weight: var(--font_weight-regular);
}
.lp-barbour_251001 .product_detail li .product_detail_text {
  font-size: min(11*100vw/1400, 11px);
  line-height: 1.09090909091;
  font-weight: var(--font_weight-medium);
  font-family: var(--font-jp);
}
.lp-barbour_251001 .product_detail a {
  text-decoration: underline;
}
.lp-barbour_251001 .product_image01 {width: min(720*100vw/1400, 720px);}
.lp-barbour_251001 .product_image02 {width: min(720*100vw/1400, 720px);}
.lp-barbour_251001 .product_image03 {width: min(480*100vw/1400, 480px);}
.lp-barbour_251001 .product_image04 {width: min(720*100vw/1400, 720px);}
.lp-barbour_251001 .product_image05 {width: min(699*100vw/1400, 699px);}
.lp-barbour_251001 .product_image06 {width: min(699*100vw/1400, 699px);}
.lp-barbour_251001 .product_image07 {width: min(1200*100vw/1400, 1200px);}
.lp-barbour_251001 .product_image08 {width: min(480*100vw/1400, 480px);}
.lp-barbour_251001 .product_image09 {width: min(720*100vw/1400, 720px);}
.lp-barbour_251001 .product_image10 {width: min(1080*100vw/1400, 1080px);}
.lp-barbour_251001 .product_image11 {width: min(720*100vw/1400, 720px);}
.lp-barbour_251001 .product_image12 {width: min(500*100vw/1400, 500px);}
.lp-barbour_251001 .product_image13 {width: min(500*100vw/1400, 500px);}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product {
    margin-top: calc(100*100vw/402);
  }
  .lp-barbour_251001 .product_detail {
    margin-top: calc(8*100vw/402);
    font-size: calc(12*100vw/402);
    --row: calc(8*100vw/402);
  }
  .lp-barbour_251001 .product_detail li {
    --column: calc(10*100vw/402);
  }
  .lp-barbour_251001 .product_detail li .product_detail_text {
    font-size: calc(8*100vw/402);
    line-height: 1.5;
  }
  .lp-barbour_251001 .product_image01 {width: calc(351*100vw/402);}
  .lp-barbour_251001 .product_image02 {width: calc(351*100vw/402);}
  .lp-barbour_251001 .product_image03 {width: calc(300*100vw/402);}
  .lp-barbour_251001 .product_image04 {width: calc(402*100vw/402);}
  .lp-barbour_251001 .product_image05 {width: calc(321*100vw/402);}
  .lp-barbour_251001 .product_image06 {width: calc(321*100vw/402);}
  .lp-barbour_251001 .product_image07 {width: calc(402*100vw/402);}
  .lp-barbour_251001 .product_image08 {width: calc(231*100vw/402);}
  .lp-barbour_251001 .product_image09 {width: calc(351*100vw/402);}
  .lp-barbour_251001 .product_image10 {width: calc(402*100vw/402);}
  .lp-barbour_251001 .product_image11 {width: calc(300*100vw/402);}
  .lp-barbour_251001 .product_image12 {width: calc(231*100vw/402);}
  .lp-barbour_251001 .product_image13 {width: calc(351*100vw/402);}
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product01
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product01 {
  width: min(960*100vw/1400, 960px);
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product01 {
    width: 100%;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product02
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product02 {
  width: min(1200*100vw/1400, 1200px);
}
.lp-barbour_251001 .product02 .product_content02 {
  margin-top: min(100*100vw/1400, 100px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product02 {
    width: 100%;
  }
  .lp-barbour_251001 .product02 .product_content02 {
    margin-top: calc(100*100vw/402);
  }
  .lp-barbour_251001 .product02 .product_content01 .product_detail {
    width: fit-content;
    margin-left: auto;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product03
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product03 {
  width: min(1200*100vw/1400, 1200px);
}
.lp-barbour_251001 .product03 .product_inner {
  grid-template-columns: min(240*100vw/1400, 240px) min(480*100vw/1400, 480px);
  grid-template-rows: min(850*100vw/1400, 850px);
}
.lp-barbour_251001 .product03 .product_content01 {
  width: min(600*100vw/1400, 600px);
  height: initial;
  grid-column: 1;
  grid-row: 1;
}
.lp-barbour_251001 .product03 .product_content02 {
  grid-column: 3;
  grid-row: 1;
}
.lp-barbour_251001 .product03 .product_content03 {
  grid-column: 2;
  grid-row: 2;
}
.lp-barbour_251001 .product03 .product_detail {
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product03 {
    width: 100%;
  }
  .lp-barbour_251001 .product03 .product_content01 {
    width: calc(300*100vw/402);
  }
  .lp-barbour_251001 .product03 .product_content02 {
    margin-top: calc(20*100vw/402);
    margin-left: auto;
  }
  .lp-barbour_251001 .product03 .product_content03 {
    margin-top: calc(20*100vw/402);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product04
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product04 {
  width: min(1400*100vw/1400, 1400px);
}
.lp-barbour_251001 .product04 .product_content {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product04 {
    width: 100%;
  }
  .lp-barbour_251001 .product04 .product_wrap {
    pointer-events: none;
  }
  .lp-barbour_251001 .product04 .product_detail {
    justify-content: center;
    align-items: center;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product05
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product05 {
  width: min(1200*100vw/1400, 1200px);
}
.lp-barbour_251001 .product05 .product_detail {
  justify-content: center;
  align-items: center;
}
.lp-barbour_251001 .product05 .product_detail li {
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product05 {
    width: 100%;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product06
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product06 {
  width: min(1400*100vw/1400, 1400px);
}
.lp-barbour_251001 .product06 .product_inner {
  --column: min(100*100vw/1400, 100px);
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product06 {
    width: 100%;
  }
  .lp-barbour_251001 .product06 .product_content02 {
    margin-top: calc(20*100vw/402);
    margin-left: auto;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product07
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product07 {
  width: min(1400*100vw/1400, 1400px);
}
.lp-barbour_251001 .product07 .product_content01 {
  margin-top: min(180*100vw/1400, 180px);
  margin-left: auto;
}
.lp-barbour_251001 .product07 .product_content02 {
  margin-top: min(100*100vw/1400, 100px);
  margin-left: min(100*100vw/1400, 100px);
}
.lp-barbour_251001 .product07 .product_wrapper {
  width: min(1000*100vw/1400, 1000px);
  flex-wrap: wrap;
}
.lp-barbour_251001 .product07 .product_wrapper .product_detail {
  align-items: end;
}
.lp-barbour_251001 .product07 .product_content02 .product_detail {
  align-items: end;
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product07 {
    width: 100%;
  }
  .lp-barbour_251001 .product07 .product_content01 {
    margin-top: calc(100*100vw/402);
  }
  .lp-barbour_251001 .product07 .product_content02 {
    margin: calc(20*100vw/402) auto 0;
  }
  .lp-barbour_251001 .product07 .product_wrapper {
    width: initial;
  }
  .lp-barbour_251001 .product07 .product_content03 {
    margin-left: auto;
  }
  .lp-barbour_251001 .product07 .product_content04 {
    margin-top: calc(20*100vw/402);
  }
  .lp-barbour_251001 .product07 .product_content02 .product_detail {
    align-items: center;
  }
  .lp-barbour_251001 .product07 .product_content04 .product_detail {
    align-items: end;
  }
  .lp-barbour_251001 .product07 .product_wrap {
    width: 100%;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - product08
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .product08 {
  width: min(1200*100vw/1400, 1200px);
}
.lp-barbour_251001 .product08 .product_detail {
  justify-content: center;
  align-items: center;
}
.lp-barbour_251001 .product_logo {
  width: min(463*100vw/1400, 463px);
  margin: min(180*100vw/1400, 180px) auto 0;
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .product08 {
    width: 100%;
  }
  .lp-barbour_251001 .product_logo {
    width: calc(300*100vw/402);
    margin-top: calc(100*100vw/402);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - recommended
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .recommended {
  width: min(1200*100vw/1400, 1200px);
  margin: min(180*100vw/1400, 180px) auto 0;
}
.lp-barbour_251001 .recommended_title {
  font-size: min(24*100vw/1400, 24px);
  line-height: 1.4166666667;
  font-family: var(--font-barbour-sans);
  font-weight: var(--font_weight-medium);
  text-align: center;
}
.lp-barbour_251001 .recommended_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(100*100vw/1400, 100px) min(60*100vw/1400, 60px);
  margin-top: min(40*100vw/1400, 40px);
}
.lp-barbour_251001 .recommended_item {
  --row: min(10*100vw/1400, 10px);
}
.lp-barbour_251001 .recommended_image {
  width: 100%;
}
.lp-barbour_251001 .recommended_detail {
  font-size: min(15*100vw/1400, 15px);
  line-height: 1;
  font-family: var(--font-barbour-sans);
  font-weight: var(--font_weight-light);
  --row: min(15*100vw/1400, 15px);
}
.lp-barbour_251001 .recommended_detail li {
  --column: min(10*100vw/1400, 10px);
  align-items: center;
  justify-content: center;
}
.lp-barbour_251001 .recommended_detail li .recommended_detail_title {
  font-weight: var(--font_weight-regular);
}
.lp-barbour_251001 .recommended_detail li .product_detail_text {
  font-size: min(11*100vw/1400, 11px);
  line-height: 1.09090909091;
  font-weight: var(--font_weight-medium);
  font-family: var(--font-jp);
}
.lp-barbour_251001 .recommended_detail a {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .recommended {
    width: calc(402*100vw/402);
    margin-top: calc(100*100vw/402);
  }
  .lp-barbour_251001 .recommended_title {
    font-size: calc(19*100vw/402);
    line-height: 1.4736842105;
  }
  .lp-barbour_251001 .recommended_list {
    gap: calc(40*100vw/402) calc(12*100vw/402);
    margin-top: calc(20*100vw/402);
  }
  .lp-barbour_251001 .recommended_item {
    --row: calc(8*100vw/402);
  }
  .lp-barbour_251001 .recommended_detail {
    font-size: calc(12*100vw/402);
  }
  .lp-barbour_251001 .recommended_detail li {
    --column: calc(10*100vw/402);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
animation
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .js-fade {
  opacity: 0;
  transform: translateY(20px);
}
.lp-barbour_251001 .js-fade.is-active {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.7s, transform 0.7s;
}
.lp-barbour_251001 .js-sliderImage {
  width: calc(402*100vw/402);
}
@media screen and (min-width: 768px) {
  .lp-barbour_251001 .js-fade-delay.is-active {
    transition: opacity 0.7s .5s, transform 0.7s .5s;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting - button
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_251001 .c-button {
  width: min(960*100vw/1400, 960px);
  height: min(70*100vw/1400, 70px);
  margin: min(180*100vw/1400, 180px) auto;
  font-size: min(18*100vw/1400, 18px);
  line-height: 1;
  font-family: var(--font-barbour-sans);
  font-weight: var(--font_weight-light);
  color: var(--color-white);
  background-color: var(--color-black);
  transition: background .5s ease;
}
.lp-barbour_251001 .c-button > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
}
.lp-barbour_251001 .c-button:hover {
  color: var(--color-black);
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
}
@media screen and (max-width: 767px) {
  .lp-barbour_251001 .c-button {
    width: calc(360*100vw/402);
    height: calc(70*100vw/402);
    margin: calc(140*100vw/402) auto;
    font-size: calc(16*100vw/402);
  }
}