@charset "UTF-8";

@media screen and (min-width: 768px) {
  .header-logo {
    display: none !important;
  }
}

.footer {
  padding-top: 0;
}

.footer .footer-nav {
  margin-left: -1.6vw;
  width: 100%;
  padding-top: 6.6666666667vw;
}

.main-area {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  #breadcrumb {
    width: auto !important;
  }
}

@media screen and (min-width: 768px) {
  #Contents {
    padding-top: 5rem;
  }
}

#Wrap {
  padding: 0;
  margin: 0;
}

#MR260930cashmere {
  --pc-width: 1920;
  --sp-width: 750;
  --pc-artboard-width: 750;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #4c463a;
  --color-bg: #f7f7f0;
  --color-section-bg: #f7f7f0;
  --color-lead: #564c35;
  --color-band: #4c463a;
  --color-accent: #f4f6c0;
  --color-title: #ecedbd;
  --color-credit: #fff;
  --font-base: "times-new-roman", "Times New Roman", Times, serif;
  --font-display: "cofo-raffine", "Times New Roman", Times, serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 0.8s;
  --duration-credit: 0.4s;
  --header-offset: 0px;
}

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

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

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

#MR260930cashmere * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: normal;
}

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

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

#MR260930cashmere picture {
  display: block;
}

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

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

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

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

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

#MR260930cashmere .lp-slider img,
#MR260930cashmere .lp-slider a {
  -webkit-user-drag: none;
  user-select: none;
}

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

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

#MR260930cashmere .ani-inview {
  opacity: 0;
}

#MR260930cashmere .ani-inview.is-active {
  opacity: 1;
  animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes fade-blur {
  0% {
  filter: blur(10px);
  transform: scale(1.02);
  opacity: 0;
  }
  100% {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}

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

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

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

  #MR260930cashmere .lp-layout--col-2 {
    grid-template-columns:
      minmax(0, 1fr)
      min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%);
  }
}

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

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

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

#MR260930cashmere .lp-cover {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--color-section-bg);
}

#MR260930cashmere .lp-cover__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#MR260930cashmere .lp-cover__logo {
  position: absolute;
  top: 54.348%;
  left: 7.249%;
  width: 24.217%;
}

#MR260930cashmere .lp-chapter {
  background-color: var(--color-bg);
}

#MR260930cashmere .lp-chapter--01 {
  position: sticky;
  top: 0;
  z-index: 1;
  padding-bottom: calc(139 * var(--formula));
  background-color: var(--color-bg);
}

#MR260930cashmere .lp-chapter--02 {
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: calc(127 * var(--formula));
  background-color: var(--color-bg);
}

#MR260930cashmere .lp-chapter--03 {
  position: sticky;
  top: 0;
  z-index: 3;
  padding-bottom: calc(152 * var(--formula));
  background-color: var(--color-bg);
}

#MR260930cashmere .lp-chapter--04 {
  position: relative;
  z-index: 4;
}

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

#MR260930cashmere .lp-mv {
  position: relative;
  width: 100%;
}

#MR260930cashmere .lp-mv__logo {
  position: absolute;
  top: calc(763 * var(--formula));
  left: calc(248 * var(--formula));
  width: calc(255 * var(--formula));
}

#MR260930cashmere .lp-lead {
  display: flex;
  justify-content: space-between;
  margin-top: calc(-3 * var(--formula));
  margin-left: calc(13 * var(--formula));
  width: calc(727 * var(--formula));
  color: var(--color-lead);
  white-space: nowrap;
}

#MR260930cashmere .lp-lead__year {
  font-size: calc(35 * var(--formula));
  line-height: 2.0109;
  letter-spacing: -0.01em;
}

#MR260930cashmere .lp-lead__label {
  font-size: calc(36 * var(--formula));
  line-height: 1.955;
  letter-spacing: -0.01em;
  text-align: right;
}

#MR260930cashmere .lp-collection {
  display: flex;
  margin-top: calc(149 * var(--formula));
  width: 100%;
  height: calc(693 * var(--formula));
}

#MR260930cashmere .lp-photo--collection {
  width: calc(511 * var(--formula));
}

#MR260930cashmere .lp-collection__panel {
  position: absolute;
  top: 0;
  left: calc(512 * var(--formula));
  width: calc(238 * var(--formula));
  height: calc(693 * var(--formula));
  background-color: var(--color-band);
}

#MR260930cashmere .lp-collection__title {
  width: calc(238 * var(--formula));
}

#MR260930cashmere .lp-collection__word {
  position: absolute;
  writing-mode: vertical-rl;
  white-space: nowrap;
  color: var(--color-title);
  font-family: var(--font-display);
  letter-spacing: -0.01em;
  line-height: 1.2515;
  text-align: center;
  text-transform: uppercase;
}

