@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT {
  --color-white: #FFF;
  --color-black: #000;
  --font-yu: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-hiragino: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  --font-nimbus: "nimbus-sans" sans-serif;
  --font-trajan: "trajan-pro-3", serif;
  --font-ja: var(--font-hiragino);
  --font-en: var(--font-articulat);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
  color: var(--color-black);
}
#Contents {
  overflow: clip;
}
.AU250625LYLESCOTT {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 472;
  --sp-artboard-width: 750;
}
.AU250625LYLESCOTT img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .header__wrapper {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: var(--zindex-header);
  }
  .AU250625LYLESCOTT {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  .AU250625LYLESCOTT {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
    margin-top: calc(-115*var(--variable)*var(--ratio));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - others
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .AU250625LYLESCOTT {
    margin-top: calc(-138*100vw/1400);
  }
  .AU250625LYLESCOTT .hidden-desktop {
    display: none !important;
  }
  .AU250625LYLESCOTT .lp_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .AU250625LYLESCOTT .hidden-mobile {
    display: none !important;
  }
}
.AU250625LYLESCOTT img,
.AU250625LYLESCOTT video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - position
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .fixed_container {
  position: relative;
  z-index: 2;
}
.AU250625LYLESCOTT .fixed_inner::before {
  position: absolute;
  content: "";
  width: calc(750*var(--variable)*var(--ratio));
  height: calc(1465*var(--variable)*var(--ratio));
  background-size: cover;
  background-image: url(../img/fixed_bg.jpg);
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: -1;
}
.AU250625LYLESCOTT .fixed_title {
  width: calc(489*var(--variable)*var(--ratio));
  bottom: calc(97*var(--variable)*var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.AU250625LYLESCOTT .fixed_image {
  width: calc(700*var(--variable)*var(--ratio));
  margin: 0 auto;
}
.AU250625LYLESCOTT .fixed_lead {
  margin-top: calc(99*var(--variable)*var(--ratio));
  font-size: calc(26*var(--variable)*var(--ratio));
  line-height: 1.7692307692;
  letter-spacing: .075em;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-hiragino);
  color: var(--color-white);
  text-align: center;
}
.AU250625LYLESCOTT .fixed_title {
  top: calc(780 * var(--variable) * var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  --row: calc(40 * var(--variable) * var(--ratio));
  align-items: center;
}
.AU250625LYLESCOTT .fixed_title01 {
  width: calc(679*var(--variable)*var(--ratio));
  overflow: hidden;
}
.AU250625LYLESCOTT .fixed_title02 {
  width: calc(386*var(--variable)*var(--ratio));
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .AU250625LYLESCOTT .fixed_container {
    position: sticky;
    top: 0;
    height: calc(100vh);
    overflow: hidden;
    background-color: var(--color-white);
  }
  .AU250625LYLESCOTT .fixed_inner {
    position: relative;
    z-index: 2;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .AU250625LYLESCOTT .fixed_inner::before {
    width: 100%;
    height: 100vh;
    background-image: url(../img/fixed_bg.jpg);
  }
  .AU250625LYLESCOTT .fixed_image {
    position: relative;
    width: min(630*100vw/1400, 630px);
    width: calc(630*100vw/1400);
  }
  .AU250625LYLESCOTT .fixed_lead {
    margin-top: calc(271*100vw/1400);
    margin-top: calc(374*100vw/1400);
    margin-bottom: calc(111*100vw/1400);
    font-size: calc(14*100vw/1400);
    line-height: 1.9857142857;
    letter-spacing: .1em;
    font-weight: var(--font-weight-medium);
    font-family: var(--font-hiragino);
    color: var(--color-black);
    text-align: center;
  }
  .AU250625LYLESCOTT .fixed_image img {
    width: 100%;
    object-fit: cover;
    object-position: 32% bottom;
    object-position: top;
  }
  .AU250625LYLESCOTT .fixed_title {
    top: min(677*100vw/1400, 677px);
    top: 56%;
    transform: translate(-50%, -50%);
    --row: min(30*100vw/1400, 30px);
    --row: calc(30*100vw/1400);
    justify-content: center;
  }
  .AU250625LYLESCOTT .fixed_title01 {
    width: min(495*100vw/1400, 495px);
    width: calc(495*100vw/1400);
  }
  .AU250625LYLESCOTT .fixed_title02 {
    width: min(278*100vw/1400, 278px);
    width: calc(278*100vw/1400);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - position
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .common-position {
  position: absolute;
}
.AU250625LYLESCOTT .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.AU250625LYLESCOTT .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.AU250625LYLESCOTT .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.AU250625LYLESCOTT .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.AU250625LYLESCOTT .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .product_inner {
  width: calc(750*var(--variable)*var(--ratio));
  margin: 0 auto;
  margin-top: calc(99*var(--variable)*var(--ratio));
}
.AU250625LYLESCOTT [class*="product_content"] {
  position: relative;
  width: fit-content;
  height: fit-content;
}
.AU250625LYLESCOTT .product_lead {
  width: calc(650*var(--variable)*var(--ratio));
  font-size: calc(23*var(--variable)*var(--ratio));
  line-height: 1.8695652174;
  letter-spacing: .05em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
  text-align: justify;
}
.AU250625LYLESCOTT .product_slider {
  width: calc(750*var(--variable)*var(--ratio));
  /* margin: 0 auto; */
}
.AU250625LYLESCOTT .product_slider_image {
  width: calc(450*var(--variable)*var(--ratio));
  margin: 0 calc(8*var(--variable)*var(--ratio));
}
.AU250625LYLESCOTT .product_price {
  margin-top: calc(30*var(--variable)*var(--ratio));
  font-size: calc(24*var(--variable)*var(--ratio));
  line-height: 2.08333333333;
  letter-spacing: .005em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-en);
  color: var(--color-black);
  text-align: center;
}
.AU250625LYLESCOTT .product_price li {
  display: inline-block;
  margin: 0 calc(5*var(--variable)*var(--ratio));
}
.AU250625LYLESCOTT .product_price a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
@media screen and (min-width: 768px) {
  .AU250625LYLESCOTT .product_inner {
    width: calc(700*100vw/1400);
  }
  .AU250625LYLESCOTT .product_slider {
    width: calc(700*100vw/1400);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product_wrapper01
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .product_wrapper01 .product_content01 {
  width: initial;
}
.AU250625LYLESCOTT .product_wrapper01 .product_content02 {
  margin: calc(60*var(--variable)*var(--ratio)) auto 0;
}
.AU250625LYLESCOTT .product_wrapper01 .product_content03 {
  margin: calc(120*var(--variable)*var(--ratio)) auto 0;
}
.AU250625LYLESCOTT .product_image0101 {
  width: calc(700*var(--variable)*var(--ratio));
  margin: 0 auto;
}
.AU250625LYLESCOTT .product_image0102 {
  width: calc(600 * var(--variable) * var(--ratio));
  margin: calc(-38 * var(--variable) * var(--ratio)) auto 0;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product_wrapper02
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .product_wrapper02 {
  margin-top: calc(249*var(--variable)*var(--ratio));
}
.AU250625LYLESCOTT .product_wrapper02 .product_content01 {
  margin: 0 auto;
}
.AU250625LYLESCOTT .product_wrapper02 .product_content02 {
  margin: calc(60*var(--variable)*var(--ratio)) auto 0;
}
.AU250625LYLESCOTT .product_wrapper02 .product_content03 {
  margin: calc(120*var(--variable)*var(--ratio)) auto 0;
}
.AU250625LYLESCOTT .product_image02 {width: calc(600*var(--variable)*var(--ratio));}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product_wrapper03
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .product_wrapper03 {
  position: relative;
  z-index: 2;
  width: calc(750*var(--variable)*var(--ratio));
  margin: calc(539*var(--variable)*var(--ratio)) auto 0;;
}
.AU250625LYLESCOTT .product_wrapper03::before {
  position: absolute;
  content: "";
  width: calc(750*var(--variable)*var(--ratio));
  height: calc(1122*var(--variable)*var(--ratio));
  top: calc(-286*var(--variable)*var(--ratio));
  left: 0;
  background-image: url(../img/product_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.AU250625LYLESCOTT .product_title01 {
  width: calc(679*var(--variable)*var(--ratio));
  top: calc(-35*var(--variable)*var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: none;
}
.AU250625LYLESCOTT .product_title02 {
  width: calc(344*var(--variable)*var(--ratio));
  top: calc(682*var(--variable)*var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: none;
}
.AU250625LYLESCOTT .product_image03 {width: calc(750*var(--variable)*var(--ratio));}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product_wrapper04
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .product_wrapper04 {
  margin-top: calc(536*var(--variable)*var(--ratio));
}
.AU250625LYLESCOTT .product_wrapper04 .product_content01 {
  margin: 0 auto;
}
.AU250625LYLESCOTT .product_wrapper04 .product_content02 {
  margin: calc(60*var(--variable)*var(--ratio)) auto 0;
}
.AU250625LYLESCOTT .product_wrapper04 .product_content03 {
  margin: calc(120*var(--variable)*var(--ratio)) auto 0;
}
.AU250625LYLESCOTT .product_image04 {
  width: calc(600*var(--variable)*var(--ratio));
  margin: 0 auto;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product_wrapper05
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .product_wrapper05 {
  margin-top: calc(250*var(--variable)*var(--ratio));
}
.AU250625LYLESCOTT .product_wrapper05 .product_content01 {
  margin: 0 auto;
}
.AU250625LYLESCOTT .product_wrapper05 .product_content02 {
  margin: calc(60*var(--variable)*var(--ratio)) auto 0;
}
.AU250625LYLESCOTT .product_wrapper05 .product_content03 {
  margin: calc(120*var(--variable)*var(--ratio)) auto 0;
}
.AU250625LYLESCOTT .product_image05 {
  width: calc(600*var(--variable)*var(--ratio));
  margin: 0 auto;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .product_wrapper02 .swiper-wrapper {
  left: calc(233*var(--variable)*var(--ratio));
}
.AU250625LYLESCOTT .js-trigger .js-showImage {
  opacity: 0.1;
  transition: opacity 1.2s ease;
}
.AU250625LYLESCOTT .js-trigger.is-active .js-showImage {
  opacity: 1;
}
.AU250625LYLESCOTT .js-trigger.is-active .js-showText {
  animation-name: ttl-up;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
  transform: translateY(130%);
}
.AU250625LYLESCOTT .js-trigger .js-fadeText {
  opacity: 0;
}
.AU250625LYLESCOTT .js-trigger.is-active .js-fadeText {
  opacity: 1;
  transition: opacity 1.4s ease 0s;
}
.AU250625LYLESCOTT .js-fadeImage {
  opacity: 0;
}
.AU250625LYLESCOTT .js-fadeImage.is-active {
  opacity: 1;
  transform: none !important;
  transition: opacity 1.4s ease 0s, transform 1.4s ease 0s;
}
@keyframes ttl-up {
  0% {
    opacity: 0;
    transform: translateY(130%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

.swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function: linear !important;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - closing
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU250625LYLESCOTT .closing {
  margin-top: min(153*100vw/1400, 153px);
  padding-bottom: min(170*100vw/1400, 170px);
  text-align: center;
}
.AU250625LYLESCOTT .closing_btn {
  width: fit-content;
  margin: 0 auto;
  font-size: min(18*100vw/1400, 18px);
  letter-spacing: .037em;
  line-height: 1.1;
  border-bottom: min(2*100vw/1400, 2px) solid var(--color-black);
  font-family: var(--font-en);
}
@media screen and (max-width: 767px) {
  .AU250625LYLESCOTT .closing {
    margin-top: calc(197*100vw/750);
    padding-bottom: calc(88*100vw/750);
  }
  .AU250625LYLESCOTT .closing_btn {
    font-size: calc(30*100vw/750);
    line-height: 1.2;
    border-bottom: calc(2*100vw/750) solid var(--color-black);
  }
}