Cacher is the code snippet organizer for pro developers

<dl class="box">
    <dt>2018年8月0日</dt>
    <dd>●●店9月0日オープン予定!</dd>
    <dt>2018年8月0日</dt>
    <dd>●●店9月0日オープン予定!</dd>
    <dt>2018年8月0日</dt>
    <dd>●●店9月0日オープン予定!</dd>
    <dt>2018年8月0日</dt>
    <dd>●●店9月0日オープン予定!</dd>
    <dt>2018年8月0日</dt>
    <dd>●●店9月0日オープン予定!</dd>
    <dt>2018年8月0日</dt>
    <dd>●●店9月0日オープン予定!</dd>
    <dt>2018年8月0日</dt>
    <dd>●●店9月0日オープン予定!</dd>
    <dt>2018年8月0日</dt>
    <dd>●●店9月0日オープン予定!</dd>
</dl>

dl.box{
    height: 200px;
	overflow: auto;
	align-content: flex-start;
	background: #fff;
	margin: 0 0 30px 0;
	padding: 15px;
}

dl.box::-webkit-scrollbar{ 
    width: 7px;
}
dl.box::-webkit-scrollbar-thumb{ 
    background: #bcbcbc;
    border-radius: 5px;
}
dl.box::-webkit-scrollbar-track-piece {
    background: #f1f1f1;
}

dl.box dt {
	font-weight: bold;
}

dl.box dd{
	font-weight: 500;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #aaa;
}