@charset "UTF-8";

#FR260827Barbour {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 510;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #000;
  --color-text-invert: #fff;
  --color-bg: #efeae6;
  --font-base: "source-han-sans-japanese", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-display: "ivyora-display", "ivyora", "Times New Roman", "Hiragino Mincho ProN", serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 0.8s;
  --duration-switch: 1.2s;
  --duration-accordion: 0.5s;
  --duration-marquee: 10s;
  --header-offset: 0px;
}

@media (min-width: 1401px) {
  #FR260827Barbour {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #FR260827Barbour {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #FR260827Barbour {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#FR260827Barbour * {
  box-sizing: border-box;
  margin: 0;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: "palt";
}

#FR260827Barbour img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#FR260827Barbour picture {
  display: block;
}

#FR260827Barbour button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

@media (min-width: 768px) {
  #FR260827Barbour .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #FR260827Barbour .is-hidden--mobile {
    display: none !important;
  }
}

#FR260827Barbour {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

#FR260827Barbour a {
  color: inherit;
  text-decoration: none;
}

#FR260827Barbour .ani-inview {
  opacity: 0;
  /* translate: 0 calc(30 * var(--formula, 1px)); */
  transition: opacity var(--duration-base) var(--ease-base),
    translate var(--duration-base) var(--ease-base);
}

#FR260827Barbour .ani-inview.is-active {
  opacity: 1;
  /* translate: 0 0; */
}

@media (prefers-reduced-motion: reduce) {
  #FR260827Barbour .ani-inview {
    opacity: 1;
    translate: 0 0;
    transition: none;
  }
}

#FR260827Barbour .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #FR260827Barbour .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

@media (min-width: 768px) {
  #FR260827Barbour .lp-layout { display: grid; align-items: start; }
  #FR260827Barbour .lp-layout--col-2 { grid-template-columns: 1fr 1fr; }
  #FR260827Barbour .lp-layout--col-3 {
    grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--formula_pc)) 1fr;
  }
}

#FR260827Barbour .lp-layout__primary { overflow-x: clip; }

#FR260827Barbour .lp-layout__sub { display: none; }

@media (min-width: 768px) {
  #FR260827Barbour .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: var(--header-offset, 0px);
    height: calc(100dvh - var(--header-offset, 0px));
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  #FR260827Barbour .lp-rail__image--left {
    position: absolute;
    top: calc(50 * var(--formula_pc));
    left: calc(50 * var(--formula_pc));
    width: calc(324 * var(--formula_pc));
    transition: top 0.5s, height 0.5s;
  }
  body:has(.header-fixed.show) #FR260827Barbour .lp-rail__image--left {
    top: calc(calc(50 * var(--formula_pc)) + 12rem);
  }

  #FR260827Barbour .lp-rail--right {
    position: fixed;
    right: calc(50 * var(--formula_pc));
    bottom: calc(40 * var(--formula_pc));
    width: calc(246 * var(--formula_pc));
    /* background-color: var(--color-bg); */
    opacity: 1;
    visibility: visible;
    transition: opacity var(--duration-base) var(--ease-base),
      visibility 0s;
  }
  /* CTAが画面内に入っている間は非表示 */
  #FR260827Barbour .lp-rail--right.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--duration-base) var(--ease-base),
      visibility 0s var(--duration-base);
  }

  #FR260827Barbour .lp-rail__link {
    display: block;
  }
}

#FR260827Barbour .lp-photo {
  background-color: var(--color-bg);
}

#FR260827Barbour .lp-photo > a {
  display: block;
}

#FR260827Barbour .lp-style {
  display: flow-root;
}

#FR260827Barbour .lp-mv {
  position: relative;
}

#FR260827Barbour .lp-mv__logo {
  position: absolute;
  top: calc(466 * var(--formula));
  left: calc(37 * var(--formula));
  width: calc(680 * var(--formula));
  pointer-events: none;
}

#FR260827Barbour .lp-mv__title {
  position: absolute;
  top: calc(814 * var(--formula));
  left: 0;
  width: 100%;
  color: var(--color-text-invert);
  font-family: var(--font-display);
  font-size: calc(23 * var(--formula));
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.05em;
  pointer-events: none;
}

#FR260827Barbour .lp-mv__text {
  position: absolute;
  top: calc(853 * var(--formula));
  left: calc(47 * var(--formula));
  width: calc(688 * var(--formula));
  color: var(--color-text-invert);
  font-family: var(--font-display);
  font-size: calc(14 * var(--formula));
  line-height: 1.4286;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.025em;
  pointer-events: none;
}

#FR260827Barbour .lp-lead__title {
  margin-top: calc(104 * var(--formula));
  font-size: calc(28 * var(--formula));
  font-weight: 700;
  line-height: 2;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.05em;
}

