.wew-news-list-wrapper ul {
margin: 0;
padding: 0;
}
.wew-news-list__title {
display: none;
margin-bottom: 30px;
text-align: center;
font-weight: 100;
}
.wew-news-list__item {
font-weight: 100;
padding: 0;
list-style: none;
border-top: dashed #ccc 1px;
}
.wew-news-list__item:last-child {
border-bottom: dashed #ccc 1px;
}
.wew-news-list__item-inner {
display: flex;
align-items: center;
flex-wrap: wrap;
max-width: 800px;
margin: 0 auto;
}
.wew-news-list__item time {
display: block;
color: #333;
padding: 10px 10px 5px;
text-align: left;
white-space: nowrap;
}
@media (min-width: 768px) {
.wew-news-list__item time {
text-align: left;
width: 9em;
padding: 10px;
}
}
.wew-news-list__item-title {
display: block;
width: 100%;
font-weight: normal;
margin-left: 0.625rem;
padding-top: 0.3125rem;
padding-bottom: 0.625rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media (min-width: 768px) {
.wew-news-list__item-title {
display: block;
width: calc(100% - 9em - 23.054% - 0.75rem);
margin-left: 0.75rem;
padding-top: 0.625rem;
}
.wew-news-list__item-title.is-hide-cat {
width: calc(100% - 9em - 0.75rem);
margin-left: 0;
}
}
.wew-news-list__item-title i {
width: 1.25em;
color: #C94744;
font-size: 0.75rem;
}
@media (min-width: 768px) {
.wew-news-list__item-title span {
padding-left: 5px;
}
}
.wew-news-list__item-label {
display: block;
margin: 0.45rem 0 0;
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
color: #333;
background-color: #ccc;
text-align: center;
line-height: 1;
font-size: 0.75rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media (min-width: 768px) {
.wew-news-list__item-label {
width: 23.054%;
margin: 0;
}
}