#MR260930cashmere .lp-collection__word--cashmere {
  top: 0;
  left: calc(89 * var(--formula));
  font-size: calc(181 * var(--formula));
}

#MR260930cashmere .lp-collection__word--collection {
  top: calc(2 * var(--formula));
  left: 0;
  font-size: calc(144 * var(--formula));
}

#MR260930cashmere .lp-slider--collection {
  position: relative;
  margin-top: calc(160 * var(--formula));
  width: 100%;
  background-color: var(--color-section-bg);
}

#MR260930cashmere .lp-slider__pager {
  position: absolute;
  top: calc(956 * var(--formula));
  left: calc(688 * var(--formula));
  display: flex;
  gap: calc(9 * var(--formula));
  width: calc(29 * var(--formula));
}

#MR260930cashmere .lp-slider__pager .swiper-pagination-bullet {
  margin: 0;
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  background-color: transparent;
  border: calc(1 * var(--formula)) solid var(--color-credit);
  opacity: 1;
}

#MR260930cashmere .lp-slider__pager .swiper-pagination-bullet-active {
  background-color: var(--color-credit);
}

#MR260930cashmere .lp-credit__toggle {
  display: block;
  width: 100%;
}

#MR260930cashmere .lp-credit {
  position: absolute;
  display: flex;
  flex-direction: column;
  color: var(--color-credit);
  font-size: calc(22 * var(--formula));
  line-height: 1.3864;
  letter-spacing: 0.06em;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration-credit) var(--ease-base),
    visibility var(--duration-credit) var(--ease-base);
}

#MR260930cashmere .lp-credit.is-open {
  opacity: 1;
  visibility: visible;
}

#MR260930cashmere .lp-credit__item {
  display: block;
}

#MR260930cashmere .lp-credit--collection {
  z-index: 2;
  top: calc(880 * var(--formula));
  left: calc(27 * var(--formula));
  width: calc(595 * var(--formula));
}
@media (min-width: 768px) {
  #MR260930cashmere .lp-credit--collection {
    top: calc(875 * var(--formula_pc));
  }
  @supports (-webkit-hyphens: none) {
    #MR260930cashmere .lp-credit--collection {
      top: calc(878 * var(--formula_pc));
    }
  }
}

#MR260930cashmere .lp-credit--grey {
  top: calc(881 * var(--formula));
  left: calc(27 * var(--formula));
  width: calc(500 * var(--formula));
}
@media (min-width: 768px) {
  #MR260930cashmere .lp-credit--grey {
    top: calc(878 * var(--formula_pc));
  }
  @supports (-webkit-hyphens: none) {
   #MR260930cashmere .lp-credit--grey {
      top: calc(882 * var(--formula_pc)); /* Safari用の値を指定 */
    }
  }
}

#MR260930cashmere .lp-credit--camel {
  top: calc(874 * var(--formula));
  left: calc(28 * var(--formula));
  width: calc(599 * var(--formula));
}
@media (min-width: 768px) {
  #MR260930cashmere .lp-credit--camel {
    top: calc(871 * var(--formula_pc));
  }
  @supports (-webkit-hyphens: none) {
    #MR260930cashmere .lp-credit--camel {
      top: calc(875 * var(--formula_pc));
    }
  }
}
#MR260930cashmere .lp-credit--timeless {
  top: calc(815 * var(--formula));
  left: calc(25 * var(--formula));
  width: calc(413 * var(--formula));
}
@media (min-width: 768px) {
  @supports (-webkit-hyphens: none) {
    #MR260930cashmere .lp-credit--timeless {
      top: calc(818 * var(--formula_pc));
    }
  }
}
#MR260930cashmere .lp-credit--cardigan {
  top: calc(851 * var(--formula));
  left: calc(25 * var(--formula));
  width: calc(598 * var(--formula));
}
@media (min-width: 768px) {
  @supports (-webkit-hyphens: none) {
  #MR260930cashmere .lp-credit--cardigan {
      top: calc(854 * var(--formula_pc));
    }
  }
}
#MR260930cashmere .lp-photo--glass {
  margin-top: calc(162 * var(--formula));
  margin-left: calc(118 * var(--formula));
  width: calc(515 * var(--formula));
}

#MR260930cashmere .lp-note {
  font-size: calc(27 * var(--formula));
  line-height: 1.0752;
  letter-spacing: 0.02em;
  color: var(--color-text);
}

#MR260930cashmere .lp-note--collection {
  margin-top: calc(11 * var(--formula));
  margin-left: calc(118 * var(--formula));
  width: calc(360 * var(--formula));
  white-space: nowrap;
}

