@charset "UTF-8";
:root {
  --white: #fff;
  --black: #000;
  --text-main: #171818;
  --bg-main: #fff;
  --line-color: #000;
  --font: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic, メイリオ, sans-serif;
  --font-en: canada-type-gibson, sans-serif;
  --pc-width: 1400;
  --tb-width: 768;
  --sp-width: 750;
}

/*----------共通設定 pc----------*/
* {
  font-feature-settings: normal;
}

* > .lp__contener {
  font-family: var(--font);
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 62.5%;
}

/*----------共通設定 tablet----------*/
@media only screen and (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: calc(10 * (100vw/1400));
  }
}
/*----------共通設定 sp----------*/
@media only screen and (max-width: 767px) {
  html {
    font-size: calc(10 * (100vw/750));
  }
  #footer {
    z-index: 0;
    position: relative;
    background-color: #fff;
  }
  #footer .menu-sns ul {
    margin: 0;
    padding: 20px 0px 40px 0px;
  }
}
/*----------LP normalize SP----------*/
.main-contents {
  font-family: var(--font);
}
.main-contents * {
  box-sizing: border-box;
}
.main-contents img {
  height: auto;
  opacity: 1;
  width: 100%;
}
.main-contents a {
  text-decoration: none;
}
.main-contents picture, .main-contents a {
  display: block;
}
.main-contents .spOnly {
  display: block;
}
.main-contents .pcOnly {
  display: none;
}
.main-contents p, .main-contents ul, .main-contentsol, .main-contentsdl {
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .main-contents .section__inner {
    max-width: 100%;
  }
  .main-contents .pc_only {
    display: none;
  }
  .main-contents .sp_only {
    display: block;
  }
}

/*----------LP normalize PC----------*/
@media only screen and (min-width: 768px) {
  #BrandID_TT .lp__contener .item__feature .sec__inner {
    margin: 0 auto;
  }
  #Wrap {
    width: 100% !important;
  }
  .footer {
    margin-top: 23rem;
    padding-top: 0;
  }
  .lp__contener .pc_only {
    display: block;
  }
  .lp__contener .sp_only {
    display: none;
  }
  .lp__contener .section__inner {
    margin: 0 auto;
  }
}
.js-fadeIn-load {
  opacity: 0;
  transition: opacity 1s;
}

.js-fadeIn-load.js-active {
  opacity: 1;
}

.js-fadeUp-load {
  opacity: 0;
  transition: opacity 1s, transform 1s;
  transform: translateY(10px);
}
.js-fadeUp-load.title__img--01 {
  transition: opacity 1s 1s, transform 1s 1s;
}
.js-fadeUp-load.title__img--02 {
  transition: opacity 1s 1.2s, transform 1s 1.2s;
}
.js-fadeUp-load.title__img--03 {
  transition: opacity 1s 1.4s, transform 1s 1.4s;
}

.js-fadeUp-load.js-active {
  opacity: 1;
  transform: translateY(0);
}

.js-fadeUp, .js-fadeUp-credit {
  opacity: 0;
  transition: opacity 1s, transform 1s;
  transform: translateY(30px);
}

.js-fadeUp.js-active, .js-fadeUp-credit.js-active {
  opacity: 1;
  transform: translateY(0);
}

.js-fadeIn {
  opacity: 0;
  transition: opacity 1s;
}

.js-fadeIn.js-active {
  opacity: 1;
}

.main-area {
  max-width: 100%;
}

.sp_only {
  display: none;
}

