.piece.ranking .items .item{position: relative;text-align: left;display: flex;align-items: flex-start;padding: 0 calc(var(--margin-spacer) / 3) 0 40px}
.piece.ranking .items .item .media{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:0;width:calc(40% - 15px)}
.piece.ranking .items .item .media .image img{width:100%;height:auto}
.piece.ranking .index{font-family: var(--title-font);position: absolute;width: 20px;height: 40px;top: 50%;left: 5px;display: flex;align-items: center;justify-content: center;font-size: 2.5em;font-weight: bold;color: var(--background-second-color);z-index: 3;transform: translate(0,-50%);border-radius: 50%}

.piece.ranking .items .tkd{max-width: 100%}
.piece.ranking .items .tk{font-size:1.8em;margin-bottom: 0.3em}
.piece.ranking .items .tk .kicker{display: block;font-size: 0.6em}
.piece.ranking .items .tk .title{font-size: inherit;margin: 0}

.piece.ranking .piecetitle{margin: 0 0 calc(var(--margin-spacer) / 2) 0;font-size: 2.3em}

.piece.ranking .separator{margin: calc(var(--margin-spacer) / 4) 0;background: transparent}

@media (max-width: 1024px){
	.piece.ranking .items .item{padding: var(--margin-spacer) var(--margin-spacer) var(--margin-spacer) 60px}
	.piece.ranking .index{left: 10px}
}