.news-table
{
    table-layout: fixed; 
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.news-table td
{
    vertical-align: top;
}

.news-container
{
    height: 100%;
    margin-bottom: var(--spacing-2x);
    padding: 8px;

    width: 33.333%;
}

.news-container:target
{
    background: rgba(107, 255, 151, 0.4);
}

.news-visual-container
{
    width: 100%;
    padding-bottom: 80%;

    background-color: var(--header-background-color);
    margin-bottom: 10px;
    color: var(--header-foreground-color);

    position: relative;

}

.news-visual-container-content
{
    width: 100%;

}

.news-visual-container-content > *
{
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.news-title
{
    padding-bottom: 0;
}

.news-long-content-container
{

}

.news-date-container
{
    margin-bottom: var(--spacing);
}

.news-date-container::after
{
    clear: both;
}

.news-item-main-page-list > li
{
    padding-bottom: var(--spacing);
}

.news-item-main-page-list
{
    list-style: none;
    padding: 0 !important;
}

.news-item-main-page-list *
{
    padding: 0;
    margin-top: 0;
}

.news-item-main-page-list-item
{
    background: rgba(0, 94, 184, 0.1);
    padding: calc(0.5 * var(--spacing));
    margin-bottom: var(--spacing) !important;
}