@charset "UTF-8";
*{
  box-sizing: border-box;
}

body{
  overscroll-behavior: none;
}

.fadeIn{
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 2.5s , transform 1s; 
}

.fadeIn.show{
  opacity: 1;
  transform: translateY(0);
}

html{
  overflow-y: hidden;
}

body.pc {
  overflow: visible;
  overflow-x: hidden;
  display: inline-block;
}

body.tablet {
  overflow: visible;
  display: inline-block;
}

#Header,
#Foot {
  display: none !important;
}

html,
#Wrap{
  display: inline-block;
}

.main-area::after {
  content: none;
}

#fray_aw1st {
  overflow-y: hidden;
  width: auto;
  height: 100vh;
  display: inline-block;
}

#fray_aw1st a {
  width: 100%;
  height: 100%;
  display: block;
}

#fray_aw1st img {
  display: block;
  width: auto;
  height: 100%;
}

#fray_aw1st > * {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

#fray_aw1st .fixed_menu {
  width: 100vw;
  position: fixed;
  bottom: 3.38542vh;
  z-index: 100;
}

#fray_aw1st .fixed_menu nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#fray_aw1st .fixed_menu nav ul li {
  font-size: 1.82292vh;
  font-weight: 500;
  font-family: "futura-pt", sans-serif;
  line-height: 1;
  letter-spacing: .06em;
  margin: 0 1.69271vh;
  position: relative;
}

#fray_aw1st .fixed_menu nav ul li a:hover {
  color: #fff;
}

#fray_aw1st .fixed_menu nav ul li a:hover::after {
  background-color: #fff !important;
}

#fray_aw1st .fixed_menu nav ul li.is_active a::after {
  content: "";
  display: block;
  width: 1.82292vh;
  height: 0.13021vh;
  background-color: #000;
  position: absolute;
  bottom: -0.65104vh;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

#fray_aw1st .fixed_menu .btn_back a {
  position: absolute;
  bottom: -0.52083vh;
  left: 3.90625vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.125vh;
  height: 3.125vh;
  -webkit-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  transform: scaleX(0.7);
  font-size: 5.98958vh;
  font-family: "futura-pt", sans-serif;
  font-weight: 300;
  color: #000;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
}

#fray_aw1st .fixed_menu .btn_back.hide a {
  opacity: 0;
}

#fray_aw1st .fixed_menu .btn_next a {
  position: absolute;
  bottom: -0.52083vh;
  right: 3.90625vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.125vh;
  height: 3.125vh;
  -webkit-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  transform: scaleX(0.7);
  font-size: 5.98958vh;
  font-family: "futura-pt", sans-serif;
  font-weight: 300;
  color: #000;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
}

#fray_aw1st .fixed_menu .btn_next.hide a {
  opacity: 0;
}

#fray_aw1st .fixed_menu.is_white nav ul li a {
  color: #fff;
}

#fray_aw1st .fixed_menu.is_white nav ul li a::after {
  background-color: #fff;
}

#fray_aw1st .fixed_menu.is_white nav ul li a:hover {
  color: #000;
}

#fray_aw1st .fixed_menu.is_white nav ul li a:hover::after {
  background-color: #000 !important;
}

#fray_aw1st .fixed_menu.is_white .btn_next a,
#fray_aw1st .fixed_menu.is_white .btn_back a {
  color: #fff;
}

#fray_aw1st .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#fray_aw1st .section .content_blk {
  opacity: 0;
}

#fray_aw1st .section .content_blk.is_show {
  opacity: 1;
}

#fray_aw1st .section > * {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

#fray_aw1st .section {
  position: relative;
  z-index: 10;
}

#fray_aw1st .section .trigger_element {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

#fray_aw1st .section .mv_blk {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

#fray_aw1st .section .mv_blk .mv_img {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(/page/collection/2020aw/1st_collection/img/pc/mv.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  opacity: 0;
}

#fray_aw1st .section .mv_blk .mv_img > a{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

