.m-blog-popular-posts ul{counter-reset:number 0;list-style:none;padding:0}.m-blog-popular-posts ul li{counter-increment:rank;position:relative}.m-blog-popular-posts ul li:before{background:#000;color:#fff;content:counter(rank);display:block;font-family:Poppins,Noto Sans JP,sans-serif;font-size:1.4rem;font-weight:500;left:0;line-height:2rem;min-width:2rem;position:absolute;text-align:center;top:0;z-index:2}.m-blog-popular-posts ul li:nth-child(-n+3):before{background:#da003d}.m-blog-popular-posts ul li:not(:last-child){margin-bottom:1.6rem}.m-blog-popular-posts ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:inherit;font-size:1.4rem;text-decoration:none}.m-blog-popular-posts ul li a .image{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 .8rem 0 0;position:relative;width:9.6rem}.m-blog-popular-posts ul li a .image:before{content:"";display:block;padding-top:56.25%}.m-blog-popular-posts ul li a .image img{height:100%;left:0;position:absolute;top:0;width:100%}.m-blog-popular-posts ul li a .title{-webkit-box-flex:1;display:-webkit-box;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.7;margin:0;overflow:hidden}@media screen and (max-width:768px){.m-blog-popular-posts ul li a{font-size:1.2rem}.m-blog-popular-posts ul li a .image{width:10rem}.m-blog-popular-posts ul li a .title{line-height:1.3}}.m-blog-popular-posts.-type2 ul li a{font-weight:700}.m-blog-popular-posts.-type2 ul li a .image{width:17.8rem}@media screen and (max-width:768px){.m-blog-popular-posts.-type2 ul li a .image{width:19rem}}.m-blog-popular-posts.-type2 ul li a .title{-webkit-line-clamp:4}