.wrapper{min-height:100%;margin-left:31vw}ul{-webkit-margin-after:0em;margin-after:0em}.bloglist{list-style:none;padding-left:0;margin-left:10px;margin-right:10px;padding-bottom:48px}.bar a:link{color:#000}.bar a:visited{color:#000}.bar a:hover{color:#000}.bar a:active{color:#000}.bloglist li{border-top:.1rem solid #e3e3e3;max-width:720px;margin:10px auto 10px}.article .title h2{margin:0 0 0.3em;line-height:1.5em;-moz-osx-font-smoothing:grayscale}.article .title h2:after{content:'';display:block;width:30%;margin:0.3em auto 0;border-top:1px solid currentColor;transition:width 0.2s ease-in-out}.article .title{padding:1em 40px 0.5em;margin:0 -40px 1em;text-align:center;color:#333;transition:all 0.2s 0.2s ease-in-out}.article p{margin:1em 0;line-height:1.5em}.bloglist .article{max-width:720px;box-sizing:border-box;padding:0 40px 1.5em;margin:10px auto 10px;background-color:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);box-shadow:0 2px 3px rgba(0,0,0,0.1);transition:all 0.2s ease-in-out;cursor:pointer;color:#666666}.bloglist li a{display:block;text-decoration:none;color:inherit}.bloglist .article:hover,.bloglist .article:active,.bloglist .article:focus{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);transition-delay:0.2s}.bloglist .article:hover .title,.bloglist .article:active .title,.bloglist .article:focus .title{background-color:#1361bf;color:#fff;transition-delay:0}.bloglist .article:hover h2:after,.bloglist .article:active h2:after,.bloglist .article:focus h2:after{width:60%;color:#fff;transition-delay:0.2s}.bar{position:relative;padding:24px 0 8px;font-size:16px;line-height:20px;display:table;width:100%;text-align:center;min-width:190px}.category{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin:0 20px;font-size:17px;transition:all 0.2s ease-in-out;cursor:pointer}.category:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}.pagination{font-family:Georgia,serif;font-size:20px;text-align:center;position:absolute;bottom:0;width:100%;height:31px;clear:both;padding-bottom:13px}.pagination a{color:#CCC;text-decoration:none}@media (max-width:960px),(max-device-width:768px) and (orientation:portrait){.bloglist{list-style:none;padding-left:0;margin-left:0;margin-right:0;padding-bottom:58px}.wrapper{margin-left:auto}}@media (max-width:375px){.category{margin:0 10px}}@media (max-width:275px){.category{margin:0 5px;font-size:14px}}@media (min-width:1667px){.wrapper{margin-left:500px}.bloglist li{max-width:1667px;width:80%}.bloglist .article{max-width:none}.bloglist .article p{max-width:1020px;margin-left:auto;margin-right:auto}}