@charset "utf-8";

#newsItems {
    position: relative;
    margin-bottom: 30px;
    padding: 0 50px;
}
.eachNews {
    padding: 24px;
    border-top: solid 1px #ccc;
}
.eachNews:last-child {border-bottom: solid 1px #ccc;}
.eachNews .date {
	margin-bottom: 8px;
	font-weight: bold;
}
.eachNews .ttl {
    font-size: 18px;
    margin-bottom: 16px;
	font-weight: bold;
}
.eachNews .article {padding-left: 2em;}
.eachNews .article a {text-decoration: underline;}

@media only screen and (max-width: 640px) {
    #newsItems {
        margin-bottom: 4vw;
        padding: 0 3vw;
    }
    .eachNews {
        margin-bottom: 0px;
        padding: 4vw;
    }
    .eachNews .date {margin-bottom: 1.5vw;}
    .eachNews .ttl {
        font-size: 4.5vw;
        margin-bottom: 4vw;
    }
    .eachNews .article {padding-left: 0;}
}