.article-ranking{padding:105px 8vw 30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}.ranking-heading small,.related-heading small{font:600 8px Arial;letter-spacing:.2em;color:var(--accent)}.ranking-heading h2,.related-heading h2{margin:24px 0 0;font:500 clamp(28px,3vw,44px)/1.5 "YuMincho","Hiragino Mincho ProN",serif;letter-spacing:-.035em}.article-ranking ol{margin:0;padding:0;list-style:none}.article-ranking li{border-top:1px solid var(--line)}.article-ranking li:last-child{border-bottom:1px solid var(--line)}.article-ranking a{display:grid;grid-template-columns:46px 1fr auto;gap:22px;align-items:center;padding:24px 0}.article-ranking b{font:500 10px Arial;color:var(--accent)}.article-ranking span{font:500 17px/1.6 "YuMincho","Hiragino Mincho ProN",serif}.article-ranking a small{font:9px Arial;letter-spacing:.1em;color:#888}.related-content{padding:110px 5.5vw 140px;border-top:1px solid var(--line)}.related-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.related-heading h2{margin:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.related-grid img,.related-placeholder{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#ddd9d0}.related-grid>a>small{display:block;margin-top:16px;font:9px Arial;letter-spacing:.12em;color:#888}.related-grid h3{margin:10px 0 0;font:500 21px/1.55 "YuMincho","Hiragino Mincho ProN",serif}.related-grid a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:800px){.article-ranking{padding:70px 22px 20px;grid-template-columns:1fr;gap:38px}.ranking-heading h2,.related-heading h2{font-size:7.8vw}.article-ranking a{grid-template-columns:32px 1fr;gap:12px;padding:20px 0}.article-ranking span{font-size:15px}.article-ranking a small{grid-column:2}.related-content{padding:75px 22px 95px}.related-heading{display:block;margin-bottom:38px}.related-heading h2{margin-top:18px}.related-grid{grid-template-columns:1fr;gap:45px}.related-grid h3{font-size:19px}}
.work-filter{padding:55px 5.5vw 0;display:flex;flex-wrap:wrap;gap:10px}.work-filter a{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--line);border-radius:999px;font:10px Arial;letter-spacing:.1em;transition:.25s}.work-filter a small{color:#888}.work-filter a:hover,.work-filter a.active{border-color:var(--ink);background:var(--ink);color:#fff}.work-filter a.active small{color:#bbb}.work-placeholder{display:block;width:100%;aspect-ratio:4/3;background:#ddd9d0}.navigation.pagination{padding:0 5.5vw 130px}.pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:8px}.pagination .page-numbers{min-width:48px;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font:10px Arial;letter-spacing:.08em;transition:.25s}.pagination .page-numbers.prev,.pagination .page-numbers.next{width:auto;border-radius:999px}.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--ink);border-color:var(--ink);color:#fff}.pagination .dots{border:0}.article-layout{max-width:1120px;margin:0 auto;padding:105px 0 150px;display:grid;grid-template-columns:250px minmax(0,780px);gap:90px;align-items:start}.article-layout .article-body{max-width:none;margin:0;padding:0}.article-sidebar{position:sticky;top:30px}.article-sidebar>section+section{margin-top:58px}.article-sidebar>section>small{font:600 8px Arial;letter-spacing:.19em;color:var(--accent)}.article-sidebar h2{margin:12px 0 22px;font:500 20px/1.5 "YuMincho","Hiragino Mincho ProN",serif}.article-sidebar ul,.article-sidebar ol{margin:0;padding:0;list-style:none}.sidebar-categories li,.sidebar-posts li{border-top:1px solid var(--line)}.sidebar-categories li:last-child,.sidebar-posts li:last-child{border-bottom:1px solid var(--line)}.sidebar-categories a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:11px;line-height:1.5}.sidebar-categories b{font:9px Arial;color:#888}.sidebar-posts a{display:grid;gap:7px;padding:15px 0}.sidebar-posts a span{font:500 12px/1.65 "YuMincho","Hiragino Mincho ProN",serif}.sidebar-posts a time{font:8px Arial;letter-spacing:.1em;color:#888}.sidebar-posts.ranked a{grid-template-columns:26px 1fr;gap:9px}.sidebar-posts.ranked b{font:500 9px Arial;color:var(--accent)}
@media(max-width:800px){.work-filter{padding:35px 22px 0;gap:8px}.work-filter a{padding:10px 14px}.navigation.pagination{padding:0 22px 90px}.pagination .nav-links{gap:5px}.pagination .page-numbers{min-width:40px;height:40px;padding:0 11px}.article-layout{padding:70px 0 100px;grid-template-columns:1fr;gap:70px}.article-layout .article-sidebar{order:2}.article-sidebar{position:static}.article-sidebar>section+section{margin-top:48px}}
.single{padding-left:0;padding-right:0}.post-single{max-width:none;margin:0}.single .single-head{width:min(1120px,89vw);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.single .single-main-image{width:100%}.single:not(.post-single) .article-body{padding-top:105px}.post-single .article-layout{width:min(1120px,89vw)}
@media(max-width:800px){.single .single-head{width:auto;margin:0;padding-left:22px;padding-right:22px}.single:not(.post-single) .article-body{padding:70px 22px 100px}.post-single .article-layout{width:auto;padding-left:22px;padding-right:22px}}