.vsp {
  display: block;
}
@media screen and (min-width: 64em) {
  .vsp {
    display: none !important;
  }
}

.vpc {
  display: none !important;
}
@media screen and (min-width: 64em) {
  .vpc {
    display: block !important;
  }
}
@media screen and (min-width: 64em) {
  .collectionTopKv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #F8F8F8;
  }
}

@media screen and (min-width: 64em) {
  .collectionTopKv__header {
    width: 55%;
  }
}

.collectionTopKv__body {
  padding: 3.6rem 3.2rem 5.6rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .collectionTopKv__body {
    width: 45%;
    padding-left: 5.6rem;
  }
}

@media screen and (min-width: 64em) {
  .collectionTopKv__box {
    max-width: 55.2rem;
  }
}

.collectionTopKv__ttl {
  font-size: 3.2rem;
  line-height: 1.2;
  margin: 0 0 1.7rem;
  font-family: "classico-urw", serif;
  letter-spacing: -0.04em;
  color: rgba(26, 26, 25, 0.8);
}
@media screen and (min-width: 64em) {
  .collectionTopKv__ttl {
    font-size: 4rem;
    line-height: 1.5;
    margin-bottom: 2.4rem;
  }
}

.collectionTopKv__txt {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: rgba(26, 26, 25, 0.8);
  font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 64em) {
  .collectionTopKv__txt {
    font-size: 1.6rem;
  }
}

.collectionTopKv__btnWrapper {
  margin-top: 1.7rem;
  text-align: center;
}

.collectionTopKv__btn {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #66666A !important;
  letter-spacing: 0.02em;
  text-decoration: underline;
}
@media screen and (min-width: 64em) {
  .collectionTopKv__btn {
    font-size: 1.4rem;
  }
}