.list-group{
	width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.list-group-item{
	width: 22%;
}
.list-group-item img{width: 100%;}
.list-group-item .en{font-size: .8em; margin-bottom: 2px;}
.list-group-item .ja{font-size: 1.2em; margin-top: 2px;}

.pagination{
	padding-left: 0px;
    display: flex;
    width: 30%;
    justify-content: space-around;
    margin: 5% auto;
    color: white;
}
.pagination a{
	color: #c88c0e;
}

.list-group-item .category{
    color: #c88c0e;
    font-weight: bold;
    font-size: .6em;
    margin-bottom: 2px;
}
.list-group-item .date{
    color: gray;
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: .8em;
}
.list-group-item .title{
    color: black;
    margin-top: 2px;
    font-size: .9em;
    padding: 0px!important;
    text-align: left;
}

@media screen and (max-width: 768px) {
.list-group {
    width: 80%;
    margin: 10% auto;
    display: block;
}
.list-group-item {
    width: 100%;
    margin-bottom: 10%;
}
    }