.article-area__article[data-v-4f39f924]{transition:.5s;width:49%;position:relative}.article-area__article[data-v-4f39f924]:only-child{width:100%}@media(min-width:768px){.article-area__article[data-v-4f39f924]{margin-bottom:1.5rem;width:24%;padding-top:1.25rem}}.article-area__article.is-pickup[data-v-4f39f924]{width:100%;margin-bottom:0}@media(min-width:768px){.article-area__article.is-pickup[data-v-4f39f924]{width:100%;padding-top:0}}.article-area__article.is-pickup .eye-catch__gradient[data-v-4f39f924]{height:100%;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 40%,transparent 70%)}@media(min-width:768px){.article-area__article.is-pickup .eye-catch__gradient[data-v-4f39f924]{height:100%}}.article-area__article.is-pickup .eye-catch img[data-v-4f39f924]{aspect-ratio:856/496;-o-object-fit:cover;object-fit:cover}.article-area__article.is-pickup .content[data-v-4f39f924]{margin-top:-80px;padding:16px 12px}@media(min-width:768px){.article-area__article.is-pickup .content[data-v-4f39f924]{bottom:0;padding:1.5rem}}.article-area__article.is-pickup .content__providerName p[data-v-4f39f924]{font-size:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}@media(min-width:768px){.article-area__article.is-pickup .content__providerName p[data-v-4f39f924]{font-size:1.125rem;line-height:1.75rem}}.article-area__article.is-pickup .content__title h3[data-v-4f39f924]{font-size:15px;line-height:22px;font-weight:600}@media(min-width:768px){.article-area__article.is-pickup .content__title h3[data-v-4f39f924]{font-size:23px;line-height:28px}}.article-area__article a[data-v-4f39f924]{text-decoration:none;display:block;overflow:hidden}.article-area__article:hover .eye-catch img[data-v-4f39f924]{transform:scale(1.1)}.article-area__article .eye-catch[data-v-4f39f924]{overflow:hidden;position:relative}.article-area__article .eye-catch[data-v-4f39f924]:before{content:"";position:absolute;top:0;bottom:0;width:100%;display:block;z-index:2}.article-area__article .eye-catch__gradient[data-v-4f39f924]{position:absolute;width:100%;height:100%;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 60%)}@media(min-width:768px){.article-area__article .eye-catch__gradient[data-v-4f39f924]{bottom:0;height:180px}}.article-area__article .eye-catch img[data-v-4f39f924]{transition:.5s;width:100%}.article-area__article .content[data-v-4f39f924]{position:relative;z-index:2;padding:12px 8px;margin-top:-50px;background:linear-gradient(0deg,rgba(0,0,0,.9) 30%,transparent)}@media(min-width:768px){.article-area__article .content[data-v-4f39f924]{position:absolute;bottom:0;margin:0;width:100%;background-color:transparent;padding:1rem}}.article-area__article .content__providerName[data-v-4f39f924]{margin-bottom:4px}.article-area__article .content__providerName p[data-v-4f39f924]{font-size:15px;line-height:22px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}@media(min-width:768px){.article-area__article .content__providerName p[data-v-4f39f924]{font-size:13px;line-height:1.25rem;letter-spacing:1px}}.article-area__article .content__title h3[data-v-4f39f924]{font-size:15px;line-height:24px;letter-spacing:1px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.article-area__article .content__title h3[data-v-4f39f924]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:.5px}}.article-area__article .genre[data-v-4f39f924]{position:absolute;z-index:5;pointer-events:none;bottom:-34px}