@media only screen and (min-width: 768px) {
  .collection__content--01 {
    width: 100%;
    --content01: calc(263.2rem + 36rem);
  }
  .collection__content--02 {
    width: 100%;
    --content02: calc(262.6rem + 36rem);
  }
}
.main-contents {
  margin: 0;
  margin-bottom: 0 0 23.5rem 0;
  background-size: cover;
  font-family: var(--font);
  font-weight: 400;
  color: #000;
  position: relative;
  z-index: 0;
}
.main-contents a:hover {
  opacity: 1;
}
.main-contents .sec__inner {
  position: relative;
}
.main-contents img {
  width: 100%;
  height: auto;
  display: block;
}
.main-contents .firstview {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
}
.main-contents .firstview .firstview__title {
  width: calc(846 * (100vw/1400));
  position: absolute;
  left: calc(146 * (100vw/1400));
  bottom: calc(103 * (100vw/1400));
  z-index: 2;
  pointer-events: none;
}
.main-contents .firstview .firstview__title .title__img {
  display: block;
}
.main-contents .firstview .firstview__title .title__img--01 {
  width: calc(253 * (100vw/1400));
  filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.08));
}
.main-contents .firstview .firstview__title .title__img--02 {
  width: calc(487 * (100vw/1400));
  margin: calc(43 * (100vw/1400)) 0 0 calc(-3 * (100vw/1400));
  filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.08));
}
.main-contents .firstview .firstview__title .title__img--03 {
  width: calc(157 * (100vw/1400));
  margin: calc(52 * (100vw/1400)) 0 0 0;
}
.main-contents .firstview .firstview__image img {
  width: 100%;
  height: auto;
}
.main-contents .intro {
  padding: 6.6rem 0 5rem;
  text-align: center;
}
.main-contents .intro .intro__lead {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.9333333333;
}
.main-contents .intro .intro__info {
  margin: 8.6rem 0 0 0;
  color: #993333;
}
.main-contents .intro .intro__info .intro__date {
  font-family: var(--font-en);
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.32em;
}
.main-contents .intro .intro__info .intro__text {
  display: inline-block;
  margin: 2.3rem 0 0 0;
  padding: 0 0.3rem 0.6rem 0;
  border-bottom: 2px solid #993333;
}
.main-contents .intro .intro__info .intro__text span {
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1;
}
.main-contents .collection__content.collection__content--01 {
  position: sticky;
  height: var(--content01);
  top: calc(100vh - var(--content01));
  z-index: 0;
  isolation: isolate;
}
.main-contents .collection__content.collection__content--02 {
  position: sticky;
  height: var(--content02);
  top: calc(100vh - var(--content02));
  z-index: 2;
  isolation: isolate;
}
.main-contents .collection__content.collection__content--03 {
  position: relative;
  z-index: 3;
}
.main-contents .collection__content .content__inner {
  display: grid;
  grid-gap: 9rem 0;
  padding: 9rem 0;
  background-color: #fff;
}
.main-contents .collection__content .model__wrapper {
  display: grid;
  grid-template-columns: 50rem 7rem 50rem;
  grid-template-rows: 75rem 1.5rem max-content;
  width: 107rem;
  margin: 0 auto;
}
.main-contents .collection__content .model__wrapper.model__wrapper--collection {
  grid-template-rows: 75rem 4rem max-content;
}
.main-contents .collection__content .model__wrapper.model__wrapper--collection .model__image {
  width: 50rem;
}
.main-contents .collection__content .model__wrapper .model__image:nth-of-type(odd) {
  grid-column: 1;
  grid-row: 1;
}
.main-contents .collection__content .model__wrapper .model__image:nth-of-type(even) {
  grid-column: 3;
  grid-row: 1;
}
.main-contents .collection__content .model__image {
  width: 50rem;
}
.main-contents .collection__content .model__credit {
  width: 100%;
  grid-column: 1/4;
  grid-row: 3;
}
.main-contents .collection__content .model__credit a {
  display: inline-block;
  padding: 1.8rem 1.2rem 0 0;
  font-family: var(--font-en);
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.015em;
}
.main-contents .checkItemAll {
  width: 38rem;
  margin: 0.7rem auto 0;
  border: 1px solid #494955;
}
.main-contents .checkItemAll a {
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  font-family: var(--font);
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding: 2.2rem 0;
  display: block;
}
.main-contents .staff__credit {
  margin: 11.9rem auto 0;
  text-align: center;
}
.main-contents .staff__credit .staff__title {
  font-family: var(--font-en);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.35em;
  line-height: 1;
}
.main-contents .staff__credit .staff__name {
  margin: 1.9rem 0 0 0;
  font-family: var(--font-en);
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 2.3;
}

