:root {
    color-scheme: light dark;
}

body {
      color: light-dark(#000,#000)
}

/* ↑ダークモード未対応ページのバグ修正用コード↑ */



.news {
    padding: 60px 25px 120px 25px;
}

.tabs {
    border-bottom: 2px #7f7fff solid;
    display: flex;
}

.ryo-tab,
.site-tab {
    width: 50%;
    font-size: 1.3em;
    padding: 0.5em;
    background-color: #e0e0ff;
    border: 2px #e0e0ff solid;
    border-radius: 15px 15px 0px 0px;
}

.ryo-tab {
    margin-right: 1em;
}

.ryo-tab.active,
.site-tab.active {
    background-color: #7f7fff;
    border-color: #7f7fff;
    color: #fff;
}

.ryo-tab input,
.site-tab input {
    display: none;
}

.ryo-tab label,
.site-tab label {
    display: block;
    width: 100%;
    text-align: center;
}

        .news-details > div {
            display: none;
        }
        .news-details > .ryo-news-details {
            display: block;
        }

.news-cell {
    padding: 35px 15px;
    border-bottom: 1px #bbb solid;
    font-weight: 300;
}

.date {
    font-weight: 500;
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝モバイル版　↓＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media screen and (max-width: 767px) {



}