.news-posts-wrapper button {
    color: #131313;
}
.backgroud-news-index-color {
    background-color: #FFF8E6;
}
.side-modal-content-news-index {
    display: flex;
    flex-direction: column;
}
.news-year-buttons-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.news-year-buttons-top-left {
    display: flex;
    flex-direction: row;
}
.news-year-buttons-wrapper {
    width: 48.773611111111116vw;
    margin: auto;
}
#sideModalNewsIndex .news-year-buttons-wrapper {
    margin-left: 7.8vw;
}
.news-year-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.new-year-button-wrapper {
    width: 8.124444444444445vw;
    height: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.news-year-button{
    width: 8.124444444444445vw;
    height: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.news-year-button {
    width: 7.569444444444444vw !important;
    /* background-image: url(/wp-content/themes/my-theme/assets/imgs/img-news-index-year-background.png); */
    background-image: url(../imgs/img-news-index-year-background.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* margin-right: 0.625vw; */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.1750000000000003vw;
}
.news-posts-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.news-posts-top-left {
    display: flex;
    flex-direction: row;
}
.news-posts-wrapper {
    width: 48.773611111111116vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* margin: auto; */
    margin-left: 7.6vw;
}
.news-posts-top-left-date {
    display: flex;
    flex-direction: row;
}
.news-posts-top-left {
}
.old-layout .news-date {
    /* color: red; */
}
/* .old-layout .news-thumbnail {
    display: none;
} */
.old-layout .news-item-right {
    width: 40.486111111111114vw;
}
.old-layout .news-item-center {
    display: none;
}
.old-layout .btn-open-modal {
    margin-bottom: 2vw !important;
}
.new-layout .news-date {
    /* color: blue; */
}
.news-date {
    font-size: 0.6944444444444444vw;
    margin-bottom: 1vw;
}
.side-modal-content-top-left-btn {
    margin-top: 2vw;
    width: 10.76388888888889vw;
}
.side-modal-content-top-right {
    width: 12.916666666666668vw;
}
#sideModalNewsIndex .side-modal-content-kv{
    margin-top: 4.5vw !important;
    margin-left: -1.4vw !important;
}
.side-modal-content-earth-news {
    height: fit-content;
}
.side-modal-content-top-right-hm {
    width: 5.861111vw;
    font-size: 0.8333333333333334vw;
    display: flex;
    flex-direction: row;
    margin-top: 0.5vw;
}
/* .side-modal-earth-yeas {
    margin-bottom: 1vw;
} */
.side-modal-content-top-right-time {
    font-size: 0.8333333333333334vw;
    width: 4.8vw;
    margin-left: 0.6944444444444444vw;
    line-height: 1;
}
.side-modal-earth-img {
    width: 2.7083333333333335vw;
    height: fit-content;
    margin-top: 1vw;
}
.news-year-buttons {
    margin-top: 2vw;
    margin-bottom: 4vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.last-year-button-group {
    display: flex;
    flex-direction: row;
}
.year-button-group {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.4vw;
}
.side-modal-content-news-index-route-img, .news-year-buttons-top-left-route-img {
    width: 0.4861111111111111vw;
    height: fit-content;
}
#sideModalNewsIndex .side-modal-content-news-index-route-img {
    margin-left: -0.6vw !important;
}

.side-modal-content-kv-name-news-index {
    line-height: 1;
    font-size: 6.666666666666667vw !important;
}
.side-modal-content-top-news-index {
    margin-bottom: 3.055555555555555vw;
}
.side-modal-news-section .side-modal-content-top-news-index {
    margin-bottom: 3.055556vw;
}
.news-year-buttons-top-news-index {
    font-size: 0.6944444444444444vw;
    margin-bottom: 0.6vw;
    margin-top: 0.3vw;
}
.news-year-buttons-top-left-route-img {
    margin-left: 0.20833333333333334vw;
}
.news-year-buttons-top-left-contents {
    margin-left: 5.347222222222222vw;
}
.news-item {
    display: flex;
    flex-direction: row;
    width: 48.773611111111116vw;
    height: auto;
    margin-bottom: 0.6vw;
}

.news-item .btn-open-modal {
    margin-top: 2.4vw;
    margin-bottom: -1vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 48.773611111111116vw;
    height: auto;
}
.news-item-center {
    margin-right: 1.6666666666666667vw;
    margin-top: -4vw;
    height: 16.2vw;
}
.news-item-left {
    display: flex;
    flex-direction: column;
    width: 4.236111111111112vw;
    margin-right: 3.888888888888889vw;
}
.news-thumbnail {
    width: 16.180555555555557vw;
    margin-top: -3vw;
}
.news-item-right {
    width: 22.63888888888889vw;
    text-align: left;
    display: flex;
    flex-direction: column;
    line-height: 1;
}
.news-year-button.selected {
    background-image: url(../imgs/img-year-selected.png);
    color: white;
}
.news-content {
    display: none;
}
.news-title {
    font-size: 1.6666666666666667vw;
}
.news-title-jp {
    font-size: 0.8333333333333334vw;
    margin-top: 1vw;
}
.news-item {
    white-space: pre-wrap;
}
#sideModalNewsIndex .news-section-contens-matrix-dot {
    width: 99.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right, #000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: auto;
    /* margin-left: 0.6vw; */
}
#sideModalNewsIndex .side-modal-content-move-back {
    margin-left: 0.263889vw;
}
#sideModalNewsIndex .side-modal-content-move-button {
    margin-left: -2.8vw;
}
.matrix-left-text {
    margin-left: -0.7vw;
}

