/*
===========================================================

  - Custom
  - Set
  - Common
  - Contents
  - Modal

===========================================================
*/
/*
=====================================================================================
====================================== Custom =======================================
=====================================================================================
*/
:root {
  --color-font: #000;
  --mdl-bg: #fff;
  --mdl-overlay: rgba(0, 0, 0, .5);
  --font-main: canada-type-gibson, sans-serif;
}

/*
=====================================================================================
======================================== Set ========================================
=====================================================================================
*/
.main-area {
  overflow: initial !important;
}

#header_emmi.header {
  background-color: #fff;
}

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

#Wrap {
  width: 100%;
}

.bredlist {
  display: none !important;
}

#em23AW2catalog {
  color: var(--color-font);
  font-feature-settings: "palt";
  text-align: left;
  /* text-justify: inter-ideograph; */
  overflow-x: clip;
  position: relative;
  background: #fff;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.04em;
}

#em23AW2catalog ul li {
  list-style: none;
}

#em23AW2catalog img,
#em23AW2catalog video {
  display: block;
  width: 100%;
}

#em23AW2catalog .img {
  background: #fff;
  line-height: 0;
}

#em23AW2catalog .fakeSticky {
  transition: all 0s !important;
}

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

  #Contents {
    padding-top: 30px !important;
  }
}

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

  #Wrap #Contents {
    padding-top: 35px !important;
  }

  #em23AW2catalog a {
    transition: all 0.3s;
  }

  #em23AW2catalog a:hover {
    opacity: 1;
  }
}

/*
=====================================================================================
====================================== Common =======================================
=====================================================================================
*/
#em23AW2catalog .block {
  position: relative;
}

@media (max-width: 767px) {
  #em23AW2catalog .pcOnly {
    display: none;
  }
}

@media (min-width: 768px) {
  #em23AW2catalog .spOnly {
    display: none;
  }
}

/*
=====================================================================================
===================================== Contents ======================================
=====================================================================================
*/
.sticky-block {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 0;
}

.no-sticky {
  position: relative;
  z-index: 1;
  transform: translateZ(0);
}










/* ▽_____________ mv-nav ______________▽ */
.bg_wht {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .bg_wht::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100* (100vw / 750));
    bottom: calc(-10* (100vw / 1440));
    left: 0;
    z-index: -1;
    background: #fff;
  }

  .topslider img {
    height: calc(100vh - 30px);
    height: calc(100svh - 30px);
    object-fit: cover;
  }
}

.color_wht {
  color: #fff;
}

.mv_nav {
  padding: calc(20* (100vw / 750)) 0 calc(40* (100vw / 750));
}

.mv_nav p {
  display: flex;
  justify-content: space-between;
  width: calc(690* (100vw / 750));
  margin: auto;
}

.mv_nav p span {
  display: block;
  font-size: calc(22* (100vw / 750));
  letter-spacing: 0.08em;
  font-weight: 500;
}

.mv_nav p span:nth-child(2) {
  font-size: calc(19* (100vw / 750));
  width: calc(506* (100vw / 750));
  line-height: 1.2631578947;
  letter-spacing: 0.04em;
}

.mv_nav .link {
  font-size: calc(52* (100vw / 750));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(107* (100vw / 750));
  margin: calc(375* (100vw / 750)) 0 calc(410* (100vw / 750));
  letter-spacing: 0.06em;
  padding-left: calc(40* (100vw / 750));
}

.sec-number {
  position: relative;
}

.sec-number::before {
  position: absolute;
  font-size: calc(32* (100vw / 750));
  top: calc(0* (100vw / 750));
  left: calc(-38* (100vw / 750));
}

.sec-number.__1::before {
  content: "1";
}

.sec-number.__2::before {
  content: "2";
}

.sec-number.__3::before {
  content: "3";
}

.credit-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: calc(12* (100vw / 750)) calc(14* (100vw / 750));
  padding-left: calc(40* (100vw / 750));
  font-size: calc(22* (100vw / 750));
  font-weight: 500;
  margin-top: calc(20* (100vw / 750));
}

.credit-wrap.padding-left {
  padding-left: calc(60* (100vw / 750));
}

.credit-wrap li {
  letter-spacing: 0.04em;
  font-weight: 500;
}

.credit-wrap .credit-num {
  text-indent: -1.6em;
  display: inline-block;
}

