.pc {
  display: block;
}

.sp {
  display: none;
}

#sec_yodogawa .sec_inner {
  padding: 0 0 70px 0;
  text-align: center;
}

#sec_yodogawa p {
  color: #B1B1BA;
}

.bgc_bk100 {
  background-color: #000;
}

.bgc_gray90 {
  background-color: #6E6E78;
}

.bgc_bw100 {
  background-color: #fff;
}

#sec_lookbook {
  padding: 220px 0 150px;
}

.sec_lookbook_ttl {
  padding-bottom: 150px;
  text-align: center;
}

.sec_lookbook_cnt.perl {
  max-width: 1104.4979px;
  padding: 0 10px 0 50px;
  margin: auto;
}

.sec_lookbook_cnt.perl > div {
  margin: auto;
}

.sec_lookbook_cnt.perl > div p {
  display: flex;
  align-items: flex-end;
  color: #B1B1BA;
  margin-top: 13px;
}

.sec_lookbook_cnt.perl > div p img {
  width: 27.6207px;
  margin: 0 10px 5px 0;
}

.sec_lookbook_cnt.perl > div p span:nth-of-type(1) {
  font-size: 15px;
  margin-right: 10px;
  line-height: 1.3;
}

.sec_lookbook_cnt.perl > div p span:nth-of-type(2) {
  font-size: 12px;
  margin: 0 0 4px 0;
}

.sec_lookbook_cnt.perl > div > img {
  width: 100%;
}

.sec_lookbook_cnt.perl > div:nth-of-type(1) {
  max-width: 439.7672px;
}

.sec_lookbook_cnt.perl > div:nth-of-type(2) {
  margin-top: 80px;
  transform: translateX(260px);
  max-width: 402.5562px;
  z-index: 1;
  position: relative;
}

.sec_lookbook_cnt.perl > div:nth-of-type(3) {
  margin-top: -300px;
  transform: translateX(-150px);
  max-width: 594.8885px;
  min-width: 325px;
}

.sec_lookbook_cnt.perl > div:nth-of-type(4) {
  margin-top: 150px;
  transform: translateX(135px);
  max-width: 501.3897px;
  z-index: 1;
  position: relative;
}

.sec_lookbook_cnt.perl > div:nth-of-type(5) {
  margin-top: -150px;
  transform: translateX(-250px);
  max-width: 576px;
  min-width: 576px;
}

.sec_lookbook_cnt.perl > div:nth-of-type(5) p {
  transform: translate(176px, -85px);
}

.sec_lookbook_cnt.perl > div:nth-of-type(6) {
  margin-top: 80px;
  transform: translateX(20px);
  max-width: 941.5304px;
}

.sec_lookbook_cnt.perl > div:nth-of-type(7) {
  margin-top: 10px;
  transform: translateX(190px);
  max-width: 430.4908px;
}

.sec_lookbook_cnt.perl > div:nth-of-type(8) {
  margin-top: 195px;
  transform: translateX(-20px);
  max-width: 662.2176px;
}

.sec_lookbook_cnt.perl > div:nth-of-type(9) {
  margin-top: 200px;
  transform: translateX(240px);
  max-width: 494.3144px;
}

.sec_lookbook_cnt.perl > div:nth-of-type(10) {
  margin-top: -150px;
  transform: translateX(-220px);
  max-width: 548.8217px;
  z-index: 1;
  position: relative;
}

.sec_lookbook_cnt.perl > div:nth-of-type(11) {
  margin-top: -60px;
  transform: translateX(-170px);
  max-width: 619.3258px;
}

.sec_lookbook_cnt.perl > div:nth-of-type(12) {
  margin-top: -165px;
  transform: translateX(180px);
  max-width: 494.0064px;
  z-index: 1;
  position: relative;
}

.sec_lookbook_cnt.perl > div:nth-of-type(13) {
  margin-top: 200px;
  transform: translateX(-20px);
  max-width: 846.278px;
}

.sec_lookbook_bnr {
  max-width: 735px;
  margin: 250px auto 0;
  padding: 0 7px 0 16px;
}

.sec_lookbook_bnr a {
  display: block;
  margin-top: 10px;
}

.sec_lookbook_bnr a img {
  width: 100%;
}

