.blogreview-container:after {
    content: ''; display: block; clear: both;
}
.blogreview-container {
    margin: 50px 0 40px;
}
.blogreview-container > h2 {
    font-size: 40px; text-align: center;
    margin: 0 0 75px;
}
.blogreview-container ul li:after {
    content: ''; display: block; clear: both;
}
.blogreview-container ul li {
    margin: 20px 0; padding: 10px 0;
    background-color: #fafafa;
}
.blogreview-container ul li:hover { background-color: #eee; }
.blogreview-container ul li .thumb {
    display: block; float: left; width: 80px; margin: 0 20px 0 10px;
}
.blogreview-container ul li .thumb img {
    position: relative; top: 2px; left: 2px;
    width: 100%; border-radius: 8px;
}
.blogreview-container ul li .info {
    float: left; width: calc(100% - 110px);
}
.blogreview-container ul li .info h2 {
    margin: 10px 0 12px; position: relative; cursor: default;
}
.blogreview-container ul li .info h2 a {
    display: block; position: absolute; top: 0; right: 10px;
}
.blogreview-container ul li .info h2 a:hover { color: var(--point-main); }
.blogreview-container ul li .info h3 {
    margin: 0 0 10px; cursor: default;
}

@media screen and (max-width: 850px) {
    .blogreview-container > h2 { font-size: 25px; }
}