.credit-wrap .credit-price {
  text-decoration: underline;
  font-weight: 500;
}

.credit-wrap li.space {
  width: 20%;
}

@media screen and (min-width: 768px) {
  .mv_nav {
    padding: calc(15* (100vw / 1440)) 0 calc(449* (100vw / 1440));
  }

  .mv_nav p {
    width: calc(1380* (100vw / 1440));
  }

  .mv_nav p span {
    display: block;
    font-size: calc(16* (100vw / 1440));
  }

  .mv_nav p span:nth-child(1) {
    padding-top: calc(3* (100vw / 1440));
  }

  .mv_nav p span:nth-child(2) {
    font-size: calc(12* (100vw / 1440));
    width: calc(913* (100vw / 1440));
    line-height: 1.4166666667;
  }

  .mv_nav .link {
    font-size: calc(52* (100vw / 1440));
    flex-direction: row;
    justify-content: center;
    gap: calc(123* (100vw / 1440));
    margin: calc(350* (100vw / 1440)) auto 0;
    padding-left: calc(13* (100vw / 1440));
  }

  .sec-number::before {
    font-size: calc(32* (100vw / 1440));
    top: calc(0* (100vw / 1440));
    left: calc(-40* (100vw / 1440));
  }

  .credit-wrap {
    gap: calc(6* (100vw / 1440)) calc(10* (100vw / 1440));
    padding-left: calc(29* (100vw / 1440));
    font-size: calc(12* (100vw / 1440));
    margin-top: calc(15* (100vw / 1440));
  }

  .credit-wrap.padding-left {
    padding-left: calc(60* (100vw / 1440));
  }

  .credit-wrap .credit-num {
    text-indent: -2.4em;
  }


  .link li {
    position: relative;
  }

  .link li::after {
    position: absolute;
    content: "";
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    width: calc(488* (100vw / 1440));
    height: calc(305* (100vw / 1440));
    transition: opacity 0.5s, visibility 0.5s;
  }

  .link .sec-number.__1::after {
    background: url(../img/pc/nav_1.jpg) center/contain no-repeat;
    top: calc(30* (100vw / 1440));
    left: calc(-160* (100vw / 1440));
  }

  .link .sec-number.__2::after {
    background: url(../img/pc/nav_2.jpg) center/contain no-repeat;
    top: calc(-274* (100vw / 1440));
    left: calc(140* (100vw / 1440));
  }

  .link .sec-number.__3::after {
    background: url(../img/pc/nav_3.jpg) center/contain no-repeat;
    top: calc(156* (100vw / 1440));
    left: calc(-377* (100vw / 1440));
  }

  .link li:hover::after {
    opacity: 1;
    visibility: visible;
  }
}

.sec_ttl_wrap {
  position: relative;
}

.sec_ttl_wrap h2 {
  position: absolute;
  left: 50%;
  transform: translateX(-43.3%);
  bottom: calc(184* (100vw / 750));
  font-size: calc(58* (100vw / 750));
  letter-spacing: 0.06em;
  color: #fff;
  z-index: 2;
}

.sec_ttl_wrap h2.__2 {
  color: #000;
}

