@charset "utf-8";

.feed {
width: 100%;
border: none;
}
ul#feed {
margin: 0;
list-style-type: none;
}
#feed li {
line-height: 1.5;
}
#feed li+li {
border-top: 1px dotted #CCC;
}



/*PC
─────────────────────────────────────*/
@media screen and (min-width:901px) {
ul#feed {
margin: 1rem 0 0 0;
}
#feed li {
padding: 10px 0;
display: flex;
}
#feed li div.blog-day {
width: 10rem;
padding-left: 5px;
}
#feed li div.blog-title {
width: calc(100% - 10rem);
padding-right: 5px;
}
}


/*SP
─────────────────────────────────────*/
@media screen and (max-width:900px) {
ul#feed {
margin: 0;
}
#feed li {
padding: 10px 0;
}
}