@charset "UTF-8";

#CE260915Barbour {
  --pc-width: 1400;
  --sp-width: 560;
  --pc-artboard-width: 560;
  --sp-artboard-width: 560;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #000;
  --color-heading: #000002;
  --color-credit: #8e8e8e;
  --color-bg: #fff;
  --color-section-bg: #fff;
  --font-base: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  --font-credit: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  --font-staff: "Bodoni Moda", serif;
  --font-ui: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 0.8s;
  --duration-wipe: 1s;
  --ease-wipe: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fade: 0.4s;
  --duration-marquee: 24s;
  --header-offset: 0px;
}

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

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

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

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

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

#CE260915Barbour h1,
#CE260915Barbour h2,
#CE260915Barbour h3,
#CE260915Barbour h4,
#CE260915Barbour h5,
#CE260915Barbour h6,
#CE260915Barbour p {
  margin: 0;
}

#CE260915Barbour picture {
  display: block;
}

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

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

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

#CE260915Barbour .lp-deco {
  pointer-events: none;
}

#CE260915Barbour section,
#CE260915Barbour .lp-item {
  display: flow-root;
}

#CE260915Barbour {
  max-width: 1400px;
  margin-inline: auto;
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  #CE260915Barbour {
    background-image: url("../img/pc-texture-01.svg"), url("../img/pc-texture-02.svg");
    background-position: left top, right top;
    background-repeat: repeat-y, repeat-y;
    background-size: calc(140 * var(--formula_pc)) calc(1012 * var(--formula_pc));
  }
}

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

@media (min-width: 768px) {
  #CE260915Barbour .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
    margin-inline: 0 auto;
  }
}

@media (min-width: 768px) {
  #CE260915Barbour .lp-layout {
    display: grid;
    align-items: start;
  }

  #CE260915Barbour .lp-layout--col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#CE260915Barbour .lp-layout__primary {
  overflow-x: clip;
  display: flow-root;
}

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

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

/* ---- アニメーション ----
 * 方向指定のある要素は clip-path のワイプで「滑らかに表示」。
 * クラス名は「見え方の進行方向」（rtl = 右から左に現れる）。
 * 指定外はフェードアップ（下から上）。 */
#CE260915Barbour .ani-wipe {
  clip-path: inset(0 0 0 0);
  transition: clip-path var(--duration-wipe) var(--ease-wipe);
  transition-delay: var(--delay, 0s);
  will-change: clip-path;
}

#CE260915Barbour .ani-wipe--ltr {
  clip-path: inset(0 100% 0 0);
}

#CE260915Barbour .ani-wipe--rtl {
  clip-path: inset(0 0 0 100%);
}

#CE260915Barbour .ani-wipe--btt {
  clip-path: inset(100% 0 0 0);
}

#CE260915Barbour .ani-wipe--ttb {
  clip-path: inset(0 0 100% 0);
}

#CE260915Barbour .ani-fade-up {
  opacity: 0;
  translate: 0 calc(30 * var(--formula));
  transition: opacity var(--duration-base) var(--ease-base),
    translate var(--duration-base) var(--ease-base);
  transition-delay: var(--delay, 0s);
}

#CE260915Barbour .ani-fade {
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-base);
  transition-delay: var(--delay, 0s);
}

#CE260915Barbour .ani-reveal.is-active.ani-wipe,
#CE260915Barbour .ani-reveal.is-active .ani-wipe {
  clip-path: inset(0 0 0 0);
}

#CE260915Barbour .ani-reveal.is-active.ani-fade-up,
#CE260915Barbour .ani-reveal.is-active .ani-fade-up {
  opacity: 1;
  translate: 0 0;
}

#CE260915Barbour .ani-reveal.is-active.ani-fade,
#CE260915Barbour .ani-reveal.is-active .ani-fade {
  opacity: 1;
}

#CE260915Barbour .ani-order-1 {
  --delay: 0s;
}

