@font-face{font-family:Roboto;src:url('/articles/assets/fonts/roboto-500.ttf') format('truetype');font-weight:500;font-display:swap}
#news .top-news-panel{border:2px solid #a58aae;border-radius:8px;background:#eee9f1;padding:24px;color:#55565c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;font-size:14px;line-height:1.75;letter-spacing:.035em}
#news .top-character-preview__heading{margin-bottom:28px}
#news .top-news-panel .news-list{padding:0;border:0}
#news .top-news-panel .news-item,#news .top-news-panel .news-item *{box-sizing:border-box}
#news .top-news-panel .news-item h3{color:#55565c;text-align:left;text-transform:none;padding:0;border:0}
#news .top-news-panel .news-item a{color:inherit}
#news .top-news-panel .article-category{display:inline-flex;align-items:center;justify-content:center;width:154px;height:28px;flex:none;padding:2px 16px;border:1px solid color-mix(in srgb,#78c7d4 72%,#52616a);border-radius:6px;background:#78c7d4;color:white;font-size:17px;font-weight:400;line-height:1;letter-spacing:.09em;opacity:.8}
#news .top-news-more{display:flex;justify-content:flex-end;margin-top:24px}
#news .top-news-more a{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:10px 28px;border:2px solid #75358c;border-radius:4px;background:transparent;color:#75358c;font:500 16px/1.4 "Segoe UI",sans-serif;letter-spacing:.06em;text-decoration:none;transition:color .3s,border-color .3s}
#news .top-news-more a::before{content:"";position:absolute;inset:0;z-index:-1;background:#75358c;transform:scaleX(0);transform-origin:left;transition:transform .3s}
#news .top-news-more a:hover,#news .top-news-more a:focus-visible{color:white}
#news .top-news-more a:hover::before,#news .top-news-more a:focus-visible::before{transform:scaleX(1)}
#news .top-news-more a:focus-visible{outline:2px solid #75358c;outline-offset:4px}
#news .top-news-more svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
#news .top-news-more a:hover svg,#news .top-news-more a:focus-visible svg{transform:translateX(4px)}
@media(max-width:767px){#news .top-news-panel{padding:16px 12px}#news .top-news-panel .article-category{width:124px;height:26px;font-size:16px}#news .top-news-more{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#news .top-news-more a,#news .top-news-more a::before,#news .top-news-more svg{transition:none}}
/* Prevent legacy WordPress clearfix and heading rules from altering the reused cards. */
#news .top-news-panel .news-card-content::before,#news .top-news-panel .news-card-content::after{content:none!important;display:none!important}
#news .top-news-panel .news-item h3{color:#55565c!important;font-size:18px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:.035em!important;margin:12px 0 0!important}
@media(max-width:767px){#news .top-news-panel .news-item h3{font-size:16px!important}}
.top-page #news .top-news-panel .news-item .news-card-copy h3{color:#55565c!important;-webkit-text-fill-color:#55565c!important}