[data-v-ab2847d9]:root{--font-size-xs:12px;--font-size-s:13px;--font-size-m:14px;--font-size-l:16px;--font-size-xl:20px;--font-size-xxl:24px;--margin-xxs:2px;--margin-xs:4px;--margin-s:8px;--margin-m:16px;--margin-l:40px}.heading-text[data-v-ab2847d9]{gap:4px;margin-bottom:16px;width:100%}.heading-text[data-v-ab2847d9],.tag-area[data-v-ab2847d9]{align-items:center;display:flex}.tag-area[data-v-ab2847d9]{background-color:#f5fbff!important;border-radius:8px;flex-direction:column;gap:16px;padding:32px}.tag-area[data-v-ab2847d9]:nth-child(2n){margin-left:16px}@media screen and (max-width:769px){.tag-area[data-v-ab2847d9]{margin-bottom:16px;padding:16px}.tag-area[data-v-ab2847d9]:nth-child(2n){margin-left:0}}.tag-list[data-v-ab2847d9]{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.tag-list div[data-v-ab2847d9]{margin-bottom:8px}.tag-list div a[data-v-ab2847d9]{background-color:#fff;border-radius:16px;color:#009ae0;font-size:12px;padding:8px 16px;text-decoration:none;white-space:nowrap}.tag-list div a[data-v-ab2847d9]:hover{cursor:pointer;opacity:.8}[data-v-2f86d4fb]:root{--font-size-xs:12px;--font-size-s:13px;--font-size-m:14px;--font-size-l:16px;--font-size-xl:20px;--font-size-xxl:24px;--margin-xxs:2px;--margin-xs:4px;--margin-s:8px;--margin-m:16px;--margin-l:40px}.rank-band-icon[data-v-2f86d4fb]{display:inline-block}[data-v-7af9dc26]:root{--font-size-xs:12px;--font-size-s:13px;--font-size-m:14px;--font-size-l:16px;--font-size-xl:20px;--font-size-xxl:24px;--margin-xxs:2px;--margin-xs:4px;--margin-s:8px;--margin-m:16px;--margin-l:40px}.heading-text[data-v-7af9dc26]{gap:4px}.heading-text[data-v-7af9dc26],.section-area[data-v-7af9dc26]{align-items:center;display:flex;width:100%}.section-area[data-v-7af9dc26]{background-color:#f5fbff;border-radius:8px;box-sizing:border-box;flex-direction:column;gap:16px}@media screen and (max-width:769px){.section-area[data-v-7af9dc26]{background-color:#fff!important}}.section-area.no-tab[data-v-7af9dc26]{background-color:transparent!important}.section-area.no-tab .heading-text h2[data-v-7af9dc26]{font-size:24px}.tab-navigation[data-v-7af9dc26]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;width:100%}.tab-navigation__button[data-v-7af9dc26]{background:#fff;border:1px solid #e3e3e3;border-radius:8px;color:#666;cursor:pointer;flex:1;font-size:13px;padding:8px 16px}.tab-navigation__button[data-v-7af9dc26]:hover{border:1px solid #009ae0;color:#009ae0;opacity:.8}.tab-navigation__button.is-active[data-v-7af9dc26]{background:#009ae0;color:#fff;font-weight:700}.tab-navigation__button.is-active[data-v-7af9dc26]:hover{background:#fff;color:#009ae0}@media screen and (max-width:769px){.tab-navigation[data-v-7af9dc26]{gap:8px;margin-bottom:4px}.tab-navigation__button[data-v-7af9dc26]{flex:none;font-size:12px;padding:8px}}.ranking-content[data-v-7af9dc26]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);row-gap:16px;width:100%}@media screen and (max-width:769px){.ranking-content[data-v-7af9dc26]{gap:16px;grid-template-columns:repeat(2,1fr)}}.ranking-content .ranking-item[data-v-7af9dc26]{display:flex;flex-direction:column;gap:16px;overflow:hidden;text-decoration:none}@media screen and (max-width:769px){.ranking-content .ranking-item[data-v-7af9dc26]{gap:0}}.ranking-content .ranking-item__image[data-v-7af9dc26]{flex-shrink:0;flex:0 0 50%;position:relative}.ranking-content .ranking-item__image img[data-v-7af9dc26]{aspect-ratio:16/9;border-radius:16px;-o-object-fit:cover;object-fit:cover;width:100%}.ranking-content .ranking-item__image[data-v-7af9dc26]:hover{opacity:.8}.ranking-content .ranking-item__image:hover+.ranking-item__content .ranking-item__description[data-v-7af9dc26],.ranking-content .ranking-item__image:hover+.ranking-item__content .ranking-item__title[data-v-7af9dc26]{text-decoration:underline}.ranking-content .ranking-item__description[data-v-7af9dc26]{color:#222;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}.ranking-content .ranking-item__content[data-v-7af9dc26]{display:flex;gap:8px;padding:8px}.ranking-content .ranking-item__content__inner[data-v-7af9dc26]{display:flex;flex-direction:column;gap:8px}.ranking-content .ranking-item__content__inner a[data-v-7af9dc26]{text-decoration:none}.ranking-content .ranking-item__content__inner a:hover .ranking-item__description[data-v-7af9dc26],.ranking-content .ranking-item__content__inner a:hover .ranking-item__title[data-v-7af9dc26]{text-decoration:underline}.ranking-content .ranking-item__content__inner h3[data-v-7af9dc26]{color:#222;display:-webkit-box;font-size:14px;font-weight:700;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}@media screen and (max-width:769px){.ranking-content .ranking-item__content__inner[data-v-7af9dc26]{gap:4px}}.ranking-content .ranking-item__tags[data-v-7af9dc26]{display:flex;flex-wrap:wrap;gap:4px}.ranking-content .ranking-item__tags a[data-v-7af9dc26]{background-color:#fff;border-radius:16px;color:#009ae0;font-size:12px;padding:4px 8px;text-decoration:none}.ranking-content .ranking-item__tags a[data-v-7af9dc26]:hover{opacity:.8}@media screen and (max-width:769px){.ranking-content .ranking-item__tags a[data-v-7af9dc26]{background-color:#f5fbff;padding:4px}}.ranking-item:has(.ranking-item__content__inner>a:hover) .ranking-item__image[data-v-7af9dc26]{opacity:.8}.ranking-content.is-top[data-v-7af9dc26]{display:flex}.ranking-content.is-top .ranking-item[data-v-7af9dc26]{display:flex;flex:1;flex-direction:row;gap:16px;width:100%}.ranking-content.is-top .ranking-item h3[data-v-7af9dc26]{font-size:16px;-webkit-line-clamp:2}@media screen and (max-width:769px){.ranking-content.is-top .ranking-item[data-v-7af9dc26]{flex:none;flex-direction:column;gap:4px}.is-pc[data-v-7af9dc26]{display:none}}