@charset "UTF-8";

html {font-size: 62.5%;}
#Wrap {width: 100%;}

#contentsAll {font-feature-settings: 'palt'; text-align: justify; text-justify: inter-ideograph;font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;} 
#contentsAll ul li {list-style: none;}
#contentsAll img,
#contentsAll video {width: 100%;}

#contentsAll .loadFade {opacity : 0; transform: translateY(100px); transition : all 2s;}
#contentsAll .loadFade.done {opacity : 1; transform : translate(0, 0);}
#contentsAll .scrollFade {opacity: 0; transform: translateY(100px); transition: all 2s;}
#contentsAll .scrollFade.done {opacity : 1; transform : translate(0, 0);}
#contentsAll .scrollFade .fade1 {opacity: 0; transform: translateY(100px); transition: all 2s;transition-delay: .5s;}
#contentsAll .scrollFade.done .fade1 {opacity : 1; transform : translate(0, 0);}
#contentsAll .scrollFade .fade2 {opacity: 0; transform: translateY(100px); transition: all 2s;transition-delay: 1.2s;}
#contentsAll .scrollFade.done .fade2 {opacity : 1; transform : translate(0, 0);}
#contentsAll .scrollFade .fade3 {opacity: 0; transform: translateY(100px); transition: all 2s;transition-delay: 2s;}
#contentsAll .scrollFade.done .fade3 {opacity : 1; transform : translate(0, 0);}

#contentsAll .scrollFade .fade0-0 {opacity: 0; transform: translateY(100px); transition: all 2s;}
#contentsAll .scrollFade.done .fade0-0 {opacity : 1; transform : translate(0, 0);}
#contentsAll .scrollFade .fade1-1 {opacity: 0; transform: translateY(100px); transition: all 2s;transition-delay: .6s;}
#contentsAll .scrollFade.done .fade1-1 {opacity : 1; transform : translate(0, 0);}
#contentsAll .scrollFade .fade2-2 {opacity: 0; transform: translateY(100px); transition: all 2s;transition-delay: 1.2s;}
#contentsAll .scrollFade.done .fade2-2 {opacity : 1; transform : translate(0, 0);}
#contentsAll .scrollFade .fade3-3 {opacity: 0; transform: translateY(100px); transition: all 2s;transition-delay: 1.8s;}
#contentsAll .scrollFade.done .fade3-3 {opacity : 1; transform : translate(0, 0);}
#contentsAll .scrollFade .fade4-4 {opacity: 0; transform: translateY(100px); transition: all 2s;transition-delay: 2.4s;}
#contentsAll .scrollFade.done .fade4-4 {opacity : 1; transform : translate(0, 0);}

#contentsAll .scrollFade .fade4 {opacity: 0; transform: translateY(100px); transition: all 2s;transition-delay: 1s;}
#contentsAll .scrollFade.done .fade4 {opacity : 1; transform : translate(0, 0);}

#contentsAll .futuraFont {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

#Contents .bredlist.lp {
  display: none;
}

@font-face {
  font-family: 'CircularProBook';
  src: url(../font/CircularPro-Book.otf );
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url(../font/HelveticaNeue-01.ttf );
}

.modal_1 a,
#itemSwiper p {
  font-family: futura-pt, sans-serif;
}

#swiperCloseBtn::before, 
#swiperCloseBtn::after {
  background: #8c8c8c !important;
}

#itemSwiper .slick-arrow {
  display: none !important;
}