.sec_lookbook_bnr a:nth-of-type(1) {
  margin-top: 0;
}

.time-lookbook img {
  margin: auto;
}

@media (max-width: 951px) {
  .sec_lookbook_cnt.perl > div:nth-of-type(2) {
    width: 42.3vw;
    transform: translateX(27.5vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(3) {
    width: 62.6vw;
    transform: translateX(-15.78vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(4) {
    width: 52.73vw;
    transform: translateX(14.21vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(5) {
    transform: translateX(-26.31vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(6) {
    width: 99.05vw;
    transform: translateX(2.1vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(7) {
    transform: translateX(20vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(8) {
    transform: translateX(-2.1vw);
    width: 69.68vw;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(9) {
    transform: translateX(25.26vw);
    width: 52vw;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(10) {
    float: left;
    transform: translateX(-40px);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(11) {
    transform: translate(-17.89vw, -60px);
    width: 65.15vw;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(12) {
    float: right;
    transform: translateX(-20px);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(13) {
    transform: translate(-2.1vw, 200px);
    width: 89.05vw;
  }
}

@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #mv .mv_inner h1 {
    width: 38vw;
    min-width: 140px;
    max-width: 200px;
    top: 47%;
  }
  #sec_yodogawa .sec_inner {
    padding-bottom: 45px;
    margin-top: 115px;
  }
  #sec_yodogawa .sec_inner .ttl {
    padding-bottom: 45px;
  }
  #sec_yodogawa .sec_inner .ttl img {
    width: 72vw;
    max-width: 380px;
    min-width: 280px;
  }
  .sec_lookbook_cnt.perl > div p {
    margin-top: 10px;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(1) {
    width: 81vw;
    transform: translateX(-5vw);
    min-width: 276px;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(2) {
    width: 54vw;
    transform: translateX(17.5vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(3) {
    margin-top: 4vw;
    float: left;
    transform: translateX(-50px);
    width: 89vw;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(3) p {
    margin-left: 20px;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(4) {
    float: right;
    transform: translateX(10px);
    width: 78vw;
    margin-top: 24vw;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(5) {
    transform: translate(-200px, -80px);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(5) p {
    transform: translate(210px, -150px);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(6) {
    float: left;
    transform: translate(-50px, -36vw);
    width: 116vw;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(7) {
    width: 45.26vw;
    min-width: 305px;
    float: right;
    transform: translate(10px, -22vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(8) {
    float: left;
    transform: translate(-50px, 13vw);
    width: 80vw;
    min-width: 335px;
    margin-top: 0;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(8) p {
    margin-left: 20px;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(9) {
    margin-top: 53vw;
    float: right;
    transform: initial;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(10) {
    width: 95vw;
    margin-top: 700px;
    float: initial;
    transform: translate(-40px, 44vw);
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(11) {
    transform: translate(-77px, 24vw);
    margin-top: 0;
    width: 100vw;
    min-width: 300px;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(12) {
    min-width: 320px;
    margin-top: 0;
    transform: translate(10px, -1vw);
    width: 75vw;
  }
  .sec_lookbook_cnt.perl > div:nth-of-type(13) {
    float: right;
    transform: translate(-10px, 25vw);
    margin-top: 0;
  }
  .sec_lookbook_bnr {
    transform: translateY(50vw);
    padding-right: 2px;
  }
  .sec_lookbook_bnr a {
    margin-top: 28px;
  }
  .time-lookbook {
    padding: 0 15px;
  }
  .time-lookbook img {
    width: 60%;
    max-width: 339px;
    min-width: 260px;
  }
  .sec_lookbook_ttl {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 90px;
  }
  .sec_lookbook_ttl img {
    width: 70%;
    max-width: 385px;
    min-width: 300px;
  }
  #sec_lookbook {
    padding: 95px 0 70vw;
  }
  .desc {
    text-align: left;
  }
  #sec_shop .desc p.first {
    text-align: center;
  }
  #sec_shop .desc p.btn_about {
    margin-bottom: 18px;
  }
  .fs-adj-1 {
    font-size: 18px;
  }
  .fs-adj-2 {
    font-size: 17px;
    display: inline-block;
    padding-bottom: 3px;
  }
}
