@charset "UTF-8";
.ss1st_collection {
  --lp-main-color: #000;
  --lp-sub-color: #ddd;
  --lp-third-color: #fff;
  --lp-font-jp: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
  --lp-font-en: "YuGothic,'Yu Gothic', sans-serif";

}

.sp_only {
  display: none;
}


.ss1st_collection {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: calc(750 *(100vw / 750));
  margin: auto;
  font-feature-settings: "palt";
}
@media only screen and (min-width: 768px), print {
  .ss1st_collection {
    width: 100%;
  }
}

.ss1st_collection a {
  display: block;
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.ss1st_collection p,
.ss1st_collection ul,
.ss1st_collection ol,
.ss1st_collection dl {
  margin: 0;
}

.ss1st_collection li {
  list-style: none;
  display: inline-block;
}

.ss1st_collection img {
  width: 100%;
  height: auto;
  position: relative;
  -webkit-backface-visibility: hidden;
}

.ss1st_collection video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}


.ss1st_collection picture,
.ss1st_collection video {
  display: block;
}

.ss1st_collection .pc {
  display: none !important;
}

.ss1st_collection .pc_inline {
  display: none !important;
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sp {
    display: none !important;
  }
  .ss1st_collection .pc {
    display: block !important;
  }
  .ss1st_collection .pc_inline {
    display: inline !important;
  }
}


.ss1st_collection .js-load-blur {
  opacity: 0;
  filter: blur(5px);
  transition: filter 1s , opacity 1s;
}

.ss1st_collection .js-blur {
  opacity: 0;
  filter: blur(5px);
  transition: filter 1s , opacity 1s;
}

@media only screen and (max-width: 767px), print {
  .ss1st_collection .js-blur {
    filter: blur(5px);
    transition: filter 1s , opacity 1s;
  }
  .ss1st_collection .js-load-blur {
    filter: blur(5px);
    transition: filter 1s , opacity 1s;
  }
}

.ss1st_collection .js-blur.active {
  opacity: 1;
  filter: blur(0px);
}

.ss1st_collection .js-load-blur.active {
  opacity: 1;
  filter: blur(0px);
}
/* common */
.ss1st_collection .white_bg {
  background: #fff;
  position: relative;
  z-index: 2;
}

.ss1st_collection .sec_tax {
  margin-top: calc(17* (100vw / 750 ));
}



.ss1st_collection .sec_tax li a{
  display: inline-block;
  font-family: "mixta-pro", serif;
  font-weight: 500;
  font-style: italic;
  font-size: calc(23* (100vw / 750 ));
  line-height: 1.17;
  letter-spacing: -0.018em;
  color: #000;
}


@media only screen and (min-width: 768px), print {
  .ss1st_collection .white_bg {
    display: contents;
  }

  .ss1st_collection .sec_tax {
    margin-top: 1.2rem;
  }
  
  .ss1st_collection .sec_tax li a{
    font-size: 13px;
    line-height: 1.17;
    letter-spacing: -0.035em;
  }
  
  .ss1st_collection .sec_img{
    position: relative;
  }

  .ss1st_collection .sec_tax.pc_white li a{
    color: #fff;
  }

  .ss1st_collection .sec_tax.pc_white {
    position: absolute;
    left: calc(22 * 100vh/ 885);
    bottom: calc(22 * 100vh/ 885);
  }
}


