@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 .sp_only{
  display: none !important;
}

#dress_0507 .credit{
  font-size: 0;
  padding-top: 30px;
  text-align: left;
}

#dress_0507 .credit li{
  display: inline-block;
  font-size: 15px;
  letter-spacing: .025em;
  margin-bottom: 12px;
  margin-right: 15px;
    font-family: 'ASans', 'Roboto', sans-serif;
}

#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: 11px;
}

#dress_0507 .item._01 .credit,
#dress_0507 .item._05 .credit{
  text-align: center;
}

#dress_0507 .item._01 .credit li,
#dress_0507 .item._05 .credit li{
  margin-bottom: 0;
}

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

#dress_0507 .mv .lede{
  font-size: 18px;
  line-height: 40px;
  margin: 50px auto 90px;
}


#dress_0507 .item._01{
  max-width: 960px;
  width: 100%;
  margin: 0 auto 100px;
}

#dress_0507 .item._01 ul:first-child{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

#dress_0507 .item._01 ul:first-child li{
  max-width: 450px;
  width: 100%;
}

#dress_0507 .item._02{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 88px;
}

#dress_0507 .item._02 > ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

#dress_0507 .item._02 > ul > li:first-child{
  width: 500px;
}

#dress_0507 .item._02 > ul > li:last-child{
  max-width: 420px;
  width: 100%;
  margin-top: 188px;
}

#dress_0507 .item._03 {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto 100px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

#dress_0507 .item._03 ul:first-child{
  max-width: 300px;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 100px;
}

#dress_0507 .item._03 ul.flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-left: -60px;
  width: 100%;
}

#dress_0507 .item._03 ul.flex > li:first-child{
  max-width: 400px;
  width: 100%;
  margin-top: 320px;
}

#dress_0507 .item._03 ul.flex > li:last-child{
  max-width: 450px;
  width: 100%;
  margin-left: 60px;
}

#dress_0507 .item._03 .credit{
  text-align: right;
  margin-right: -15px;
}

#dress_0507 .item._04 {
  max-width: 1116px;
  width: 100%;
  margin: 0 auto 100px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

#dress_0507 .item._04 > ul:first-child{
  width: 500px;
  margin-top: 100px;
}

#dress_0507 .item._04 > ul.sp_slider{
  max-width: 556px;
  width: 100%;
  margin-left: 60px;
}

#dress_0507 .item._04 .credit li{
  display: block;
}


#dress_0507 .item._04 .credit li a{
  display: inline-block;
}

#dress_0507 .item._04 > ul.sp_slider li{
  max-width: 350px;
  width: 100%;
}

#dress_0507 .item._04 > ul.sp_slider li:last-child{
  margin-left: auto;
  margin-right: 0;
  margin-top: 40px;
}

#dress_0507 .item._05{
  max-width: 960px;
  width: 100%;
  margin: 0 auto 88px;
}

#dress_0507 .item._05 ul:first-child{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

#dress_0507 .item._05 ul:first-child li{
  max-width: 450px;
  width: 100%;
}

#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{
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}

#dress_0507 .item._06 .credit{
  text-align: right;
  margin-right: -15px;
}

#dress_0507 .item._06 ul.sp_slider > li:first-child{
  max-width: 400px;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 215px;
}


#dress_0507 .item._06 ul.sp_slider > li:last-child{
  max-width: 500px;
  width: 100%;
  margin-left: -60px;
}

.viewAll{
  width: 380px;
  height: 65px;
  margin: 138px auto 232px;
  font-size: 18px;
  line-height: 65px;
  text-align: center;
  letter-spacing: 0.06em;
  border: 1px solid #000;
  box-sizing: border-box;
}