/* カスタム CSS をここに入力してください */
.ranking-img {
  width: 50px;
	height: 50px;
	float:left;
	overflow: hidden;
	margin-bottom: .5em;
}

li.sga-ranking-list {
	margin-bottom: 1em;
}

ol.sga-ranking li {
clear: both;
}
ol.sga-ranking .ranking-img {
margin-right: 5px;
}
/* popular Post */
.wpp-post-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 5px;
	line-height: 1.4;
    text-decoration: none;
}
.wpp-excerpt {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
}
.wpp-views {
	font-size:1.3rem;
	line-height:1.4;
	color:grey;
}
ul#popular-posts.wpp-list li img {
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 1px;
	margin: 0 10px 0 0;
	width:auto;
	height:auto;
}
ul#popular-posts.wpp-list {
	counter-reset: pupular-ranking;
}
ul#popular-posts.wpp-list li {
	position: relative;
	padding: 15px 0;
	border-top:0;
	border-bottom: 1px dotted #ccc;
}
ul#popular-posts.wpp-list li:last-child {
	border-bottom: none;
}
ul#popular-posts.wpp-list li:before {
	background: none repeat scroll 0 0 #e44d26; /* 数字の背景色 */
	color: #fff; /* 数字の色 */
	content: counter(pupular-ranking, decimal);
	counter-increment: pupular-ranking;
	font-size: 100%;
	left: 0px;
	top: 16px;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	z-index: 1;
	opacity: 0.9; /* 透明度 */
}
.wpp-list li {
	overflow: hidden;
	float: none;
	clear: both;
}
.wpp-thumbnail {
    display: block;
    float: left;
}
a {
    text-decoration: none!important;
}