.book-item[data-v-ae94329b]{width:100%}.book-cover[data-v-ae94329b]{aspect-ratio:1/1.4813;background:50%/cover no-repeat;border:1px solid #f1f1f1;border-radius:6px;margin-bottom:12px;min-height:275px;min-width:187px;overflow:hidden;position:relative;transition:all .45s cubic-bezier(.23,1,.32,1);width:100%}.book-cover.mypage-size[data-v-ae94329b]{min-height:230px;min-width:158px}.book-cover[data-v-ae94329b]:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.book-cover img[data-v-ae94329b]{-o-object-fit:cover;object-fit:cover}.book-cover img[data-v-ae94329b],.book-cover-placeholder[data-v-ae94329b]{border-radius:6px;height:100%;width:100%}.book-cover-placeholder[data-v-ae94329b]{align-items:center;background-color:#f3f6fc;display:flex;justify-content:center;left:0;position:absolute;top:0}.book-cover-placeholder img[data-v-ae94329b]{height:auto;opacity:.6;width:30%}.book-info[data-v-ae94329b]{padding:0 2px}.book-info h3[data-v-ae94329b]{color:#222;font-size:16px;font-weight:500;margin-bottom:4px;word-break:keep-all}.book-info h3[data-v-ae94329b],.book-info p[data-v-ae94329b]{display:-webkit-box;line-height:1.2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.book-info p[data-v-ae94329b]{color:#787878;font-size:14px}@media (max-width:768px){.book-cover[data-v-ae94329b]{margin-bottom:10px;min-height:220px;min-width:150px}.book-cover.mypage-size[data-v-ae94329b]{min-height:205px;min-width:140px}.book-info h3[data-v-ae94329b]{font-size:15px}.book-info p[data-v-ae94329b]{font-size:13px}}@media (max-width:480px){.book-cover[data-v-ae94329b]{border-radius:4px;margin-bottom:8px;min-height:190px;min-width:130px}.book-cover.mypage-size[data-v-ae94329b]{min-height:175px;min-width:120px}.book-cover img[data-v-ae94329b],.book-cover-placeholder[data-v-ae94329b]{border-radius:4px}.book-info[data-v-ae94329b]{padding:0 1px}.book-info h3[data-v-ae94329b]{font-size:14px;margin-bottom:2px;-webkit-line-clamp:2;line-clamp:2}.book-info p[data-v-ae94329b]{font-size:12px;-webkit-line-clamp:1;line-clamp:1}.book-cover[data-v-ae94329b]:hover{box-shadow:none}}@media (max-width:360px){.book-cover[data-v-ae94329b]{min-height:160px;min-width:110px}.book-cover.mypage-size[data-v-ae94329b]{min-height:145px;min-width:100px}.book-info h3[data-v-ae94329b]{font-size:13px}.book-info p[data-v-ae94329b]{font-size:11px}}
