@charset "UTF-8";

@font-face {
  font-family: "ASans";
  src: url("../../font/ASansreg.ttf");
}

#dress_0507{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

#dress_0507 a{
  display: block;
}

#dress_0507 img{
  width: 100%;
}

#dress_0507 .pc_only{
  display: none;
}

#dress_0507 .sp_only{
  display: block;
}

#dress_0507 .credit{
  font-size: 0;
  text-align: center;
  padding-top: calc(43* (100vw / 750));
}

#dress_0507 .credit li{
  font-family: 'ASans', 'Roboto', sans-serif;
  display: inline-block;
  font-size: calc(26* (100vw / 750));
  letter-spacing: .025em;
  margin: 0 calc(13 * (100vw / 750)) calc(23 * (100vw / 750));
}

#dress_0507 .credit li a{

  border-bottom: 1px solid #000;
}

#dress_0507 .credit li span{
      font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
    font-size: calc(20 * (100vw / 750));
}

#dress_0507 .mv{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#dress_0507 .mv .lede{
  font-size: calc(28* (100vw / 750));
  line-height: calc(56* (100vw / 750));
  margin: calc(87 * (100vw / 750)) auto calc(123 * (100vw / 750));
}


#dress_0507 .item._01{
  width: 100%;
  margin: 0 auto calc(100* (100vw / 750));
  
}

#dress_0507 .item._01 ul:first-child {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column-reverse;
}

#dress_0507 .item._01 ul:first-child li:last-child{
  width: calc(638* (100vw / 750));
  margin-right: 0;
  margin-left: auto;
}

#dress_0507 .item._01 ul:first-child li:first-child{
  width: calc(600* (100vw / 750));
  margin-right: auto;
  margin-left: 0;
  margin-top: calc(39* (100vw / 750));
}

#dress_0507 .item._02{
  width: calc(676* (100vw / 750));
  margin: 0 auto calc(100* (100vw / 750));
}

#dress_0507 .item._02 .sp_slider{
  width: calc(676* (100vw / 750));
}

#dress_0507 .item._03 {
  width: 100%;
  margin: 0 auto calc(100* (100vw / 750));
}

#dress_0507 .item._03 ul:first-child{
  width:  100%;
}

#dress_0507 .item._03 ul.flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-top:  calc(39* (100vw / 750));
}

#dress_0507 .item._03 ul.flex li{
  width:  calc(368 * (100vw / 750));
}


#dress_0507 .item._04 {
  width:  calc(676* (100vw / 750));
  margin: 0 auto  calc(100* (100vw / 750));
}

#dress_0507 .item._04 > ul:first-child{
  width: 100%;
}

#dress_0507 .item._04 > ul.sp_slider{
  width:  calc(562* (100vw / 750));
  margin:  calc(39* (100vw / 750)) auto 0;
}

#dress_0507 .item._05{
  width: 100%;
  margin: 0 auto  calc(100* (100vw / 750));
}

#dress_0507 .item._05 ul:first-child{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column-reverse;
}

#dress_0507 .item._05 ul:first-child li:last-child{
  width:  calc(525 * (100vw / 750));
  margin-right: calc(37 * (100vw / 750));
  margin-left:auto;
}

#dress_0507 .item._05 ul:first-child li:first-child{
  width:  calc(600 * (100vw / 750));
  margin-left: calc(37 * (100vw / 750));
  margin-right: auto;
  margin-top: calc(40 * (100vw / 750));
}

#dress_0507 .item._06 ul.sp_slider{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

#dress_0507 .item._06{
  width: calc(676 * (100vw / 750));
  margin: 0 auto calc(100 * (100vw / 750));
}

#dress_0507 .item._06 > ul{
    width: calc(676 * (100vw / 750));
}

#dress_0507 .item._06 ul.sp_slider > li{
  width: 100%;
}


.viewAll{
  width: calc(676 * (100vw / 750));
  height: calc(120 * (100vw / 750));
  margin: calc(140 * (100vw / 750)) auto calc(200 * (100vw / 750));
  font-size: calc(28 * (100vw / 750));
  line-height: calc(120 * (100vw / 750));
  text-align: center;
  letter-spacing: 0.06em;
  border: 1px solid #000;
  box-sizing: border-box;
}