@charset "UTF-8";.card-group,.card-contents{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.color{margin:0;width:100%;height:100%}.card{position:relative;box-sizing:border-box;height:135px;margin:10px;padding:0;color:#000;border:medium solid #000000;transition:.3s;background-size:cover}.card p{margin:0 0 -10px;padding:.15rem;line-height:1.2em;text-indent:0;text-shadow:1px 1px 1px #ffffff,-1px -1px 1px #ffffff,-1px 1px 1px #ffffff,1px -1px 1px #ffffff,1px 0 1px #ffffff,-1px 0 1px #ffffff,0 1px 1px #ffffff,0 -1px 1px #ffffff}.card a{position:absolute;top:0;left:0;width:100%;height:100%;color:#000}.card .title{font-size:2rem;font-weight:600;position:absolute;top:.7rem;left:1.5rem;right:1.5rem;color:#000;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;overflow-wrap:break-word;text-shadow:2px 2px 2px #ffffff,-2px -2px 2px #ffffff,-2px 2px 2px #ffffff,2px -2px 2px #ffffff,2px 0 2px #ffffff,-2px 0 2px #ffffff,0 2px 2px #ffffff,0 -2px 2px #ffffff;text-overflow:ellipsis}.card .supplement-1{position:absolute;top:6.2rem;left:1.5rem;color:#000}.card .supplement-2{position:absolute;top:6.2rem;left:12rem;right:1 .5rem;color:#000;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;overflow-wrap:break-word}.logo{position:absolute;bottom:.8rem;left:1.5rem;background-size:cover;width:auto;height:30px}.note .color{border-left:10px solid #2eceb4}.amazon .color{border-left:10px solid #ff9900}.qiita .color{border-left:10px solid #55c500}.niconico .color{border-left:10px solid #55c500;border-image:linear-gradient(to bottom,#ff9abe,#86a8ff,#6eff62,#fcff55) 1}.twitter .color{border-left:10px solid #1da1f2}.melonbooks .color{border-left:10px solid #18bd67}.ace .color{border-left:10px solid #1C4C8C}.booth .color{border-left:10px solid #FC4D50}.comitech .color{border-left:10px solid #50a4ff}.thumbnail{position:absolute;z-index:-1;width:238px;height:133px;right:-2px;top:-2px;object-fit:cover}.card-h4a{width:760px}.card-h4b,.card-h4c{width:500px}.card-h4d,.card-h4e{width:240px}.card-h4a .title,.card-h4a .supplement-2,.card-h4b .title,.card-h4b .supplement-2{right:calc(240px + 1.5rem)}.card-h4b .supplement-2,.card-h4d .supplement-2,.card-h4e .supplement-2,.card-h4c .thumbnail,.card-h4e .thumbnail{display:none}@media(max-width:1151px){.card-group{margin:auto;max-width:800px}.card-h4a .title,.card-h4a .supplement-2,.card-h4b .title,.card-h4b .supplement-2{right:1.5rem}.card-h4b .supplement-2,.card-h4d .supplement-2,.card-h4e .supplement-2{display:-webkit-box}.card-h4c .thumbnail,.card-h4e .thumbnail{display:initial}.card-h3a{width:760px}.card-h3b,.card-h3c{width:500px}.card-h3d,.card-h3e{width:240px}.card-h3a .title,.card-h3a .supplement-2,.card-h3b .title,.card-h3b .supplement-2{right:calc(240px + 1.5rem)}.card-h3b .supplement-2,.card-h3d .supplement-2,.card-h3e .supplement-2,.card-h3c .thumbnail,.card-h3e .thumbnail{display:none}}@media(max-width:863px){.card-group{margin:auto;max-width:600px}.card-h3a .title,.card-h3a .supplement-2,.card-h3b .title,.card-h3b .supplement-2{right:1.5rem}.card-h3b .supplement-2,.card-h3d .supplement-2,.card-h3e .supplement-2{display:-webkit-box}.card-h3c .thumbnail,.card-h3e .thumbnail{display:initial}.card-h2b,.card-h2c{width:500px}.card-h2d,.card-h2e{width:240px}.card-h2b .title,.card-h2b .supplement-2{right:calc(240px + 1.5rem)}.card-h2b .supplement-2,.card-h2d .supplement-2,.card-h2e .supplement-2,.card-h2c .thumbnail,.card-h2e .thumbnail{display:none}}@media screen and (max-width:589px){.card-group,.card-contents{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.card h3{margin:0 0 -10px;text-shadow:2px 2px 2px #ffffff,-2px -2px 2px #ffffff,-2px 2px 2px #ffffff,2px -2px 2px #ffffff,2px 0 2px #ffffff,-2px 0 2px #ffffff,0 2px 2px #ffffff,0 -2px 2px #ffffff;text-overflow:ellipsis}.card p{text-indent:0;flex-grow:1;margin-bottom:-10px;text-shadow:1px 1px 1px #ffffff,-1px -1px 1px #ffffff,-1px 1px 1px #ffffff,1px -1px 1px #ffffff,1px 0 1px #ffffff,-1px 0 1px #ffffff,0 1px 1px #ffffff,0 -1px 1px #ffffff}.card a{position:absolute;top:0;left:0;width:100%;height:100%}.card .title{font-weight:500;top:1rem;left:1rem;word-break:break-all}.card .supplement-1{top:6.2rem;left:1rem}.card .supplement-2{top:6.2rem;left:11.5rem;-webkit-line-clamp:4}.logo{position:absolute;bottom:1rem;left:1rem;background-size:cover;width:auto;height:30px}.note .color{border-left:none;border-top:10px solid #2eceb4}.amazon .color{border-left:none;border-top:10px solid #ff9900}.qiita .color{border-left:none;border-top:10px solid #55c500}.niconico .color{border-left:none;border-top:10px solid #55c500;border-image:linear-gradient(to right,#ff9abe,#86a8ff,#6eff62,#fcff55) 1}.twitter .color{border-left:none;border-top:10px solid #1da1f2}.melonbooks .color{border-left:none;border-top:10px solid #18bd67}.ace .color{border-left:none;border-top:10px solid #1C4C8C}.booth .color{border-left:none;border-top:10px solid #FC4D50}.comitech .color{border-left:none;border-top:10px solid #50a4ff}.card-h4a,.card-h4b,.card-h4c,.card-h4d,.card-h4e{position:relative;box-sizing:border-box;height:165px;padding:10px;margin:5px;border:2px solid #000000;transition:.3s;background-size:cover}.thumbnail{position:absolute;z-index:-1;width:calc(40vw - 6px);height:153px;right:-1px;top:0;object-fit:cover}@media(max-width:589px){.card-h2b .content-3,.card-h2d .content-3,.card-h2e .content-3{display:-webkit-box}.card-h2c .thumbnail,.card-h2e .thumbnail{display:initial}.card-h2b .text{width:initial}.card-h2b,.card-h2c{width:calc(80vw + 2px)}.card-h2d,.card-h2e{width:calc(40vw - 4px)}.card-h2b .content-3,.card-h2d .content-3,.card-h2e .content-3,.card-h2c .thumbnail,.card-h2e .thumbnail{display:none}.card-h2b .text{width:40vw}.card-h2b .title,.card-h2b .supplement-2{right:calc(40vw + 1rem)}}}