.contents-banner {
  background-color: #B8C6DA;
}
.contents-block {
  background-color: #B8C6DA;
}
.device-color-btn.color1 {
  background-color: #101016;
}
.device-color-btn.color2 {
  background-color: #A3CDF2;
}
.device-color-btn.color3 {
  background-color: #B8C6DA;
}
.contents-block {
  padding-bottom: 2em;
}
.main-text {
  font-size: 1.4rem;
}
.comment-box {
  color: #666;
  margin: 0 2rem;
}
.accessories-area{
    display: block;
    max-width: 48rem;
    margin: 0 auto;
    padding: 1.5rem;
    border-radius: 0.5em;
    text-align: center;
    background-color: #fff;
    box-shadow: 0.5rem 0.5rem 1.1rem rgba(0, 0, 0, 0.16);
  }
@media screen and (min-width:640px) {
.main-text {
  font-size: 1.6rem;
}
.comment-box {
  margin: 0 2rem 1em;
}
}
@media screen and (min-width:960px) {
.contents-block {
  padding-right: 5rem;
  padding-left: 5rem;
}
.comment-box {
  margin: 0;
}
}