@charset "UTF-8";.ArticleList{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.ArticleCard{position:relative;display:flex;flex-direction:column;width:calc(50% - 7.5px);background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:transform .2s ease;overflow:hidden;cursor:default;content-visibility:auto;contain-intrinsic-size:auto 360px}.ArticleCard:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.ArticleCard .CardImage{width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:6%;box-sizing:border-box;margin-bottom:0}.ArticleCard .CardImage img{width:100%;height:100%;object-fit:contain;display:block}.ArticleTitle{order:1;font-size:14px;color:#333;line-height:1.4;font-weight:700;margin:0 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-wrap:wrap;word-break:break-all}.ArticlePeriod{order:2;margin-top:auto;margin-bottom:6px;font-size:11.5px;letter-spacing:-.3px;font-weight:700;white-space:nowrap;font-family:'Hiragino Maru Gothic ProN','HGMaruGothicMPRO',sans-serif}.PeriodLabel{color:#666}.PeriodDate{color:var(--color-danger)}.ArticleMeta{order:3;display:flex;flex-wrap:wrap;overflow:hidden;gap:4px;margin-top:0;margin-bottom:0;height:16px}.ArticleGenre{font-size:10px;line-height:1.2;font-weight:400;padding:1px 5px;border-radius:4px;white-space:nowrap;flex-shrink:0;border:1px solid;background-color:#f0f7ff;color:#1a66a1;border-color:#99c2ff;font-family:'Hiragino Maru Gothic ProN','HGMaruGothicMPRO',sans-serif}.ArticleList.mb-40{margin-bottom:40px}@media screen and (min-width:1250px){.ArticleList{justify-content:flex-start;gap:20px}.ArticleCard{width:calc(25% - 15px)}}@media screen and (min-width:820px) and (max-width:1249px){.ArticleList{justify-content:flex-start;gap:15px}.ArticleCard{width:calc(33.333% - 10px)}}@media screen and (min-width:560px) and (max-width:819px){.ArticleList{justify-content:flex-start;gap:15px}.ArticleCard{width:calc(50% - 7.5px)}}@media screen and (max-width:559px){.ArticleList{flex-direction:column;gap:10px}.ArticleCard{width:100%;flex-direction:row;height:130px;contain-intrinsic-size:auto 130px}.ArticleCard .CardImage{width:120px;height:120px;aspect-ratio:1/1;padding:6px;border-bottom:none;border-right:none;box-shadow:none;flex-shrink:0;margin:0;background-color:#fff;align-self:center}.ArticleTitle{font-size:13px;-webkit-line-clamp:3;margin-bottom:6px}.ArticlePeriod{font-size:11px;margin-bottom:5px;white-space:nowrap;letter-spacing:-.5px}.ArticleGenre{font-size:9px;padding:1px 4px}}