@charset "UTF-8";

.head_supplement{font-size:0.7em;}

/*トピックス*/





#topics { width: 100%; box-sizing: border-box; text-align:center;}
#topics::after{content:""; display:block; height:20vh;}
#topics h1{text-align:center; margin-bottom:10px;line-height:1.0;}
#topics p{text-align:center; margin-top:0;}
.topics_list_container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(4,auto);
    gap: 2vh;
}
.topics_list{ min-width:100%; text-align:left;}
.topics_list img{ width:100%; height:100%; }

.topics_list a{ text-decoration:none;display: flex;flex-direction: column;height:100%;}
.topics_list a:hover { color:#ccc;}

.news_title {
    flex-grow: 1;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-all;
    color: #999;
}

.topics_list article {height:100%; display:flex;}
.news_time {
    
    border-bottom: 1px solid #ccc;
    margin-top:auto;
    padding-top: 10px;
}



footer {
    font-size: 0.7rem; /*文字サイズ*/
    text-align: center; /*内容をセンタリング*/
    padding: 20px; /*ボックス内の余白*/
}