#CE260915Barbour .ani-order-2 {
  --delay: 0.2s;
}

#CE260915Barbour .ani-order-3 {
  --delay: 0.4s;
}

#CE260915Barbour .ani-order-4 {
  --delay: 0.6s;
}

#CE260915Barbour .ani-order-5 {
  --delay: 0.8s;
}

#CE260915Barbour .ani-order-6 {
  --delay: 1s;
}

@media (prefers-reduced-motion: reduce) {
  #CE260915Barbour .ani-wipe,
  #CE260915Barbour .ani-fade-up,
  #CE260915Barbour .ani-fade {
    opacity: 1;
    translate: 0 0;
    clip-path: inset(0 0 0 0);
    transition: none;
  }
}

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

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

#CE260915Barbour .lp-credit {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  font-family: var(--font-credit);
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  color: var(--color-credit);
  white-space: nowrap;
}

#CE260915Barbour .lp-credit__row {
  display: flex;
  gap: calc(9 * var(--formula));
}

#CE260915Barbour .lp-credit__item {
  display: block;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: calc(3 * var(--formula));
}

#CE260915Barbour .lp-lead,
#CE260915Barbour .lp-credit--look03,
#CE260915Barbour .lp-credit--look04 {
  position: relative;
  z-index: 1;
}

#CE260915Barbour .lp-mv {
  position: relative;
  padding-bottom: calc(51 * var(--formula));
}

#CE260915Barbour .lp-mv__logo {
  position: absolute;
  top: calc(383 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(328 * var(--formula));
}

#CE260915Barbour .lp-mv__title {
  position: absolute;
  top: calc(456 * var(--formula));
  left: calc(30 * var(--formula));
  display: flow-root;
  width: calc(328 * var(--formula));
}

#CE260915Barbour .lp-mv__title-row {
  display: flex;
  align-items: flex-end;
  gap: calc(15 * var(--formula));
  margin-left: calc(1 * var(--formula));
}

#CE260915Barbour .lp-mv__title-the {
  flex: none;
  width: calc(136 * var(--formula));
}

#CE260915Barbour .lp-mv__title-new {
  flex: none;
  width: calc(177 * var(--formula));
}

#CE260915Barbour .lp-mv__title-heritage {
  margin-top: calc(9 * var(--formula));
  width: calc(328 * var(--formula));
}

#CE260915Barbour .lp-lead {
  padding-bottom: calc(48 * var(--formula));
}

#CE260915Barbour .lp-lead__title {
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  font-size: calc(24 * var(--formula));
  line-height: 1.4167;
  text-align: center;
  white-space: nowrap;
}

#CE260915Barbour .lp-lead__text {
  width: max-content;
  max-width: 100%;
  margin-top: calc(8 * var(--formula));
  margin-inline: auto;
  font-size: calc(16 * var(--formula));
  line-height: 1.75;
  text-align: center;
  white-space: nowrap;
}

#CE260915Barbour .lp-video {
  position: relative;
  height: calc(711 * var(--formula));
}

#CE260915Barbour .lp-video__band {
  position: absolute;
  top: calc(122 * var(--formula));
  left: 0;
  width: 100%;
}

#CE260915Barbour .lp-video__frame {
  position: absolute;
  top: 0;
  left: calc(80 * var(--formula));
  z-index: 1;
  width: calc(400 * var(--formula));
}

#CE260915Barbour .lp-video__media {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 400 / 711;
  object-fit: cover;
  background-color: var(--color-bg);
}

@media (min-width: 768px) {
  #CE260915Barbour .lp-video {
    display: none;
  }
}

#CE260915Barbour .lp-rail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(560 * var(--formula_pc));
}

#CE260915Barbour .lp-rail__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--color-bg);
}

#CE260915Barbour .lp-video__sound,
#CE260915Barbour .lp-rail__sound {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: var(--font-ui);
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.08em;
}