#fray_aw1st .section .mv_blk .mv_img .logo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  margin-left: 5.422vw;
}

#fray_aw1st .section .mv_blk .mv_img .logo .logo_fray {
  width: 26.044vw;
  margin-right: 3.288vw;
}

#fray_aw1st .section .mv_blk .mv_img .logo .logo_fray img,
#fray_aw1st .section .mv_blk .mv_img .logo .sub_ttl img,
#fray_aw1st .section .mv_blk .mv_img .mv_starring img{
  width: 100%;
  height: auto;
}

#fray_aw1st .section .mv_blk .mv_img .logo .sub_ttl {
  width: 13.86vw;
}

#fray_aw1st .section .mv_blk .mv_img .mv_starring {
  position: absolute;
  top: 47%;
  right: 5.866vw;
  width: 17.15vw;

}

#fray_aw1st .section .mv_blk .mv_img .mv_starring span{
  display: block;
  margin-bottom: 0.8vw;
  font-size: 1.06vw;
}


#fray_aw1st .section .content_blk {
/*  width: 1057.68229vh;*/
/*  width: 100%;*/
  height: 100vh;
  position: relative;
  z-index: 0;
}

#fray_aw1st .section .content_blk .content_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
/*  width: 1943vw;*/
  height: 100%;
}

#fray_aw1st .section .credit {
  margin-top: 1.066vh;
  text-align: left;
}

#fray_aw1st .section .credit li {
  display: inline-block;
  font-family: "futura-pt", sans-serif;
/*  font-size: 0.88vw;*/
  font-size: 1.333vh;
/*  font-size: calc(10 * (100vw / 1125 ));*/
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1;
  margin-right: 0.266vw;
}

#fray_aw1st .section .content_blk .sec._03 .credit,
#fray_aw1st .section .content_blk .sec._07 .credit,
#fray_aw1st .section .content_blk .sec._11 .credit,
#fray_aw1st .section .content_blk .sec._13 .credit,
#fray_aw1st .section .content_blk .sec._18 .credit,
#fray_aw1st .section .content_blk .sec._19 .credit,
#fray_aw1st .section .content_blk .sec._21 .credit,
#fray_aw1st .section .content_blk .sec._22 .credit,
#fray_aw1st .section .content_blk .sec._23 .credit{
  margin-top: 0.8vh;
}

#fray_aw1st .section .content_blk .sec._03 .credit li,
#fray_aw1st .section .content_blk .sec._07 .credit li,
#fray_aw1st .section .content_blk .sec._08 .credit li,
#fray_aw1st .section .content_blk .sec._11 .credit li,
#fray_aw1st .section .content_blk .sec._13 .credit li,
#fray_aw1st .section .content_blk .sec._18 .credit li,
#fray_aw1st .section .content_blk .sec._19 .credit li,
#fray_aw1st .section .content_blk .sec._21 .credit li,
#fray_aw1st .section .content_blk .sec._22 .credit li,
#fray_aw1st .section .content_blk .sec._23 .credit li{
  line-height: 1.5;
}

#fray_aw1st .section .content_blk .sec._03 .credit,
#fray_aw1st .section .content_blk .sec._04 .credit,
#fray_aw1st .section .content_blk .sec._05 .credit,
#fray_aw1st .section .content_blk .sec._09 .credit,
#fray_aw1st .section .content_blk .sec._12 .credit,
#fray_aw1st .section .content_blk .sec._13 .credit,
#fray_aw1st .section .content_blk .sec._17 .credit,
#fray_aw1st .section .content_blk .sec._21 .credit,
#fray_aw1st .section .content_blk .sec._22 .credit,
#fray_aw1st .section .content_blk .sec._23 .credit{
  text-align: right;
  margin-right: -0.266vw;
}


#fray_aw1st .section .content_blk .slick-dots{
  position: absolute;
/*  bottom: -1.6vw;*/
  bottom: -2.9%;
  margin: 0 -0.266vw;
}

