@charset "utf-8";

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */

.news_box .mCustomScrollBox {
    width:100%;
}

.news_flx{
    width:85%;
    max-height:430px;
    overflow-y:scroll ;
}
.news_flx .box{
    width:100%;
    padding:10px;
    border-bottom:1px solid #ccc; 
}

.news_flx .box article{
    display:flex;
}

.news_flx .box article h3{
    order:-1;
    margin-right:10px;
}
.news_flx .box article img{
    aspect-ratio: 1/1;
    max-width:120px;
}

.news_flx .box article div{
    flex-grow:1;
    margin-left:10px;
}

/* ================================================================= 
 section
================================================================= */


/* ================================================================= 
 footer
================================================================= */


/* ================================================================= 
 header
================================================================= */




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

/* ================================================================= 
 header
================================================================= */

/* ================================================================= 
sidemenu
================================================================= */

/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */

}




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

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */
.news_flx .box article{
    flex-direction: column;
}
.news_flx .box article img{
    aspect-ratio: 1/1;
    max-width:200px;
}
.news_flx .box article div{
    margin-block:8px;
    margin-left:0;
}

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */



}