.comment-rating-level-minus5 {
    font-size: 100%;
}
.comment-rating-level-minus4 {
    font-size: 100%;
}
.comment-rating-level-minus3 {
    font-size: 100%;
}
.comment-rating-level-minus2 {
    font-size: 100%;
}
.comment-rating-level-minus1 {
    font-size: 100%;
}
.comment-rating-level-0 {
    font-size: 100%;
}
.comment-rating-level-1 {
    font-size: 100%;
}
.comment-rating-level-2 {
    font-size: 100%;
}
.comment-rating-level-3 {
    font-size: 100%;
}
.comment-rating-level-4 {
    font-size: 100%;
}
.comment-rating-level-5 {
    font-size: 100%;
}

.comment-rating-volume-level-0 {
    width: 0;
}
.comment-rating-volume-level-1 {
    width: 20px;
}
.comment-rating-volume-level-2 {
    width: 50px;
}
.comment-rating-volume-level-3 {
    width: 80px;
}
.comment-rating-volume-level-4 {
    width: 120px;
}
.comment-rating-volume-level-5 {
    width: 170px;
}

/*
.comment-rating-level-minus5 {
    font-size: 33.3%;
}
.comment-rating-level-minus4 {
    font-size: 41.5%;
}
.comment-rating-level-minus3 {
    font-size: 51.7%;
}
.comment-rating-level-minus2 {
    font-size: 64.4%;
}
.comment-rating-level-minus1 {
    font-size: 80.3%;
}
.comment-rating-level-0 {
    font-size: 100%;
}
.comment-rating-level-1 {
    font-size: 125%;
}
.comment-rating-level-2 {
    font-size: 155%;
}
.comment-rating-level-3 {
    font-size: 193%;
}
.comment-rating-level-4 {
    font-size: 241%;
}
.comment-rating-level-5 {
    font-size: 300%;
}
.comment-rating-volume-level-0 {
    width: 0;
}
.comment-rating-volume-level-1 {
    width: 100px;
}
.comment-rating-volume-level-2 {
    width: 132px;
}
.comment-rating-volume-level-3 {
    width: 173px;
}
.comment-rating-volume-level-4 {
    width: 228px;
}
.comment-rating-volume-level-5 {
    width: 300px;
}*/

/* コメント装飾 */
.comment-rating {
    margin: 20px 25px 10px auto;
    position: relative;
}
.comment-rating-bar {
    background: #DFDFD0;
    height: 14px;
    border-radius: 7px;
    overflow: hidden;
}
.comment-rating-bar .comment-rating-bar-up {
    background: #ea6bab;
    height: 14px;
    border-radius: 7px;
    width: 50%;
    border-radius: 7px 0 0 7px;
}
.comment-rating-up {
    width: 20px;
    position: absolute;
    top:-5px;
    left: -25px;
}
.comment-rating-down {
    width: 20px;
    height: 30px;
    position: absolute;
    top:-5px;
    right: -25px;
}
.comment-rating-up-count {
    color: #D51173;
    position: absolute;
}
.comment-rating-down-count {
    color: #99998C;
    position: absolute;
    right: 0;
}
a.comment-rating-up-bt {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background: #D51173;
    box-shadow: 0 2px 0 #660837;
    background-image: url(images/icon_up.png);
    background-repeat: no-repeat;
    background-position: 2px;
    position: relative;
}
a.comment-rating-down-bt {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background: #BDBDAE;
    box-shadow: 0 2px 0 #79796A;
    background-image: url(images/icon_down.png);
    background-repeat: no-repeat;
    background-position: 2px;
    position: relative;
}
.comment-rating a:hover{
    top:2px;
    box-shadow:none;
    cursor: pointer;
}

/* レス */
/* ポップアップコンテナ(ID) */
body{
    counter-reset: commentnum;
}
section.commentlist li {
    counter-increment: commentnum;
}

section.commentlist li time:before{
    content: counter(commentnum) " : ";
}

#res-popup-container {
}
#res-popup-container li {
    list-style: none;
}
/* ポップアップコンテナ初期表示（クラス） */
.res-popup-content {
    background: #f5f5f5;
    border: 1px solid #c0c0c0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    display: none;
    font-size: 110%;
    padding: 1em;
    position: absolute;
    z-index: 10;
    border-radius: 3px;
}

/* ポップアップコンテナ表示時 */
.res-popup-on {
    display: block;
}

/* レスアンカー */
.res-anchor {
    color: #00f;
    text-decoration: underline;
}