body{
    background-image: linear-gradient(to bottom,#8cc2f7,#ddeffd);
    --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: #0362d6;
}
body .story-list-unit:hover{
    background-color: #35819a;
}
body .story-list-unit-title{
    color: #ffffff!important;
}
body .story-list-unit-bottom-time{
    color: #ffffff;
}
body .footer{
    background-color: #2b7dc2;
}
body .add-more-v5{
    width: clamp(100px,17vw,170px);
    border-radius: 24px;
    background-color: #e9e9e9;
}
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;
}
@media (max-width:576px){
    body .story-list-unit-title{
        height: unset;
    }
}