.ranking_block{position:relative;padding-bottom:0!important;max-width:1200px;margin:0 auto 60px}@media screen and (max-width:480px){.ranking_block{padding-top:12px;margin:0 auto 36px}}.ranking_block .l-title-section{margin-bottom:40px}.ranking_block .range_selector_side{margin-top:0}.ranking_block .range_selector{margin-top:-24px}.ranking_block .range_selector,.ranking_block .range_selector_side{display:flex;justify-content:center;margin-bottom:16px;gap:16px}.ranking_block .range_selector input,.ranking_block .range_selector_side input{display:none}.ranking_block .range_selector input:checked+label,.ranking_block .range_selector_side input:checked+label{background-color:#484848;color:#fff;position:relative}.ranking_block .range_selector input:checked+label:after,.ranking_block .range_selector_side input:checked+label:after{content:"";background-color:#484848;width:16px;aspect-ratio:1/.8660254038;clip-path:polygon(50% 100%,100% 0,0 0);display:block;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}.ranking_block .range_selector label,.ranking_block .range_selector_side label{height:32px;display:flex;align-items:center;justify-content:center;padding:0 30px;border-radius:4px;background-color:#fff;color:#484848;border:2px solid #484848;cursor:pointer}.ranking_block .range_selector_side label{font-size:12px;height:26px;padding:0 16px}.ranking_block:has(#range_selector_weekly:checked) .popular-posts-wrapper.weekly{display:block}.ranking_block:has(#range_selector_weekly:checked) .popular-posts-wrapper.monthly{display:none}.ranking_block:has(#range_selector_monthly:checked) .popular-posts-wrapper.weekly{display:none}.ranking_block:has(#range_selector_monthly:checked) .popular-posts-wrapper.monthly{display:block}.ranking_block:has(#range_selector_weekly_side:checked) .popular-posts-wrapper.weekly{display:block}.ranking_block:has(#range_selector_weekly_side:checked) .popular-posts-wrapper.monthly{display:none}.ranking_block:has(#range_selector_monthly_side:checked) .popular-posts-wrapper.weekly{display:none}.ranking_block:has(#range_selector_monthly_side:checked) .popular-posts-wrapper.monthly{display:block}.popular-posts-wrapper{padding:24px;background-color:hsla(0,0%,100%,.5);border-radius:16px}@media(max-width:480px){.popular-posts-wrapper{padding:16px}}.popular-posts-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:16px}@media(max-width:640px){.popular-posts-list{flex-direction:column}}.popular-posts-list li{position:relative;width:20%}@media(max-width:640px){.popular-posts-list li{width:100%}}.popular-posts-list li:last-child{margin-bottom:0}.popular-posts-list li .rank-label{position:absolute;top:-12px;left:-12px;width:44px;height:42px;z-index:1}.popular-posts-list li .rank-label svg{position:absolute;top:0;left:0;width:100%;height:100%}.popular-posts-list li .rank-label svg path{fill:#fff8ec}.popular-posts-list li .rank-label .rank-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#343434;font-weight:500;font-size:16px}.popular-posts-list li:nth-child(1) .rank-label svg path{fill:gold}.popular-posts-list li:nth-child(1) .rank-number{color:#fff}.popular-posts-list li:nth-child(2) .rank-label svg path{fill:silver}.popular-posts-list li:nth-child(2) .rank-number{color:#fff}.popular-posts-list li:nth-child(3) .rank-label svg path{fill:#a55958}.popular-posts-list li:nth-child(3) .rank-number{color:#fff}.popular-posts-list li a{display:flex;align-items:center}@media(max-width:640px){.popular-posts-list li a.article-link{flex-direction:row}.popular-posts-list li a.article-link .article-link_content{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:8px}.popular-posts-list li a.article-link .article-link_content .entry-thumbnail{grid-area:1/1/3/2;aspect-ratio:16/9;width:128px;overflow:hidden;border-radius:5px;margin-bottom:0}.popular-posts-list li a.article-link .article-link_content .entry-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popular-posts-list li a.article-link .article-link_content .post-category{grid-area:1/2/2/3;margin-bottom:0;font-size:12px}.popular-posts-list li a.article-link .article-link_content .entry-title{grid-area:2/2/3/3;font-size:13px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:4em;margin-bottom:0}.popular-posts-list li a.article-link .entry-meta{display:none}.popular-posts-list li a.article-link .favorite-icon{display:none}}.popular-posts-list li a .popular-post-categoery{font-size:12px;line-height:1;margin-bottom:4px;color:#8b8b8b}@media screen and (max-width:480px){.popular-posts-list li a .popular-post-categoery{font-size:10px}}.popular-posts-list li a .category-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}.popular-posts-list li a h3{margin-bottom:4px;font-size:14px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}@media screen and (max-width:480px){.popular-posts-list li a h3{font-size:12px}}.popular-posts-list li a .entry-meta{font-size:12px;color:#8b8b8b;width:100%}#sidebar .ranking_block{background-color:hsla(0,0%,100%,.5);border-radius:16px;padding:24px!important;box-sizing:border-box;margin-bottom:28px}@media screen and (max-width:480px){#sidebar .ranking_block{padding:12px 16px!important}}#sidebar .ranking_block .l-title-section{margin-bottom:8px}#sidebar .ranking_block .range_selector_side{margin-bottom:8px}#sidebar .ranking_block .popular-posts-list{flex-direction:column}#sidebar .ranking_block .popular-posts-list li{width:100%}#sidebar .ranking_block .popular-posts-list li a{padding:8px 8px 6px}#sidebar .ranking_block .popular-posts-list li a .article-link_content{display:grid;grid-template-columns:128px auto;grid-template-rows:auto auto;gap:8px;width:100%}#sidebar .ranking_block .popular-posts-list li a .article-link_content .entry-thumbnail{grid-area:1/1/3/2;aspect-ratio:16/9;width:128px;overflow:hidden;border-radius:5px;margin-bottom:0}#sidebar .ranking_block .popular-posts-list li a .article-link_content .entry-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#sidebar .ranking_block .popular-posts-list li a .article-link_content .post-category{grid-area:1/2/2/3;margin-bottom:0;font-size:10px}#sidebar .ranking_block .popular-posts-list li a .article-link_content .entry-title{grid-area:2/2/3/3;font-size:12px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:4em;margin-bottom:0}#sidebar .ranking_block .popular-posts-list li a .entry-meta{display:none}#sidebar .ranking_block .popular-posts-list li a .favorite-icon{display:none}#sidebar .ranking_block .popular-posts-wrapper{padding:12px 0 0}#sidebar #ranking-widget_side .l-title-section div{display:flex;align-items:center;gap:8px;font-size:20px;margin-left:-32px}#sidebar #ranking-widget_side .l-title-section div:before{content:"";width:32px;height:32px;background-image:url(/wp-content/themes/hoiku-note/common/images/icon/05.svg);background-size:contain;display:block}#sidebar #ranking-widget_side .l-title-section span{display:none}
/*# sourceMappingURL=ranking-block.min.css.map */