/*************************************SP****************************************/
@media screen and ( max-width:767px ) {

  html {font-size: calc(10* (100vw / 750)) !important;}
  
  /* #contentsAll {
    background-image: url(/Page/collection/2022/ss_2nd/img/sp3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 13836px;
  } */

  #contentsAll .pcOnly {display: none;}
  
  #contentsAll {width: 100%; margin: 0 auto;}

  html #Contents {
    padding-top: 0 !important;
  }

  #header_emmi.header {
    background: transparent !important;
  }

  #mvBlock.hide,
  .c_parallax1.hide,
  .c_parallax2.hide {
    opacity: 0 !important;
  }

  .LPInner,
  .LPInner2,
  .LPInner3 {
    position: relative;
    background-color: #fff;
    z-index: 30;
  }
  /* .LPInner {
    padding-bottom: 41rem;
  }
  .LPInner2 {
    padding: 31rem 0 41rem;
  }
  .LPInner3 {
    padding-top: 31rem;
  } */
  #contentsAll #contents7 > div.c_parallax1 {
    /* position: fixed;
    top: 33rem; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 55rem;
    height: 77rem;
    /* width: 100%;
    height: 100vh; */
    margin: auto;
    background-position-x: center;
    background-size: 100%;
    background-image: url(../img/Img14_bg_sp.jpg);
    background-repeat: no-repeat;
  }
  #contentsAll #contents13 > div.c_parallax2 {
    /* position: fixed;
    top: 25rem; */
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    margin: auto;
    background-position-x: center;
    background-size: 100%;
    background-image: url(../spimg/Img_24_bg_sp.jpg);
    background-repeat: no-repeat;
  }

    /*==========================
    Mv
    ==========================*/
    #mvBlock {
      position: fixed;
      top: 0;
      left: 0;
      width: 75rem;
      z-index: 1;
    }

    #contentsAll #mvBlock .icon_box {
      width: 10rem;
      margin: 10rem auto 0;
    }
    #contentsAll #mvBlock .icon_text {
      margin-top: 10rem;
      font-family: 'CircularProBook';
      font-size: 2rem;
      line-height: 1.6;
      letter-spacing: .04em;
      text-align: center;
    }

    #iconBox {
      width: 29rem;
      margin: 0 auto;
      padding-top: 25.2rem;
    }
    .icon_text {
      margin: 1.2rem 0 40.8rem;
      font-family: 'CircularProBook';
      font-size: 2rem;
      line-height: 1.6;
      letter-spacing: .04em;
      text-align: center;
    }

    /*==========================
    Contents1
    ==========================*/
    #contentsAll #contents1 {
      position: relative;
      z-index: 30;
    }

    #contentsAll #contents1 div:nth-of-type(1) {
      width: 100%;
      margin: 0 auto;
    }
    #contentsAll #contents1 div:nth-of-type(2) {
      width: 37.5rem;
      margin: 16rem auto 0;
    }
    #contentsAll #contents1 div:nth-of-type(3) {
      width: 100%;
      margin-top: 12.6rem;
    }

    /*==========================
    Contents2
    ==========================*/
    #contentsAll #contents2 {
      position: relative;
      z-index: 30;
    }

    #contentsAll #contents2 div:nth-of-type(1) {
      width: 54rem;
      margin: 17rem 0 0 4.4rem;
    }
    #contentsAll #contents2 div:nth-of-type(2) {
      width: 33rem;
      margin: 6rem 0 0 37.5rem;
    }

    /*==========================
    Contents3
    ==========================*/
    #contentsAll #contents3 {
      position: relative;
      z-index: 30;
    }
    
    #contentsAll #contents3 .modelSlider {
      width: 100%;
      margin-top: 18rem;
    }
    #contentsAll #contents3 .movieBlock {
      width: 65rem;
      margin: 12.2rem auto 0;
    }

    /*==========================
    Contents4
    ==========================*/
    #contentsAll #contents4 {
      position: relative;
      z-index: 30;
    }

    #contentsAll #contents4 > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 61rem;
      z-index: 0;
    }
    #contentsAll #contents4 .modelSlider {
      position: relative;
      width: 65rem;
      margin: 22rem 0 0 auto;
      padding-top: 17rem;
      z-index: 10;
    }

    /*==========================
    Contents5
    ==========================*/
    #contentsAll #contents5 {
      position: relative;
      z-index: 30;
    }

    #contentsAll #contents5 > div {
      width: 100%;
      margin-top: 21rem;
    }
    #contentsAll #contents5 .modelSlider {
      width: 55rem;
      margin: 11.8rem auto 0;
    }

    /*==========================
    Contents6
    ==========================*/
    #contentsAll #contents6 {
      position: relative;
      z-index: 30;
      padding-bottom: 41rem;
    }

    #contentsAll #contents6 > div {
      width: 55rem;
      margin: 20.6rem auto 0;
    }
    #contentsAll #contents6 .modelSlider {
      width: 100%;
      margin-top: 20rem;
    }

    /*==========================
    Contents7
    ==========================*/
    #contentsAll #contents7 {
      position: relative;
      height: 77rem;
      z-index: 50;
    }

    #contentsAll #contents7 > div:nth-of-type(1),
    #contentsAll #contents7 > div:nth-of-type(2),
    #contentsAll #contents7 > div:nth-of-type(3) {
      position: absolute;
      z-index: 20;
    }
    #contentsAll #contents7 > div:nth-of-type(1) {
      top: -22rem;
      right: 6rem;
      width: 35.4rem;
    }
    #contentsAll #contents7 > div:nth-of-type(2) {
      top: 32rem;
      left: 6.2rem;
      width: 25rem;
    }
    #contentsAll #contents7 > div:nth-of-type(3) {
      top: 47rem;
      right: 9rem;
      width: 29rem;
    }

    /*==========================
    Contents8
    ==========================*/
    #contentsAll #contents8 {
      position: relative;
      padding-top: 31rem;
      z-index: 30;
    }

    #contentsAll #contents7 .movieBlock {
      width: 100%;
      padding-top: 28rem;
    }

    #contentsAll #contents8 .modelSlider {
      width: 61rem;
      margin-top: 20rem;
    }
    #contentsAll #contents8 > div:nth-of-type(n+2) {
      width: 37rem;
      margin: 18.2rem auto 0;
    }
   
    /*==========================
    Contents9
    ==========================*/
    #contentsAll #contents9 {
      position: relative;
      z-index: 30;
    }

    #contentsAll #contents9 > div {
      width: 100%;
      margin-top: 19rem;
    }
    #contentsAll #contents9 .modelSlider {
      width: 52rem;
      margin: 18rem auto 0;
    }
    
    /*==========================
    Contents10
    ==========================*/
    #contentsAll #contents10 {
      position: relative;
      z-index: 30;
    }

    #contentsAll #contents10 .modelSlider {
      position: relative;
      width: 100%;
      margin-top: 33rem;
      z-index: 0;
    }

    /* #contentsAll #contents10.txtFade::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 1rem;
      width: 3.7rem;
      height: 46rem;
      background-image: url(../spimg/Img_ttl01_sp.svg);
      background-repeat: no-repeat;
      background-size: 100%;
      z-index: 10;
      opacity: 0;
      transition : all 2s;
    }
    #contentsAll #contents10.txtFade.done::before {
      top: -9rem !important;
      opacity: 1 !important;
    } */

    #contentsAll #contents10 .nikeTxt {
      position: absolute;
      top: -17.6rem;
      left: -21rem;
      width: 48rem;
      height: 44%;
    }
    #contentsAll #contents10 .nikeTxt > p {
      position: sticky;
      top: 42rem;
      font-family: 'HelveticaNeue';
      font-size: 4.9rem;
      letter-spacing: .04em;
      transform: rotate(90deg);
      opacity: 0;
    }
    #contentsAll #contents10 .nikeTxt > p.tgt span{
      display: none;
    }

    #contentsAll #contents10 > div {
      width: 65rem;
      margin: 30rem auto 0;
    }

    /*==========================
    Contents11
    ==========================*/
    #contentsAll #contents11 {
      position: relative;
      z-index: 30;
    }
    #contentsAll #contents11 .modelSlider {
      width: 100%;
      margin-top: 20rem;
    }

    /*==========================
    Contents12
    ==========================*/
    #contentsAll #contents12 {
      position: relative;
      padding-bottom: 41rem;
      z-index: 30;
    }

    #contentsAll #contents12 > div {
      width: 37.2rem;
      margin: 20.5rem auto 0;
    }
    #contentsAll #contents12 .modelSlider {
      width: 100%;
      margin-top: 20rem;
    }

    /*==========================
    Contents13
    ==========================*/
    #contents13.parallaxBlock {
      position: relative;
      height: 104rem;
      z-index: 50;
    }

    #contentsAll #contents13 > div:nth-of-type(1),
    #contentsAll #contents13 > div:nth-of-type(2){
      position: absolute;
      z-index: 20;
    }
    #contentsAll #contents13 > div:nth-of-type(1) {
      top: -21.5rem;
      left: 5rem;
      width: 40rem;
    }
    #contentsAll #contents13 > div:nth-of-type(2) {
      right: 8.4rem;
      bottom: -11rem;
      width: 32rem;
    }

    /*==========================
    Contents14
    ==========================*/
    #contentsAll #contents14 {
      position: relative;
      padding-top: 31rem;
      z-index: 30;
    }

    #contentsAll #contents14 > div {
      width: 66rem;
      margin: 0 auto;
    }

    /*==========================
    Contents15
    ==========================*/
    #contentsAll #contents15 {
      position: relative;
      z-index: 30;
    }
    #contentsAll #contents15 > div {
      width: 100%;
      margin: 20.5rem auto 0;
    }

    /*==========================
    Contents16
    ==========================*/
    #contentsAll #contents16 {
      position: relative;
      z-index: 30;
    }

    #contentsAll #contents16 .modelSlider {
      width: 60.8rem;
      margin-top: 20rem;
    }
    #contentsAll #contents16 > div:nth-of-type(1) {
      width: 60rem;
      margin: 20rem 0 0 auto;
    }
    #contentsAll #contents16 > div:nth-of-type(2) {
      width: 41rem;
      margin: 15rem 0 0 auto;
    }

    /*==========================
    Contents17
    ==========================*/
    #contentsAll #contents17 {
      position: relative;
      z-index: 30;
    }

    #contentsAll #contents17 .modelSlider {
      width: 64rem;
      margin: 20.3rem auto;
    }

    /*==========================
    Footer
    ==========================*/
    .ss_2nd .ss2nd_footer {
      background-image: url(../spimg/footer_Img_sp.jpg);
      background-size: calc(750 *(100vw /750));
      background-repeat: no-repeat;
      margin-top: calc(198 *(100vw /750));
      padding-bottom: calc(102 *(100vw /750));
    }
    .ss_2nd .ss2nd_footer--sns_icon_Area {
      width: calc(224 *(100vw /750));
      margin: 0 auto;
    }
    .ss_2nd .ss2nd_footer--sns_icon_Area .sns_flex {
      width: calc(224 *(100vw /750));
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    .ss_2nd .ss2nd_footer--sns_icon_Area .sns_flex li {
      width: calc(48 *(100vw /750));
      margin-top: calc(156 *(100vw /750));
    }
    .ss_2nd .ss2nd_footer--staff_tetx {
      color: #fff;
      font-size: calc(20 *(100vw /750));
      letter-spacing: 0.08em;
      line-height: 1.64;
      margin-left: calc(108 *(100vw /750));
      margin-top: calc(49 *(100vw /750));
      text-align: left;
      padding-bottom: 0;
    }
    .ss_2nd .ss2nd_footer--staff_tetx .font-md {
      font-family: futura-pt,sans-serif;
      font-weight: 500;
      font-style: normal;
      font-weight: 600;
    }
    .ss_2nd .ss2nd_footer--staff_tetx p.area_1.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_2.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_3.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_4.font-md,
    .ss_2nd .ss2nd_footer--staff_tetx p.area_5.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_6.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_7.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_8.font-md,
    .ss_2nd .ss2nd_footer--staff_tetx p.area_9.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_10.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_11.font-md {
      line-height: 1.2;
      margin-top: calc(6 *(100vw /750));
      letter-spacing: 0.08em;
    }
    .ss_2nd .ss2nd_footer--staff_tetx p.area_2.font-md {
      margin-top: calc(14 *(100vw /750));
    }
    .ss_2nd .ss2nd_footer--staff_tetx p.area_3.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_4.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_5.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_6.font-md,
    .ss_2nd .ss2nd_footer--staff_tetx p.area_8.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_9.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_10.font-md, .ss_2nd .ss2nd_footer--staff_tetx p.area_11.font-md {
      margin-top: calc(14 *(100vw /750));
      letter-spacing: 0.14em;
    }
    .ss_2nd .ss2nd_footer--staff_tetx p.area_7.font-md {
      margin-top: calc(28 *(100vw /750));
      letter-spacing: 0.13em;
    }
    .ss_2nd .ss2nd_footer--staff_tetx .sub_text {
      font-size: calc(16 *(100vw /750));
      font-weight: 600 !important;
    }
    .bredlist.lp {
      display: none;
    }
    footer#footer_emmi {
      display: none;
    }

}
/*************************************PC****************************************/
@media screen and (max-width: 1200px) and (min-width: 768px) {

    html {font-size: calc(10* (100vw / 1200)) !important;}

    #contentsAll .LPInner > div section {
      width: 120rem !important;
    }
    #contentsAll #mvBlock,
    #contentsAll #contents15 > div {
      width: 100% !important;
    }
    .ss2nd_footer--sns_icon_Area .sns_flex li {
      margin-top: 35rem !important;
    }

    div#Foot {
      position: absolute;
      z-index: 999;
      background: #fff;
      width: 100%;
    }

}
@media only screen and (min-width: 768px) {
    /* #contentsAll {
        background-image: url(/Page/collection/2022/ss_2nd/img/pc2.jpg);
        background-size: 1366px;
        background-repeat: no-repeat;
        background-position: 390px 14180px;
    } */

    #contentsAll .spOnly {display: none;}
    .main-area {overflow: initial !important;}
    .main-area::after {margin: 0 auto !important;height: 0 !important;}

    #contentsAll > div {
      position: relative;
      background-color: #fff;
      z-index: 30;
    }
    #contentsAll > div section {
      width: 133.6rem;
      margin: 0 auto;
    }

    #contentsAll .flexBlock {
      display: flex;
      justify-content: center;
    }

    .mdlScaleUp {
      transition:1s all;
      overflow:hidden;
    }
    
    .mdlScaleUp > * {
      transition: all 1s;
    }

    .mdlScaleUp > *:hover{
      transform:scale(1.1,1.1) !important;
      transition:1s all;
    }

    #mvSlider.hide,
    .c_parallax.hide {
      opacity: 0 !important;
    }

    /* .LPInner {
      padding-bottom: 41rem;
    }
    .LPInner2 {
      padding: 31rem 0 41rem;
    }
    .LPInner3 {
      padding-top: 31rem;
    } */

    #contentsAll #contents7 > div.c_parallax1 {
      /* position: fixed;
      top: 30rem; */
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 83.4rem;
      height: 64rem;
      margin: auto;
      background-position-x: center;
      /* background-size: cover; */
      background-image: url(../img/Img14_bg.jpg);
      background-repeat: no-repeat;
    }
    #contentsAll #contents13 > div.c_parallax2 {
      /* position: fixed;
      top: 22rem; */
      position: absolute;
      top: 0;
      width: 100%;
      height: 100vh;
      margin: auto;
      background-position-x: center;
      /* background-size: cover; */
      background-image: url(../img/Img_24_bg.jpg);
      background-repeat: no-repeat;
    }

    /*==========================
    Mv
    ==========================*/
    ul#mvSlider {
      position: fixed;
      /* top: 0; */
      left: 0;
      right: 0;
      width: 121rem;
      margin: auto;
      z-index: 1;
    }
    #mvSlider.none {
      display: none !important;
    }

    #contentsAll #mvBlock {
      position: relative;
      width: 121rem;
      margin: 0 auto;
      z-index: 30;
    }

    #contentsAll #mvBlock .icon_box {
      width: 18.8rem;
      margin: 0 auto;
    }
    #contentsAll #mvBlock .icon_text {
      margin-top: 1.2rem;
      font-family: 'CircularProBook';
      font-size: 2rem;
      line-height: 1.6;
      letter-spacing: .04em;
      text-align: center;
    }

    /*==========================
    Contents1
    ==========================*/
    #contentsAll #contents1 {
      position: relative;
      padding-top: 20.6rem;
      z-index: 30;
    }

    #contentsAll #contents1 .movieBlock {
      width: 94.4rem;
      margin: 0 auto;
    }

    #contentsAll #contents1 .flexBlock {
      flex-direction: row-reverse;
      padding-top: 16.4rem;
    }

    #contentsAll #contents1 .flexBlock div:nth-of-type(1) {
      width: 32rem;
    }
    #contentsAll #contents1 .flexBlock div:nth-of-type(2) {
      width: 70rem;
      margin: 24rem 11rem 0 0;
    }

    /*==========================
    Contents2
    ==========================*/
    #contentsAll #contents2 {
      position: relative;
      padding-top: 15.5rem;
      z-index: 30;
    }
    #contentsAll #contents2 .flexBlock {
      flex-direction: row-reverse;
    }

    #contentsAll #contents2 .flexBlock div:nth-of-type(1) {
      width: 64rem;
    }
    #contentsAll #contents2 .flexBlock div:nth-of-type(2) {
      width: 32.8rem;
      margin: 38rem 11rem 0 4rem;
    }

    /*==========================
    Contents3
    ==========================*/
    #contentsAll #contents3 {
      position: relative;
      padding-top: 20.7rem;
      z-index: 30;
    }

    #contentsAll #contents3 .flexBlock .movieBlock {
      width: 50.6rem;
      /* height: 100rem; */
      height: 124rem;
    }
    #contentsAll #contents3 .flexBlock .movieBlock video {
      position: sticky;
      top: 16rem;
      left: 0;
    }
    #contentsAll #contents3 .flexBlock .modelSlider {
      width: 51rem;
      /* margin: 8rem 2rem 0 12rem; */
      margin: 30.5rem 2rem 0 12rem;
    }

    /*==========================
    Contents4
    ==========================*/
    #contentsAll #contents4 {
      position: relative;
      padding-top: 16.1rem;
      z-index: 30;
    }

    #contentsAll #contents4 .flexBlock .modelSlider {
      width: 55rem;
      margin: 15.6rem 22rem 0 -2rem;
    }

    #contentsAll #contents4 .flexBlock > div {
      width: 29rem;
    }

    /*==========================
    Contents5
    ==========================*/
    #contentsAll #contents5 {
      position: relative;
      padding-top: 28rem;
      z-index: 30;
    }

    #contentsAll #contents5 .flexBlock .flex_Area05--Imgbox2 {
      width: 49.2rem;
      height: 93rem;
    }
    #contentsAll #contents5 .flexBlock .flex_Area05--Imgbox2 > div {
      position: sticky;
      top: 16rem;
      left: 0;
    }
    #contentsAll #contents5 .flexBlock .modelSlider {
      width: 45.5rem;
      margin: 15rem -2rem 0 16rem;
    }

    /*==========================
    Contents6
    ==========================*/
    #contentsAll #contents6 {
      position: relative;
      padding: 21.2rem 0 41rem;
      z-index: 30;
    }

    #contentsAll #contents6 > div {
      width: 112.6rem;
      margin: 0 auto;
    }
    #contentsAll #contents6 .modelSlider {
      width: 77rem;
      margin: 19.5rem auto 0;
    }

    /*==========================
    Contents7
    ==========================*/
    #contentsAll #contents7 {
      position: relative;
      height: 64rem;
      z-index: 50;
    }

    #contentsAll #contents7 > div {
      position: relative;
      width: 133.6rem;
      margin: 0 auto;
    }

    #contentsAll #contents7 > div > div:nth-of-type(1),
    #contentsAll #contents7 > div > div:nth-of-type(2),
    #contentsAll #contents7 > div > div:nth-of-type(3) {
      position: absolute;
      z-index: 20;
    }
    #contentsAll #contents7 > div > div:nth-of-type(1) {
      top: -16rem;
      right: 17rem;
      width: 32.3rem;
    }
    #contentsAll #contents7 > div > div:nth-of-type(2) {
      top: 15rem;
      left: 18.8rem;
      width: 25.7rem;
    }
    #contentsAll #contents7 > div > div:nth-of-type(3) {
      top: 35rem;
      left: 2.4rem;
      right: 0;
      width: 28rem;
      margin: auto;
    }

    /*==========================
    Contents8
    ==========================*/
    #contentsAll #contents8 {
      position: relative;
      padding-top: 31rem;
      z-index: 30;
    }

    #contentsAll #contents8 .movieBlock {
      width: 83.2rem;
      margin: 0 auto;
      padding-bottom: 17.8rem;
    }

    #contentsAll #contents8 .flexBlock {
      flex-direction: row-reverse;
    }

    #contentsAll #contents8 .flexBlock > div {
      width: 29rem;
    }
    #contentsAll #contents8 .modelSlider {
      width: 50rem;
      margin: 28rem -6rem 0 16rem;
    }

    /*==========================
    Contents9
    ==========================*/
    #contentsAll #contents9 {
      position: relative;
      padding: 26.7rem 0;
      z-index: 30;
    }
    #contentsAll #contents9 .flexBlock {
      flex-direction: row-reverse;
    }

    #contentsAll #contents9 .modelSlider {
      width: 48.2rem;
      margin-right: 2.8rem;
    }
    #contentsAll #contents9 .flexBlock > div {
      width: 52.6rem;
    }

    /*==========================
    Contents10
    ==========================*/
    #contentsAll #contents10 {
      position: relative;
      z-index: 30;
    }
    #contentsAll #contents10 .flexBlock {
      flex-direction: row-reverse;
    }
    /* #contentsAll #contents10 .flexBlock::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 8rem;
      width: 2.4rem;
      height: 30rem;
      background-image: url(../img/Img_ttl01.svg);
      background-repeat: no-repeat;
      background-size: 100%;
      z-index: 10;
      opacity: 0;
      transition : all 2s;
    }
    #contentsAll #contents10 .flexBlock.done::before {
      top: -6rem !important;
      opacity: 1 !important;
    } */

    #contentsAll #contents10 .flexBlock > div.slider_sticky {
      height: 116rem;
    }
    #contentsAll #contents10 > div .modelSlider {
      width: 49.2rem;
      position: sticky;
      top: 16rem;
      right: 0;
      z-index: 0;
    }
    #contentsAll #contents10 .flexBlock > div.flex_Area10--Imgbox1 {
      width: 53rem;
      margin: 29.5rem 9rem 0 -1.4rem;
    }

    #contentsAll #contents10 .nikeTxt {
      position: absolute;
      top: 6.2rem;
      right: -5rem;
      width: 28rem;
      height: 90%;
    }
    #contentsAll #contents10 .nikeTxt > p {
      position: sticky;
      top: 18rem;
      font-family: 'HelveticaNeue';
      font-size: 3.2rem;
      letter-spacing: .04em;
      transform: rotate(90deg);
      opacity: 0;
    }
    #contentsAll #contents10 .nikeTxt > p.tgt span{
      display: none;
    }

    /*==========================
    Contents11
    ==========================*/
    #contentsAll #contents11 {
      position: relative;
      z-index: 30;
    }
    #contentsAll #contents11 .modelSlider {
      width: 82rem;
      margin: 19.5rem auto 0;
    }

    /*==========================
    Contents12
    ==========================*/
    #contentsAll #contents12 {
      position: relative;
      padding: 25.3rem 0 41rem;
      z-index: 30;
    }

    #contentsAll #contents12 > div .modelSlider {
      width: 55rem;
      margin: 22.2rem 0 0 21.7rem;
    }
    #contentsAll #contents12 .flexBlock > div {
      width: 29.5rem;
    }

    /*==========================
    Contents13
    ==========================*/
    #contentsAll #contents13 {
      position: relative;
      height: 86.5rem;
      z-index: 60;
    }

    #contentsAll #contents13 > div:nth-of-type(1) {
      position: relative;
      width: 133.6rem;
      margin: 0 auto;
    }

    #contentsAll #contents13 > div:nth-of-type(1) > div:nth-of-type(1),
    #contentsAll #contents13 > div > div:nth-of-type(2){
      position: absolute;
      z-index: 20;
    }
    #contentsAll #contents13 > div:nth-of-type(1) > div:nth-of-type(1) {
      top: -22rem;
      left: 28rem;
      width: 40rem;
    }
    #contentsAll #contents13 > div:nth-of-type(1) > div:nth-of-type(2) {
      top: 57.6rem;
      right: 29.8rem;
      width: 27.3rem;
    }

    /*==========================
    Contents14
    ==========================*/
    #contentsAll #contents14 {
      position: relative;
      padding-top: 25rem;
      background-color: #fff;
      z-index: 50;
    }

    #contentsAll #contents14 > div:nth-of-type(1) {
      width: 50rem;
      margin: 0 auto;
    }
    #contentsAll #contents14 > div:nth-of-type(2) {
      width: 55rem;
      margin: 22.2rem auto 0;
    }

    /*==========================
    Contents15
    ==========================*/
    #contentsAll #contents15 {
      position: relative;
      padding-top: 13rem;
      background-color: #fff;
      z-index: 50;
    }
    #contentsAll #contents15 > div {
      width: 136.6rem;
      margin: 0 auto;
    }

    /*==========================
    Contents16
    ==========================*/
    #contentsAll #contents16 {
      position: relative;
      padding-top: 19.3rem;
      z-index: 30;
    }
    #contentsAll #contents16 .flexBlock {
      flex-direction: row-reverse;
    }

    #contentsAll #contents16 .modelSlider {
      width: 50.2rem;
      margin-left: 10rem;
    }
    #contentsAll #contents16 .flexBlock > .Img_Area16--Img2 {
      width: 54.6rem;
      margin: 66.7rem 0 0 2rem;
    }
    #contentsAll #contents16 .flexBlock > div > div {
      width: 29.6rem;
      margin: 36rem 0 0 13rem;
  }

    /*==========================
    Contents17
    ==========================*/
    #contentsAll #contents17 {
      position: relative;
      padding-top: 17.3rem;
      z-index: 30;
    }

    #contentsAll #contents17 .modelSlider {
      width: 63.8rem;
      margin: 0 auto;
    }

    /*==========================
    Footer
    ==========================*/
    #footer_emmi {
      margin-top: 0 !important;
    }

    .ss2nd_footer {
      background-image: url(../img/footer_pc.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      margin-top: 18rem;
      padding-bottom: 0;
    }
    
    .ss2nd_footer--sns_icon_Area {
      width: 22.3rem;
      margin: 0 auto;
    }
    
    .ss2nd_footer--sns_icon_Area .sns_flex {
      width: 22.3rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    
    .ss2nd_footer--sns_icon_Area .sns_flex li {
      width: 4.8rem;
      margin-top: 53rem;
    }
    
    .ss2nd_footer--staff_tetx {
      color: #fff;
      font-size: 1.649rem;
      letter-spacing: 0.14em;
      line-height: 1.64;
      margin-left: 0;
      margin-top: 4.5rem;
      text-align: center;
      padding-bottom: 14rem;
    }
    
    .ss2nd_footer--staff_tetx .font-md {
      font-family: futura-pt,sans-serif;
      font-weight: 500;
      font-style: normal;
      font-weight: 600;
    }
    
    .ss2nd_footer--staff_tetx p.area_1.font-md {
      line-height: 1.3;
      margin-top: 0.4rem;
      letter-spacing: 0.16em;
    }
    
    .ss2nd_footer--staff_tetx p.area_2.font-md {
      margin-top: 0.9rem;
      line-height: 1.2;
    }
    
    .ss2nd_footer--staff_tetx p.area_3.font-md, .ss2nd_footer--staff_tetx p.area_4.font-md, .ss2nd_footer--staff_tetx p.area_5.font-md, .ss2nd_footer--staff_tetx p.area_6.font-md {
      margin-top: 1.2rem;
      line-height: 1.18;
      letter-spacing: 0.08em;
    }
    
    .ss2nd_footer--staff_tetx p.area_7.font-md {
      margin-top: 1.8rem;
      letter-spacing: 0.14em;
      line-height: 1.2;
    }
    
    .ss2nd_footer--staff_tetx p.area_8.font-md, .ss2nd_footer--staff_tetx p.area_9.font-md {
      margin-top: 1.4rem;
      letter-spacing: 0.17em;
      line-height: 1.2;
    }
    
    .ss2nd_footer--staff_tetx p.area_9.font-md {
      margin-top: 1.2rem;
    }
    
    .ss2nd_footer--staff_tetx p.area_10.font-md, .ss2nd_footer--staff_tetx p.area_11.font-md {
      margin-top: 1.1rem;
      letter-spacing: 0.16em;
      line-height: 1.2;
    }
    
    .ss2nd_footer--staff_tetx .sub_text {
      font-size: 1.3rem;
      font-weight: 500;
    }

}





/*************************************以下削除推奨****************************************/
@media screen and ( max-width:767px ) {
  #itemSwiperArea #itemSwiper .itemSwiperWrapper {
    max-height: 120rem !important;
  }
  #swiperCloseBtn::before, #swiperCloseBtn::after {
    width: calc(60* (100vw / 750)) !important;
  }
  #itemSwiperArea .itemSwiperWrapper .slide-arrow {
    display: none !important;
  }
  #swiperCloseBtn {
    right: calc(80* (100vw / 750)) !important;
  }

  .modal_flexArea {
    margin: calc(33 *(100vw /750)) calc(0 *(100vw /750)) calc(50 *(100vw /750)) !important;
  }
  .modal_1 {
    margin: 0 calc(80 *(100vw /750)) 0 calc(35 *(100vw /750)) !important;
  }

  #itemSwiperArea .credit li {
    line-height: 1 !important;
  }

  .modal_1 a {
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: .06em;
  }
  /* .modal_1 img.icon_Img_sp,
  .modal_6 img.icon_Img_sp,
  .modal_7 img.icon_Img_sp,
  .modal_9 img.icon_Img_sp,
  .modal_10 img.icon_Img_sp,
  .modal_12 img.icon_Img_sp,
  .modal_13 img.icon_Img_sp,
  .modal_14 img.icon_Img_sp,
  .modal_15 img.icon_Img_sp,
  .modal_16 img.icon_Img_sp,
  .modal_17 img.icon_Img_sp,
  .modal_18 img.icon_Img_sp,
  .modal_19 img.icon_Img_sp {
    margin-top: calc(12 *(100vw /750))!important;
  } */
  .moal_tax {
    line-height: 1.6 !important;
  }
  .modal_2 .moal_ta,
  .credit_2 .moal_tax {
    margin-top: 0 !important;
}
.modal_4.credit img.icon_Img_sp,
.modal_3.credit img.icon_Img_sp {
  margin-top: calc(6*(100vw/750)) !important;
}
  #itemSwiperArea .credit li,
  .moal_tax {
    font-family: futura-pt, sans-serif !important;
    font-size: calc(20*(100vw/750)) !important;
    letter-spacing: .06em !important;
  }
  .slider ul li{
    font-size: calc(20*(100vw/750)) !important;
  }

  #itemSwiperArea .credit a,
  #itemSwiperArea .credit_2 a {
    line-height: 1.6;
  }
  #itemSwiperArea .credit_2 {
    margin-top: 0 !important;
  }
  #itemSwiperArea .credit {
    margin: 0 calc(98 *(100vw /750)) calc(33 *(100vw /750)) calc(35 *(100vw /750)) !important;
  }
