body {
    background-image: linear-gradient(to bottom, #ad9779, #e0d1be);
    --column-title-height: clamp(30px, 5.4vw, 54px);
}
.column-title {
    height: var(--column-title-height);
    display: flex;
    position: relative;
}
.column-title-img {
    height: 100%;
}
body .story-list-unit {
    background-color: transparent;
}
body .story-list-unit:hover {
    background-color: transparent;
}
body .story-list-unit:hover .story-list-unit-text-box {
    background-color: #836036;
}
body .story-list-unit:hover .story-list-unit-content {
    background-color: #a9633f;
}
.main-box .story-list-unit:hover a {
    color: #fff;
}
body .story-list-unit-title {
    color: #ffffff !important;
}
body .story-list-unit-bottom-time {
    color: #fff;
}
body .footer {
    background-color: #af997c;
}
body .add-more-box-v5 .add-more-v5 {
    width: clamp(100px, 17vw, 170px);
    border-top-left-radius: 24px;
    border-bottom-right-radius: 24px;
    background-color: #836036;
    color: #fff;
}
body .add-more-v5,
body .add-more-loading-v5 {
    font-size: clamp(14px, 2vw, 20px);
    color: #1d5da0;
}
.story-list-unit-bottom-time {
    display: block !important;
}
.story-list-unit-text-box {
    padding: 9px 6px 6px;
    position: relative;
    z-index: 10;
    margin-top: -8px;
    transition: 0.5s;
    background-color: transparent;
    border-radius: 10px;
}
.story-list-unit-text {
    font-size: clamp(10px, 0.8vw, 16px);
    transition: 0.5s;
    color: #8b8b8b;
    margin-top: 6px;
    line-height: clamp(12px, 1.1vw, 22px);
    height: clamp(48px, 4.4vw, 88px);
}
body .story-list-unit-inner {
    background-color: #836036;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.5s;
    position: relative;
    z-index: 99;
}
@media (max-width:576px) {
    body .story-list-unit-title {
        height: unset;
    }
}