#fray_aw1st .section .content_blk .slick-dots li{
  margin: 0 0.266vw;
}

.slick-dots li button {
/*
    width: calc(8 * (100vw / 1125 ));
    height: calc(8 * (100vw / 1125 ));
*/
  width: 1.0666vh;
  height: 1.0666vh;
  min-height: 8px;
  min-width: 8px;
    border-radius: 50%;
}

.slick-dots li.slick-active button{
  color: #3e3a39;
}

#fray_aw1st .section .credit li a {
  color: #3e3a39;
  display: inline-block;
}


#fray_aw1st .section .content_blk .sec._01{
  margin-left: 12.977vw;
  width: 122.13vh;
  margin-right: 12.888vw;
}

#fray_aw1st .section .content_blk .sec._01 .slider .slick-slide{
/*  width: 81.422vw;*/
  height: 84.8vh;
}

#fray_aw1st .section .content_blk .sec._01 .slick-dots{
  right: 0;
}

#fray_aw1st .section .content_blk .sec._02{
  width: 62.4vh;
  margin-right: 18.133vw;
}

#fray_aw1st .section .content_blk .sec._02 .sec_img{
/*  width: 41.6vw;*/
  height: 93.6vh;
  margin-top: 3.33vh;
}

#fray_aw1st .section .content_blk .sec._03{
  width: 109.2vh;
  margin-right: 11.111vw;
}

#fray_aw1st .section .content_blk .sec._03 .sec_img{
/*  width: 41.6vw;*/
  height: 72.8vh;
  margin-top: 14.1333vh;
}


#fray_aw1st .section .content_blk .sec._04{
  width: 142.8vh;
  margin-right: 13.0666vw;
}

#fray_aw1st .section .content_blk .sec._04 .slider .slick-slide{
  height: 96.266vh;
}

#fray_aw1st .section .content_blk .sec._04 .slick-dots{
  left: 0;
}


#fray_aw1st .section .content_blk .sec._05{
  width: 118.133vh;
  margin-right: 14.222vw;
}

#fray_aw1st .section .content_blk .sec._05 .sec_img{
/*  width: 41.6vw;*/
  height: 81.6vh;
  margin-top: 8vh;
}

#fray_aw1st .section .content_blk .sec._06{
  width: 67.066vh;
  margin-right: 5.33333vw;
}

#fray_aw1st .section .content_blk .sec._06 .sec_img{
/*  width: 41.6vw;*/
  height: 90.133vh;
}

#fray_aw1st .section .content_blk .sec._07{
  align-self: flex-end;
  margin-right: 15.2vw;
  width: 106.4vh;
}

#fray_aw1st .section .content_blk .sec._07 .sec_img{
/*  width: 41.6vw;*/
  height: 77.733vh;
}

#fray_aw1st .section .content_blk .sec._07 .credit{
  margin-top: 0;
  margin-bottom: 1.06vh;
}

#fray_aw1st .section .content_blk .sec._08{
  margin-right: 5.6vw;
  width: 62.933vh;
}

#fray_aw1st .section .content_blk .sec._08 .sec_img{
/*  width: 41.6vw;*/
  height: 88.4vh;
}

#fray_aw1st .section .content_blk .sec._09{
  width: 59.466vh;
  margin-right: 14.311vw;
-ms-align-self: flex-end;
align-self: flex-end;
}

#fray_aw1st .section .content_blk .sec._09 .sec_img{
/*  width: 41.6vw;*/
  height: 80.53vh;
}

#fray_aw1st .section .content_blk .sec._09 .credit{
  margin-top: 0;
  margin-bottom: 1.06vh;
}

#fray_aw1st .section .content_blk .sec._10{
  width: 54.933vh;
  margin-right: 2.488vw;
  margin-top: 4vh;
}

#fray_aw1st .section .content_blk .sec._10 .sec_img{
/*  width: 41.6vw;*/
  height: 78.4vh;
}


