#main {
    padding-bottom: 60px;
}

#topVisual {
    background-image: url(../../images/news/img_visual01.jpg);
}

#topVisual h1 {
    color: #FFF;
}

#news .section01 ul.list01 li {
    overflow: hidden;
    font-size: 1.5rem;
    padding: 15px;
}

#news .section01 ul.list01 {
    max-height: 550px;
    -ms-overflow-y: scroll;
    overflow-y: scroll;
}

#news .section01 ul.list01 li:nth-child(odd) {
    background: #F9F9F9;
}


#news .section01 ul.list01 .date {
    display: inline-block;
    float: left;
    width: 10%;
}

#news .section01 ul.list01 .post01 {
    display: inline-block;
    float: right;
    width: 90%;
}

#news .section01 ul.list01 li .date {
    float: left;
    display: inline-block;
    width: 7em;
    color: #00A6F8;
}
#news .section01 ul.list01 li .date.var01 {
    width: 11em;    
}

#news .section01 ul.list01 li .date .icon01{
    display: inline-block;
    color: #FFF;
    background: red;
    padding: 0 0.5em;
    margin-right: 5px;
}


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