.eye_catch_news{
  z-index:0;
  overflow: hidden;
  background-color: rgb(0,0,0);/*半透明カラーの色*/
}

    .eye_catch_news::before {
        content: '';
        background: url('../photo/GENIUS_news.png'); /*背景画像のURL*/
        opacity: 1.0; /*半透明カラーの透明度*/
        filter: blur(0px); /*ぼかし度*/
        position: absolute;
        width: 100%; /*画像サイズ*/
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        background-size: cover;
        background-position: 50% 50%;
    }

.news-flame {
    padding: 0.5em 1em;
    margin: 2em 0;
    background-color: rgba(0,0,0,0.05);
    color: #020202;
    border-radius:5px;
    justify-content: left;
    font-size: clamp(12px,2vw,16px);
}

.day {
    text-align: left;
    color: #ff5757;
    font-weight: bold;
    margin-bottom: 5px;
}

.row-size3{
    margin-top:-3em;
}
.row-size2 {
    margin-top: -2em;
}
.position_News {
    text-align: left;
    color: #ff5757;
}

.line-height {
    line-height: 3em;
}
.font-change {
    font-family: "M PLUS Rounded 1c";
}
.big_text {
    font-family: 'Rajdhani', sans-serif;
    font-size: 3em;
    text-align: center;
    margin-right: 20px;
    margin-left: 15px;
}
.small_text {
    font-family: "Kokoro";
        font-size: 1em;
    text-align: center;
    margin-left: 20px;
}

.cp_box *, .cp_box *:before, .cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    width: auto;
    margin: 2em 2em auto;

}

    .cp_box label {
        font-weight: bold;
        position: relative;
        display: block;
        width: 80%;
        margin: auto;
        padding: 0.3em 1em;
        cursor: pointer;
        transition: all 0.3s;
        text-align: center;
        color: #0384BD;
        border: 2px solid rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        box-shadow: 0 2px 3px rgba(0,0,0,0.5);
    }

        .cp_box label:hover {
            transition: all 0.3s;
            color: #ff6a00;
            border: 2px solid #ff6a00;
        }



        .cp_box label:hover::after {
            color: #ffffff;
        }



    .cp_box input:checked ~ label:hover::after {
        color: #ffffff;
    }

    .cp_box input {
        display: none;
    }

    .cp_box .cp_container {
        position: relative;
        z-index: 10;
        overflow: hidden;
        height: 0;
        margin-top: -1px;
        transition: height 0.5s ease-in-out,box-shadow 0.6s linear;
        background: rgba(229, 237, 248, 0.1);
    }

    .cp_box input:checked ~ div {
        transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    }
        /* 続きを読むを押すと表示されるテキストの高さ */
        .cp_box input:checked ~ div.cp_container {
            height: 300px;
        }