.m-article-item { width: 100%; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.18s; overflow: hidden; border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
.m-article-item:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
.m-article-item__link { text-decoration: none; }
.m-article-item-imgwrap, .m-article-item-imgwrap img { position: relative; overflow: hidden; }
.m-article-item-imgwrap img { object-fit: cover; }
.m-article-item-info { position: relative; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; padding: 10px 12px; flex-grow: 1; justify-content: space-between; }
.m-article-item-info-wrap { display: flex; margin-top: 20px; align-items: center; justify-content: space-between; }
.m-article-item-info::after { position: absolute; right: 20px; bottom: 0px; left: 20px; content: ""; border-top: 1px solid; border-color: currentcolor; }
.m-article-item-info.--news { color: rgb(32, 158, 200); }
.m-article-item-info__ttl { font-weight: 700; color: rgb(33, 33, 33); font-family: Yu Gothic, sans-serif; line-height: 1.38; font-feature-settings: "palt"; }
.m-article-item-info__date { font-size: 0.6875rem; margin-left: auto; white-space: nowrap; color: rgb(117, 117, 117); }
.m-article-item.--horizontal { margin-top: 8px; }
.m-article-item.--horizontal .m-article-item-imgwrap { width: 30%; max-width: 180px; height: auto; min-height: 90px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; flex-shrink: 0; }
.m-article-item.--horizontal .m-article-item-imgwrap img { position: absolute; top: 0px; right: 50%; width: auto; max-width: none; height: 100%; transform: translateX(50%); }
.m-article-item.--horizontal .m-article-item__link { display: flex; height: 100%; }
.m-article-item.--horizontal .m-article-item-info { width: 70%; }
.m-article-item.--horizontal .m-article-item-info-wrap { display: flex; margin-top: 0px; align-items: center; justify-content: space-between; }
.m-article-item.--horizontal .m-article-item-info__ttl { font-size: 1.25rem; line-height: 1.38; display: -webkit-box; overflow: hidden; margin-top: 0px; margin-bottom: 4px; -moz-box-orient: vertical; -webkit-line-clamp: 3; }
.m-article-item.--horizontal .m-article-item-info__ttl.--feature, .m-article-item.--horizontal .m-article-item-info__ttl.--news, .m-article-item.--horizontal .m-article-item-info__ttl.--program { font-size: 0.9rem; }
.m-article-item.--horizontal .m-article-item-info__ttl.--special { font-size: 0.8125rem; }
.m-article-item.--horizontal .c-label { padding-left: 0px; color: currentcolor; }
.--sub .m-article-item.--horizontal .m-article-item-imgwrap, .--sub .m-article-item.--horizontal .m-article-item-imgwrap img { width: 90px; height: 90px; }
.--sub .m-article-item.--horizontal .m-article-item__link { height: 90px; }
.--sub .m-article-item.--horizontal .m-article-item-info { padding: 6px 8px; }
.--sub .m-article-item.--horizontal .m-article-item-info-wrap { height: 14px; }
.m-author-item { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.18s; overflow: hidden; border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
.m-author-item:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
.m-author-item-imgwrap { position: relative; display: block; overflow: hidden; max-width: 96px; height: 96px; margin: 16px 10px 16px 20px; border-radius: 99rem; box-shadow: rgb(224, 224, 224) 0px 0px 0px 1px; flex-basis: 30%; }
.m-author-item-imgwrap img { position: absolute; top: 0px; right: 50%; width: auto; max-width: none; height: 100%; transform: translateX(50%); min-width: 96px; min-height: 96px; border-radius: 50%; object-fit: cover; }
a.m-author-item { text-decoration: none; }
.m-author-item-info { position: relative; margin: 16px 20px 16px 10px; flex-basis: 70%; }
.m-author-item-info__ttl { font-size: 1.25rem; font-family: Yu Gothic, sans-serif; line-height: 1.38; font-feature-settings: "palt"; }
.m-author-item-info__summary { font-size: 0.8125rem; line-height: 1.5; display: -webkit-box; overflow: hidden; margin-top: 12px; -moz-box-orient: vertical; -webkit-line-clamp: 4; }
.m-author-item.--detail { display: flex; margin-bottom: 20px; padding: 40px; }
.m-author-item.--detail .m-author-item-imgwrap { width: 192px; min-width: 192px; height: 192px; min-height: 192px; margin: 0px 40px 40px 0px; }
.m-author-item.--detail .m-author-item-info__ttl { font-size: 32px; }
.m-author-item.--detail .m-author-item-info__summary { font-size: 1rem; display: block; margin: 40px 0px; }
.m-author-item.--s { position: relative; padding: 12px 20px; align-items: center; }
.m-author-item.--s .m-author-item-imgwrap { width: 120px; min-width: 120px; height: 120px; min-height: 120px; margin-right: 10px; margin-bottom: 0px; flex-basis: auto; }
.m-author-item.--s .m-author-item-imgwrap img { width: 120px; height: 120px; }
.m-author-item.--s .m-author-item-info { margin: 0px 0px 0px 12px; flex-basis: auto; }
.m-author-item.--s .m-author-item-info__ttl { font-size: 1.25rem; font-weight: 700; margin-top: 0px; text-decoration: none; }
.m-author-item.--s .m-author-item-info__summary { font-size: 0.8125rem; display: -webkit-box; overflow: hidden; margin-top: 12px; margin-bottom: 0px; -webkit-line-clamp: 4; -moz-box-orient: vertical; }
.m-ranking { overflow: hidden; border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
.m-ranking__headline { font-size: 0.8125rem; font-weight: 700; display: flex; padding: 14px 20px; align-items: center; }
.m-ranking__headline::before { content: ""; display: inline-block; background-repeat: no-repeat; width: 46px; height: 14px; margin-right: 4px; background-image: url("f927e609c8709a1957e357a542c6671739a530be.svg"); }
.m-ranking .--rank1 .m-ranking-item__link::before { content: "1"; }
.m-ranking .--rank2 .m-ranking-item__link::before { content: "2"; }
.m-ranking .--rank3 .m-ranking-item__link::before { content: "3"; }
.m-ranking .--rank4 .m-ranking-item__link::before { content: "4"; }
.m-ranking .--rank5 .m-ranking-item__link::before { content: "5"; }
.m-ranking .--rank6 .m-ranking-item__link::before { content: "6"; }
.m-ranking .--rank7 .m-ranking-item__link::before { content: "7"; }
.m-ranking .--rank8 .m-ranking-item__link::before { content: "8"; }
.m-ranking .--rank9 .m-ranking-item__link::before { content: "9"; }
.m-ranking .--rank10 .m-ranking-item__link::before { content: "10"; }
.m-ranking-tabs { display: flex; width: 90%; margin: auto; justify-content: space-evenly; }
.m-ranking-tabs-item { width: 32%; padding: 3px; cursor: pointer; text-align: center; border-radius: 4px 4px 0px 0px; background-color: rgb(224, 224, 224); }
.m-ranking-tabs-item.is-active { font-weight: 700; color: rgb(255, 255, 255); background-color: rgb(33, 33, 33); }
.m-ranking-item { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.18s; }
.m-ranking-item-wrap { display: none; }
.m-ranking-item-wrap.is-active { display: block; border-top: 1px solid rgb(33, 33, 33); }
.m-ranking-item { position: relative; display: flex; box-sizing: border-box; width: 100%; padding: 10px 10px 10px 8px; align-items: center; }
.m-ranking-item::before { position: absolute; inset: 0px 20px; content: ""; border-top: 1px solid rgb(224, 224, 224); }
.m-ranking-item:hover { background-color: rgba(0, 0, 0, 0.04); }
.m-ranking-item__link { position: relative; display: flex; margin-right: auto; text-decoration: none; align-items: center; }
.m-ranking-item__link::before { font-family: Arial Black; font-size: 1.2em; font-weight: bolder; font-style: italic; line-height: 1.5; width: 32px; height: 24px; margin-right: 8px; content: ""; text-align: center; }
.m-ranking-item-imgwrap { position: relative; overflow: hidden; width: 20%; min-width: 72px; height: 40px; margin-left: 8px; background-color: rgb(224, 224, 224); flex-shrink: 1; }
.m-ranking-item-imgwrap img { position: absolute; top: 0px; right: 50%; width: auto; max-width: none; height: 100%; transform: translateX(50%); }
.m-ranking-item__ttl { font-family: Yu Gothic, sans-serif; line-height: 1.38; font-feature-settings: "palt"; font-size: 0.8125rem; font-weight: 700; display: -webkit-box; overflow: hidden; width: 78%; flex-shrink: 2; -moz-box-orient: vertical; -webkit-line-clamp: 2; }
.m-ranking-item.--rank10 .m-ranking-item__link::before { letter-spacing: -0.11rem; }
.article { overflow: hidden; border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
.article.--news { color: rgb(32, 158, 200); }
.article-header-info { position: relative; box-sizing: border-box; padding: 20px 40px; }
.article-header-info::after { position: absolute; bottom: 0px; content: ""; border-top: 1px solid; right: 40px; left: 40px; border-color: currentcolor; }
.article-header-info__ttl { font-size: 32px; margin-top: 16px; color: rgb(33, 33, 33); font-family: Yu Gothic, sans-serif; line-height: 1.38; font-feature-settings: "palt"; }
.article-header-info__attr { display: flex; justify-content: space-between; }
.article-header-info__date { font-size: 0.8125rem; display: flex; white-space: nowrap; color: rgb(117, 117, 117); justify-content: flex-end; align-items: center; }
.article-header-info__author-link { position: relative; z-index: 1; display: inline-flex; width: fit-content; padding-right: 10px; text-decoration: underline; border-radius: 99rem; align-items: center; }
.article-header-info__author-ttl { font-size: 0.8125rem; font-weight: 700; color: rgb(33, 33, 33); }
.article-body { font-family: sans-serif; font-kerning: none; margin: 40px; }
.article-body > p { font-size: 16px; line-height: 1.8; margin-top: 28px; }
.article-body > div, .article-body p { color: rgb(33, 33, 33); }
.article-footer { margin: 20px 40px; }
.article-footer-wrap { padding-top: 5px; border-top: 1px solid rgb(224, 224, 224); }
.article-comment-wrap { margin-top: 16px; padding: 20px 40px; border-radius: 8px; background-color: rgb(224, 224, 224); }
.article-comment-social { display: flex; width: 78%; margin: auto; justify-content: space-around; }
.article-comment-social::before { background-image: url("fnn-logo.svg"); }
.article-comment-social__link { font-size: 0px; text-decoration: none; color: transparent; border-radius: 6px; background-repeat: no-repeat; }
.article-comment-social .--facebook { background-color: rgb(59, 89, 152); }
.article-comment-social .--facebook::after { display: inline-block; background-repeat: no-repeat; width: 40px; height: 40px; content: ""; background-image: url("dc03177875cd15bc6036c81d09d4efeab962e35d.svg"); background-position: 50% center; background-size: 22px 22px; }
.article-comment-social .--twitter { background-color: rgb(0, 0, 0); }
.article-comment-social .--twitter::after { display: inline-block; background-repeat: no-repeat; width: 40px; height: 40px; content: ""; background-image: url("2d45ab1b78518a8beb5d73cbde7890902b2594ac.svg"); background-position: 50% center; background-size: 22px 22px; }
.article-comment-social .--line { background-color: rgb(0, 185, 0); }
.article-comment-social .--line::after { display: inline-block; background-repeat: no-repeat; width: 40px; height: 40px; content: ""; background-image: url("f3d54b16b0e3fd3a307138dfe825696c9f338fca.svg"); background-position: 50% center; background-size: 22px 22px; }
.article-comment-social .--copy { cursor: pointer; background-color: rgb(0, 0, 0); }
.article-comment-social .--copy::after { display: inline-block; background-repeat: no-repeat; width: 40px; height: 40px; content: ""; background-image: url("151fd1cb897ad0a507d3df5cb9ad4907e645e24e.svg"); background-position: 50% center; background-size: 22px 22px; }
.article-related-contents { margin: 40px 40px 10px; }
.article-related-contents-wrap { display: flex; flex-wrap: wrap; }
.article-related-contents-wrap .m-article-item { margin-right: 8px; }
.article-related-contents__ttl { font-family: Yu Gothic, sans-serif; line-height: 1.38; font-feature-settings: "palt"; font-size: 1rem; display: flex; color: rgb(33, 33, 33); align-items: center; }
.article-related-contents__link { display: flex; margin-top: 12px; justify-content: flex-end; }
.article-related-contents .m-article-item { width: 48%; }