#volume-list{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;padding:0 25px 25px 25px;box-sizing:border-box;margin:0 auto;min-height:calc(100vh - 300px);height:100%}@media(max-width: 768px){#volume-list{padding:0 20px 25px 20px;align-content:flex-start;align-items:flex-start;justify-content:center;min-height:calc(100vh - 270px)}}.volume{display:block;justify-content:start;align-items:flex-start;box-sizing:border-box;text-decoration:none;box-shadow:0px 1px 1px rgba(0,0,0,.15);margin:10px 10px 20px 10px;padding:10px 0;width:185px}@media(max-width: 768px){.volume{width:175px}}@media(max-width: 430px){.volume{width:140px}}.volume .cover{flex-basis:35%;padding:10px;box-sizing:border-box;height:195px;overflow:hidden}@media(max-width: 768px){.volume .cover{height:175px}}.volume .cover img{width:100%;padding-bottom:10px}.volume .content{flex-grow:1;display:block;height:60px;width:150px}@media(max-width: 768px){.volume .content{width:140px}}.volume .content .title{padding:10px 20px 0 20px;display:block;font-size:1em;color:#333;font-weight:400;text-align:left;margin:0 auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(max-width: 768px){.volume .content .title{padding:10px 10px 0 10px}}