body {
  background: #dff3f4;
}
@media (max-width: 559px) {
  body {
    padding-top: 0;
  }
}

#main {
  max-width: 560px;
  margin: 0 auto;
  padding-bottom: 40px;
}
@media (max-width: 559px) {
  #main {
    padding-bottom: 6vw;
  }
}
#main a {
  transition: opacity 0.3s;
}
#main a:hover {
  opacity: 0.7;
}

.mv {
  margin: 0 auto;
  position: relative;
}
@media (max-width: 559px) {
  .mv {}
}
.mv img {
  display: block;
}
.mv-link {
  width: 535px;
  position: absolute;
  bottom: 10px;
  left: 16px;
}
@media (max-width: 559px) {
  .mv-link {
    width: 95.5357142857vw;
    bottom: 2vw;
    left: 2.8571428571vw;
  }
}

.inner {}
@media (max-width: 559px) {
  .inner {}
}

.price {
  margin: 20px auto;
  padding: 0 15px;
}
@media (max-width: 559px) {
  .price {
    margin: 4vw auto;
    padding: 0 3vw;
  }
}
.cv {
  margin: 30px auto;
  padding: 0 15px;
}
@media (max-width: 559px) {
  .cv {
    margin: 5vw auto;
    padding: 0 3vw;
  }
}

.sns {
  margin: 20px auto;
  padding: 0 15px;
  position: relative;
}
.sns .sns-btn-wrap {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
}
.sns .sns-btn {
  display: flex;
  justify-content: center;
}
.sns .sns-btn div {
  margin: 0 15px;
}
@media (max-width: 559px) {
  .sns {
    margin: 4vw auto;
    padding: 0 3vw;
  }
  .sns .sns-btn-wrap {
    bottom: 4.5vw;
  }
  .sns .sns-btn {
    padding: 0 4vw;
  }
  .sns .sns-btn div {
    margin: 0 2vw;
  }
}


/*# sourceMappingURL=index.css.map */