@media screen and (max-width:769px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal]{width:100%;margin:auto}}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit{border-color:#eee;background:var(--fo-background-color1);border-bottom:1px solid #eee!important;padding:20px 10px 10px}@media screen and (min-width:770px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit{display:table;width:100%}}@media screen and (max-width:769px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit{padding:20px 0 10px}}@media screen and (max-width:769px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit:first-child{padding-top:0}}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .img{padding:0 0 10px}@media screen and (max-width:769px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .img{padding:0}}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .img img{border-radius:0}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .img img:hover{opacity:.4}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont{border-left:0;padding:0 10px}@media screen and (max-width:769px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont{padding:0}}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont h3{display:block;margin:0 0 10px;max-height:none;line-height:normal}@media screen and (max-width:769px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont h3{margin-top:1em;padding:0}}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont h3 a{display:block;font-family:var(--fo-heading-font-family);font-size:var(--fo-text-font-size-pc);letter-spacing:var(--fo-heading-letter-spacing);line-height:var(--fo-heading-line-height);color:var(--fo-heading-main-color);text-decoration:none;margin:0;padding:0}@media screen and (max-width:769px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont h3 a{font-size:var(--fo-text-font-size-sp)}}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont h3 a:hover{opacity:.4;text-decoration:none}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont h4{font-family:var(--fo-text-font-family);font-size:var(--fo-text-font-size-pc);letter-spacing:var(--fo-text-letter-spacing);line-height:var(--fo-text-line-height);color:var(--fo-text-main-color);margin:10px 0;padding:0}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont p.description{display:block;max-height:none;font-family:var(--fo-text-font-family);font-size:var(--fo-text-font-size-pc);letter-spacing:var(--fo-text-letter-spacing);line-height:var(--fo-text-line-height);color:var(--fo-text-main-color);padding:0}@media screen and (max-width:769px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .cont p.description{font-size:var(--fo-text-font-size-sp);margin:10px 0}}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .article-rank{font-family:var(--fo-text-font-family);font-size:16px;background:#fff;color:var(--fo-main-color);border:1px solid var(--fo-main-color)}@media screen and (max-width:834px){:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .article-rank{min-width:45px;height:45px;font-size:20px;line-height:45px}}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .entry-list-unit .article-rank:is(.rank-1,.rank-2,.rank-3){background:var(--fo-main-color);color:#fff;border:1px solid var(--fo-main-color)}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .article-per-page:empty{margin:0}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .article-per-page .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 10px;line-height:0;padding-bottom:0}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .article-per-page .pagination li{color:var(--fo-main-color);margin:0}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .article-per-page .pagination li a{box-sizing:initial;background:#fff;display:block;min-width:30px;height:10px;font-family:var(--fo-text-font-family);font-weight:700;color:var(--fo-main-color);line-height:10px;border:1px solid var(--fo-main-color);border-radius:100px;float:none;padding:10px}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .article-per-page .pagination li.active>a{background:var(--fo-main-color);color:#fff}:root:root:root:root:root:root [data-designpart=blog-ranking-normal] .article-per-page .pagination li:hover>a{opacity:.4}