@media screen and (max-width: 751px){
    .side-modal-content-news-index {
        width: 71.46666666666667vw;
        margin-bottom: 4.5vw;
    }
    .news-year-buttons-wrapper {
        width: 71.46666666666667vw;
    }
    .side-modal-content-kv-name-news-index {
        font-size: 19.333333333333332vw !important;
    }
    .news-posts-wrapper {
        width: 71.46666666666667vw;
    }
    .news-year-buttons-top-left {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .news-year-buttons-top-news-index {
        font-size: 2.1333333333333333vw;
    }
    .news-year-buttons-top-left-route-img {
        width: 1.866666666666667vw;
        height: fit-content;
        margin-left: 0.9333333333333335vw;
    }
    .news-years-button-wrapper {
        width: 24.53333333333333vw;
    }
    .news-year-button, .new-year-button-wrapper {
        width: 22.400000000000002vw !important;
        height: 10.7vw;
    }
    .news-year-button {
        background-image: url(../imgs/img-news-index-section-years-bg-sp.png);
        font-size: 3.4666666666666663vw;
    }
    .news-year-buttons {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 8%;
        margin-bottom: 13%;
    }
    .news-year-buttons-top-right {
        margin-right: -1vw;
    }
    .year-button-group {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 2vw;
    }
    .last-year-button-group {
        display: flex;
        flex-direction: row;
        margin-bottom: 2vw;
    }
    .last-year-button-group .new-year-button-wrapper {
        margin-right: 2.1333333333333333vw;
    }
    .news-posts-wrapper .news-item {
        width: 100%;
        height: auto;
        margin-bottom: 2.6vw;
    }
    .news-posts-wrapper .news-item .btn-open-modal {
        width: 100%;
    }
    .news-item-left {
        width: 10.933333vw;
        font-size: 2.1333333333333333vw;
        margin-left: 0.5vw;
        margin-right: 4.7vw;
    }
    .news-date {
        margin-bottom: 1.3vw;
    }
    .news-date-category {
        width: 12vw;
        height: auto;
    }
    .news-item .btn-open-modal {
        justify-content: unset;
        margin-top: 4.5vw;
        margin-bottom: 0;
    }
    .news-item-center {

    }
    .news-thumbnail {
        width: 55.06666666666666vw;
    }
    .news-item-right {
        width: 55.06666666666666vw;
        margin: 1vw 0;
    }
    .btn-open-modal .news-title {
        width: 55.06666666666666vw;
        font-size:  4.266666666666667vw;
        margin: 1vw 0;
        /* margin-top: 3vw; */
    }
    .btn-open-modal .news-title-jp {
        width: 55.06666666666666vw;
        font-size: 2.933333333333333vw;
        margin: 1vw 0;
    }
    /* .old-layout .news-thumbnail {
        display: none;
    } */
    .old-layout .news-item-right {
        margin-top: 0;
    }
    .old-layout .news-title {
        margin-top: 5vw;
    }
    .side-modal-content-move-back {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: unset !important;
        width: unset !important;
    }
    #sideModalNewsIndex .side-modal-content-move-back {
            margin-left: unset;
            width: unset;
    }
    .modal-button-news-index {
        width: 71.46666666666667vw;
    }

    .side-modal-content-move .news-next-wrapper button {
        width: 16vw;
        height: auto;
    }
    .side-modal-content-move .news-prev-wrapper button {
        width: 16vw;
        height: auto;
    }
    .side-modal-content-move .modal-button {
        /* margin-top: unset !important; */
        margin-bottom: 16vw !important;
    }
    .side-modal-content-move-button {
        width: 71.46666666666667vw;
        margin: auto;
        margin-top: 16vw;
    }
    .news-index-section-side-modal .side-modal-content-kv {
        align-items: center;
        margin-top: 14.3vw !important;
    }
    #sideModalNewsIndex .side-modal-content-kv {
        margin-top: 14.3vw !important;
        transform: translateX(-8.6vw);
    }
    #sideModalNewsIndex .news-year-buttons-wrapper {
        margin-left: 13.8vw;
        transform: translateX(-8.6vw);
    }
    .news-posts-wrapper {
        width: 73.466667vw;
        margin-left: 13.6vw;
        transform: translateX(-8.6vw);
    }
    .news-date {
        font-size: 2.1333333333333333vw;
        letter-spacing: -0.05rem;
    }
    #sideModalNewsIndex .news-item-right {
        margin-top: -5vw;
        margin-left: 0.4vw;
    }
    #sideModalNewsIndex .news-item-center {
        margin-right: 1.6666666666666667vw;
        margin-top: -5vw;
        height: auto;
    }
    #sideModalNewsIndex .side-modal-content-move-button {
        margin-left: unset;
        margin-right: unset;
    }
    #sideModalNewsIndex .side-modal-content-move {
        transform: translateX(-8.6vw);
    }
    #sideModalNewsIndex .side-modal-content-move-back .modal-button {
        width: 72vw;
    }
    .news-year-buttons-top-left-contents {
        margin-left: 4.347222vw;
    }
}
/* .news-posts-wrapper {
    margin-bottom: ;
} */