.sec_ttl_wrap h2::before {
  font-size: calc(35* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .sec_ttl_wrap h2 {
    transform: translateX(-43.3%);
    bottom: calc(54* (100vw / 1440));
    font-size: calc(52* (100vw / 1440));
  }

  .sec_ttl_wrap h2::before {
    font-size: calc(31* (100vw / 1440));
    left: calc(-37* (100vw / 750));
  }
}

@media screen and (max-width: 767px) {
  .inner01 {
    padding: calc(300* (100vw / 750)) 0 calc(300* (100vw / 750));
  }

  .img02 {
    width: calc(450* (100vw / 750));
    margin-left: auto;
  }

  .movie01 {
    width: calc(480* (100vw / 750));
    margin: calc(200* (100vw / 750)) 0 0 calc(50* (100vw / 750));
  }

  .inner02 {
    width: calc(600* (100vw / 750));
    margin: calc(60* (100vw / 750)) auto 0;
  }

  .img05 {
    margin-top: calc(62* (100vw / 750));
  }

  .img06 {
    margin-top: calc(500* (100vw / 750));
  }

  .img07 {
    width: calc(600* (100vw / 750));
    padding-top: calc(200* (100vw / 750));
  }

  .img08 {
    width: calc(396* (100vw / 750));
    margin: calc(200* (100vw / 750)) 0 0 auto;
  }

  .img09 {
    width: calc(558* (100vw / 750));
    margin-top: calc(200* (100vw / 750));
  }

  .movie02 {
    width: calc(480* (100vw / 750));
    margin: calc(300* (100vw / 750)) auto -1px;
    padding-bottom: calc(300* (100vw / 750));
  }




  .img10 {
    padding: calc(166* (100vw / 750)) 0 calc(667* (100vw / 750));
  }

  .inner04 {
    mix-blend-mode: multiply !important;
  }

  .img11 {
    width: calc(533* (100vw / 750));
    margin-left: auto;
  }

  .img11 .credit-wrap {
    padding-left: calc(40* (100vw / 750));
  }

  .img12 {
    width: calc(369* (100vw / 750));
    margin: calc(226* (100vw / 750)) 0 0 calc(75* (100vw / 750));
    padding-bottom: calc(745* (100vw / 750));
  }


  .img13 {
    width: calc(450* (100vw / 750));
    margin: calc(-70* (100vw / 750)) calc(50* (100vw / 750)) 0 auto;
  }

  .img14 {
    width: calc(600* (100vw / 750));
    margin-top: calc(300* (100vw / 750));
  }

  .img15 {
    width: calc(450* (100vw / 750));
    margin: calc(202* (100vw / 750)) 0 0 auto;
  }

  .inner06 {
    padding-top: calc(500* (100vw / 750));
  }

  .movie03 {
    width: calc(636* (100vw / 750));
    margin: calc(301* (100vw / 750)) 0 0 auto;
  }

  .img17 {
    padding-top: calc(386* (100vw / 750));
  }

  .img18 {
    padding-top: calc(770* (100vw / 750));
    mix-blend-mode: multiply;
  }

  .img19 {
    width: calc(640* (100vw / 750));
    padding-top: calc(585* (100vw / 750));
  }

  .img20 {
    margin-top: calc(400* (100vw / 750));
  }

  .img21 {
    width: calc(450* (100vw / 750));
    margin: calc(304* (100vw / 750)) 0 0 auto;
    padding-bottom: calc(300* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .inner01 {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: calc(340* (100vw / 1440));
    padding: calc(149* (100vw / 1440)) calc(9* (100vw / 1440)) calc(251* (100vw / 1440)) 0;
  }

  .img02 {
    width: calc(432* (100vw / 1440));
  }

  .movie01 {
    width: calc(480* (100vw / 1440));
    margin-top: calc(576* (100vw / 1440));
  }

  .inner02 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: calc(62* (100vw / 1440));
    padding: calc(150* (100vw / 1440)) calc(60* (100vw / 1440)) calc(150* (100vw / 1440)) 0;
  }

  .img04,
  .img05 {
    width: calc(648* (100vw / 1440));
  }

  .inner03 {
    display: grid;
    width: calc(1440* (100vw / 1440));
    grid-template-columns: calc(150* (100vw / 1440)) calc(532* (100vw / 1440)) calc(272* (100vw / 1440)) auto;
    grid-template-rows: calc(152* (100vw / 1440)) calc(495* (100vw / 1440)) calc(620* (100vw / 1440)) auto;
    padding: calc(200* (100vw / 1440)) 0 calc(300* (100vw / 1440));
  }

  .img07 {
    width: calc(432* (100vw / 1440));
    grid-area: 2/2/3/3;
  }

  .img07 .credit-wrap {
    padding-left: calc(29* (100vw / 1440));
  }

  .img08 {
    width: calc(336* (100vw / 1440));
    grid-area: 1/4/2/5;
  }

  .img09 {
    width: calc(480* (100vw / 1440));
    grid-area: 3/3/4/4;
  }

  .movie02 {
    width: calc(480* (100vw / 1440));
    grid-area: 4/2/6/3;
  }

  .img10 {
    width: calc(1021* (100vw / 1440));
    margin-left: auto;
    padding: calc(221* (100vw / 1440)) 0 calc(263* (100vw / 1440));
  }

  .img10::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #fff;
    top: 0;
    right: 0;
    z-index: -1;
  }

  .inner04 {
    mix-blend-mode: multiply;
  }


  .img11 {
    width: calc(533* (100vw / 1440));
  }

  .img12 {
    width: calc(378* (100vw / 1440));
    margin: calc(420* (100vw / 1440)) 0 0 calc(277* (100vw / 1440));
    padding-bottom: calc(491* (100vw / 1440));
  }

  .inner05 {
    display: grid;
    width: calc(1440* (100vw / 1440));
    grid-template-columns: calc(720* (100vw / 1440)) calc(180* (100vw / 1440)) auto;
    grid-template-rows: calc(255* (100vw / 1440)) calc(477* (100vw / 1440)) auto;
    padding: calc(37* (100vw / 1440)) 0 calc(500* (100vw / 1440));
  }

  .img13 {
    width: calc(390* (100vw / 1440));
    grid-area: 1/2/2/3;
  }

  .img14 {
    width: calc(540* (100vw / 1440));
    grid-area: 2/1/3/2;
  }

  .img15 {
    width: calc(390* (100vw / 1440));
    grid-area: 3/3/5/4;
  }

  .movie03 {
    width: calc(636* (100vw / 1440));
    margin: calc(202 * (100vw / 1440)) calc(150* (100vw / 1440)) calc(400* (100vw / 1440)) auto;
  }

  .img17,
  .img18 {
    width: calc(949* (100vw / 1440));
    margin-left: calc(90* (100vw / 1440));
  }

  .img18 {
    padding-top: calc(305* (100vw / 1440));
    mix-blend-mode: multiply;
  }

  .inner07 {
    display: grid;
    width: calc(1440* (100vw / 1440));
    grid-template-columns: calc(479* (100vw / 1440)) calc(421* (100vw / 1440)) auto;
    grid-template-rows: calc(610* (100vw / 1440)) calc(540* (100vw / 1440)) auto;
    padding: calc(506* (100vw / 1440)) 0 calc(300* (100vw / 1440));
  }

  .img19 {
    width: calc(961* (100vw / 1440));
    grid-area: 1/2/2/3;
  }

  .img20 {
    width: calc(540* (100vw / 1440));
    grid-area: 2/1/3/2;
  }

  .img21 {
    width: calc(390* (100vw / 1440));
    grid-area: 3/3/5/3;
  }

  .img22 {
    width: calc(1200* (100vw / 1440));
    /* width: 1200px; */
    padding: calc(74* (100vw / 1440)) 0 calc(300* (100vw / 1440));
    margin: auto;
  }

  .img22::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }

}