#fray_aw1st .section .content_blk .sec._11{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  width: 133.466vh;
  margin-right: 12.2vw;
  margin-bottom: 9.4666vh;
}

#fray_aw1st .section .content_blk .sec._11 .sec_img{
/*  width: 41.6vw;*/
  height: 73.2vh;
}

#fray_aw1st .section .content_blk .sec._11 .credit{
  margin-left: 1.333vw;
  margin-bottom: 7.46vh;
}

#fray_aw1st .section .content_blk .sec._12{
  width: 142.8vh;
  margin-right: 20.17vw;
}

#fray_aw1st .section .content_blk .sec._12 .slider .slick-slide{
  height: 96.133vh;
}

#fray_aw1st .section .content_blk .sec._12 .slick-dots{
  left: 0;
}

#fray_aw1st .section .content_blk .sec._13{
  margin-right: 20.088vw;
  margin-top: 8.66vh;
  width: 103.06vh;
}

#fray_aw1st .section .content_blk .sec._13 .sec_img{
/*  width: 41.6vw;*/
  height: 74.533vh;
}



#fray_aw1st .section .content_blk .sec._14{
  width: 65.33vh;
  margin-right: 18.133vw;
  margin-top: 4vh;
}

#fray_aw1st .section .content_blk .sec._14 .sec_img{
/*  width: 41.6vw;*/
  height: 91.733vh;
}


#fray_aw1st .section .content_blk .sec._15{
  margin-right: 16.8vw;
  margin-top: 20.4vh;
  width: 95.866vh;
}

#fray_aw1st .section .content_blk .sec._15 .sec_img{
/*  width: 41.6vw;*/
  height: 63.866vh;
}

#fray_aw1st .section .content_blk .sec._16{
  margin-right: 13.066vw;
  width: 144.66vh;
}

#fray_aw1st .section .content_blk .sec._16 .slider .slick-slide{
  height: 96.4vh;
}

#fray_aw1st .section .content_blk .sec._16 .slick-dots{
  left: 0;
}

#fray_aw1st .section .content_blk .sec._16 .credit{
  text-align: right;
}

#fray_aw1st .section .content_blk .sec._17{
  width: 144.66vh;
/*  width: 96.4vw;*/
  margin-right: 16vw;
}

#fray_aw1st .section .content_blk .sec._17 .sec_img{
/*  width: 41.6vw;*/
  height: 96.4vh;
}



#fray_aw1st .section .content_blk .sec._18{
  margin-right: 11.555vw;
  width: 106.66vh;
  margin-top: 13.733vh;
}

#fray_aw1st .section .content_blk .sec._18 .slider .slick-slide{
  height: 71.066vh;
}

#fray_aw1st .section .content_blk .sec._18 .slick-dots{
  right: 0;
}

#fray_aw1st .section .content_blk .sec._19{
  width: 51.6vh;
  margin-right: 15.28vw;
  margin-top: 8.4vh;
}

#fray_aw1st .section .content_blk .sec._19 .sec_img{
/*  width: 41.6vw;*/
  height: 77.333vh;
}


#fray_aw1st .section .content_blk .sec._20{
  width: 123.866vh;
  margin-right: 10.04vw;
  margin-top: 12.93vh;
}

#fray_aw1st .section .content_blk .sec._20 .sec_img{
/*  width: 41.6vw;*/
  height: 82.533vh;
}

#fray_aw1st .section .content_blk .sec._21{
  margin-right: 6.9333vw;
  width: 58.266vh;
}

#fray_aw1st .section .content_blk .sec._21 .slider .slick-slide{
  height: 87.866vh;
}

#fray_aw1st .section .content_blk .sec._21 .slick-dots{
  left: 0;
}


#fray_aw1st .section .content_blk .sec._22{
  width: 114.933vh;
  margin-right: 20.888vw;
  -ms-align-self: flex-end;
  align-self: flex-end;
}

#fray_aw1st .section .content_blk .sec._22 .sec_img{
/*  width: 41.6vw;*/
  height: 76.533vh;
}