#MR260930cashmere .lp-note--camel {
  margin-top: calc(24 * var(--formula));
  margin-left: calc(21 * var(--formula));
  width: calc(611 * var(--formula));
  white-space: nowrap;
}
@media (min-width: 768px) {
  #MR260930cashmere .lp-note--camel {
    margin-top: calc(20 * var(--formula_pc));
  }
  @supports (-webkit-hyphens: none) {
    #MR260930cashmere .lp-note--camel {
      margin-top: calc(19 * var(--formula_pc));
    }
  }
}
#MR260930cashmere .lp-note--timeless {
  margin-top: calc(22 * var(--formula));
  margin-left: calc(97 * var(--formula));
  width: calc(551 * var(--formula));
  white-space: normal;
}

#MR260930cashmere .lp-photo--grey {
  width: 100%;
}

#MR260930cashmere .lp-rule {
  width: 100%;
  height: calc(45 * var(--formula));
  background-color: var(--color-accent);
}

#MR260930cashmere .lp-item--grey {
  position: relative;
  width: 100%;
}

#MR260930cashmere .lp-made-from {
  position: relative;
  width: 100%;
  height: calc(790 * var(--formula));
}

#MR260930cashmere .lp-made-from__band {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(240 * var(--formula));
  background-color: var(--color-band);
}

#MR260930cashmere .lp-photo--made-from {
  position: absolute;
  top: calc(240 * var(--formula));
  left: 0;
  width: 100%;
}

#MR260930cashmere .lp-made-from__title {
  position: absolute;
  top: calc(188 * var(--formula));
  left: calc(14 * var(--formula));
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(720 * var(--formula));
}

#MR260930cashmere .lp-made-from__label {
  width: calc(215 * var(--formula));
  color: var(--color-accent);
  font-family: var(--font-display);
  font-size: calc(47 * var(--formula));
  line-height: 1.1804;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

#MR260930cashmere .lp-made-from__note {
  width: calc(288 * var(--formula));
  color: var(--color-accent);
  font-family: var(--font-display);
  font-size: calc(48 * var(--formula));
  line-height: 1.1587;
  letter-spacing: -0.01em;
  text-align: right;
  white-space: nowrap;
}

#MR260930cashmere .lp-item--camel {
  position: relative;
  margin-top: calc(196 * var(--formula));
  width: 100%;
}

#MR260930cashmere .lp-photo--hood {
  width: 100%;
}

#MR260930cashmere .lp-timeless {
  position: relative;
  width: 100%;
  height: calc(1170 * var(--formula));
}

#MR260930cashmere .lp-timeless__band {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(180 * var(--formula));
  background-color: var(--color-band);
}

#MR260930cashmere .lp-item--timeless {
  position: absolute;
  top: calc(180 * var(--formula));
  left: 0;
  width: 100%;
}

#MR260930cashmere .lp-photo--timeless {
  width: 100%;
}

#MR260930cashmere .lp-timeless__title {
  position: absolute;
  top: calc(110 * var(--formula));
  left: calc(12 * var(--formula));
  width: calc(725 * var(--formula));
  color: var(--color-accent);
  font-family: var(--font-display);
  font-size: calc(91 * var(--formula));
  line-height: 0.9105;
  letter-spacing: 0.016em;
  text-align: center;
  white-space: nowrap;
}

#MR260930cashmere .lp-photo--detail {
  margin-top: calc(167 * var(--formula));
  margin-left: calc(100 * var(--formula));
  width: calc(550 * var(--formula));
}

#MR260930cashmere .lp-photo--cardigan {
  width: 100%;
}

#MR260930cashmere .lp-item--cardigan {
  position: relative;
  width: 100%;
}

#MR260930cashmere .lp-footer {
  position: relative;
  width: 100%;
  height: calc(385 * var(--formula));
  background-color: var(--color-band);
}

#MR260930cashmere .lp-footer__button {
  position: absolute;
  top: calc(38 * var(--formula));
  left: calc(32 * var(--formula));
  display: block;
  width: calc(369 * var(--formula));
  color: var(--color-accent);
  font-family: var(--font-display);
  font-size: calc(47 * var(--formula));
  line-height: 1.1804;
  letter-spacing: 0.012em;
  white-space: nowrap;
}

#MR260930cashmere .lp-footer__staff {
  position: absolute;
  top: calc(203 * var(--formula));
  left: calc(32 * var(--formula));
  width: calc(685 * var(--formula));
  color: var(--color-accent);
  font-size: calc(20 * var(--formula));
  line-height: 1.335;
  letter-spacing: 0.042em;
  white-space: nowrap;
}