@charset "utf-8";
/*------------------------------------------------------------
	人気ランキング
------------------------------------------------------------*/
.RankBox {
	display: flex;
	padding-right: 10px;
}

.RankBox div {
	width: calc(100% - 60px);
	background-color: #FFFFFF;
	margin: 0px 0px 10px 10px;
	padding-bottom: 10px;
}

.RankBox .ttl {
	padding: 5px 13px;
	font-weight: bold;
    text-align: center;
}

.RankBox .ttl_ekirank {
	background-color: #E8F9EC;
}

.RankBox .ttl_arearank {
	background-color: #E9F0FF;
}

.RankBox ul {
	padding-top: 10px;
}

.RankBox ul li {
	margin: 0 0 0 10px;
	width: 100%;
	line-height: 40px;
}

.RankBox span.rank {
	width: 35px;
	line-height: 25px;
	display: inline-block;
	background-color: #EEEEEE;
	text-align: center;
	margin-right: 10px;
}

.RankBox ul li img {
	width: 35px;
	margin-right: 10px;
	vertical-align: middle;
}

.comBox .rank_more {
	width: calc(100% - 20px);
	margin: 0 auto 15px;
	padding: 5px 0;
	text-align: center;
	background-color: #FFF;
	display: block;
	border: none;
	outline: 0;
	transition: .5s;
	-erbkit-transition: .5s;
}

.comBox .rank_more::after {
	content: "＋もっと見る"
}

.comBox .rank_more.on-click::after {
	content: "－閉じる"
}

.txt_hide {
	display: none;
}