@charset "UTF-8";

:root {
  --color-common: #333333;
  --color-primary: #CD94B6;
  --font-common: 'Zen Kaku Gothic Antique', sans-serif;
}

html {
  font-size: 62.5%;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10* (100vw / 1400));
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: calc(10* (100vw / 750));
  }
}

.main-container__landing-page img,
.main-container__landing-page video,
.main-container__landing-page svg {
  width: 100%;
  height: auto;
}

.main-container__landing-page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.main-container__landing-page picture {
  display: block;
}

.main-container__landing-page a {
  display: inline-block;
}

/*=======================================================
  for Desktop
=======================================================*/
@media screen and (min-width: 768px) {
  .main-container__landing-page .hidden_desktop {
    display: none;
  }
}

/*=======================================================
  for mobile
=======================================================*/
@media screen and (max-width: 767px) {
  .main-container__landing-page .hidden_mobile {
    display: none;
  }
}

/*//////////////////////////////////////////////////

Title : _text.css
For   : 「藍にいな×FURFUR」スペシャルコラボ作品がAI NINA × ISETAN展にて発売決定!

Created       : 2022-7-4
Last Modified : 2022-7-4

==========================================

Compornent

    text

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    text
============================================================================================== */
.main-container__landing-page .c-title {
  font-size: var(--title-fz, 3rem);
  font-family: var(--font-common);
  font-weight: 500;
  letter-spacing: .035em;
  color: var(--color-primary);
}

.main-container__landing-page .c-desc {
  -webkit-margin-before: var(--desc-mbs, 2rem);
  margin-block-start: var(--desc-mbs, 2rem);
  font-size: var(--desc-fz, 2rem);
}

.main-container__landing-page .c-interview {
  -webkit-margin-before: var(--interview-mbs, 3.5rem);
  margin-block-start: var(--interview-mbs, 3.5rem);
  font-size: var(--interview-fz, 2.4rem);
  line-height: 2;
  letter-spacing: 0.025em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  text-align: justify;
}

.main-container__landing-page .c-interview__guest {
  font-weight: 600;
  color: #84A9D6;
}

.main-container__landing-page .c-interview__reporter {
  font-weight: 600;
  color: #AA9389;
}

.main-container__landing-page .c-purchase {
  display: inline-block;
  padding-inline: var(--purchase-pi, 2.5rem);
  position: relative;
  font-size: var(--purchase-fz, 3rem);
  font-family: var(--font-common);
  font-weight: 500;
  color: var(--color-primary);
  background-color: #fff;
}

.main-container__landing-page .c-purchase::before {
  display: block;
  width: var(--purchase-w, 70rem);
  height: var(--purchase-h, 1px);
  margin: auto;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  background-color: var(--color-primary);
  z-index: -1;
}

.main-container__landing-page .c-credit {
  -webkit-margin-before: var(--interview-mbs, 3rem);
  margin-block-start: var(--interview-mbs, 3rem);
  font-size: var(--interview-fz, 2.2rem);
  text-align: center;
}

.main-container__landing-page .c-credit span {
  display: inline-block;
}