#CE260915Barbour .lp-video__sound {
  bottom: calc(13 * var(--formula));
  left: calc(23 * var(--formula));
  gap: calc(25 * var(--formula));
  font-size: calc(14 * var(--formula));
}

#CE260915Barbour .lp-rail__sound {
  bottom: calc(11 * var(--formula_pc));
  left: calc(23 * var(--formula_pc));
  gap: calc(28 * var(--formula_pc));
  font-size: calc(20 * var(--formula_pc));
}

#CE260915Barbour .lp-video__sound-item,
#CE260915Barbour .lp-rail__sound-item {
  display: flex;
  align-items: center;
}

#CE260915Barbour .lp-video__sound-item::before,
#CE260915Barbour .lp-rail__sound-item::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}

#CE260915Barbour .lp-video__sound-item--on::before,
#CE260915Barbour .lp-rail__sound-item--on::before {
  background-image: url("../img/sound-on.svg");
}

#CE260915Barbour .lp-video__sound-item--off::before,
#CE260915Barbour .lp-rail__sound-item--off::before {
  background-image: url("../img/sound-off.svg");
}

#CE260915Barbour .lp-video__sound-item--on::before {
  width: calc(11 * var(--formula));
  height: calc(11 * var(--formula));
  margin-right: calc(4 * var(--formula));
}

#CE260915Barbour .lp-video__sound-item--off::before {
  width: calc(10 * var(--formula));
  height: calc(11 * var(--formula));
  margin-right: calc(4 * var(--formula));
}

#CE260915Barbour .lp-rail__sound-item--on::before {
  width: calc(16 * var(--formula_pc));
  height: calc(16 * var(--formula_pc));
  margin-right: calc(6 * var(--formula_pc));
}

#CE260915Barbour .lp-rail__sound-item--off::before {
  width: calc(14 * var(--formula_pc));
  height: calc(16 * var(--formula_pc));
  margin-right: calc(6 * var(--formula_pc));
}

#CE260915Barbour .lp-look__group {
  position: relative;
  display: flow-root;
}

#CE260915Barbour .lp-look__band,
#CE260915Barbour .lp-look__en,
#CE260915Barbour .lp-look__num,
#CE260915Barbour .lp-look__group .lp-photo {
  position: absolute;
}

#CE260915Barbour .lp-look__body {
  display: flow-root;
  margin-top: calc(50 * var(--formula));
}

#CE260915Barbour .lp-look__title {
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  font-size: calc(18 * var(--formula));
  line-height: 1.4444;
  color: var(--color-heading);
  text-align: center;
  white-space: nowrap;
}

#CE260915Barbour .lp-look__text {
  width: max-content;
  max-width: 100%;
  margin-top: calc(15 * var(--formula));
  margin-inline: auto;
  font-size: calc(16 * var(--formula));
  line-height: 1.75;
  text-align: center;
  white-space: nowrap;
}

#CE260915Barbour .lp-look__body .lp-credit {
  margin-top: calc(27 * var(--formula));
}

#CE260915Barbour .lp-look--01 {
  margin-top: calc(-64 * var(--formula));
  padding-bottom: calc(30 * var(--formula));
}

@media (min-width: 768px) {
  #CE260915Barbour .lp-look--01 {
    margin-top: calc(-80 * var(--formula_pc));
  }
}

#CE260915Barbour .lp-look__group--01 {
  height: calc(932 * var(--formula));
}

#CE260915Barbour .lp-look__band--01 {
  top: 0;
  left: calc(49 * var(--formula));
  width: calc(93 * var(--formula));
}

#CE260915Barbour .lp-look__en--01 {
  top: calc(300 * var(--formula));
  left: calc(445 * var(--formula));
  width: calc(60 * var(--formula));
}

#CE260915Barbour .lp-photo--look01-01 {
  top: calc(164 * var(--formula));
  left: 0;
  width: calc(450 * var(--formula));
}

