@charset "UTF-8";
/* CSS Document */

body{
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

ul.vmag-news{
margin: 0;
padding: 2%;
font-size: 0.9em;
line-height: 1.6;
border: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content:space-around;
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
}

ul.vmag-news li{
list-style-type: none;
vertical-align: top;
width: 48%;
margin: 0 2% 0 0;
font-size: 0.9em;}


ul.vmag-news li span.vmag-news-thumbnail{
display: block;
width: 100%;
    overflow: hidden;}

ul.vmag-news li span.vmag-news-thumbnail img{
width: 100%;
height: auto;
margin-bottom: 2%;}
ul.vmag-news li:first-child {
    width: 100%;
     font-size: 1em;
}
ul.vmag-news li:first-child img {
    margin-bottom: 1%;
}
ul.vmag-news li:nth-child(3) {
    margin: 0;
}
.vmag-news-box{
margin: 0 0 10% 0
}

ul.vmag-news li span.vmag-news-date{font-size: 0.8em;color: #222;}
ul.vmag-news li span.auther-names {font-weight: bold;font-size: 0.8em;color: #222;}

ul.vmag-news li span.vmag-news-title{line-height: 1.6;display: block;min-height: 3em;word-break: break-all;}

ul.vmag-news li span.vmag-news-title a:link,
ul.vmag-news li span.vmag-news-title a:visited{color: #EC6B00;font-size: 0.8em;}

ul.vmag-news li span.vmag-news-title a:hover,
ul.vmag-news li span.vmag-news-title a:active{
color: #EDAC00;}

span.newentry-icon {
    font-size: 0.7em;
    color: #fff;
    background-color: #cc0000;
    padding: 2px 4px;
    margin: 0 0.5em 0 0;
    letter-spacing: 1px;
}


@media (min-width: 415px) {

ul.vmag-news li:first-child {
    width: 32%;
     font-size: 1em;
}
ul.vmag-news li{
width: 32%;
}

ul.vmag-news li span.vmag-news-thumbnail{
height: 164px;
}
}