#fray_aw1st .section .content_blk .sec._22 .credit{
  margin-top: 0;
  margin-bottom: 1.06vh;
}

#fray_aw1st .section .content_blk .sec._23{
  position: relative;
  width: 141.6vh;
  margin-right: 3.02vw;
}

#fray_aw1st .section .content_blk .sec._23 .sec_img{
/*  width: 41.6vw;*/
  height: 100vh;
}

#fray_aw1st .section .content_blk .sec._23 .credit{
  position: absolute;
  right: 1.511vw;
  bottom: 2.666vh;
}

#fray_aw1st .section .content_blk .sec.last{
  padding-top: 12.933vh;
  padding-left: 7.377vw;
  padding-right: 2.66vw;
  padding-bottom: 11.066vh;
  width: 100vw;
}

#fray_aw1st .section .content_blk .sec.last .foot_logo{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 7.3333vh;
}

#fray_aw1st .section .content_blk .sec.last .foot_logo img{
  width: 24.93vh;
  height: auto;
}

#fray_aw1st .section .content_blk .sec.last .foot_logo p{
  margin-left: 2.6666vw;
  font-size: 0.88vw;
  font-family: "futura-pt", sans-serif;
  letter-spacing: 0.02em;
}

#fray_aw1st .section .content_blk .sec.last .foot_item{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-family: "futura-pt", sans-serif;

}

#fray_aw1st .section .content_blk .sec.last .foot_item dt{
  font-size: 1.33vh;
  line-height: 1;
  margin-bottom: 0.8vh;
}

#fray_aw1st .section .content_blk .sec.last .foot_item .starring{
  margin-bottom: 4.933vh;
  margin-top: 0.53vh;
  letter-spacing: 0.06em;
}

#fray_aw1st .section .content_blk .sec.last .foot_item .starring dd{
  font-size: 2vh;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
}

#fray_aw1st .section .content_blk .sec.last .foot_credit .credit_item{
  margin-bottom: 7.6vh;
}

#fray_aw1st .section .content_blk .sec.last .foot_credit .credit_item.top{
  margin-bottom: 7.5vh;
}

#fray_aw1st .section .content_blk .sec.last .foot_credit .credit_item.top dd{
  margin-bottom: 1.533vh;
}

#fray_aw1st .section .content_blk .sec.last .foot_credit .credit_item.top dt{
  margin-bottom: 0.666vh;
  margin-top: 1.4666vh;
}


#fray_aw1st .section .content_blk .sec.last .foot_credit .credit_item.top dt:last-of-type{
  margin-bottom: 0.93vh;
}

#fray_aw1st .section .content_blk .sec.last .foot_credit .credit_item dt{
  margin-top: 2.26vh;
  margin-bottom: 1.133vh;
  letter-spacing: 0.06em;
}

#fray_aw1st .section .content_blk .sec.last .foot_credit .credit_item:last-of-type dt:last-of-type{
    margin-bottom: 0.733vh;
    margin-top: 2.46vh;
}

#fray_aw1st .section .content_blk .sec.last .foot_item .credit_item dd{
  font-size: 1.3066vh;
  margin-bottom: 0.6vh;
  letter-spacing: 0.12em;
  font-weight: 600;
}

#fray_aw1st .section .content_blk .sec.last .foot_item .credit_item span{
  font-size: 1.066vh;
}

#fray_aw1st .section .content_blk .sec.last .foot_item .foot_img{
  width: 93.33vh;
  margin-left: 8.26vw;
}

#fray_aw1st .section .content_blk .sec.last .foot_item .foot_img img{
  width: 100%;
  height: auto;
}

#fray_aw1st .section .content_blk .sec.last .allBtn{
  font-size: 1.733vh;
  width: 28.133vh;
  height: 3.066vh;
  line-height: 3.066vh;
  letter-spacing: 0.18em;
  font-weight: 600;
  text-align: center;
  border: 1px solid #231815;
}