.blog-ranking__container {
	padding: 24px 0 4px;
}

.blog-ranking__item:nth-of-type(n + 2) {
	margin-top: 24px;
}

.blog-ranking__info {
	float: left;
	font-size: 1.4rem;
}

.blog-ranking__title {
	font-weight: bold;
	line-height: 22px;
}

.blog-ranking__subtitle {
	margin-top: 4px;
	font-size: 1.2rem;
}

.blog-ranking__rank {
	margin-left: 8px;
	float: right;
	line-height: 24px;
	font-size: 1.4rem;
}

.blog-ranking__text--strong {
	font-size: 2rem;
	font-weight: bold;
}

.blog-ranking__text--large {
	font-size: 1.6rem;
}

.blog-ranking__text--out {
	font-size: 1.6rem;
	color: #aaa;
}

.blog-ranking__rank .icon--ranking-up,
.blog-ranking__rank .icon--ranking-stay,
.blog-ranking__rank .icon--ranking-down,
.blog-ranking__rank .icon--ranking-new {
	margin-left: 12px;
	vertical-align: -.1rem;
	font-size: 1.6rem;
}

.blog-ranking__rank .icon--ranking-up {
	color: #ff547c;
}

.blog-ranking__rank .icon--ranking-stay {
	color: #f8cd21;
}

.blog-ranking__rank .icon--ranking-down {
	color: #58b8ef;
}

.blog-ranking__rank .icon--ranking-new {
	color: #298538;
}

/* for genre item */
.blog-ranking__item--genre .blog-ranking__rank {
	height: 44px;
	line-height: 44px;
}