@charset "UTF-8";


/* ===============================================### 
可変設定
###=============================================== */
.lp_variable {
  /*デザインの値*/
  --pc-width: 1400;/*PCデザイン幅*/
  --sp-width: 750;/*SPデザイン幅*/
  --pc-artboard-width: 500;/*SP共通デザイン幅*/
  --sp-artboard-width: 750;/*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio));/*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1);/*PCデザインの可変割合の計算式*/
}

/* PC画面幅 1400px以上 固定 */
@media (min-width: 1401px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: 1px; /* 固定値（可変しない） */
  }
}

/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}

/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .lp_variable {
  --ratio: 1; /* 比率は1（変わらない） */
  --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}


/* ===============================================### 
初期設定
###=============================================== */
.em251028LOOK{
  --font-ja:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-en: "aktiv-grotesk", sans-serif;
  --font-en02: "eb-garamond", serif;
  font-weight: 400;
  font-style: normal;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semi-bold: 600;
  --font-bold: 700;
  --color-black: #000000;
  --color-white: #ffffff;
  color: #000000;
  overflow: clip;
}

.em251028LOOK img,
.em251028LOOK video{
  width: 100%;
  height: auto;
}

.main-area * {
  box-sizing: border-box;
}

body{
  overflow-x: visible;
}

.main-area{
  padding-top: 0!important;
  overflow-x: visible;
}

#header_emmi.header.onBanner {
  background: transparent;
}

#Contents{
  padding-top: var(--bannerHeight)!important;
}

.bredlist.lp{
  display: none;
}


/* ===========### PC用設定 ###=========== */
@media screen and (min-width: 768px) {
  #footer_emmi {
    margin-top: -1px;
  }

  .em251028LOOK .pc-visible{
    display: block;
  }

  .em251028LOOK .sp-visible{
    display: none;
  }

  .em251028LOOK .bg-image{
    background-color: #fff;
  }

  .em251028LOOK .bg-image a:hover{
    opacity: 0.7;
  }
}

/* ===========### SP用設定 ###=========== */
@media screen and (max-width: 767px) {
  #footer_emmi {
    padding-top: 0;
  }

  .em251028LOOK .pc-visible{
    display: none;
  }

  .em251028LOOK .sp-visible{
    display: block;
  }
}


/* ===============================================### 
center-area 設定
###=============================================== */
@media screen and (min-width: 768px) {
  .em251028LOOK{
  }

  .em251028LOOK .center-area {
    background-color: var(--color-white);
    position: relative;
    z-index: 1;
    display: block;
    width: calc(750 * var(--formula));
    margin-inline: auto;
  }
}


/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade **************/
.em251028LOOK .js-fade-in{
  opacity: 0;
  transition: ease-in, opacity 1s;
}

.em251028LOOK .js-fade-in.show{
  opacity: 1;
}

/************** slide **************/
.em251028LOOK .image-wrap{
  position: relative;
  width: 100%;
}

/* .em251028LOOK .image-wrap .image-area:not(:nth-of-type(1)) {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: slide 18s linear 0s infinite;
}

.em251028LOOK .image-wrap .image-area.image02 {
  animation-delay: 2s;
}

.em251028LOOK .image-wrap .image-area.image03 {
  animation-delay: 4s;
}

.em251028LOOK .image-wrap .image-area.image04 {
  animation-delay: 6s;
}

.em251028LOOK .image-wrap .image-area.image05 {
  animation-delay: 8s;
}

.em251028LOOK .image-wrap .image-area.image06 {
  animation-delay: 10s;
}

.em251028LOOK .image-wrap .image-area.image07 {
  animation-delay: 12s;
}

.em251028LOOK .image-wrap .image-area.image08 {
  animation-delay: 14s;
}

.em251028LOOK .image-wrap .image-area.image09 {
  animation-delay: 16s;
}

@keyframes slide {
  0% {
    opacity: 1;
    z-index: 1;
  }
  11.11% {
    opacity: 1;
    z-index: 1;
  }
  11.12% {
    opacity: 0;
    z-index: -1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
} */



/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.em251028LOOK .content-sticky{
  position: sticky;
  top: 0;
}

.em251028LOOK .content-wrap{
  position: relative;
  background-color: var(--color-white);
}

/* .em251028LOOK .content-wrap::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(750 * var(--formula));
  height: 100%;
  border: 1px solid #707070;
  border-bottom: none;
  box-sizing: border-box;
  z-index: 1;
  pointer-events: none;
} */