.main-container__landing-page .c-info {
  -webkit-margin-before: var(--interview-mbs, 2.5rem);
  margin-block-start: var(--interview-mbs, 2.5rem);
  font-size: var(--interview-fz, 2.4rem);
  line-height: 2;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  .main-container__landing-page .c-title {
    --title-fz: 16px;
  }

  .main-container__landing-page .c-desc {
    --desc-mbs: 15px;
    --desc-fz: 10px;
  }

  .main-container__landing-page .c-interview {
    --interview-mbs: 20px;
    --interview-fz: 13px;
  }

  .main-container__landing-page .c-credit {
    --interview-mbs: 20px;
    --interview-fz: 12PX;
  }

  .main-container__landing-page .c-purchase {
    --purchase-pi: 15px;
    --purchase-fz: 18px;
  }

  .main-container__landing-page .c-purchase::before {
    --purchase-w: 130rem;
    --purchase-h: 1px;
  }

  .main-container__landing-page .c-info {
    --interview-mbs: 15px;
    --interview-fz: 13px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .c-title {
    white-space: nowrap;
  }
}

/*//////////////////////////////////////////////////

Title : _content.css
For   : 「藍にいな×FURFUR」スペシャルコラボ作品がAI NINA × ISETAN展にて発売決定!

Created       : 2022-7-4
Last Modified : 2022-7-4

==========================================

Content

    content

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    content
============================================================================================== */
.main-container__landing-page .l-content__wrapper--sec02 {
  width: var(--co-wrapper-w, 100%);
  margin: auto;
}

.main-container__landing-page .l-content__wrapper--sec03 {
  width: var(--co-wrapper-w, 100%);
  margin: auto;
}

.main-container__landing-page .l-content__wrapper--sec04 {
  text-align: center;
}

.main-container__landing-page .l-content__wrapper--sec01,
.main-container__landing-page .l-content__wrapper--sec02,
.main-container__landing-page .l-content__wrapper--sec03,
.main-container__landing-page .l-content__wrapper--sec04 {
  -webkit-margin-before: var(--co-wrapper-mbs, 15rem);
  margin-block-start: var(--co-wrapper-mbs, 15rem);
}

.main-container__landing-page .l-content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main-container__landing-page .l-content__elm--01,
.main-container__landing-page .l-content__elm--02,
.main-container__landing-page .l-content__elm--03,
.main-container__landing-page .l-content__elm--04,
.main-container__landing-page .l-content__elm--05 {
  width: var(--co-elm-w, 100%);
}

.main-container__landing-page .l-content__elm--02 {
  -webkit-margin-before: var(--co-elm-mbs, 3.5rem);
  margin-block-start: var(--co-elm-mbs, 3.5rem);
}

.main-container__landing-page .l-content__elm--04 {
  -webkit-margin-before: var(--co-elm-mbs, 5rem);
  margin-block-start: var(--co-elm-mbs, 5rem);
}

.main-container__landing-page .l-content__elm--06 .c-title {
  -webkit-margin-before: var(--co-title-mbs, 5rem);
  margin-block-start: var(--co-title-mbs, 5rem);
}

.main-container__landing-page .l-content__elm--06 .c-title .title__en {
  font-weight: 500;
}

.main-container__landing-page .l-content__elm--06 .l-image {
  width: var(--co-image-w, 51rem);
  -webkit-margin-before: var(--co-image-mbs, 5rem);
  margin-block-start: var(--co-image-mbs, 5rem);
  margin-inline: auto;
}

.main-container__landing-page .l-content__elm--07,
.main-container__landing-page .l-content__elm--08 {
  -webkit-margin-before: var(--co-elm-mbs, 10.5rem);
  margin-block-start: var(--co-elm-mbs, 10.5rem);
}

.main-container__landing-page .l-content__elm--07 .c-info,
.main-container__landing-page .l-content__elm--08 .c-info {
  --interview-mbs: 0;
}

.main-container__landing-page .l-content__elm--07 .l-image,
.main-container__landing-page .l-content__elm--08 .l-image {
  max-width: var(--co-image-w, 20rem);
  -webkit-margin-before: var(--co-image-mbs, 4rem);
  margin-block-start: var(--co-image-mbs, 4rem);
  margin-inline: auto;
}

.main-container__landing-page .l-content__elm--07 .l-movie,
.main-container__landing-page .l-content__elm--08 .l-movie {
  width: var(--co-image-w, 100%);
  -webkit-margin-before: var(--co-image-mbs, 4rem);
  margin-block-start: var(--co-image-mbs, 4rem);
}

.main-container__landing-page .l-profile {
  width: var(--pro-image-w, 72rem);
  margin: 0 auto;
  -webkit-margin-before: var(--pro-image-mbs, 12rem);
  margin-block-start: var(--pro-image-mbs, 12rem);
  -webkit-padding-after: var(--pro-image-pbe, 4.5rem);
  padding-block-end: var(--pro-image-pbe, 4.5rem);
  position: relative;
  text-align: center;
}

.main-container__landing-page .l-profile__image {
  width: var(--pro-image-w, 32.5rem);
  margin: auto;
  position: relative;
  z-index: 2;
}

.main-container__landing-page .l-profile__name {
  -webkit-margin-before: var(--pro-name-mbs, 4rem);
  margin-block-start: var(--pro-name-mbs, 4rem);
  font-size: var(--pro-name-fz, 3rem);
  font-weight: 500;
  font-family: var(--font-common);
  letter-spacing: .035em;
  color: var(--color-primary);
}

.main-container__landing-page .l-profile__lead {
  -webkit-margin-before: var(--pro-lead-mbs, 3.5rem);
  margin-block-start: var(--pro-lead-mbs, 3.5rem);
  font-size: var(--pro-lead-fz, 2.4rem);
  line-height: 2;
}

.main-container__landing-page .l-profile::before {
  display: block;
  width: var(--pro-border-w, 70rem);
  height: var(--pro-border-h, 80rem);
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #F7D7C7;
  content: "";
  pointer-events: none;
}

.main-container__landing-page .l-content__elm--08 .l-movie__elm {
  position: relative;
  padding-top: 56.25%;
}

.main-container__landing-page .l-content__elm--08 .l-movie__elm iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  .main-container__landing-page .l-content__wrapper--sec01 {
    --co-wrapper-mbs: 135px;
  }

  .main-container__landing-page .l-content__wrapper--sec02 {
    --co-wrapper-w: 540px;
    --co-wrapper-mbs: 100px;
  }

  .main-container__landing-page .l-content__wrapper--sec03 {
    --co-wrapper-w: 360px;
    --co-wrapper-mbs: 100px;
  }

  .main-container__landing-page .l-content__wrapper--sec04 {
    --co-wrapper-mbs: 105px;
  }

  .main-container__landing-page .l-content__elm--01 {
    --co-elm-w: 360px;
  }

  .main-container__landing-page .l-content__elm--02 {
    --co-elm-w: 500px;
    --co-elm-mbs: 50px;
    margin-left: 60px;
  }

  .main-container__landing-page .l-content__elm--02 .c-title {
    line-height: 2;
  }

  .main-container__landing-page .l-content__elm--03 {
    --co-elm-w: 540px;
  }

  .main-container__landing-page .l-content__elm--04 {
    --co-elm-mbs: 40px;
    --co-elm-w: 540px;
  }

  .main-container__landing-page .l-content__elm--05 {
    --co-elm-w: 360px;
  }

  .main-container__landing-page .l-content__elm--06 .c-title {
    --title-fz: 18px;
  }

  .main-container__landing-page .l-content__elm--06 .c-title:nth-of-type(1) {
    --co-title-mbs: 30px;
  }

  .main-container__landing-page .l-content__elm--06 .c-title:not(:nth-of-type(1)) {
    --co-title-mbs: 50px;
  }

  .main-container__landing-page .l-content__elm--06 .c-title .title__en {
    --title-fz: 20px;
  }

  .main-container__landing-page .l-content__elm--06 .l-image {
    --co-image-w: 340px;
    --co-image-mbs: 30px;
  }

  .main-container__landing-page .l-content__elm--07,
  .main-container__landing-page .l-content__elm--08 {
    --co-elm-mbs: 70px;
  }

  .main-container__landing-page .l-content__elm--07 .l-image {
    --co-image-w: 110px;
    --co-image-mbs: 25px;
  }

  .main-container__landing-page .l-content__elm--08 .l-movie {
    --co-image-w: 835px;
    --co-image-mbs: 40px;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }

  .main-container__landing-page .l-profile {
    --pro-image-w: 680px;
    --pro-image-mbs: 75px;
    --pro-image-pbe: 20px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(8.5%, #FEFAF8), color-stop(98.8%, transparent));
    background: linear-gradient(transparent 0 8.5%, #FEFAF8 8.5% 98.8%, transparent 98.8% 100%);
  }

  .main-container__landing-page .l-profile__image {
    --pro-image-w: 190px;
  }

  .main-container__landing-page .l-profile__name {
    --pro-name-mbs: 20px;
    --pro-name-fz: 16px;
  }

  .main-container__landing-page .l-profile__lead {
    --pro-lead-mbs: 20px;
    --pro-lead-fz: 13px;
  }

  .main-container__landing-page .l-profile::before {
    --pro-border-w: 670px;
    --pro-border-h: 390px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .l-content__wrapper--sec01 {
    padding-inline: 9.5rem;
  }

  .main-container__landing-page .l-content__wrapper--sec01 .c-desc {
    line-height: 1.8;
  }

  .main-container__landing-page .l-content__wrapper--sec01 .c-title {
    line-height: 2;
  }

  .main-container__landing-page .l-content__wrapper--sec02 {
    --co-wrapper-mbs: 11rem;
  }

  .main-container__landing-page .l-content__wrapper--sec02 .c-title {
    line-height: 2;
  }

  .main-container__landing-page .l-content__wrapper--sec03 {
    --co-wrapper-mbs: 12rem;
    padding-inline: 9.5rem;
  }

  .main-container__landing-page .l-content__wrapper--sec04 {
    --co-wrapper-mbs: 12rem;
  }

  .main-container__landing-page .l-content__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .main-container__landing-page .l-content__elm--03 .c-desc {
    -webkit-padding-start: 9.5rem;
    padding-inline-start: 9.5rem;
  }

  .main-container__landing-page .l-content__elm--04 {
    padding-inline: 9.5rem;
  }

  .main-container__landing-page .l-content__elm--06 .c-title:not(:nth-of-type(1)) {
    --co-title-mbs: 7rem;
  }

  .main-container__landing-page .l-content__elm--08 .l-movie {
    width: 100%;
  }

  /* .main-container__landing-page .l-content__elm--08 .l-movie iframe {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  } */

  .main-container__landing-page .l-profile::after {
    content: "";
    display: block;
    width: 100%;
    height: 80rem;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1rem;
    background-color: #FEFAF8;
    z-index: -1;
  }
}

/*//////////////////////////////////////////////////

Title : _firstview.css
For   : 「藍にいな×FURFUR」スペシャルコラボ作品がAI NINA × ISETAN展にて発売決定!

Created       : 2022-7-4
Last Modified : 2022-7-4

==========================================

Content

    firstview

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    firstview
============================================================================================== */
.main-container__landing-page .l-firstview__image {
  max-width: var(--fvw-image-w, 100%);
  margin-inline: auto;
}

.main-container__landing-page .l-firstview__title {
  -webkit-margin-before: var(--fvw-ttl-mbs, 10rem);
  margin-block-start: var(--fvw-ttl-mbs, 10rem);
  text-align: center;
}

.main-container__landing-page .l-firstview__title .title {
  display: inline-block;
}

.main-container__landing-page .l-firstview__title .title__sub {
  font-size: var(--fvw-sub-fz, 3rem);
  letter-spacing: 0.035em;
}

.main-container__landing-page .l-firstview__title .title__main {
  -webkit-margin-before: var(--fvw-main-mbs, 3rem);
  margin-block-start: var(--fvw-main-mbs, 3rem);
  color: var(--color-primary);
  font-size: var(--fvw-main-fz, 4.6rem);
  font-family: var(--font-common);
  font-weight: 500;
  letter-spacing: 0.035em;
}

.main-container__landing-page .l-firstview__title .title__en {
  font-size: var(--fvw-en-fz, 5rem);
  font-weight: 500;
  letter-spacing: 0.035em;
}

.main-container__landing-page .l-firstview__lead {
  -webkit-margin-before: var(--fvw-lead-mbs, 4rem);
  margin-block-start: var(--fvw-lead-mbs, 4rem);
  font-size: var(--fvw-lead-fz, 2.6rem);
  line-height: 2;
  letter-spacing: .025em;
  text-align: center;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  .main-container__landing-page .l-firstview__image {
    --fvw-image-w: 1090px;
  }

  .main-container__landing-page .l-firstview__title {
    --fvw-ttl-mbs: 100px;
  }

  .main-container__landing-page .l-firstview__title .title__sub {
    --fvw-sub-fz: 18px;
  }

  .main-container__landing-page .l-firstview__title .title__main {
    --fvw-main-mbs: 20px;
    --fvw-main-fz: 28px;
  }

  .main-container__landing-page .l-firstview__title .title__en {
    --fvw-en-fz: 30px;
  }

  .main-container__landing-page .l-firstview__lead {
    --fvw-lead-mbs: 35px;
    --fvw-lead-fz: 14px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .l-firstview__title .title__main {
    line-height: 1.5;
  }
}

/*//////////////////////////////////////////////////

Title : _main.css
For   : 「藍にいな×FURFUR」スペシャルコラボ作品がAI NINA × ISETAN展にて発売決定!

Created       : 2022-7-4
Last Modified : 2022-7-4

==========================================

Content

    main

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            main
============================================================================================== */
.main-container__landing-page {
  margin: 0 auto;
  -webkit-font-feature-settings: "halt"1;
  font-feature-settings: "halt"1;
  line-height: 1;
  color: var(--color-common);
  background: var(--color-bg01);
  letter-spacing: .025em;
}

.main-container .l-article {
  margin: 0 auto;
}

/* ==============================================================================================
                                          for desktop
============================================================================================== */
@media screen and (min-width: 768px) {
  .main-container__landing-page {
    width: 95%;
    padding-top: 30px;
    padding-bottom: 70px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page {
    padding-top: 4rem;
    padding-bottom: 8rem;
  }
}