@charset "UTF-8";
/*! --------------------------------------------------------------------
------------------------------------------------------------------------
percentage-change
------------------------------------------------------------------------
--------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .cmn-board.board-black {
    padding: 4vw 0;
  }
}

/* head-list
=========================================== */
.head-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #2f2f2f;
  padding: 16px 16px;
}
@media screen and (max-width: 767px) {
  .head-list {
    margin: 0;
    padding: 12px 3vw;
  }
}

.head-list__item {
  padding: 0 2px;
  color: #e9e9e9;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .head-list__item {
    font-size: 1.1rem;
  }
}

.head-list__item.brand-code {
  width: 120px;
}
@media screen and (max-width: 767px) {
  .head-list__item.brand-code {
    width: 48px;
  }
}

.head-list__item.brand-name {
  width: 360px;
}
@media screen and (max-width: 767px) {
  .head-list__item.brand-name {
    width: calc(100% - 48px - 72px - 72px);
  }
}

.head-list__item.brand-price {
  text-align: right;
  width: 120px;
}
@media screen and (max-width: 767px) {
  .head-list__item.brand-price {
    width: 72px;
  }
}

.head-list__item.brand-percent {
  text-align: right;
  width: 120px;
}
@media screen and (max-width: 767px) {
  .head-list__item.brand-percent {
    width: 72px;
  }
}

/* brand-list
=========================================== */
.brand-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.3;
  padding: 16px 16px;
  border-bottom: 1px solid #3b3b3b;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .brand-list__item {
    padding: 8px 3vw;
  }
}

.brand-list__item .brand-code {
  width: 120px;
  padding: 0 2px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .brand-list__item .brand-code {
    width: 48px;
    font-size: 1.2rem;
  }
}

.brand-list__item .brand-name {
  width: 360px;
  padding: 0 2px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .brand-list__item .brand-name {
    width: calc(100% - 48px - 72px - 72px);
    font-size: 1.2rem;
  }
}

.brand-list__item .brand-price {
  text-align: right;
  width: 120px;
  padding: 0 2px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .brand-list__item .brand-price {
    width: 72px;
    font-size: 1.2rem;
  }
}

.brand-list__item .brand-price:after {
  margin-left: 2px;
  content: "円";
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .brand-list__item .brand-price:after {
    font-size: 1rem;
  }
}

.brand-list__item .brand-percent {
  text-align: right;
  width: 120px;
  padding: 0 2px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .brand-list__item .brand-percent {
    width: 72px;
    font-size: 1.2rem;
  }
}

.brand-list__item.up .brand-percent {
  color: #e02d48;
}
.brand-list__item.up .brand-percent:before {
  content: "+";
}

.brand-list__item.keep .brand-percent {
  color: #e9e9e9;
}

.brand-list__item.down .brand-percent {
  color: #7696ff;
}

.brand-list__item.up .brand-percent:after,
.brand-list__item.keep .brand-percent:after,
.brand-list__item.down .brand-percent:after {
  margin-left: 2px;
  content: "%";
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .brand-list__item.up .brand-percent:after,
  .brand-list__item.keep .brand-percent:after,
  .brand-list__item.down .brand-percent:after {
    font-size: 1rem;
  }
}/*# sourceMappingURL=percentage-change.min.css.map */