@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
.main_inner {
  overflow-x: hidden;
}
/*
///////////////////////////////////////////////////////////////////////////////////////
  ベーススタイル
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 {
  --color-white: #fff;
  --color-black: #000;
  --font-en: var(--font-barbour-sans);
  --font-ja: var(--font-core-zen-kaku-gothic-new);
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  font-feature-settings: normal;
  overflow: clip;
  width: 100%;
  margin: 0 auto;
}
.lp-barbour_260311 {
  font-family: var(--font-zen-kaku-gothic-new);
  color: var(--color-black);
  font-weight: var(--fw-medium);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- mv -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .mv {
  width: 100%;
}
.lp-barbour_260311 .mv_inner {
  width: 100%;
  margin: 0 auto;
}
.lp-barbour_260311 .mv_img {
  width: 100%;
}
.lp-barbour_260311 .mv_text {
  display: flex;
  justify-content: space-between;
  width: calc(1320*100vw/1440);
  margin: 18rem auto 0;
}
.lp-barbour_260311 .mv_title {
  font-size: min(24*100vw/1400, 24px);
  line-height: 2;
  font-weight: var(--fw-medium);
  font-family: var(--font-ja);
  text-align: left;
}
.lp-barbour_260311 .mv_lead {
  width: calc(600*100vw/1440);
  font-size: 1.5rem;
  font-size: min(15*100vw/1400, 15px);
  line-height: 2;
  font-weight: var(--fw-medium);
  font-family: var(--font-ja);
}
@media screen and (max-width: 767px) {
  .lp-barbour_260311 .mv_inner {
    width: calc(402*100vw/402);
  }
  .lp-barbour_260311 .mv_text {
    width: 100%;
    flex-direction: column;
    justify-content: start;
    margin-top: calc(100*100vw/402);
    padding: 0 calc(21*100vw/402);
    row-gap: calc(60*100vw/402);
  }
  .lp-barbour_260311 .mv_title {
    font-size: calc(20*100vw/402);
    line-height: 1.8;
  }
  .lp-barbour_260311 .mv_lead {
    width: calc(360*100vw/402);
    font-size: calc(14*100vw/402);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .product {
  margin-top: 30rem;
}
.lp-barbour_260311 .product_inner {
  width: calc(1320*100vw/1440);
  margin: 0 auto;
}
.lp-barbour_260311 .product_wrapper {
  display: grid;
}
.lp-barbour_260311 .product_content {
  width: fit-content;
  height: fit-content;
}
.lp-barbour_260311 .product_content01 {
  grid-row: 1;
}
.lp-barbour_260311 .product_content02 {
  grid-row: 2;
}
.lp-barbour_260311 .product_content03 {
  grid-row: 3;
}
.lp-barbour_260311 .product_content04 {
  grid-row: 4;
}
.lp-barbour_260311 .product_price {
  margin-top: 11.7rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.7rem 6rem;
}
.lp-barbour_260311 .product_wrap {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.lp-barbour_260311 .product_ttl {
  display: flex;
  column-gap: 2rem;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: var(--fw-regular);
  font-family: var(--font-en);
}
.lp-barbour_260311 .product_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-black);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: var(--fw-medium);
  font-family: var(--font-en);
  text-align: center;
  padding: 0.1rem 1.9rem;
}
.lp-barbour_260311 .product_image0101 {width: calc(660*100vw/1440);}
.lp-barbour_260311 .product_image0102 {width: calc(480*100vw/1440);}
.lp-barbour_260311 .product_image0103 {width: calc(480*100vw/1440);}
.lp-barbour_260311 .product_image0104 {width: calc(420*100vw/1440);}
.lp-barbour_260311 .product_image0201 {width: calc(660*100vw/1440);}
.lp-barbour_260311 .product_image0202 {width: calc(360*100vw/1440);}
.lp-barbour_260311 .product_image0203 {width: calc(480*100vw/1440);}
.lp-barbour_260311 .product_image0204 {width: calc(600*100vw/1440);}
.lp-barbour_260311 .product_image0301 {width: calc(660*100vw/1440);}
.lp-barbour_260311 .product_image0302 {width: calc(540*100vw/1440);}
.lp-barbour_260311 .product_image0303 {width: calc(360*100vw/1440);}
.lp-barbour_260311 .product_image0304 {width: calc(480*100vw/1440);}
.lp-barbour_260311 .product_image0401 {width: calc(480*100vw/1440);}
.lp-barbour_260311 .product_image0402 {width: calc(420*100vw/1440);}
.lp-barbour_260311 .product_image0403 {width: calc(660*100vw/1440);}
.lp-barbour_260311 .product_image0404 {width: calc(600*100vw/1440);}
.lp-barbour_260311 .product_image0501 {width: calc(660*100vw/1440);}
.lp-barbour_260311 .product_image0502 {width: calc(600*100vw/1440);}
.lp-barbour_260311 .product_image0503 {width: calc(540*100vw/1440);}
.lp-barbour_260311 .product_image0504 {width: calc(420*100vw/1440);}
.lp-barbour_260311 .product_image0601 {width: calc(420*100vw/1440);}
.lp-barbour_260311 .product_image0602 {width: calc(600*100vw/1440);}
.lp-barbour_260311 .product_image0603 {width: calc(600*100vw/1440);}
.lp-barbour_260311 .product_image0604 {width: calc(480*100vw/1440);}
@media screen and (max-width: 767px) {
  .lp-barbour_260311 .product {
    margin-top: calc(180*100vw/402);
  }
  .lp-barbour_260311 .product_inner {
    width: calc(402*100vw/402);
  }
  .lp-barbour_260311 .product_wrapper {
    display: block;
  }
  .lp-barbour_260311 .product_price {
    margin-top: calc(60*100vw/402);
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: calc(10*100vw/402) 0;
  }
  .lp-barbour_260311 .product_wrap {
    column-gap: calc(10*100vw/402);
  }
  .lp-barbour_260311 .product_ttl {
    column-gap: calc(20*100vw/402);
    font-size: calc(16*100vw/402);
  }
  .lp-barbour_260311 .product_btn {
    font-size: calc(13*100vw/402);
    padding: calc(0*100vw/402) calc(16*100vw/402);
  }
  .lp-barbour_260311 .product_image0101 {width: calc(351*100vw/402);}
  .lp-barbour_260311 .product_image0102 {width: calc(261*100vw/402);}
  .lp-barbour_260311 .product_image0103 {width: calc(240*100vw/402);}
  .lp-barbour_260311 .product_image0104 {width: calc(240*100vw/402);}
  .lp-barbour_260311 .product_image0201 {width: calc(351*100vw/402);}
  .lp-barbour_260311 .product_image0202 {width: calc(210*100vw/402);}
  .lp-barbour_260311 .product_image0203 {width: calc(300*100vw/402);}
  .lp-barbour_260311 .product_image0204 {width: calc(351*100vw/402);}
  .lp-barbour_260311 .product_image0301 {width: calc(351*100vw/402);}
  .lp-barbour_260311 .product_image0302 {width: calc(291*100vw/402);}
  .lp-barbour_260311 .product_image0303 {width: calc(180*100vw/402);}
  .lp-barbour_260311 .product_image0304 {width: calc(300*100vw/402);}
  .lp-barbour_260311 .product_image0401 {width: calc(300*100vw/402);}
  .lp-barbour_260311 .product_image0402 {width: calc(261*100vw/402);}
  .lp-barbour_260311 .product_image0403 {width: calc(330*100vw/402);}
  .lp-barbour_260311 .product_image0404 {width: calc(351*100vw/402);}
  .lp-barbour_260311 .product_image0501 {width: calc(351*100vw/402);}
  .lp-barbour_260311 .product_image0502 {width: calc(351*100vw/402);}
  .lp-barbour_260311 .product_image0503 {width: calc(300*100vw/402);}
  .lp-barbour_260311 .product_image0504 {width: calc(240*100vw/402);}
  .lp-barbour_260311 .product_image0601 {width: calc(231*100vw/402);}
  .lp-barbour_260311 .product_image0602 {width: calc(300*100vw/402);}
  .lp-barbour_260311 .product_image0603 {width: calc(351*100vw/402);}
  .lp-barbour_260311 .product_image0604 {width: calc(300*100vw/402);}
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product01 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .product01 {
  margin-top: 24rem;
}
.lp-barbour_260311 .product01 .product_wrapper {
  grid-template-columns: calc(180*100vw/1440) calc(420*100vw/1440) calc(240*100vw/1440);
  grid-template-rows: calc(585*100vw/1440) calc(720*100vw/1440) calc(120*100vw/1440);
  /* grid-template-columns: 18.0rem 42.0rem 24.0rem;
  grid-template-rows: 58.5rem 72.0rem 12.0rem; */
}
.lp-barbour_260311 .product01 .product_content01 {
  grid-column: 3;
}
.lp-barbour_260311 .product01 .product_content02 {
  grid-column: 2;
}
.lp-barbour_260311 .product01 .product_content03 {
  grid-column: 4;
}
.lp-barbour_260311 .product01 .product_content04 {
  grid-column: 1;
}
@media screen and (max-width: 767px) {
  .lp-barbour_260311 .product01 {
    margin-top: calc(160*100vw/402);
  }
  .lp-barbour_260311 .product01 .product_content01 {
    margin-left: auto;
  }
  .lp-barbour_260311 .product01 .product_content02 {
    margin-top: calc(60*100vw/402);
  }
  .lp-barbour_260311 .product01 .product_content03 {
    margin-top: calc(20*100vw/402);
    margin-left: calc(141*100vw/402);
  }
  .lp-barbour_260311 .product01 .product_content04 {
    margin: calc(60*100vw/402) auto 0;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product02 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .product02 .product_wrapper {
  grid-template-columns: calc(122*100vw/1440) calc(538*100vw/1440) calc(300*100vw/1440);;
  grid-template-rows: calc(705*100vw/1440) calc(420*100vw/1440) calc(330*100vw/1440);;
  /* grid-template-columns: 12.2rem 53.8rem 30.0rem;
  grid-template-rows: 70.5rem 42.0rem 33.0rem; */
}
.lp-barbour_260311 .product02 .product_content01 {
  grid-column: 2;
}
.lp-barbour_260311 .product02 .product_content02 {
  grid-column: 4;
}
.lp-barbour_260311 .product02 .product_content03 {
  grid-column: 1;
}
.lp-barbour_260311 .product02 .product_content04 {
  grid-column: 3;
}
@media screen and (max-width: 767px) {
  .lp-barbour_260311 .product02 .product_content02 {
    margin-top: calc(20*100vw/402);
    margin-left: calc(171*100vw/402);
  }
  .lp-barbour_260311 .product02 .product_content03 {
    margin-top: calc(60*100vw/402);
    margin-left: calc(21*100vw/402);
  }
  .lp-barbour_260311 .product02 .product_content04 {
    margin-top: calc(60*100vw/402);
    margin-left: auto;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product03 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .product03 .product_wrapper {
  grid-template-columns: calc(120*100vw/1440) calc(540*100vw/1440) calc(60*100vw/1440);
  grid-template-rows: calc(705*100vw/1440) calc(300*100vw/1440) calc(405*100vw/1440);
  /* grid-template-columns: 12.0rem 54.0rem 6.0rem;
  grid-template-rows: 70.5rem 30.0rem 40.5rem; */
}
.lp-barbour_260311 .product03 .product_content01 {
  grid-column: 2;
}
.lp-barbour_260311 .product03 .product_content02 {
  grid-column: 4;
}
.lp-barbour_260311 .product03 .product_content03 {
  grid-column: 1;
}
.lp-barbour_260311 .product03 .product_content04 {
  grid-column: 3;
}
@media screen and (max-width: 767px) {
  .lp-barbour_260311 .product03 .product_content02 {
    margin-top: calc(60*100vw/402);
    margin-left: auto;
  }
  .lp-barbour_260311 .product03 .product_content03 {
    margin-top: calc(20*100vw/402);
    margin-left: calc(21*100vw/402);
  }
  .lp-barbour_260311 .product03 .product_content04 {
    margin-top: calc(60*100vw/402);
    margin-left: calc(81*100vw/402);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product04 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .product04 .product_wrapper {
  margin-left: calc(60*100vw/1440);
  grid-template-columns: calc(360*100vw/1440) calc(480*100vw/1440);
  grid-template-rows: calc(180*100vw/1440) calc(705*100vw/1440) calc(615*100vw/1440);
  /* margin-left: 6.0rem;
  grid-template-columns: 36.0rem 48.0rem;
  grid-template-rows: 18.0rem 70.5rem 61.5rem; */
}
.lp-barbour_260311 .product04 .product_content01 {
  grid-column: 1;
}
.lp-barbour_260311 .product04 .product_content02 {
  grid-column: 3;
}
.lp-barbour_260311 .product04 .product_content03 {
  grid-column: 2;
}
.lp-barbour_260311 .product04 .product_content04 {
  grid-column: 1;
}
@media screen and (max-width: 767px) {
  .lp-barbour_260311 .product04 .product_wrapper {
    margin-left: 0;
  }
  .lp-barbour_260311 .product04 .product_content01 {
    margin-left: calc(21*100vw/402);
  }
  .lp-barbour_260311 .product04 .product_content02 {
    margin-top: calc(20*100vw/402);
    margin-left: calc(141*100vw/402);
  }
  .lp-barbour_260311 .product04 .product_content03 {
    margin-top: calc(60*100vw/402);
    margin-left: calc(51*100vw/402);
  }
  .lp-barbour_260311 .product04 .product_content04 {
    margin-top: calc(60*100vw/402);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product05 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .product05 .product_wrapper {
  grid-template-columns: calc(120*100vw/1440) calc(422*100vw/1440) calc(238*100vw/1440);
  grid-template-rows: calc(645*100vw/1440) calc(510*100vw/1440) calc(240*100vw/1440);
  /* grid-template-columns: 12.0rem 42.2rem 23.8rem;
  grid-template-rows: 64.5rem 51.0rem 24.0rem; */
}
.lp-barbour_260311 .product05 .product_content01 {
  grid-column: 3;
}
.lp-barbour_260311 .product05 .product_content02 {
  grid-column: 1;
}
.lp-barbour_260311 .product05 .product_content03 {
  grid-column: 4;
}
.lp-barbour_260311 .product05 .product_content04 {
  grid-column: 2;
}
@media screen and (max-width: 767px) {
  .lp-barbour_260311 .product05 .product_content01 {
    margin-left: auto;
  }
  .lp-barbour_260311 .product05 .product_content02 {
    margin-top: calc(60*100vw/402);
  }
  .lp-barbour_260311 .product05 .product_content03 {
    margin-top: calc(20*100vw/402);
    margin-left: calc(81*100vw/402);
  }
  .lp-barbour_260311 .product05 .product_content04 {
    margin: calc(60*100vw/402) auto 0;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product06 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .product06 {
  margin-bottom: 30rem;
}
.lp-barbour_260311 .product06 .product_wrapper {
  grid-template-columns: calc(60*100vw/1440) calc(659*100vw/1440) calc(120*100vw/1440);
  grid-template-rows: calc(240*100vw/1440) calc(870*100vw/1440) calc(180*100vw/1440);
  /* grid-template-columns: 6.0rem 65.9rem 12.0rem;
  grid-template-rows: 24.0rem 87.0rem 18.0rem; */
}
.lp-barbour_260311 .product06 .product_content01 {
  grid-column: 4;
}
.lp-barbour_260311 .product06 .product_content02 {
  grid-column: 1;
}
.lp-barbour_260311 .product06 .product_content03 {
  grid-column: 3;
}
.lp-barbour_260311 .product06 .product_content04 {
  grid-column: 2;
}
.lp-barbour_260311 .product06 .product_price {
  width: 90rem;
  margin: 11.7rem auto 0;
}
@media screen and (max-width: 767px) {
  .lp-barbour_260311 .product06 {
    margin-bottom: calc(160*100vw/402);
  }
  .lp-barbour_260311 .product06 .product_content01 {
    margin-left: auto;
  }
  .lp-barbour_260311 .product06 .product_content02 {
    margin-top: calc(20*100vw/402);
    margin-left: calc(21*100vw/402);
  }
  .lp-barbour_260311 .product06 .product_content03 {
    margin-top: calc(60*100vw/402);
    margin-left: calc(51*100vw/402);
  }
  .lp-barbour_260311 .product06 .product_content04 {
    margin: calc(60*100vw/402) auto 0;
  }
  .lp-barbour_260311 .product06 .product_price {
    width: calc(402*100vw/402);
    margin-top: calc(60*100vw/402);
    row-gap: calc(9*100vw/402);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- animation -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_260311 .js-sliderImage {
  overflow: clip;
}
.lp-barbour_260311 .product_image {
  position: relative;
}
.lp-barbour_260311 .product_btn:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.lp-barbour_260311 .js-fade {
  opacity: 0;
  /* transform: translateY(100px); */
  /* transition: opacity .5s ease, transform .5s ease; */
  transition: opacity 1s ease;
}
.lp-barbour_260311 .js-fade.is-active {
  opacity: 1;
  /* transform: translateY(0); */
}