@media screen and (min-width: 1800px) {
  .img22 {
    top: calc(-100 * (100vw / 1440));
  }
}

@media screen and (min-width: 2000px) {
  .img22 {
    top: calc(-160 * (100vw / 1440));
  }
}







/* ▽_____________ sec02 in the snow ______________▽ */
@media screen and (max-width: 767px) {
  .img24 {
    width: calc(550* (100vw / 750));
    margin: calc(300* (100vw / 750)) auto 0;
  }

  .img25 {
    margin-top: calc(300* (100vw / 750));
  }

  .img26 {
    width: calc(600* (100vw / 750));
    margin: calc(400* (100vw / 750)) 0 0 auto;
  }

  .img27 {
    width: calc(596* (100vw / 750));
    margin-top: calc(302* (100vw / 750));
  }

  .inner10 {
    position: relative;
    padding: calc(200* (100vw / 750)) 0;
    transform: translateZ(0);
    margin-bottom: -1px;
  }

  .img28 {
    width: calc(550* (100vw / 750));
    margin: auto;
    padding-top: calc(300* (100vw / 750));
    padding-bottom: calc(76* (100vw / 750));
  }

  .img29 {
    width: calc(550* (100vw / 750));
    margin: auto;
    padding-top: calc(520* (100vw / 750));
    padding-bottom: 0;
  }

  .img29 .credit-wrap {
    width: calc(650* (100vw / 750));
    position: relative;
  }

  .img30 {
    width: calc(600* (100vw / 750));
    padding-top: calc(424* (100vw / 750));
  }

  .img30 .credit-wrap {
    width: calc(650* (100vw / 750));
  }

  .img31 {
    width: calc(450* (100vw / 750));
    margin: calc(201* (100vw / 750)) 0 0 auto;
  }

  .movie04 {
    margin-top: calc(300* (100vw / 750));
  }

  .img32 {
    width: calc(600* (100vw / 750));
    margin-top: calc(400* (100vw / 750));
  }

  .img32 .credit-wrap {
    width: calc(500* (100vw / 750));
  }

  .img33 {
    width: calc(600* (100vw / 750));
    margin: calc(303* (100vw / 750)) 0 0 auto;
  }

  .movie05 {
    width: calc(420* (100vw / 750));
    margin-top: calc(202* (100vw / 750));
  }

  .movie06 {
    width: calc(626* (100vw / 750));
    margin: calc(400* (100vw / 750)) 0 0 auto;
  }

  .img34 {
    width: calc(396* (100vw / 750));
    margin-top: calc(300* (100vw / 750));
  }

  .img35 {
    margin-top: calc(200* (100vw / 750));
  }

  .img36 {
    width: calc(450* (100vw / 750));
    padding-top: calc(300* (100vw / 750));
  }

  .img37 {
    padding-top: calc(300* (100vw / 750));
    padding-left: calc(150* (100vw / 750));
  }

  .img37 .credit-wrap {
    width: calc(500* (100vw / 750));
  }

  .img38 {
    padding-top: calc(400* (100vw / 750));
  }

  .img38 .credit-wrap {
    width: calc(550* (100vw / 750));
  }

  .inner13 {
    position: relative;
    transform: translateZ(0);
  }

  .img39 {
    width: calc(450* (100vw / 750));
    padding-top: calc(401* (100vw / 750));
  }

  .img40 {
    padding-top: calc(335* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {

  .img24 {
    width: calc(592* (100vw / 1440));
    margin: calc(300* (100vw / 1440)) auto 0;
  }

  .img25 {
    width: calc(949* (100vw / 1440));
    margin: calc(300* (100vw / 1440)) auto 0;
  }

  .inner09 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: calc(62* (100vw / 1440));
    padding: calc(400* (100vw / 1440)) 0 0 0;
  }

  .img26,
  .img27 {
    width: calc(540* (100vw / 1440));
  }

  .img27 {
    margin-top: calc(548* (100vw / 1440));
  }

  .inner10 {
    position: relative;
    transform: translateZ(0);
    padding-top: calc(300* (100vw / 1440));
  }

  .img28 {
    width: calc(480* (100vw / 1440));
    padding: calc(131* (100vw / 1440)) 0;
    margin: 0 calc(150 * (100vw / 1440)) 0 auto;
  }

  .img29 {
    width: calc(336* (100vw / 1440));
    padding-top: calc(185* (100vw / 1440));
    padding-bottom: calc(197* (100vw / 1440));
    margin-left: calc(243* (100vw / 1440));
  }

  .inner11 {
    display: grid;
    width: calc(1440* (100vw / 1440));
    grid-template-columns: calc(90* (100vw / 1440)) calc(30* (100vw / 1440)) calc(590* (100vw / 1440)) calc(130* (100vw / 1440)) calc(108* (100vw / 1440)) auto;
    grid-template-rows: calc(570* (100vw / 1440)) calc(491* (100vw / 1440)) calc(1034* (100vw / 1440)) calc(453* (100vw / 1440)) calc(849* (100vw / 1440)) calc(760* (100vw / 1440)) calc(419* (100vw / 1440)) auto;
    padding: calc(400* (100vw / 1440)) 0 0 0;
  }

  .img30 {
    width: calc(540* (100vw / 1440));
    grid-area: 1/1/2/2;
  }

  .img31 {
    width: calc(432* (100vw / 1440));
    grid-area: 2/6/3/7;
  }

  .movie04 {
    width: calc(750* (100vw / 1440));
    grid-area: 3/2/4/3;
  }

  .img32 {
    width: calc(540* (100vw / 1440));
    grid-area: 4/1/5/2;
  }

  .img33 {
    width: calc(540* (100vw / 1440));
    grid-area: 5/5/6/6;
  }

  .movie05 {
    width: calc(420* (100vw / 1440));
    grid-area: 6/3/7/4;
  }

  .movie06 {
    width: calc(730* (100vw / 1440));
    grid-area: 7/4/8/5;
  }

  .img34 {
    width: calc(336* (100vw / 1440));
    grid-area: 8/1/9/2;
  }


  .img35 {
    width: calc(618* (100vw / 1440));
    margin-left: auto;
    padding-top: calc(76* (100vw / 1440));
  }

  .img36 {
    width: calc(390* (100vw / 1440));
    margin-left: calc(285* (100vw / 1440));
    padding-bottom: calc(333* (100vw / 1440));
  }

  .img37 {
    width: calc(390* (100vw / 1440));
    padding-left: calc(60* (100vw / 1440));
  }

  .img37::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .img38 {
    padding-top: calc(400* (100vw / 1440));
  }

  .img38 .credit-wrap {
    padding-left: calc(50* (100vw / 1440));
  }

  .inner13 {
    position: sticky;
    position: -webkit-sticky;
    top: calc(-411* (100vw / 1440));
    z-index: 0;
  }

  .img39 {
    position: absolute;
    width: calc(432* (100vw / 1440));
    top: calc(186* (100vw / 1440));
    right: calc(79* (100vw / 1440));
  }

  .img40 {
    position: relative;
    top: initial;
    width: calc(618* (100vw / 1440));
    padding-top: calc(487* (100vw / 1440));
  }
}









/* ▽_____________ sec03 by the wall ______________▽ */
.sec3 {
  background-color: #000;
  color: #fff;
}

.grid_wrap .img {
  background-color: none;
}

@media screen and (max-width: 767px) {
  .grid_wrap {
    position: relative;
  }

  .grid_wrap .img-wrap {
    display: grid;
    width: calc(750* (100vw / 750));
    grid-template-columns: calc(242* (100vw / 750)) calc(242* (100vw / 750)) calc(242* (100vw / 750));
    gap: calc(12* (100vw / 750));
    padding: calc(12* (100vw / 750)) 0 0 0;
  }

  .grid_wrap .img_mt {
    margin-top: calc(12* (100vw / 750));
  }

  .sp-grid-1 {
    grid-column: span 3;
  }

  .sp-grid-2 {
    grid-column: span 2;
  }

  .sp-grid-3 {
    grid-column: span 1;
  }

  .js-credit-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.4); */
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }

  .js-credit-btn.hidden_btn {
    opacity: 0;
    visibility: hidden;
  }

  .js-credit-content {
    opacity: 0;
    visibility: hidden;
    display: none;

  }

  .js-credit-content.visible_credit {
    opacity: 1;
    visibility: visible;
    display: flex;
    padding-left: calc(66* (100vw / 750));
    padding-bottom: calc(11* (100vw / 750));
  }

  .grid_content .js-credit-content {
    margin-top: 0;
    padding-top: calc(30* (100vw / 1440));
  }

  /* grid_wrap調整用 */
  .movie07 {
    height: calc(372* (100vw / 750));
  }

  .grid_wrap3 .img-wrap {
    gap: 0 calc(12* (100vw / 750));
  }

  .grid_wrap4 .sp-grid-3 {
    grid-column: 3;
  }

  .grid_wrap5 {
    margin-top: calc(-768* (100vw / 750));
    width: calc(496* (100vw / 750));
  }

  .grid_wrap5 .img-wrap {
    width: calc(496* (100vw / 750));
  }

  .movie07 video {
    height: 100%;
    width: auto !important;
  }

  .grid_wrap7 .flex-item {
    display: flex;
    justify-content: space-between;
  }

  .grid_wrap7 .flex-item>div {
    width: calc(369* (100vw / 750));
  }

  .grid_wrap7 .img-wrap {
    padding-bottom: calc(12* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {

  .grid_wrap .img-wrap {
    display: grid;
    width: calc(1440* (100vw / 1440));
    grid-template-columns: calc(354* (100vw / 1440)) calc(354* (100vw / 1440)) calc(354* (100vw / 1440)) calc(354* (100vw / 1440));
    gap: calc(9* (100vw / 1440)) calc(8* (100vw / 1440));
    padding: calc(9* (100vw / 1440)) 0 0 0;
  }

  .grid_wrap .img_mt {
    margin-top: calc(8* (100vw / 1440));
  }

  .pc-grid-1 {
    grid-column: span 4;
  }

  .pc-grid-2 {
    grid-column: span 2;
  }

  .pc-grid-3 {
    grid-column: span 1;
  }

  .img-wrap>li {
    position: relative;
    height: fit-content;
  }

  .grid_wrap .credit-wrap {
    position: absolute;
    bottom: calc(16* (100vw / 1440));
    left: calc(0* (100vw / 1440));
    z-index: 2;
    padding-left: calc(47* (100vw / 1440));
  }

  .grid_hover {
    position: relative;
  }

  .grid_hover_h {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .grid_hover:hover .grid_hover_h {
    opacity: 1;
    z-index: 2;
  }

  .grid_hover:hover .grid_hover_n {
    opacity: 0;
  }








  /* grid_wrap調整用 */
  .grid_wrap2 .img-wrap {
    grid-template-rows: calc(471* (100vw / 1440)) calc(475* (100vw / 1440)) calc(471* (100vw / 1440)) calc(57* (100vw / 1440)) calc(536* (100vw / 1440)) calc(344* (100vw / 1440)) calc(118* (100vw / 1440)) calc(408* (100vw / 1440)) auto;
    padding-top: calc(7* (100vw / 1440));
  }

  .img50 {
    grid-area: 2/3/4/5;
  }

  .img51 {
    grid-row: 3;
  }

  .img52 {
    grid-row: 5;
  }

  .img53 {
    grid-area: 4/3/5/5;
  }

  .img54 {
    grid-row: 6;
  }

  .movie07 {
    grid-row: 6;
  }

  .img55 {
    grid-row: 8;
  }

  .img56 {
    grid-area: 7/3/8/5;
  }

  .img57 {
    grid-area: 9/3/10/5;
  }

  .grid_wrap7 .flex-item {
    display: flex;
    justify-content: space-between;
  }

  .grid_wrap7 .flex-item>div {
    width: calc(716* (100vw / 1440));
  }

  .grid_wrap7 .img-wrap {
    padding-bottom: calc(8* (100vw / 1440));
  }
}











/* ▽_____________em23AW2catalog_footer______________▽ */
.em23AW2catalog_footer {
  padding: calc(227* (100vw / 750)) calc(60* (100vw / 750)) calc(40* (100vw / 750)) calc(60* (100vw / 750));
}

.em23AW2catalog_footer h2 {
  font-size: calc(90* (100vw / 750));
  letter-spacing: 0.05em;
}

.em23AW2catalog_footer .text span {
  display: block;
  font-size: calc(26* (100vw / 750));
  letter-spacing: 0.08em;
  font-weight: 500;
  margin-top: calc(59* (100vw / 750));
}

.em23AW2catalog_footer .text span:nth-child(2) {
  font-size: calc(23* (100vw / 750));
  letter-spacing: 0.04em;
  line-height: 1.3913043478;
  margin-top: calc(13* (100vw / 750));
}

.em23AW2catalog_footer .link {
  display: flex;
  flex-direction: column;
  gap: calc(36* (100vw / 750));
  font-size: calc(40* (100vw / 750));
  letter-spacing: 0.06em;
  margin-top: calc(103* (100vw / 750));
  padding-left: calc(30* (100vw / 750));
}

.em23AW2catalog_footer .sec-number::before {
  font-size: calc(23 * (100vw / 750));
  left: calc(-30* (100vw / 750));
}

.em23AW2catalog_footer .movie08 {
  width: calc(510* (100vw / 750));
  margin: calc(145* (100vw / 750)) auto 0;
}

.em23AW2catalog_footer .staff_credit {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: calc(690* (100vw / 750));
  gap: calc(23* (100vw / 750)) 0;
  font-size: calc(25* (100vw / 750));
  line-height: 1.44;
  letter-spacing: 0.04em;
  margin-top: calc(140* (100vw / 750));
}

.em23AW2catalog_footer .staff_credit li {
  font-weight: 500;
}

.em23AW2catalog_footer .staff_credit .small {
  font-size: calc(14* (100vw / 750));
  vertical-align: super;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .em23AW2catalog_footer .staff_credit .position_set {
    position: relative;
    left: calc(-18* (100vw / 750));
  }
}


.em23AW2catalog_footer .copyright {
  font-size: calc(17* (100vw / 750));
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-top: calc(136* (100vw / 750));
}

.snsLink ul {
  position: relative;
  display: flex;
  justify-content: center;
  padding: calc(50* (100vw / 750)) 0 0 0;
  border-top: 1px solid #000;
  gap: calc(40* (100vw / 750));
}

.snsLink ul::before {
  content: "";
  position: absolute;
  background: #fff;
  width: 100vw;
  height: 4vh;
  left: 50%;
  transform: translateX(-50%);
  top: calc(17* (100vw / 750));
  z-index: -1;
}

.snsLink li {
  width: calc(47* (100vw / 750));
}


#footer_emmi {
  padding-top: calc(50* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .em23AW2catalog_footer {
    position: relative;
    display: flex;
    justify-content: center;
    gap: calc(216* (100vw / 1440));
    padding: calc(122* (100vw / 1440)) 0 calc(115* (100vw / 1440));
  }

  .em23AW2catalog_footer .block1 {
    width: calc(444* (100vw / 1440));
  }

  .em23AW2catalog_footer .block2 {
    width: calc(660* (100vw / 1440));
    margin-top: calc(117* (100vw / 1440));
  }

  .em23AW2catalog_footer h2 {
    font-size: calc(70* (100vw / 1440));
    letter-spacing: 0.028em;
  }

  .em23AW2catalog_footer .text span {
    font-size: calc(15* (100vw / 1440));
    margin-top: calc(42* (100vw / 1440));
  }

  .em23AW2catalog_footer .text span:nth-child(2) {
    font-size: calc(15* (100vw / 1440));
    line-height: 1.3333333333;
    margin-top: calc(10* (100vw / 1440));
  }

  .em23AW2catalog_footer .link {
    gap: calc(43* (100vw / 1440));
    font-size: calc(30* (100vw / 1440));
    margin-top: calc(150* (100vw / 1440));
    padding-left: calc(20* (100vw / 1440));
  }

  .em23AW2catalog_footer .sec-number::before {
    font-size: calc(20* (100vw / 1440));
    left: calc(-20* (100vw / 1440));
  }

  .em23AW2catalog_footer .sec-number::after {
    content: none;
  }

  .em23AW2catalog_footer .movie08 {
    width: calc(660* (100vw / 1440));
    margin: 0;
  }

  .em23AW2catalog_footer .staff_credit {
    height: calc(190* (100vw / 1440));
    gap: calc(6* (100vw / 1440)) calc(52* (100vw / 1440));
    font-size: calc(13* (100vw / 1440));
    line-height: 1.4615384615;
    margin-top: calc(28* (100vw / 1440));
  }

  .em23AW2catalog_footer .staff_credit::after {
    content: "";
    height: 10%;
  }

  .em23AW2catalog_footer .staff_credit li:nth-child(n+7) {
    order: 1;
  }

  .em23AW2catalog_footer .staff_credit li:nth-child(8) {
    margin-top: calc(24* (100vw / 1440));
  }

  .em23AW2catalog_footer .staff_credit .small {
    font-size: calc(7* (100vw / 1440));
  }

  .em23AW2catalog_footer .copyright {
    position: absolute;
    bottom: calc(20* (100vw / 1440));
    left: calc(60* (100vw / 1440));
    font-size: calc(10* (100vw / 1440));
    margin-top: calc(100* (100vw / 1440));
  }

  .snsLink ul {
    padding: calc(31* (100vw / 1440)) 0 0 0;
    border-top: 1px solid #000;
    gap: calc(25* (100vw / 1440));
  }

  .snsLink li {
    width: calc(29* (100vw / 1440));
  }


  #footer_emmi {
    padding-top: 0;
    margin-top: calc(27* (100vw / 1440));
  }
}



/* アニメーション */
.sec-number {
  opacity: 0;
}

.mv_nav .sec-number {
  opacity: 1;
}

.em23AW2catalog_footer .sec-number.__2 {
  transition-delay: 0.2s;
}

.em23AW2catalog_footer .sec-number.__3 {
  transition-delay: 0.4s;
}

.sec-number.show {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .credit-wrap:not(.js-credit-content) {
    opacity: 0;
  }

  .credit-wrap:not(.js-credit-content).show {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .credit-wrap {
    opacity: 0;
  }

  .credit-wrap.show {
    opacity: 1;
  }
}





@media (min-width: 768px) and (max-width: 1366px) {
  #em23AW2catalog .mdlBox .mdlInner .mdlContents .mdlCloseBtn {
    right: calc(-62*(100vw/1366));
    width: calc(42*(100vw/1366));
    height: calc(42*(100vw/1366));
  }

  #em23AW2catalog .mdlBox .mdlInner .mdlContents .mdlCloseBtn::before,
  #em23AW2catalog .mdlBox .mdlInner .mdlContents .mdlCloseBtn::after {
    top: calc(20*(100vw/1366));
    height: calc(1*(100vw/1366));
  }

  #em23AW2catalog .mdlBox .mdlInner .mdlContents>ul>li .itemCredit ul li {
    font-size: calc(10*(100vw/1366));
  }
}

/*# sourceMappingURL=style.css.map */