@charset "utf-8";

/* List */
.list-media {
    margin:0;
}

.list-item {
    padding-bottom:18px;
    border-bottom:1px solid #eee;
    margin-bottom:18px;
}

.list-item .img-left {
    margin-right:15px;
}

.list-item .img-right {
    margin-left:15px;
}

.list-item h2.media-heading {
    display:block;
    font-size:17px;
    line-height:1.5;
    margin:0;
    padding:0 0 6px;
    font-weight:600;
}

.list-item h2.media-heading a {
    display:block;
    color:#222;
    text-decoration:none;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
    word-break:break-word;
}

.list-item .list-details {
    margin-top:6px;
    padding:6px 0;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    font-size:13px;
}

.list-item .list-details .member,
.list-item .list-details .guest {
    color:#787878 !important;
}

.list-item .list-cont {
    margin-top:10px;
    padding:0;
    line-height:1.8;
    font-size:15px;
    color:#666;
    overflow:visible !important;
    white-space:normal !important;
    word-break:break-word;
}

.list-item .list-cont a {
    display:block;
    color:#666;
    text-decoration:none;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
}

.list-item .list-cont .text-muted {
    display:block;
    color:#666;
    white-space:pre-wrap !important;
    overflow:visible !important;
    text-overflow:unset !important;
    word-break:break-word;
}

.list-item .list-sp {
    margin:0 7px;
    color:#ddd;
    font-size:11px;
}

.list-none {
    padding:50px 0;
    border-bottom:1px solid #eee;
}

@media (max-width:768px) {
    .list-item .img {
        width:100% !important;
        float:none !important;
        margin:0 0 15px 0 !important;
    }

    .list-item h2.media-heading {
        font-size:16px;
    }

    .list-item .list-cont {
        font-size:14px;
    }
}