#CE260915Barbour .lp-look__num--01 {
  top: calc(105 * var(--formula));
  left: calc(425 * var(--formula));
  width: calc(111 * var(--formula));
}

#CE260915Barbour .lp-photo--look01-02 {
  margin-top: calc(-88 * var(--formula));
  margin-left: calc(170 * var(--formula));
  width: calc(350 * var(--formula));
}

#CE260915Barbour .lp-look--02 {
  padding-bottom: calc(40 * var(--formula));
}

#CE260915Barbour .lp-look__group--02a {
  margin-left: calc(27 * var(--formula));
  width: calc(533 * var(--formula));
  height: calc(723 * var(--formula));
}

#CE260915Barbour .lp-look__en--02 {
  top: calc(237 * var(--formula));
  left: calc(38 * var(--formula));
  width: calc(60 * var(--formula));
}

#CE260915Barbour .lp-photo--look02-01 {
  top: calc(73 * var(--formula));
  left: calc(83 * var(--formula));
  width: calc(450 * var(--formula));
}

#CE260915Barbour .lp-look__num--02 {
  top: 0;
  left: 0;
  width: calc(120 * var(--formula));
}

#CE260915Barbour .lp-look__group--02b {
  margin-top: calc(30 * var(--formula));
  margin-left: calc(40 * var(--formula));
  width: calc(520 * var(--formula));
  height: calc(1080 * var(--formula));
}

#CE260915Barbour .lp-look__band--02 {
  top: calc(263 * var(--formula));
  left: calc(85 * var(--formula));
  width: calc(435 * var(--formula));
}

#CE260915Barbour .lp-photo--look02-02 {
  top: 0;
  left: 0;
  width: calc(350 * var(--formula));
}

#CE260915Barbour .lp-photo--look02-03 {
  top: calc(555 * var(--formula));
  left: calc(130 * var(--formula));
  width: calc(350 * var(--formula));
}

#CE260915Barbour .lp-look__group--03a {
  width: calc(538 * var(--formula));
  height: calc(710 * var(--formula));
}

#CE260915Barbour .lp-look__en--03 {
  top: calc(203 * var(--formula));
  left: calc(424 * var(--formula));
  width: calc(81 * var(--formula));
}

#CE260915Barbour .lp-photo--look03-01 {
  top: calc(60 * var(--formula));
  left: 0;
  width: calc(450 * var(--formula));
}

#CE260915Barbour .lp-look__num--03 {
  top: 0;
  left: calc(420 * var(--formula));
  width: calc(118 * var(--formula));
}

#CE260915Barbour .lp-look__group--03b {
  margin-top: calc(30 * var(--formula));
  width: 100%;
  height: calc(525 * var(--formula));
}

#CE260915Barbour .lp-look__band--03 {
  top: calc(113 * var(--formula));
  left: 0;
  width: 100%;
}

#CE260915Barbour .lp-photo--look03-02 {
  top: 0;
  left: calc(170 * var(--formula));
  width: calc(350 * var(--formula));
}

#CE260915Barbour .lp-marquee {
  margin-top: calc(30 * var(--formula));
  width: 100%;
  overflow: hidden;
  display: flow-root;
}

#CE260915Barbour .lp-marquee__track {
  display: flex;
  width: max-content;
  animation: ani-marquee var(--duration-marquee) linear infinite;
  animation-play-state: paused;
}

#CE260915Barbour .lp-marquee.is-active .lp-marquee__track {
  animation-play-state: running;
}

#CE260915Barbour .lp-photo--look03-slide {
  margin-right: calc(19 * var(--formula));
  width: calc(320 * var(--formula));
  flex: none;
}

@keyframes ani-marquee {
  to {
    translate: -50% 0;
  }
}

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

#CE260915Barbour .lp-look--03 {
  z-index: 3;
  position: relative;
}

#CE260915Barbour .lp-look--04 {
  margin-top: calc(-35 * var(--formula));
  position: relative;
  z-index: 2;
}