/************** text **************/
.em251028LOOK .credit{
  margin-top: calc(22 * var(--formula));
  margin-left: calc(20 * var(--formula));
  font-family: var(--font-en);
  font-size: calc(20 * var(--formula));
  font-weight: var(--font-regular);
  line-height: 1.75;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.em251028LOOK .credit a{
  display: inline-block;
}

.em251028LOOK .credit .credit-price{
  margin-left: calc(6 * var(--formula));
  font-weight: var(--font-regular);
  text-decoration: underline;
}

.em251028LOOK .credit .link-disable:hover{
  opacity: 1;
}

/************** image **************/
.em251028LOOK .content__image{
  /* margin-inline: auto; */
}

.em251028LOOK .content__image.image01{
  width: calc(710 * var(--formula));
}

.em251028LOOK .content__image.image02{
  width: calc(710 * var(--formula));
}

.em251028LOOK .content__image.image03{
  width: calc(550 * var(--formula));
}

.em251028LOOK .content__image.image04{
  width: calc(750 * var(--formula));
}

.em251028LOOK .content__image.image05{
  width: calc(710 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em251028LOOK .credit {
    margin-top: calc(25 * var(--formula));
  }
}



/* ===============================================### 
MV
###=============================================== */
.em251028LOOK .mv{
}

.em251028LOOK .mv .text-wrap{
  position: absolute;
  top: calc(1176 * var(--formula));
  /* bottom: calc(69 * var(--formula)); */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}

.em251028LOOK .slide-wrap {
  position: relative;
  width: calc(750 * var(--formula));
  overflow: clip;
}

/************** text **************/
.em251028LOOK .mv__text{
  font-family: var(--font-en02);
  text-align: center;
  color: var(--color-white);
}

.em251028LOOK .mv__text.title{
  margin-top: calc(20 * var(--formula));
  font-size: calc(28 * var(--formula));
  letter-spacing: 0.11em;
}

.em251028LOOK .mv__text.lead{
  font-size: calc(22 * var(--formula));
  line-height: 1.18181818185;
  letter-spacing: 0.05em;
}

/* ===========### responsive ###=========== */
@media screen and (min-width: 768px) {
  .em251028LOOK .slide-wrap {
    height: 100vh;
  }

  .em251028LOOK .slide-wrap a:hover{
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .em251028LOOK .mv {
    background-color: var(var(--color-white));
    padding-bottom: calc(750 * (100vw / 750));
  }
  
  .em251028LOOK .slide-wrap {
    /* height: 100svh; */
  }

  .em251028LOOK .mv .text-wrap {
    top: calc(1176 * var(--formula));
    bottom: initial;
    /* bottom: calc(36 * var(--formula)); */
  }
}


/* ===============================================### 
コンテンツ01
###=============================================== */
.em251028LOOK .content01{
  padding-top: calc(164 * var(--formula));
}

.em251028LOOK .content01 .content__inner{
  width: fit-content;
  margin-inline: auto;
}

.em251028LOOK .content01 .text-wrap{
  width: calc(610 * var(--formula));
  margin-left: calc(30 * var(--formula));
  margin-right: auto;
}

/************** text **************/
.em251028LOOK .content01 .content__title{
  font-family: var(--font-en);
  font-size: calc(26 * var(--formula));
  font-weight: var(--font-regular);
  line-height: 1.3076923077;
  letter-spacing: 0.04em;
  text-align: center;
}

.em251028LOOK .content01 .content__text{
  margin-top: calc(96 * var(--formula));
  font-family: var(--font-en);
  font-size: calc(21 * var(--formula));
  font-weight: var(--font-regular);
  letter-spacing: 0.05em;
  line-height: 1.5714285714;
  text-align: justify;
  white-space: nowrap;
}

.em251028LOOK .content01 .collection-title{
  margin-top: calc(30 * var(--formula));
  font-family: var(--font-en);
  font-size: calc(21 * var(--formula));
  font-weight: var(--font-regular);
  line-height: 1.5714285714;
  letter-spacing: 0.08em;
}

/************** video **************/
.em251028LOOK .content01 .content__video{
  width: calc(650 * var(--formula));
  margin-top: calc(98 * var(--formula));
  margin-inline: auto;
}



/* ===============================================### 
コンテンツ02
###=============================================== */
.em251028LOOK .content02{
  padding-top: calc(189 * var(--formula));
}

.em251028LOOK .content02 .content__inner{
}

.em251028LOOK .content__item{
  width: fit-content;
  margin-top: calc(180 * var(--formula));
  margin-inline: auto;
}

/*** margin-top微調整 ***/
.em251028LOOK .content__item.item02,
.em251028LOOK .content__item.item04,
.em251028LOOK .content__item.item06,
.em251028LOOK .content__item.item21,
.em251028LOOK .content__item.item23{
  margin-top: calc(176 * var(--formula));
}

.em251028LOOK .content__item.item07,
.em251028LOOK .content__item.item12,
.em251028LOOK .content__item.item14,
.em251028LOOK .content__item.item27,
.em251028LOOK .content__item.item29,
.em251028LOOK .content__item.item35,
.em251028LOOK .content__item.item36,
.em251028LOOK .content__item.item40{
  margin-top: calc(175 * var(--formula));
}

.em251028LOOK .content__item.item17,
.em251028LOOK .content__item.item25,
.em251028LOOK .content__item.item34,
.em251028LOOK .content__item.item42{
  margin-top: calc(174 * var(--formula));
}

.em251028LOOK .content__item.item18{
  margin-top: calc(173 * var(--formula));
}

.em251028LOOK .content__item.item20,
.em251028LOOK .content__item.item24,
.em251028LOOK .content__item.item37{
  margin-top: calc(20 * var(--formula));
}

.em251028LOOK .content__item.item38{
  margin-top: calc(179 * var(--formula));
}

.em251028LOOK .content__item.item41{
  margin-top: calc(20 * var(--formula));
}

/************** text **************/
/*** クレジット位置微調整 ***/
.em251028LOOK .content__item.item03 .credit,
.em251028LOOK .content__item.item11 .credit,
.em251028LOOK .content__item.item17 .credit,
.em251028LOOK .content__item.item24 .credit,
.em251028LOOK .content__item.item26 .credit,
.em251028LOOK .content__item.item41 .credit{
  margin-top: calc(25 * var(--formula));
}

.em251028LOOK .content__item.item05 .credit{
  margin-left: 0;
}

.em251028LOOK .content__item.item06 .credit,
.em251028LOOK .content__item.item13 .credit,
.em251028LOOK .content__item.item20 .credit,
.em251028LOOK .content__item.item28 .credit,
.em251028LOOK .content__item.item34 .credit{
  margin-top: calc(24 * var(--formula));
}

.em251028LOOK .content__item.item16 .credit{
  margin-top: calc(27 * var(--formula));
  margin-left: 0;
}

.em251028LOOK .content__item.item33 .credit,
.em251028LOOK .content__item.item39 .credit{
  margin-top: calc(25 * var(--formula));
  margin-left: 0;
}

.em251028LOOK .content__item.item35 .credit{
  margin-top: calc(28 * var(--formula));
  margin-left: 0;
}

/************** image **************/
.em251028LOOK .content__item.item02 .content__image{
  width: calc(550 * var(--formula));
}

.em251028LOOK .content__item.item40 .content__image{
  width: calc(707 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em251028LOOK .content02 {
    padding-top: calc(187 * var(--formula));
  }

  .em251028LOOK .content__item.item04,
  .em251028LOOK .content__item.item27{
    margin-top: calc(174 * var(--formula));
  }

  .em251028LOOK .content__item.item08{
    margin-top: calc(178 * var(--formula));
  }

  .em251028LOOK .content__item.item18{
    margin-top: calc(171 * var(--formula));
  }

  .em251028LOOK .content__item.item23{
    margin-top: calc(175 * var(--formula));
  }

  .em251028LOOK .content__item.item24 .credit{
    margin-top: calc(24 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ03
###=============================================== */
.em251028LOOK .content03{
  padding-top: calc(287 * var(--formula));
  padding-bottom: calc(24 * var(--formula));
}

.em251028LOOK .content03 .content__inner{
}

.em251028LOOK .content03 .flex-wrap{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: calc(27 * var(--formula)) calc(74 * var(--formula));
}

.em251028LOOK .content03 .staff__credit{
  width: calc(554 * var(--formula));
  height: calc(721 * var(--formula));
  margin-top: calc(170 * var(--formula));
  margin-inline: auto;
}

/************** text **************/
.em251028LOOK .content03 .content__title{
  font-family: var(--font-en02);
  font-size: calc(30 * var(--formula));
  font-weight: var(--font-regular);
  line-height: 1.4666666667;
  letter-spacing: 0.11em;
  text-align: center;
}

.em251028LOOK .content03 .content__text{
  width: calc(630 * var(--formula));
  margin-top: calc(68 * var(--formula));
  margin-inline: auto;
  font-family: var(--font-en);
  font-size: calc(21 * var(--formula));
  font-weight: var(--font-regular);
  letter-spacing: 0.05em;
  line-height: 1.5714285714;
  text-align: justify;
  white-space: nowrap;
}

.em251028LOOK .staff__credit li{
  font-family: var(--font-en02);
  font-size: calc(22 * var(--formula));
  font-weight: var(--font-regular);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.em251028LOOK .staff__credit li .occupation{
  font-weight: var(--font-regular);
}

.em251028LOOK .copy-text{
  margin-top: calc(147 * var(--formula));
  margin-left: calc(40 * var(--formula));
  font-family: var(--font-en);
  font-size: calc(15 * var(--formula));
  font-weight: var(--font-regular);
  line-height: 1.1333333333;
  letter-spacing: 0.04em;
}

/************** video **************/
.em251028LOOK .content03 .content__video{
  width: calc(710 * var(--formula));
  margin-top: calc(96 * var(--formula));
  margin-inline: auto;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em251028LOOK .content03 .content__text{
    margin-top: calc(67 * var(--formula));
  }

  /* .em251028LOOK .content03 .staff__credit {
    margin-top: calc(115 * var(--formula));
  } */
}