.modal_2.credit img.icon_Img_sp {
  margin: calc(20*(100vw/750)) calc(20*(100vw/750)) 0 0 !important;
}
}
@media only screen and (min-width: 768px) {
    .modal_5,
    .modal_6 {
      margin-left: .6rem;
    }
    #itemSwiper p {
      font-size: 1.4rem;
      margin-left: 0 !important;
    }
    .modal_1 ul.credit,
    .slider .tax_Area {
      margin-left: 0 !important;
    }

    #itemSwiper .slider figure,
    #itemSwiper .slider figure .modal_img,
    #itemSwiper .slider .modal_img img {
      height: auto !important;
    }
    
    .credit li {
      display: flex;
      align-items: center;
    }
    .credit li:nth-of-type(n+2) {
      margin-left: 0.5rem !important;
    }
    .credit_2 li:nth-of-type(n+2) {
      margin-left: 0.5rem !important;
    }
    .icon_Img {
      width: auto !important;
      height: 7rem !important;
      margin: .5rem 0 0 0 !important;
    }
    .icon_Img:nth-of-type(n+2) {
      margin: .5rem 0 0 1rem !important;
    }

    .modal_img {
      margin-right: 1.3rem;
    }

}

div#Foot {
    position: absolute;
    z-index: 999;
    background: #fff;
    width: 100%;
}