@media only screen and (min-width: 768px), print {
  .side-scroll {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  .side-scroll-list-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .side-scroll-list {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
  }
}


/* mv */
.ss1st_collection .mv{
  position: fixed;
  top: calc(270* (100vw / 750 )) ;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  opacity: 1;
}

.ss1st_collection .mv.lp_trigger_on{
  opacity: 0;
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .mv{
    position: initial;
    transform: translateX(0);
    padding-top: calc(118 * 100vh/ 885) ;
  }
  .ss1st_collection .mv .mv_wrap{
    width: calc(802 * 100vh/ 885);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right:calc(133 * 100vh/ 885) ;
  }
  .ss1st_collection .mv .mv_wrap a{
    width: calc(582 * 100vh/ 885);

  }
  .ss1st_collection .mv .sec_head{
    width: calc(179 * 100vh/ 885);
    margin-top: calc(-37 * 100vh/ 885);
  }
}
/* sec01 */
.ss1st_collection .sec.--01 {
  margin-top: calc(1100* (100vw / 750 ));
  padding-top: calc(118* (100vw / 750 ));

}
.ss1st_collection .sec.--01 .sec_head{
  width: calc(690* (100vw / 750 ));
  margin: auto;

}
.ss1st_collection .sec.--01 .sec_img_wrap{
  width: calc(680* (100vw / 750 ));
  margin: auto;
  margin-top: calc(16* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--01 {
    margin-top: 0;
    padding-top: calc(150 * 100vh/ 885) ;
    margin-right: calc(227* (100vh/ 885));
  }

  .ss1st_collection .sec.--01 .sec_img_wrap{
    width: calc(1002 * 100vh/ 885);
    display: flex;
    justify-content: space-between;
    margin-top: 0;
  }

  .ss1st_collection .sec.--01 .sec_img{
    width: calc(370 * 100vh/ 885);
    margin-top: calc(120 * 100vh/ 885);
  }

  .ss1st_collection .sec.--01 .sec_img_02{
    width: calc(572 * 100vh/ 885);
  }
}

/* sec02 */
.ss1st_collection .sec.--02 {
  margin-top: calc(174* (100vw / 750 ));
}

.ss1st_collection .sec.--02 .sec_img{
  width: calc(680* (100vw / 750 ));
  margin: auto;
  margin-top: calc(176* (100vw / 750 ));
} 

.ss1st_collection .sec.--02 .sec_img_02{
  margin-top: calc(180 * (100vw / 750 ));
}

.ss1st_collection .sec.--02 .sec_img_02 .sec_tax{
  margin-left: calc(35* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--02 {
    margin-top: 0;
    padding-top: calc(70 * 100vh/ 885);
    margin-right: calc(217* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--02 .sec_img_wrap{
    width: calc(960 * 100vh/ 885);
    display: flex;
    justify-content: space-between;
  } 
  
  .ss1st_collection .sec.--02 .sec_img{
    width: calc(470 * 100vh/ 885);
    margin-top: 0;
  } 
  
  .ss1st_collection .sec.--02 .sec_img_02{
    width: calc(470 * 100vh/ 885);
    margin: 0;
    margin-top: 0;
  }
  
  .ss1st_collection .sec.--02 .sec_img_02 .sec_tax{
    margin-left: 0;
  }
} 

/* sec03 */
.ss1st_collection .sec.--03 {
  margin-top: calc(220* (100vw / 750 ));
}

.ss1st_collection .sec.--03 .sec_img{
  width: calc(550* (100vw / 750 ));
  margin: auto;
  margin-top: calc(220* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--03 {
    padding-top: calc(64 * 100vh/ 885);
    margin-top: 0;
    margin-right: calc(217* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--03 .sec_img{
    width: calc(370 * 100vh/ 885);
    margin-top: 0;
  }
} 

/* sec04 */
.ss1st_collection .sec.--04 {
  margin-top: calc(255* (100vw / 750 ));

}
.ss1st_collection .sec.--04 .sec_img_wrap.--01{
  width: calc(680* (100vw / 750 ));
  margin: auto;
}

.ss1st_collection .sec.--04 .sec_img_03{
  width: 100%;
  margin-top: calc(155* (100vw / 750 ));
}

.ss1st_collection .sec.--04 .sec_img_03 .sec_tax{
  margin-left: calc(35* (100vw / 750 ));
}

.ss1st_collection .sec.--04 .sec_img_04{
  width: 100%;
  margin-top: calc(180* (100vw / 750 ));
}

.ss1st_collection .sec.--04 .sec_img_04 .sec_tax{
  margin-left: calc(35* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--04 {
    padding-top: calc(60* (100vh/ 885));
    margin-top: 0;
    margin-right: calc(140* (100vh/ 885));
  
  }

  .ss1st_collection .sec.--04 .sec_wrap{
    width: calc(1453 * 100vh/ 885);
    display: flex;
    justify-content: space-between;
  }
  

  .ss1st_collection .sec.--04 .sec_img_wrap.--01{
    width: calc(470 * 100vh/ 885);
    margin: 0;
  }

  .ss1st_collection .sec.--04 .sec_img_wrap.--02{
    display: flex;
    justify-content: space-between;
    width: calc(961 * 100vh/ 885)
  }
  
  .ss1st_collection .sec.--04 .sec_img_03{
    width: calc(470 * 100vh/ 885);
    margin-top: 0;
  }
  
  .ss1st_collection .sec.--04 .sec_img_03 .sec_tax{
    margin-left:0;
  }
  
  .ss1st_collection .sec.--04 .sec_img_04{
    width: calc(470 * 100vh/ 885);
    margin-top: 0;
  }
  
  .ss1st_collection .sec.--04 .sec_img_04 .sec_tax{
    margin-left: 0;
  }
} 

/* sec05 */
.ss1st_collection .sec.--05 {
  margin-top: calc(205* (100vw / 750 ));
}

.ss1st_collection .sec.--05 .sec_img{
  width: calc(550* (100vw / 750 ));
  margin: auto;
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--05 {
    margin-top: 0;
    margin-right: calc(145* (100vh/ 885));
    padding-top: calc(40* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--05 .sec_img{
    width: calc(370 * 100vh/ 885);
  }
} 

/* sec06 */
.ss1st_collection .sec.--06 {
  margin-top: calc(160* (100vw / 750 ));
}

.ss1st_collection .sec.--06 .sec_img{
  width: calc(680* (100vw / 750 ));
  margin: auto;
}

.ss1st_collection .sec.--06 .sec_img_02{
  width: calc(680* (100vw / 750 ));
  margin: auto;
  margin-top: calc(179* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--06 {
    margin-top: 0;
    margin-right: calc(130* (100vh/ 885));
    padding-top: calc(60* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--06 .sec_img_wrap{
    width: calc(964 * 100vh/ 885);
    display: flex;
    justify-content: space-between; 
  }
  
  .ss1st_collection .sec.--06 .sec_img{
    width: calc(470 * 100vh/ 885);
    margin: auto;
    margin-left: 0;
    margin-right: 0;
  }
  
  .ss1st_collection .sec.--06 .sec_img_02{
    width: calc(470 * 100vh/ 885);
    margin: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
} 

/* sec07 */
.ss1st_collection .sec.--07 {
  margin-top: calc(240* (100vw / 750 ));
}

.ss1st_collection .sec.--07 .sec_img{
  width: calc(450* (100vw / 750 ));
  margin: auto;
} 

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--07 {
    margin-top: 0;
    margin-right: calc(120* (100vh/ 885));
    padding-top: calc(42* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--07 .sec_img{
    width: calc(370 * 100vh/ 885);
  } 
  
} 

/* sec08 */
.ss1st_collection .sec.--08 {
  margin-top: calc(252* (100vw / 750 ));
}

.ss1st_collection .sec.--08 .sec_img{
  width: 100%;
}

.ss1st_collection .sec.--08 .sec_img .sec_tax{
  margin-left: calc(35* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--08 {
    margin-top: 0;
    margin-right: calc(202* (100vh/ 885));
    padding-top: calc(122* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--08 .sec_img{
    width:calc(570 * 100vh/ 885);
  }
  
  .ss1st_collection .sec.--08 .sec_img .sec_tax{
    margin-left: 0;
  }
} 


/* sec09 */
.ss1st_collection .sec.--09 {
  margin-top: calc(160* (100vw / 750 ));
}

.ss1st_collection .sec.--09 .sec_img{
  width: calc(680* (100vw / 750 ));
  margin: auto;
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--09 {
    margin-top: 0;
    margin-right: calc(205* (100vh/ 885));
    padding-top: calc(67* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--09 .sec_img{
    width: calc(370 * 100vh/ 885);
    margin-left: 0;
    margin-right: 0;
  }
} 

/* sec10 */
.ss1st_collection .sec.--10 {
  margin-top: calc(207* (100vw / 750 ));
}

.ss1st_collection .sec.--10 .sec_img{
  width: calc(680* (100vw / 750 ));
  margin: auto;
}

.ss1st_collection .sec.--10 .sec_img_02{
  width: calc(680* (100vw / 750 ));
  margin: auto;
  margin-top: calc(210* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--10 {
    margin-top: 0;
    padding-top: calc(43 * 100vh/ 885);
    margin-right: calc(238* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--10 .sec_wrap{
    width: calc(960 * 100vh/ 885);
    display: flex;
    justify-content: space-between;
  }
  
  .ss1st_collection .sec.--10 .sec_img{
    width: calc(470 * 100vh/ 885);
    margin: auto;
    margin-left: 0;
    margin-right: 0;
  }
  
  .ss1st_collection .sec.--10 .sec_img_02{
    width: calc(470 * 100vh/ 885);
    margin: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top:0;
  }
  
} 

/* sec11 */
.ss1st_collection .sec.--11 {
  margin-top: calc(200* (100vw / 750 ));
}

.ss1st_collection .sec.--11 .sec_img{
  width: calc(500* (100vw / 750 ));
  margin: auto;
} 

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--11 {
    margin-top: 0;
    margin-right: calc(236 * (100vh/ 885));
    padding-top: calc(40 * 100vh/ 885);
  }
  
  .ss1st_collection .sec.--11 .sec_img{
    width: calc(334 * 100vh/ 885) ;
    margin-left: 0;
    margin-right: 0;
  } 
} 

/* sec12 */
.ss1st_collection .sec.--12 {
  margin-top: calc(206* (100vw / 750 ));
}

.ss1st_collection .sec.--12 .sec_img{
  width: 100%;
}

.ss1st_collection .sec.--12 .sec_img .sec_tax{
  margin-left: calc(35* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--12 {
    margin-top: 0;
    margin-right: calc(216 * (100vh/ 885));
    padding-top: calc(122 * (100vh/ 885));
  }
  
  .ss1st_collection .sec.--12 .sec_img{
    width: calc(570 * 100vh/ 885);
  }
  
  .ss1st_collection .sec.--12 .sec_img .sec_tax{
    margin-left: 0;
  }
} 

/* sec13 */
.ss1st_collection .sec.--13 {
  margin-top: calc(210* (100vw / 750 ));
}

.ss1st_collection .sec.--13 .sec_img{
  width: calc(680* (100vw / 750 ));
  margin: auto;
}

.ss1st_collection .sec.--13 .sec_img_02{
  width: calc(680* (100vw / 750 ));
  margin: auto;
  margin-top: calc(205* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--13 {
    margin-top: 0;
    margin-right: calc(111* (100vh/ 885));
    padding-top: calc(47 * 100vh/ 885);
  }
  
  .ss1st_collection .sec.--13 .sec_wrap{
    width: calc(960 * 100vh/ 885);
    display: flex;
    justify-content: space-between;
  }
  
  .ss1st_collection .sec.--13 .sec_img{
    width: calc(470 * 100vh/ 885);
    margin: auto;
    margin-left: 0;
    margin-right: 0;
  }
  
  .ss1st_collection .sec.--13 .sec_img_02{
    width: calc(470 * 100vh/ 885);
    margin: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
} 

/* sec14 */
.ss1st_collection .sec.--14 {
  margin-top: calc(270* (100vw / 750 ));
}

.ss1st_collection .sec.--14 .sec_img{
  width: calc(450* (100vw / 750 ));
  margin: auto;
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--14 {
    margin-top: 0;
    margin-right: calc(191 * (100vh/ 885));
    padding-top: calc(0 * (100vh/ 885));
  }
  
  .ss1st_collection .sec.--14 .sec_img{
    width: calc(340 * 100vh/ 885);
    margin: auto;
    margin-left: 0;
    margin-right: 0;
  }
} 

/* sec15 */
.ss1st_collection .sec.--15 {
  margin-top: calc(247* (100vw / 750 ));
}

.ss1st_collection .sec.--15 .sec_text_img{
  width: calc(436 * (100vw / 750 ));
  margin-left: calc(35* (100vw / 750 ));
}

.ss1st_collection .sec.--15 .sec_img{
  width: calc(677* (100vw / 750 ));
  margin: auto;
  margin-top: calc(50* (100vw / 750 ));
}

.ss1st_collection .sec.--15 .sec_text_wrap.--02{
  width: calc(677* (100vw / 750 ));
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-end;
  margin-top: calc(30 * (100vw / 750 ));
}


.ss1st_collection .sec.--15 .sec_text{
  width: calc(273* (100vw / 750 ));
}

.ss1st_collection .sec.--15 .sec_btn{
  width: calc(75* (100vw / 750 ));
}

.ss1st_collection .sec.--15 .sec_btn span{
  font-family: "mixta-pro", serif;
  font-weight: 400;
  font-style: normal;
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .sec.--15 {
    margin-top: 0;
    margin-right: calc(136* (100vh/ 885));
    padding-top: calc(4* (100vh/ 885));
  }
  
  .ss1st_collection .sec.--15 .sec_wrap{
    width: calc(458 * 100vh/ 885);
    display: flex;
    justify-content: space-between;
  }
  
  .ss1st_collection .sec.--15 .sec_text_wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .ss1st_collection .sec.--15 .sec_text_img{
    width: calc(102 * 100vh/ 885);
    margin-left: 0;
  }
  
  .ss1st_collection .sec.--15 .sec_img{
    width: calc(308 * 100vh/ 885);
    margin: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
  
  .ss1st_collection .sec.--15 .sec_btn{
    width: calc(48* (100vh/ 885));
  }
} 

.ss1st_collection .slick-dots{
  position: absolute;
  right: 0;
  bottom: calc(-30* (100vw / 750 ));
}

.ss1st_collection .slick-dots  li{
  margin: 0 calc(3* (100vw / 750 ));
}

.ss1st_collection  .slick-dots li button{
  border: #808080 1px solid;
  width: calc(10* (100vw / 750 ));
  height: calc(10* (100vw / 750 ));
}

.ss1st_collection .slick-dots li.slick-active button{
  background: #808080;
}

.slick-dots li button:before{
  display: none;
}

@media only screen and (min-width: 768px), print {
  .ss1st_collection .slick-dots{
    position: absolute;
    right: 0;
    bottom: calc(-23* (100vh/ 885));
    text-align: right;
  }
  .slick-dotted.slick-slider{
    margin-bottom: 0;
  }
  .ss1st_collection .slick-dots  li{
    margin: 0 calc(3* (100vh/ 885));
    width: calc(6* (100vh/ 885));
    height: calc(6* (100vh/ 885));
  }
  .ss1st_collection  .slick-dots li button{
    border: #4D4D4D 1px solid;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  
  .ss1st_collection .slick-dots li.slick-active button{
    background: #4D4D4D;
  }
}