@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");.ranking-container{align-items:center;display:flex;flex-direction:column;overflow:hidden;justify-content:center}.ranking-main{background:#FFC6DD;text-align:center;width:100%}.ranking-main h1{margin:0}.ranking-main img{max-width:970px}@media (max-width: 767px){.ranking-main img{max-width:100%}}.content-wrapper{display:flex;width:970px;max-width:100%;flex-direction:column;align-items:center}@media (max-width: 767px){.content-wrapper{width:100%}}.intro-section{display:flex;width:100%;max-width:970px;flex-direction:column}.intro-section .intro-text{border-radius:5px;background:var(--Background-Secondary, #ebebee);width:100%;padding:24px 40px;color:var(--Text-Primary, #2d3539);margin:32px 0 0 0}@media (max-width: 767px){.intro-section .intro-text{min-height:179px;padding:16px 20px;font-size:14px;line-height:21px;margin-top:16px}}.intro-section .update-info{text-align:center;margin:16px 0 0 0;color:#999FA4}.intro-section .update-info a{color:var(--Text-Link, #1558d6);text-decoration:underline}@media (max-width: 767px){.intro-section .update-info{font-size:12px;line-height:18px}}.category-links{display:flex;margin-top:40px;width:100%;gap:16px;color:var(--Text-Primary, #2d3539);font-family:"Noto Sans JP",sans-serif;flex-wrap:wrap}@media (max-width: 767px){.category-links{margin-top:16px;gap:8px;padding:8px 0;flex-wrap:nowrap}}.category-button{display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid var(--Secondary-Yellow_Dark, #fc0);background:var(--White, #fff);min-width:240px;gap:8px;flex:1;padding:16px 14px;text-decoration:none;color:inherit;transition:0.2s}.category-button:hover{background:#fff2bd}@media (max-width: 767px){.category-button{flex-direction:column;padding:10px 14px;font-size:16px;min-width:auto;font-style:normal;font-weight:700;line-height:150%;gap:4px}}.category-button .category-icon{aspect-ratio:1;width:16px}@media (max-width: 767px){.category-button .category-icon{width:12px;margin-top:4px}}.ranking-section{width:100%;margin-top:40px}@media (max-width: 767px){.ranking-section{margin-top:16px}}.ranking-section .ranking-header{text-align:center;color:var(--Text-Primary, #2d3539);margin:0;font-family:"Noto Sans JP",sans-serif}@media (max-width: 767px){.ranking-section .ranking-header{font-size:22px}}.ranking-section .ranking-header .ranking-subheader{font-size:18px;line-height:1.6}@media (max-width: 767px){.ranking-section .ranking-header .ranking-subheader{font-size:16px}}.ranking-section .divider{background:#fc0;height:3px;width:120px;border-radius:3px;margin:16px auto 32px}@media (max-width: 767px){.ranking-section .divider{width:60px;margin:8px auto 24px}}.ranking-item{background:#fff;border-radius:8px;padding:32px 40px;display:flex;gap:24px;margin-top:8px}@media (max-width: 767px){.ranking-item{padding:16px 16px 24px;gap:11px}}.ranking-item .rank-number{color:var(--Secondary-Yellow_Dark, #fc0);width:53px;text-align:center}@media (max-width: 767px){.ranking-item .rank-number{font-size:35px;max-width:30px;min-width:auto}}@media screen and (max-width: 374px){.ranking-item .rank-number{width:20px}}.item-content{flex:1;min-width:240px}@media screen and (max-width: 374px){.item-content{min-width:auto;width:200px}}.item-content .item-title{color:var(--Text-Link, #1558d6);font-size:20px;font-style:normal;font-weight:700;line-height:150%;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.item-content .item-title:hover{text-decoration:none}@media (max-width: 767px){.item-content .item-title{font-size:16px;line-height:24px;letter-spacing:0.48px}}.rating-section{display:flex;margin-top:16px;gap:40px;flex-wrap:wrap}@media (max-width: 767px){.rating-section{margin-top:10px;gap:10px}}.star-rating{display:flex;align-items:center;gap:8px}.star-rating .star-label{color:var(--Text-Primary, #2d3539);font-size:16px;font-style:normal;font-weight:700;line-height:150%}@media (max-width: 767px){.star-rating .star-label{font-size:14px}}.star-rating .star-icons{display:flex;gap:1px}.star-rating .star-icons .star-icon{width:22px;aspect-ratio:1}@media screen and (max-width: 374px){.star-rating .star-icons .star-icon{width:16px}}.star-rating .rating-value{color:var(--Text-Primary, #2d3539);font-size:18px;font-style:normal;font-weight:700;line-height:150%;letter-spacing:0.54px}@media (max-width: 767px){.star-rating .rating-value{font-size:16px}}.recommendation-count{background:var(--Background-Secondary, #ebebee);border-radius:4px;padding:4px 16px;display:flex;gap:4px;font-family:"Noto Sans JP",sans-serif;color:var(--Text-Primary, #2d3539)}@media (max-width: 767px){.recommendation-count{margin-top:10px;justify-content:center;padding:4px 0;width:100%}}.recommendation-count .count-number{font-size:18px;font-weight:700}@media (max-width: 767px){.recommendation-count .count-number{font-size:16px}}.recommendation-count .count-text{font-size:16px}@media (max-width: 767px){.recommendation-count .count-text{font-size:13px}}.comment-section{margin-top:16px;display:flex;gap:8px}@media (max-width: 767px){.comment-section{margin-top:10px;padding-top:8px;font-size:13px;line-height:20px}}.comment-section .user-avatar{width:60px;height:60px;aspect-ratio:1}@media (max-width: 767px){.comment-section .user-avatar{width:40px;height:40px}}.comment-section .comment-bubble{background:#fff;border:1px solid var(--Secondary-Yellow_Light, #ffe066);border-radius:8px;padding:12px 16px;position:relative;font-family:"Noto Sans JP",sans-serif;width:100%;margin-left:20px}.comment-section .comment-bubble::before{content:'';width:13px;height:14px;background:url(../img/comment_arrow.png) no-repeat;background-size:contain;position:absolute;left:-13px;top:13px;z-index:5}@media (max-width: 767px){.comment-section .comment-bubble{padding:8px 19px;width:187px}}.box-arrow a{height:100%;align-items:center;display:flex}.box-arrow img{width:8px}@media (max-width: 767px){.box-arrow{min-width:8px}}.methodology-section{margin-top:40px;width:100%;font-size:14px}.methodology-section ul{margin-left:0px;padding-left:19px}@media (max-width: 767px){.methodology-section{margin-top:16px}}.methodology-section .methodology-title{font-family:"Noto Sans JP",sans-serif;color:var(--Text-Primary, #2d3539)}@media (max-width: 767px){.methodology-section .methodology-title{font-size:16px;line-height:26px;padding-top:16px}}.methodology-section .methodology-divider{background:#fc0;height:3px;width:80px;border-radius:3px;margin-top:16px}.methodology-section .methodology-content{margin-top:24px;font-family:"Noto Sans JP",sans-serif;color:var(--Text-Primary, #2d3539);margin-bottom:62px}.add-headline-container{display:flex;gap:24px;font-family:Noto Sans JP, sans-serif;color:var(--Text-Primary, #2d3539);font-weight:700;padding:32px 0 16px;justify-content:start;flex-wrap:wrap;width:100%}.add-headline-indicator{border-radius:5px;background:var(--Secondary-Yellow_Dark, #fc0);width:3px;height:65px}.add-headline-content{align-self:start;display:flex;min-width:240px;flex-direction:column;justify-content:start;flex:1;flex-basis:0%}.add-headline-subtitle{font-size:18px;font-style:normal;font-weight:700;line-height:150%}.add-headline-title{font-size:24px;font-style:normal;font-weight:700;line-height:150%}@media (max-width: 797px){.add-headline-container{white-space:initial;gap:16px}.add-headline-indicator{height:50px}.add-headline-content{max-width:100%;white-space:initial}.add-headline-subtitle{max-width:100%}.add-headline-title{max-width:100%}.add-headline-subtitle{font-size:14px}.add-headline-title{font-size:18px}}