@charset "utf-8";

.next-prev .card.card-horizontal {
    border: none;
}

.next-prev .card-horizontal .card-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    padding-left: 5px;
    padding-right: 5px;
}
.next-prev .card-horizontal.next-prev-next .card-body {
    flex-direction: row-reverse;
}

.next-prev .vk_post.card-horizontal .card-body .vk_post_title a {
    transition: color 0.3s ease;
}
.next-prev .vk_post.card-horizontal .card-body:hover .vk_post_title a {
    color: var(--vk-color-primary);
}

.ujs_next_prev {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.ujs_next_prev_image {
    width: 80px;
    height: 80px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ujs_next_prev_text {
    font-size: 0.75rem;
    color: #666666;
}

.next-prev .card-horizontal.vk_post .card-body .vk_post_title a::before {
    /* リンクエリアを拡げる */
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.next-prev .vk_post.card-horizontal .card-body .ujs_next_prev_image {
    opacity: 1;
    transition: opacity 0.3s ease;
}
.next-prev .vk_post.card-horizontal .card-body:hover .ujs_next_prev_image {
    opacity: 0.5;
}