.contents-area {
  width: 100%;
  margin: auto;
}

.lookbook .pc_no {
  display: none;
}

.lookbook {
  color: #000;
  width: 1190px;
  margin: 0 auto 110px;
  font-family: "poppins", classico-urw, sans-serif;
}
.lookbook a {
  display: block;
  color: #595757;
}
.lookbook a:hover {
  text-decoration: none;
  opacity: 0.8;
  transition: 0.2s;
}
.lookbook img{
  width: 100%;
}

.lookbook__main {
  margin-bottom: 100px;
}
.lookbook__contents .contents-no {
  font-family: "poppins", classico-urw, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 20px;
  color: #333;
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}
.lookbook__contents .contents-no span {
  font-size: 34px;
  font-style: italic;
  margin-left: 0.2em;
}
.lookbook__contents .contents-wrap {
  position: relative;
}
.lookbook__contents .contents-wrap .contents-pic-01,
.lookbook__contents .contents-wrap .contents-pic-02,
.lookbook__contents .contents-wrap .contents-pic-03,
.lookbook__contents .contents-wrap .contents-credit-wrap {
  position: absolute;
}
.lookbook__contents .contents-wrap .contents-credit {
  max-width: 352px;
  font-family: "poppins", classico-urw, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  color: #595757;
}
.lookbook__contents .contents-wrap .contents-credit li {
  width: 176px;
  margin-bottom: 4px;
}
.lookbook__contents .contents-wrap .contents-credit li span{
  font-weight: normal;
  color: #595757;
}
.lookbook__contents .contents-wrap .contents-credit li:last-child {
  margin-bottom: 0;
  color: #595757;
}
.lookbook__contents .contents-wrap .contents-credit a {
  display: inline;
}
.lookbook__contents.layout-01,
.lookbook__contents.layout-02,
.lookbook__contents.layout-03{
  margin-bottom: 120px;
}
.lookbook__contents.layout-01 .contents-wrap {
  height: 842px;
}
.lookbook__contents.layout-02 .contents-wrap .contents-credit,
.lookbook__contents.layout-03 .contents-wrap .contents-credit {
  display: flex;
  flex-wrap: wrap;
}
.lookbook__contents.layout-01 .contents-wrap .contents-pic-01 {
  width: 430px;
  top: 0;
  left: 0;
}
.lookbook__contents.layout-01 .contents-wrap .contents-pic-02 {
  width: 600px;
  top: 0;
  right: 0;
}
.lookbook__contents.layout-01 .contents-wrap .contents-pic-03 {
  width: 262px;
  top: 452px;
  right: 338px;
}
.lookbook__contents.layout-01 .contents-wrap .contents-credit-wrap {
  top: 690px;
  left: 0;
}

.lookbook__contents.layout-02 {
}
.lookbook__contents.layout-02 .contents-wrap {
  height: 831px;
}
.lookbook__contents.layout-02 .contents-wrap .contents-pic-01 {
  width: 594px;
  top: 0;
  left: 0;
}
.lookbook__contents.layout-02 .contents-wrap .contents-pic-02 {
  width: 258px;
  top: 450px;
  left: 0;
}
.lookbook__contents.layout-02 .contents-wrap .contents-pic-03 {
  width: 436px;
  top: 0;
  right: 0;
}
.lookbook__contents.layout-02 .contents-wrap .contents-credit-wrap {
  top: 672px;
  left: 753px;
}

.lookbook__contents.layout-03 {
}
.lookbook__contents.layout-03 .contents-wrap {
  height: 924px;
}
.lookbook__contents.layout-03 .contents-wrap .contents-pic-01 {
  width: 430px;
  top: 0;
  left: 0;
}
.lookbook__contents.layout-03 .contents-wrap .contents-pic-02 {
  width: 260px;
  top: 546px;
  right: 0;
}
.lookbook__contents.layout-03 .contents-wrap .contents-pic-03 {
  width: 600px;
  top: 0;
  right: 0;
}
.lookbook__contents.layout-03 .contents-wrap .contents-credit-wrap {
  top: 682px;
  left: 0;
}

.lookbook__contents.layout-04 {
  margin-bottom: 180px;
}
.lookbook__contents.layout-04 .contents-wrap {
  height: 877px;
}
.lookbook__contents.layout-04 .contents-wrap .contents-pic-01 {
  width: 594px;
  top: 0;
  left: 0;
}
.lookbook__contents.layout-04 .contents-wrap .contents-pic-02 {
  width: 258px;
  top: 496px;
  left: 0;
}
.lookbook__contents.layout-04 .contents-wrap .contents-pic-03 {
  width: 436px;
  top: 0;
  right: 0;
}
.lookbook__contents.layout-04 .contents-wrap .contents-credit-wrap {
  top: 496px;
  left: 454px;
}

.lookbook .btn-all {
  width: 620px;
  margin: 0 auto;
  padding: 15px 0 13px;
  text-align: center;
  border: solid 1px #595757;
}
.lookbook .btn-all a {
  display: inline;
  font-size: 18px;
  color: #595757;
}
.lookbook .btn-size-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 620px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px auto 0;
}

.lookbook .btn-size-wrap a {
  width: 200px;
  padding: 15px 0 13px;
  text-align: center;
  font-size: 18px;
  border: solid 1px #595757;
}

.fadein-top {
  opacity: 0;
  position: relative;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.fadein-top.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}