.aside-dl{padding:.35rem .75rem;margin-bottom:1rem;background-image:linear-gradient(rgb(245,245,245),transparent);}
.aside-dl dt{position:relative;display:flex;align-items:center;justify-content:space-between}
.aside-dl dt h3{position:relative;display:inline-flex;flex:auto;align-items:center;height:2.4rem;line-height:2.4rem;}
.aside-dl dt h3:after{flex:auto;pointer-events:none;content:'';height:1px;background-image:linear-gradient(90deg,currentcolor,transparent);margin-left:.5rem}
.aside-dl dt span a{ margin-left:1em;}
.aside-dl dt span a.active{font-weight:700}

.aside-ol li{position:relative;padding:.5rem 0;border-bottom:1px dotted rgba(0,0,0,.1);line-height:1.5em}
.aside-ol a.active{color:rgb(100,150,200)}
.aside-ol.tag a{color:rgb(250,50,100);font-weight:700}
.aside-ol li em{margin:.25em 0;background-color:rgba(250,50,100,.5);color:rgb(255,255,255);font-size:.6rem;font-style: normal; padding:.1em .25em;border-radius:.2rem;}
.aside-ol li:after{content:'';visibility:hidden;display:block;font-size:0;clear:both;height:0;}
.aside-ol li figure{width:4.5em;height:4.5em;margin-right:.5em;float:left;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.aside-ol li:last-child{border-bottom:none}
.aside-ol li span,
.aside-ol li time{float:right;margin-left:1em;opacity:.3}
.aside-ol.bef li{padding-left:1.5rem;line-height:1.5em;position:relative}
.aside-ol.bef li:before{background:rgb(255,255,255);content:attr(data-order);display:block;width:.8rem;height:.8rem;line-height:.8rem;font-size:.6rem;text-align:center;border-radius:50%;position:absolute;left:0;top:50%; margin-top:-.4rem}
.aside-ol.bef li:nth-child(1):before{color:rgb(250,50,100)}
.aside-ol.bef li:nth-child(2):before{color:rgb(250,100,100)}
.aside-ol.bef li:nth-child(3):before{color:rgb(250,150,100)}
.aside-ol.bef li figure{margin-left:-1.5rem}
.aside-ol.bef.img li:before{left:-.4rem}

ul.moreul{margin:0 -.75rem;padding:0;text-align:center;font-size:.7rem;display:flex;justify-content:center;align-items: center;flex-flow: row wrap;}
ul.moreul li{margin:0 0 1rem 0;padding:0 .75rem;list-style:none;width:16.6666%;box-sizing:border-box;display:block}
ul.moreul a{border-bottom:none;color:inherit;display:block;box-sizing:border-box;overflow:hidden;}
ul.moreul figure{display:block;height:0;padding-top:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
ul.moreul tit{margin:.5rem 0 0;display:block;line-height:1.2em;height:2.4em;overflow:hidden}
@media screen and (max-width:768px),screen and (max-width:991px){
ul.moreul{margin:0 -.5rem}
ul.moreul li{width:33.3333%;padding:0 .5rem}
}
@media screen and (max-width:481px),screen and (max-width:767px){
ul.moreul{margin:0}
ul.moreul li{width:50%}
.aside-dl{padding:0;background-image:none}
.aside-dl dt h3:before{flex:auto;pointer-events:none;content:'';height:1px;background-image:linear-gradient(90deg,transparent,currentcolor);margin-right:.5rem}
}