@charset "UTF-8";:root{--color-key: #304be1;--color-link: #333;--color-logo: #bf0000;--color-bg: #f4f5f8;--color-white: #fff;--color-black: #000;--color-text: #333;--color-text-sub: #4d4d4d;--color-text-mute: #686868;--color-text-strong: #c74414;--color-border: #e3e6e9;--color-border-2: #dadbe2;--color-rule: #d9dde3;--color-placeholder: #8a8a8a;--color-form-border: #8f8f8f;--color-beginner: #437d10;--font-base: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-gothic: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--font-num: "Helvetica Neue", Arial, sans-serif;--font-outfit: "Outfit", "Helvetica Neue", Arial, sans-serif;--radius-small: 2px;--radius-medium: 6px;--radius-large: 8px}:root{--pc-content-width: 1280px;--pc-header-width: 1400px;--pc-main-width: 940px;--pc-side-width: 300px}.m-theme{display:flex;flex-direction:column;width:100%;margin-bottom:40px;gap:24px}.m-theme__title{font-size:1.8rem;font-weight:600;line-height:1.5;color:var(--color-text)}.m-theme__list{display:flex;flex-direction:column;gap:24px}.m-theme__link{display:flex;flex-direction:column;gap:6px}.m-theme__link:hover{text-decoration:none}.m-theme__link:hover .m-theme__name{text-decoration:underline}.m-theme__link:hover .m-theme__thumb{opacity:.7}.m-theme__name{font-size:1.6rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden;color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical}.m-theme__row{display:flex;gap:12px;align-items:flex-start}.m-theme__desc{font-size:1.4rem;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden;min-width:0;color:var(--color-text);flex:1;-webkit-line-clamp:3;-webkit-box-orient:vertical}.m-theme__thumb{position:relative;overflow:hidden;width:140px;border-radius:var(--radius-small);background-color:#3333331a;flex-shrink:0;aspect-ratio:16 / 9}.m-theme__thumb-bg{position:absolute;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(16px);filter:blur(16px)}.m-theme__thumb-overlay{position:absolute;background:#3333330d;inset:0}.m-theme__thumb-img{position:relative;display:block;width:auto;height:100%;margin:0 auto;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1025px) and (max-width: 1099px){.m-theme__title{font-size:2.2rem;text-align:center}}@media screen and (min-width: 768px) and (max-width: 1024px){.m-theme__title{font-size:2.2rem;text-align:center}.m-theme__thumb{width:140px;height:auto;margin-left:16px;aspect-ratio:16 / 9}}.p-ranking__title{font-size:3rem;font-weight:600;line-height:1.5;color:var(--color-text)}.p-ranking__list{display:flex;overflow:hidden;flex-direction:column;border-radius:2px}.p-ranking__list[hidden]{display:none}.p-ranking__item{padding:16px 24px}.p-ranking__item--top{background:var(--color-bg)}.p-ranking__item--top-first{padding-top:40px}.p-ranking__item--top-last{margin-bottom:16px;padding-bottom:35px}.p-ranking__link{display:flex;cursor:pointer;gap:23px;align-items:flex-start}.p-ranking__link:hover:not(:has(.p-ranking__cat:hover)) .p-ranking__article-title a{text-decoration:underline}.p-ranking__link:hover:not(:has(.p-ranking__cat:hover)) .p-ranking__thumb{opacity:.7}.p-ranking__rank{display:flex;flex-direction:column;width:40px;color:var(--color-text);flex-shrink:0;gap:5px;align-items:center}.p-ranking__rank--1{color:#b89300}.p-ranking__rank--2{color:#8f8f8f}.p-ranking__rank--3{color:#b87100}.p-ranking__crown{width:30px;height:30px}.p-ranking__num{font-family:var(--font-num);font-size:3.4rem;font-weight:700;line-height:1;text-align:center;color:inherit}.p-ranking__body{display:flex;flex-direction:column;min-width:0;flex:1}.p-ranking__article-title{font-size:1.8rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden;margin-bottom:8px;color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical}.p-ranking__article-title a{text-decoration:none;color:inherit}.p-ranking__author{display:flex;margin-bottom:8px;gap:4px;align-items:center}.p-ranking__avatar{overflow:hidden;width:30px;height:30px;border:1px solid var(--color-border);border-radius:15px;flex-shrink:0}.p-ranking__avatar-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.p-ranking__name{font-size:1.4rem;font-weight:400;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text)}.p-ranking__meta{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.p-ranking__date{display:flex;height:30px;flex-shrink:0;align-items:center}.p-ranking__date-num{font-family:var(--font-num);font-size:1.5rem;line-height:1;color:var(--color-text)}.p-ranking__date-unit{font-size:1.3rem;font-weight:400;line-height:1;color:var(--color-text)}.p-ranking__cats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.p-ranking__cat{font-size:1.3rem;line-height:1.4;display:inline-block;padding:5px 14px;white-space:nowrap;text-decoration:none;color:#4d4d4d;border:1px solid var(--color-rule);border-radius:20px}.p-ranking__cat:hover{text-decoration:none;border:1px solid #E8E9ED;background-color:#e8e9ed}.p-ranking__thumb{position:relative;overflow:hidden;width:clamp(170px,calc(170px + (100vw - 1100px)*.1333),210px);border-radius:var(--radius-small);background-color:#3333331a;flex-shrink:0;aspect-ratio:16 / 9}.p-ranking__thumb-bg{position:absolute;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(24px);filter:blur(24px)}.p-ranking__thumb-overlay{position:absolute;background:#3333331a;inset:0}.p-ranking__thumb-img{position:relative;display:block;width:auto;height:100%;margin:0 auto;-o-object-fit:cover;object-fit:cover}.p-ranking__play{position:absolute;top:50%;left:50%;width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.p-ranking__video-time{font-family:var(--font-num);font-size:1.3rem;font-weight:600;line-height:1;position:absolute;right:4px;bottom:4px;padding:2px 4px;color:var(--color-white);border-radius:2px;background:#333333b3}.p-ranking-main{display:flex;flex-direction:column}.p-ranking-main .m-ranking__toggle-item--like{width:25%}.p-ranking-side,.p-ranking-side-promo{display:flex;flex-direction:column}@media screen and (min-width: 1025px) and (max-width: 1099px){.p-ranking__cat{white-space:pre-wrap}}@media screen and (min-width: 768px) and (max-width: 1099px){.p-ranking__thumb{width:210px}}