#CE260915Barbour .lp-look__group--04 {
  margin-left: calc(29 * var(--formula));
  width: calc(531 * var(--formula));
  height: calc(1342 * var(--formula));
}

#CE260915Barbour .lp-look__band--04 {
  top: 0;
  left: calc(340 * var(--formula));
  width: calc(93 * var(--formula));
}

#CE260915Barbour .lp-photo--look04-02 {
  top: calc(817 * var(--formula));
  left: calc(11 * var(--formula));
  width: calc(350 * var(--formula));
}

#CE260915Barbour .lp-look__en--04 {
  top: calc(296 * var(--formula));
  left: calc(32 * var(--formula));
  width: calc(60 * var(--formula));
}

#CE260915Barbour .lp-photo--look04-01 {
  top: calc(137 * var(--formula));
  left: calc(81 * var(--formula));
  width: calc(450 * var(--formula));
}

#CE260915Barbour .lp-look__num--04 {
  top: calc(65 * var(--formula));
  left: 0;
  width: calc(121 * var(--formula));
}

#CE260915Barbour .lp-photo--look04-03 {
  margin-top: calc(30 * var(--formula));
  margin-left: calc(170 * var(--formula));
  width: calc(350 * var(--formula));
}

#CE260915Barbour .lp-story {
  margin-top: calc(-35 * var(--formula));
  padding-bottom: calc(75 * var(--formula));
}

#CE260915Barbour .lp-story__group {
  position: relative;
  display: flow-root;
  width: calc(465 * var(--formula));
  height: calc(467 * var(--formula));
}

#CE260915Barbour .lp-story__band {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(278 * var(--formula));
}

#CE260915Barbour .lp-story__title {
  position: absolute;
  top: calc(135 * var(--formula));
  left: calc(202 * var(--formula));
  width: calc(156 * var(--formula));
}

#CE260915Barbour .lp-story__text {
  position: absolute;
  top: calc(260 * var(--formula));
  left: calc(95 * var(--formula));
  width: calc(370 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.75;
  white-space: normal;
}

#CE260915Barbour .lp-story__button {
  position: relative;
  margin-top: calc(80 * var(--formula));
  margin-left: calc(149 * var(--formula));
  width: calc(261 * var(--formula));
}

#CE260915Barbour .lp-story__button a {
  display: block;
}

#CE260915Barbour .lp-story__button-label {
  position: absolute;
  top: calc(11 * var(--formula));
  left: calc(48 * var(--formula));
  width: calc(163 * var(--formula));
}

#CE260915Barbour .lp-story__staff {
  width: max-content;
  max-width: 100%;
  margin-top: calc(21 * var(--formula));
  margin-inline: auto;
  font-family: var(--font-staff);
  font-size: calc(14 * var(--formula));
  font-style: italic;
  line-height: 1.4286;
  color: var(--color-heading);
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.03em;
  position: relative;
  left: calc(1 * var(--formula));
}

#CE260915Barbour .lp-top {
  position: fixed;
  right: calc(13 * var(--formula));
  bottom: calc(80 * var(--formula));
  width: calc(32 * var(--formula));
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration-fade) var(--ease-base),
    visibility var(--duration-fade) var(--ease-base);
}

#CE260915Barbour .lp-top.is-visible {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 768px) {
  #CE260915Barbour .lp-top {
    right: auto;
    left: calc(50% + 520 * var(--formula_pc));
    bottom: calc(80 * var(--formula_pc));
    width: calc(32 * var(--formula_pc));
  }
}

#CE260915Barbour .lp-look__text--02 {
    margin-top: calc(14 * var(--formula));
}

#CE260915Barbour .lp-look__text--03 {
    margin-top: calc(14 * var(--formula));
}

#CE260915Barbour .lp-look__text--04 {
    margin-top: calc(14 * var(--formula));
}