◆pc
#top-news dl,
dt,
dd {
box-sizing: border-box;
}
#top-news dl {
border-bottom: 1px none #CCC;
}
#top-news dt,
dd {
border-top: 1px none #CCC;
}
#top-news dt {
width: 20%;
float: left;
}
#top-news dd {
margin-left: 20%;
}
#top-news dt:first-of-type { border-top: 0 none transparent; }
#top-news dd:first-of-type { border-top: 0 none transparent; }
◆スマホ
#top-news {
width: auto;
padding: 10px;
}
#top-news
dt,
dd {
display: block;
width: 100%;
margin-left:0;
}
#top-news dl {
border-bottom: 1px none #CCC;
}
#top-news dt {
}
#top-news dt {
width: 100%;
float: none;
margin-left:0;
border-top: 1px none #CCC;
}
#top-news dd {
margin-left: 0;
padding-bottom: 10px;
padding-top: 10px;
border-top: none;
}