.article-area__article[data-v-3b461da2]{margin-bottom:24px;overflow:hidden;width:49%}@media screen and (min-width:768px){.article-area__article[data-v-3b461da2]{margin-bottom:0;padding:20px 0 0;position:relative;width:24%}}.article-area__article a[data-v-3b461da2]{text-decoration:none}.article-area__article:hover .eye-catch img[data-v-3b461da2]{transform:scale(1.1);transition:.5s}.article-area__article .eye-catch[data-v-3b461da2]{overflow:hidden;position:relative}.article-area__article .eye-catch[data-v-3b461da2]:before{bottom:0;content:"";display:block;position:absolute;top:0;transition:all .5s;width:100%;z-index:2}.article-area__article .eye-catch__bottom-grad[data-v-3b461da2]{background:linear-gradient(180deg,#3330 0,#33333380);bottom:0;height:125px;left:0;position:absolute;width:100%}.article-area__article .eye-catch img[data-v-3b461da2]{transition:.5s}.article-area__article .content[data-v-3b461da2]{margin:16px 0 8px}@media screen and (min-width:768px){.article-area__article .content[data-v-3b461da2]{bottom:0;margin:16px;position:absolute}}.article-area__article .content__providerName[data-v-3b461da2]{margin-bottom:4px}.article-area__article .content__providerName p[data-v-3b461da2]{display:-webkit-box;font-size:12px;letter-spacing:.5px;line-height:22px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media screen and (min-width:768px){.article-area__article .content__providerName p[data-v-3b461da2]{font-size:12px;letter-spacing:1px;line-height:20px}}.article-area__article .content__title h3[data-v-3b461da2]{display:-webkit-box;font-size:12px;letter-spacing:.5px;line-height:22px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (min-width:768px){.article-area__article .content__title h3[data-v-3b461da2]{font-size:14px;letter-spacing:.04em;line-height:24px;-webkit-line-clamp:2}}