#FR260827Barbour .lp-lead__text {
  margin-top: calc(15 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 2;
  text-align: center;
  white-space: nowrap;
}

#FR260827Barbour .lp-style--short .lp-style__title {
  margin-top: calc(189 * var(--formula));
  margin-left: calc(126 * var(--formula));
  width: calc(517 * var(--formula));
}

#FR260827Barbour .lp-style--medium .lp-style__title {
  margin-top: calc(163 * var(--formula));
  margin-left: calc(86 * var(--formula));
  width: calc(575 * var(--formula));
}

#FR260827Barbour .lp-marquee {
  overflow: hidden;
  contain: paint;   /* 再ペイント範囲をこの要素内に閉じ込める */
}

#FR260827Barbour .lp-marquee--short {
  margin-top: calc(38 * var(--formula));
}

#FR260827Barbour .lp-marquee--medium {
  margin-top: calc(46 * var(--formula));
}

#FR260827Barbour .lp-marquee__track {
  display: flex;
  width: max-content;
  margin-left: calc(-380 * var(--formula));
  /* animation と will-change はここから削除 */
}

/* 追加：アニメーションの担当をグループに移す */
#FR260827Barbour .lp-marquee__group {
  display: flex;
  animation: lp-marquee var(--duration-marquee) linear infinite;
}

#FR260827Barbour .lp-marquee__item {
  width: calc(490 * var(--formula));
  margin-right: calc(20 * var(--formula));
}

@keyframes lp-marquee {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-100%, 0, 0); } /* グループ幅 = 2枚分 = 1020f */
}

@media (prefers-reduced-motion: reduce) {
  #FR260827Barbour .lp-marquee__group {
    animation: none;
  }

  #FR260827Barbour .lp-accordion__body,
  #FR260827Barbour .lp-accordion__body::after,
  #FR260827Barbour .lp-accordion__icon,
  #FR260827Barbour .lp-switch__image--second {
    transition: none;
  }
}

#FR260827Barbour .lp-accordion {
  margin-top: calc(64 * var(--formula));
}

#FR260827Barbour .lp-accordion__body {
  position: relative;
  overflow: hidden;
  font-size: calc(22 * var(--formula));
  line-height: 2;
  text-align: center;
  white-space: nowrap;
  transition: height var(--duration-accordion) var(--ease-base);
}

#FR260827Barbour .lp-accordion__body::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to bottom, rgba(239, 234, 230, 0.485) 0%, rgba(239, 234, 230, 0.865) 100%);
  transition: opacity var(--duration-accordion) var(--ease-base);
}

#FR260827Barbour .lp-accordion--short .lp-accordion__body {
  height: calc(83 * var(--formula));
}

#FR260827Barbour .lp-accordion--medium .lp-accordion__body {
  height: calc(84 * var(--formula));
}

#FR260827Barbour .lp-accordion.is-active .lp-accordion__body::after {
  opacity: 0;
}

#FR260827Barbour .lp-accordion--short.is-active .lp-accordion__body {
  height: calc(309 * var(--formula));
}

#FR260827Barbour .lp-accordion--medium.is-active .lp-accordion__body {
  height: calc(267 * var(--formula));
}

#FR260827Barbour .lp-accordion__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(18 * var(--formula));
  margin-top: calc(13 * var(--formula));
  margin-left: calc(74 * var(--formula));
  width: calc(602 * var(--formula));
  height: calc(62 * var(--formula));
  font-family: var(--font-display);
  font-size: calc(28 * var(--formula));
  line-height: 1;
  white-space: nowrap;
}

#FR260827Barbour .lp-accordion__icon {
  width: calc(24 * var(--formula));
  height: calc(12 * var(--formula));
  /* transition: rotate var(--duration-accordion) var(--ease-base); */
  position: relative;
  left: calc(3 * var(--formula));
  top: calc(3 * var(--formula));
}

#FR260827Barbour .lp-accordion.is-active .lp-accordion__icon {
  rotate: 180deg;
}

#FR260827Barbour .lp-color {
  font-family: var(--font-display);
  font-size: calc(26 * var(--formula));
  line-height: 1;
  white-space: nowrap;
}

#FR260827Barbour .lp-color--beige {
  margin-top: calc(100 * var(--formula));
  width: calc(710 * var(--formula));
  text-align: right;
}

#FR260827Barbour .lp-color--medium-gray {
  margin-top: calc(103 * var(--formula));
  margin-left: calc(41 * var(--formula));
}

#FR260827Barbour .lp-color--vertical {
  position: absolute;
  writing-mode: vertical-rl;
  white-space: nowrap;
}

#FR260827Barbour .lp-color--gray {
  top: calc(1 * var(--formula));
  left: calc(548 * var(--formula));
}

