@charset "UTF-8";:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.ranking-container{display:flex;flex-direction:column;align-items:center;max-width:1200px;padding:20px;margin:0 auto}@media screen and (max-width: 767px){.ranking-container{padding:0}}.ranking-container .ranking-banner{width:100%;height:auto;margin-bottom:20px}.ranking-container .section-title{margin:10px auto;font-size:2rem;font-weight:700}.ranking-container .rank-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}@media screen and (max-width: 767px){.ranking-container .rank-grid{grid-template-columns:repeat(1,1fr);padding:20px}}.ranking-container .rank-item{position:relative;display:flex;flex-direction:column;align-self:baseline;width:100%;padding:.5rem;text-align:center;background:var(--bg-secondary);border:.2rem solid var(--bage-normal);border-radius:.5rem;transition:.2s}@media screen and (max-width: 767px){.ranking-container .rank-item{min-width:90vw}}.ranking-container .rank-item .rank-info{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}@media screen and (max-width: 767px){.ranking-container .rank-item .rank-info{flex-direction:column}}.ranking-container .rank-item .rank-info .rank-link{display:flex;gap:1rem;place-self:self-start;align-items:center;text-align:center}@media screen and (max-width: 767px){.ranking-container .rank-item .rank-info .rank-link{gap:1.5rem}}.ranking-container .rank-item .rank-info .rank-link .name{display:-webkit-box;max-width:100%;overflow:hidden;font-size:1.3rem;text-align:left;text-overflow:ellipsis;line-height:1.3;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width: 767px){.ranking-container .rank-item .rank-info .rank-link .name{font-size:1.5rem}}.ranking-container .rank-item .rank-info .rank-background{position:relative;display:flex;align-items:center;width:7rem;height:5rem;padding:1rem;font-size:2rem;font-weight:700;text-align:center;text-shadow:2px 2px 0 #333,-2px -2px 0 #333,-2px 2px 0 #333,2px -2px 0 #333;text-wrap:nowrap;background:url(/images/ranking/lightning.gif) no-repeat center;background-size:5rem;border-radius:.5rem}@media screen and (max-width: 767px){.ranking-container .rank-item .rank-info .rank-background{width:70px}}.ranking-container .rank-item .rank-info .icon{flex-shrink:0;width:70px;height:70px;min-width:70px;min-height:70px;object-fit:cover;border-radius:50%;aspect-ratio:1}@media screen and (max-width: 767px){.ranking-container .rank-item .rank-info .icon{width:50px;height:50px;min-width:50px;min-height:50px}}.ranking-container .rank-item .rank-info .name{font-size:1.5rem;font-weight:700;font-feature-settings:"palt";color:#ddd;text-decoration:none}.ranking-container .rank-item .rank-info .name:hover{text-decoration:underline}.ranking-container .rank-item .rank-info .point{align-self:center;padding-right:.25rem;margin-left:auto;text-align:center}.ranking-container .rank-item .rank-info .point .text-fill{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;width:100%;padding:0;font-size:2rem;font-weight:700;font-feature-settings:"palt";line-height:1em;text-align:center;background-image:linear-gradient(180deg,#8b8f1d,#f6ff00 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width: 767px){.ranking-container .rank-item .rank-info .point .text-fill{padding:0}}.ranking-container .rank-item .rank-info .point .text-fill img{width:2.5rem}.ranking-container .rank-item .rank-info .point .text-fill span{padding:0 .25rem;font-size:1.5rem;-webkit-text-fill-color:#ddd}.ranking-container .rank-item .rank-info .point .text-shadow{position:absolute;top:0;left:0;z-index:1;width:100%;padding:0;font-size:2rem;font-weight:700;line-height:1em;color:transparent;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.4),-2px -2px 0 rgba(0,0,0,.4),-2px 2px 0 rgba(0,0,0,.4),2px -2px 0 rgba(0,0,0,.4),2px 0 0 rgba(0,0,0,.4),-2px 0 0 rgba(0,0,0,.4),0 2px 0 rgba(0,0,0,.4),0 -2px 0 rgba(0,0,0,.4)}@media screen and (max-width: 767px){.ranking-container .rank-item .rank-info .point .text-shadow{padding:0}}.ranking-container .rank-item .meter{padding:0;margin-top:1rem}.ranking-container .rank-item .meter canvas{width:100%}.ranking-container .ranking-notice{width:95%;max-width:800px;padding:1rem;margin:1rem auto;background:linear-gradient(145deg,#1e1e1ee6,#141414e6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 15px #0003;transition:transform .3s ease,box-shadow .3s ease}.ranking-container .ranking-notice:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.ranking-container .ranking-notice .notice-content .notice-title{display:flex;gap:.5rem;align-items:center;margin:0;margin-bottom:.75rem;font-size:1.1rem;font-weight:600;color:#9acd32}.ranking-container .ranking-notice .notice-content .notice-title .notice-icon{animation:pulse 2s infinite}.ranking-container .ranking-notice .notice-content .notice-description .notice-text{margin:.25rem 0;font-size:.95rem;line-height:1.5;color:#fffc;letter-spacing:.02em}.ranking-container .ranking-notice .notice-content .notice-description .notice-text:last-child{font-size:.85rem;font-style:italic;color:#fff9}.ranking-container .ranking-notice .notice-content .notice-description .notice-highlight{font-weight:600;color:var(--yellow-normal)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}