@charset "UTF-8";

dt,dd,ol,li {
  margin: 0;
  padding: 0;
}
.cfdrank-list {
  border: 1px solid var(--color-gray-secondary);
}
.cfdrank-list dt {
  padding: .6em .8em;
  background-color: var(--color-pale-blue);  
  font-weight: var(--value-fw-medium, bold);
}
.cfdrank-list dd li {
  display: flex;
  align-items: center;
  height: 52px;
  border-top: 1px solid var(--color-gray-secondary);
  padding-left: .8em;
  counter-increment: rank;
}
.cfdrank-list dd li::before {
  content: counter(rank);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  text-align: center;
  margin-right: 11px;
  background-image: url(/corp/guide/cfd/rank/images/icon_default.png);
  background-repeat: no-repeat;
  background-size: 33px auto;
  color: var(--color-service-fund);
  font-size: 1.8rem;
  font-weight: 700;
}

.cfdrank-list dd li:nth-child(1)::before,
.cfdrank-list dd li:nth-child(2)::before,
.cfdrank-list dd li:nth-child(3)::before { color: #fff; }
.cfdrank-list dd li:nth-child(1)::before { background-image: url(/corp/guide/cfd/rank/images/icon_no1.png); }
.cfdrank-list dd li:nth-child(2)::before { background-image: url(/corp/guide/cfd/rank/images/icon_no2.png); }
.cfdrank-list dd li:nth-child(3)::before { background-image: url(/corp/guide/cfd/rank/images/icon_no3.png); }