/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {
}

    /* LI - Post container styles */
    .wpp-list li {
        overflow: hidden;
        float: none;
        clear: both;
        margin-bottom: 1rem;
    }

    .wpp-list li:last-of-type {
        margin-bottom: 0;
    }

    /* Styles for the popular post in view */
    .wpp-list li.current {
    }

        /* Thumbnail styles */
        .wpp-thumbnail {
            display: inline;
            float: left;
            margin: 0 1rem 0 0;
            border: none;
        }

        /* Title styles */
        .wpp-post-title {
        }

        /* Excerpt styles */
        .wpp-excerpt {
        }

        .wpp-excerpt:empty {
            display: none;
        }

        /* Stats tag styles */
        .wpp-meta, .post-stats {
            display: block;
            font-size: 0.8em;
        }

        .wpp-meta:empty, .post-stats:empty {
            display: none;
        }

            /* Comments count styles */
            .wpp-comments {
            }

            /* Views count styles */
            .wpp-views {
            }

            /* Author styles */
            .wpp-author {
            }

            /* Post date styles */
            .wpp-date {
            }

            /* Post category styles */
            .wpp-category {
            }

        /* WP-PostRatings styles */
        .wpp-rating {
        }

ul.wpp-list {
    counter-reset: wpp-ranking; /* カウンターをリセット */
}

ul.wpp-list li{
  counter-increment: wpp-ranking;
}

ul.wpp-list li::before{
  content: counter(wpp-ranking);
  display: block;
  background: #000;
  color: #fff;
  width:35px;
  font-size: 13px;
  padding: 3px 8px;
  white-space: nowrap;
  text-align: center;
}

ul.wpp-list li:nth-child(1):before{
  background: #fcc732;
}
ul.wpp-list li:nth-child(2):before{
  background: #a0a0a0;
}
ul.wpp-list li:nth-child(3):before{
  background: #bf783e;
}
.popular-posts .wpp-post-title{
   margin-left:5px;
}

/* 画像（<img>）が含まれている場合のみ表示 */
.wpp-list .wpp-thumbnail img {
    display: block;
}
/* すべてのサムネイルを非表示 */
.wpp-list .wpp-thumbnail {
    display: none;
}