@media only screen and (max-width: 767px) {
  .footer .footer-inner .page-top {
    margin: 0 0 0 0;
    position: absolute;
    left: calc(645 * (100vw/750));
    top: calc(-110 * (100vw/750));
    z-index: 1;
    background-color: #cecece;
  }
  .collection__content--01 {
    width: 100%;
    --content01: calc((6824 + 260 + 310) * (100vw/750));
  }
  .collection__content--02 {
    width: 100%;
    --content02: calc((5761 + 260 + 310) * (100vw/750));
    transform: translateZ(1px);
  }
  .collection__content--03 {
    transform: translateZ(1px);
  }
  .main-contents {
    max-width: 100%;
    margin: 0;
    padding: 0 0 calc(310 * (100vw/750)) 0;
    width: calc(750 * (100vw/750));
    position: relative;
  }
  .main-contents a:hover {
    opacity: 1;
  }
  .main-contents.pc_only {
    display: none !important;
  }
  .main-contents .firstview {
    width: 100%;
  }
  .main-contents .firstview .firstview__title {
    width: 100%;
    left: 0;
    bottom: calc(170 * (100vw/750));
  }
  .main-contents .firstview .firstview__title .title__img {
    display: block;
  }
  .main-contents .firstview .firstview__title .title__img--01 {
    width: calc(344 * (100vw/750));
    margin: 0 auto;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
  }
  .main-contents .firstview .firstview__title .title__img--02 {
    width: calc(660 * (100vw/750));
    margin: calc(56 * (100vw/750)) auto 0;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
  }
  .main-contents .firstview .firstview__title .title__img--03 {
    width: calc(206 * (100vw/750));
    margin: calc(77 * (100vw/750)) auto 0;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  }
  .main-contents .intro {
    font-feature-settings: "palt";
    padding: calc(84 * (100vw/750)) 0 calc(30 * (100vw/750));
  }
  .main-contents .intro .intro__lead {
    font-size: calc(24 * (100vw/750));
    letter-spacing: 0;
    line-height: 2.3333333333;
    font-feature-settings: "palt";
  }
  .main-contents .intro .intro__info {
    margin: calc(103 * (100vw/750)) 0 0 0;
  }
  .main-contents .intro .intro__info .intro__date {
    font-size: calc(36 * (100vw/750));
  }
  .main-contents .intro .intro__info .intro__text {
    margin: calc(46 * (100vw/750)) 0 0 0;
    padding: 0;
    border-bottom: none;
  }
  .main-contents .intro .intro__info .intro__text span {
    display: inline-block;
    padding: 0 calc(10 * (100vw/750)) calc(12 * (100vw/750)) calc(10 * (100vw/750));
    border-bottom: calc(4 * (100vw/750)) solid #993333;
    font-size: calc(30 * (100vw/750));
    line-height: 1;
  }
  .main-contents .intro .intro__info .intro__text span:nth-of-type(2) {
    margin: calc(28 * (100vw/750)) 0 0 0;
  }
  .main-contents .collection__content.collection__content--01 {
    position: sticky;
    height: var(--content01);
    top: calc(100vh - var(--content01));
    z-index: 0;
    isolation: isolate;
  }
  .main-contents .collection__content.collection__content--02 {
    position: sticky;
    height: var(--content02);
    top: calc(100vh - var(--content02));
    z-index: 2;
    isolation: isolate;
  }
  .main-contents .collection__content.collection__content--03 {
    position: relative;
    z-index: 3;
  }
  .main-contents .collection__content .content__inner {
    display: grid;
    grid-gap: calc(130 * (100vw/750)) 0;
    padding: calc(130 * (100vw/750)) 0;
  }
  .main-contents .collection__content .model__wrapper {
    display: grid;
    grid-template-columns: calc(40 * (100vw/750)) calc(670 * (100vw/750)) calc(40 * (100vw/750));
    grid-template-rows: calc(1005 * (100vw/750)) calc(50 * (100vw/750)) calc(1005 * (100vw/750)) calc(25 * (100vw/750)) max-content;
    width: 100%;
    margin: 0 auto;
  }
  .main-contents .collection__content .model__wrapper.model__wrapper--collection {
    display: block;
  }
  .main-contents .collection__content .model__wrapper.model__wrapper--collection .model__image {
    width: 100%;
  }
  .main-contents .collection__content .model__wrapper.model__wrapper--collection .model__text {
    display: none;
  }
  .main-contents .collection__content .model__wrapper .model__image:nth-of-type(odd) {
    grid-column: 2;
    grid-row: 1;
  }
  .main-contents .collection__content .model__wrapper .model__image:nth-of-type(even) {
    grid-column: 2;
    grid-row: 3;
  }
  .main-contents .collection__content .model__image {
    width: calc(670 * (100vw/750));
  }
  .main-contents .collection__content .model__credit {
    width: 100%;
    grid-column: 2/3;
    grid-row: 5;
    white-space: nowrap;
  }
  .main-contents .collection__content .model__credit a {
    display: inline-block;
    padding: calc(28 * (100vw/750)) calc(22 * (100vw/750)) 0 0;
    font-size: calc(24 * (100vw/750));
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.01em;
  }
  .main-contents .checkItemAll {
    width: calc(675 * (100vw/750));
    margin: calc(30 * (100vw/750)) auto 0;
  }
  .main-contents .checkItemAll a {
    font-size: calc(28 * (100vw/750));
    padding: calc(43 * (100vw/750)) 0 calc(48 * (100vw/750));
  }
  .main-contents .staff__credit {
    margin: calc(196 * (100vw/750)) auto 0;
    font-size: calc(24 * (100vw/750));
    line-height: 1.9166666667;
    letter-spacing: 0.025em;
    text-align: center;
  }
  .main-contents .staff__credit .staff__title {
    font-size: calc(28 * (100vw/750));
    line-height: 1;
  }
  .main-contents .staff__credit .staff__name {
    margin: calc(32 * (100vw/750)) 0 0 0;
    font-size: calc(24 * (100vw/750));
    letter-spacing: 0.01em;
    line-height: 2.2;
  }
}/*# sourceMappingURL=style.css.map */