.news-list li {
  border-bottom: 1px solid #dcdcdc;
}
.news-list a {
  padding-block: var(--pad-4);
  padding-inline: var(--pad-1);
}
.news-list li a:hover {
  background-color: var(--main-color-light);
}
.news-list a time {
  max-width: var(--meta-width);
  font-size: 0.89em;
  color: var(--main-color);
}
.news-list a > h3 {
  max-width:calc(100% - var(--meta-width));
  font-size: 1em;
  color: var(--fc-black);
}


.news-detail header {
    text-align:left;
}
.news-detail time {
    color:var(--main-color);
}
.news-detail h2 {
    margin:10px 0 0 0 !important;
    font-size:1.4em;
}
.news-detail .detail p {
    text-align:justify;
}
.news-detail .detail {
    padding-bottom:40px;
}

@media (max-width: 768px){
    /* ===== Catch ===== */
    #index #catch h2 {
        font-size: clamp(20px, calc(0.5208vw + 20.75px), 30px);
    }
    /* ===== News ===== */
    #news .news-list .flex {
        flex-direction: column;
        gap: var(--gap-1);
    }
    #news .news-list h3 {
        max-width: none;
    }
    
}