@charset "utf-8";

/* CSS Document */

/********************
スレッドランキング用CSS
*********************/

/* sidebar */
.axsRankRColumn dd {
  margin: 1px 0;
}

.axsRankRColumn a {
  display: block;
  padding: 2px 0;
}

.axsRankRColumn dd a > div {
  display: inline-block;
  text-align: center;
  width: 20px;
}

.axsRankRColumn dd a > div em {
  background-color: #cbcbcb;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin: 0 0 0 1px;
  text-align: center;
  vertical-align: middle;
  width: 18px;
}

.axsRankRColumn dt + dd a > div em,
.axsRankRColumn dd a > div em.rankFirst {
  background: url("https://img2.bakusai.com/p/img/newsRanking.gif") no-repeat
    scroll -42px top #ffe125;
}

.axsRankRColumn dt + dd + dd a > div em,
.axsRankRColumn dd a > div em.rankSecond {
  background: url("https://img2.bakusai.com/p/img/newsRanking.gif") no-repeat
    scroll -42px -20px #e3e3e3;
}

.axsRankRColumn dt + dd + dd + dd a > div em,
.axsRankRColumn dd a > div em.rankThird {
  background: url("https://img2.bakusai.com/p/img/newsRanking.gif") no-repeat
    scroll -42px -40px #ffc665;
}

.axsRankRColumn img {
  display: inline-block !important;
  margin: 0 -2px;
  padding: 3px 0;
  vertical-align: top;
  width: 40px;
}

.axsRankRColumn dd .axsRankTitle {
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 18px;
  margin-left: 0;
  text-align: left !important;
  padding: 0;
  vertical-align: top;
  word-break: break-all;
  width: -webkit-calc(100% - 65px);
  width: calc(100% - 65px);
  max-height: 54px;
  overflow: hidden;
  text-overflow: ellipsis !important;
  display: -webkit-inline-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3;
}

.axsRankRColumn dd img + .axsRankTitle {
  font-size: 12.5px !important;
  line-height: 16px !important;
}
.axsRankRColumn .fa.fa-arrow-right {
  color: #cdcdcd;
  font-size: 10px;
  margin-top: 3px;
  text-align: center;
  width: 13px;
}

.axsRankRColumn .fa.fa-arrow-right.rankUp {
  color: #d50000 !important;
  transform: rotate(-45deg);
  font-size: 11px !important;
}
.fa.fa-arrow-right.rankDown {
  color: #00afff !important;
  transform: rotate(45deg);
}