#FR260827Barbour .lp-color--ivory {
  top: calc(2 * var(--formula));
  left: calc(-35 * var(--formula));
}

#FR260827Barbour .lp-look {
  position: relative;
}

#FR260827Barbour .lp-look--gray {
  margin-top: calc(80 * var(--formula));
  margin-left: calc(105 * var(--formula));
  width: calc(540 * var(--formula));
}

#FR260827Barbour .lp-look--ivory {
  margin-top: calc(163 * var(--formula));
  margin-left: calc(105 * var(--formula));
  width: calc(540 * var(--formula));
}

#FR260827Barbour .lp-photo--beige {
  margin-top: calc(7 * var(--formula));
  margin-left: calc(40 * var(--formula));
  width: calc(670 * var(--formula));
}

#FR260827Barbour .lp-photo--wide {
  margin-top: calc(190 * var(--formula));
  width: 100%;
}

#FR260827Barbour .lp-photo--medium-gray {
  margin-top: calc(7 * var(--formula));
  margin-left: calc(40 * var(--formula));
  width: calc(670 * var(--formula));
}

#FR260827Barbour .lp-switch {
  position: relative;
}

#FR260827Barbour .lp-switch__image--second {
  position: absolute;
  inset: 0;
  height: 100%;
  opacity: 0;
  transition: opacity var(--duration-switch) var(--ease-base);
}

#FR260827Barbour .lp-switch__image--second.is-active {
  opacity: 1;
}

#FR260827Barbour .lp-credit {
  display: flex;
  flex-direction: column;
  font-family: var(--font-display);
  font-size: calc(22 * var(--formula));
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.05em;
}

#FR260827Barbour .lp-credit__line {
  display: flex;
  gap: calc(11 * var(--formula));
}

#FR260827Barbour .lp-credit--beige {
  margin-top: calc(18 * var(--formula));
  margin-left: calc(40 * var(--formula));
  align-items: flex-start;
}

#FR260827Barbour .lp-credit--gray {
  margin-top: calc(21 * var(--formula));
  margin-left: calc(105 * var(--formula));
  align-items: flex-start;
  line-height: 1.8;
}

#FR260827Barbour .lp-credit--medium-gray {
  margin-top: calc(15 * var(--formula));
  width: calc(710 * var(--formula));
  align-items: flex-end;
}

#FR260827Barbour .lp-credit--ivory {
  margin-top: calc(30 * var(--formula));
  width: calc(645 * var(--formula));
  align-items: flex-end;
}

#FR260827Barbour .lp-cta {
  margin-top: calc(199 * var(--formula));
}

#FR260827Barbour .lp-cta__link {
  display: block;
}

#FR260827Barbour .lp-cta__text {
  display: block;
  font-family: var(--font-display);
  font-size: calc(64 * var(--formula));
  letter-spacing: -0.025em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

#FR260827Barbour .lp-cta__rule {
  display: block;
  margin-top: calc(22 * var(--formula));
  margin-left: calc(112 * var(--formula));
  width: calc(530 * var(--formula));
  height: calc(10 * var(--formula));
  border-top: calc(2 * var(--formula)) solid currentColor;
  border-bottom: calc(4 * var(--formula)) solid currentColor;
}

#FR260827Barbour .lp-staff {
  position: relative;
  margin-top: calc(123 * var(--formula));
}

#FR260827Barbour .lp-staff__title {
  position: absolute;
  top: calc(319 * var(--formula));
  left: calc(30 * var(--formula));
  color: var(--color-text-invert);
  font-family: var(--font-display);
  font-size: calc(20 * var(--formula));
  line-height: 1;
  white-space: nowrap;
}

#FR260827Barbour .lp-staff__text {
  position: absolute;
  top: calc(351 * var(--formula));
  left: calc(30 * var(--formula));
  color: var(--color-text-invert);
  font-family: var(--font-display);
  font-size: calc(20 * var(--formula));
  line-height: 1.5;
  white-space: nowrap;
  letter-spacing: 0.025em;
}

.lp-style.lp-style--medium {
  border-top: solid 1px #817f7c;
}
.lp-style.lp-style--short {
  padding-bottom: calc(152* var(--formula));
}
#FR260827Barbour .lp-style.lp-style--short .js-accordion.is-active .lp-accordion__button {
  margin-top: calc(33 * var(--formula));
}
#FR260827Barbour .lp-style.lp-style--medium .lp-accordion__button {
  margin-top: calc(7 * var(--formula));
}
#FR260827Barbour .lp-style.lp-style--medium .js-accordion.is-active .lp-accordion__button {
  margin-top: calc(30 * var(--formula));
}
.archive {
  border-top: none !important;
}