header{width:100%;color:var(--COLOR_WT);background:var(--COLOR_MAIN);justify-content:flex-end;align-items:center;height:6rem;margin-top:0;padding:0 1rem;display:flex}header a{color:unset;-webkit-text-decoration:unset;text-decoration:unset}header .frist{flex:1;align-items:center;height:100%;display:flex}header h1{-webkit-user-select:none;user-select:none;flex:1;height:100%}header h1 a{aspect-ratio:500/120;background-color:var(--COLOR_WT);height:100%;color:var(--COLOR_WT);display:block;-webkit-mask-image:url(/rogo.svg);mask-image:url(/rogo.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}header .menu-open{-webkit-mask-image:var(--ICON_MENU);mask-image:var(--ICON_MENU);background-color:var(--COLOR_WT);width:3rem;height:3rem;display:none;-webkit-mask-size:cover;mask-size:cover}header>ul{line-height:3rem;display:flex}header>ul>li{-webkit-user-select:none;user-select:none;margin:0 1rem;padding:0 .25rem;font-size:1.5rem;list-style:none}header>ul>li>ul{z-index:1;background-color:var(--COLOR_MAIN);min-width:100%;max-height:0;color:var(--COLOR_BK);background-color:var(--COLOR_GR_T);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin:0;position:absolute;right:0;overflow:hidden}header>ul>li>ul>li{border:1px solid var(--COLOR_WT);white-space:nowrap;text-align:end;border-top:none;border-bottom:none;margin:0;padding:.5rem .25rem .5rem 2rem;line-height:2.5rem;list-style:none}header>ul>li>ul>li:first-child{border-top:1px solid var(--COLOR_WT)}header>ul>li>ul>li:last-child{border-bottom:1px solid var(--COLOR_WT)}header>ul>li>ul>li:hover{color:var(--COLOR_BG);background-color:var(--COLOR_MAIN_T)}header>ul>li.hover{color:var(--COLOR_HL)}header>ul>li.hover>ul{max-height:100vh}@media screen and (max-width:980px){html:has(header.open){overflow:hidden}header>ul{color:var(--COLOR_MAIN);display:none}header .menu-open{display:block}header.open{width:100%;height:100vh;color:var(--COLOR_MAIN);z-index:1;position:absolute;top:0;left:0;background-color:var(--COLOR_WT)!important;display:block!important}header.open .frist{align-items:center;height:6rem}header.open .frist a{background-color:var(--COLOR_MAIN);color:var(--COLOR_MAIN)}header.open>ul{text-align:right;flex-direction:column;align-items:end;display:flex}header.open>ul>li{width:fit-content;min-height:5rem;margin:0;font-size:4rem;line-height:5rem;background-color:#0000!important}header.open>ul>li>ul{color:var(--COLOR_MAIN);background-color:#0000;flex-direction:column;align-items:end;max-height:100vh;margin-bottom:1rem;display:flex;position:relative}header.open>ul>li>ul>li{background-color:#0000;width:fit-content;min-height:4rem;padding:0;font-size:3.2rem;line-height:4rem}header.open>ul>li>ul>li:hover{color:var(--COLOR_HL)}header.open .menu-open{background-color:var(--COLOR_MAIN);-webkit-mask-image:var(--ICON_CLOSE);mask-image:var(--ICON_CLOSE)}}header.top:not(.follow){color:var(--COLOR_MAIN);background-color:#0000;position:absolute;top:0}header.top:not(.follow) h1 a{background-color:var(--COLOR_MAIN);color:var(--COLOR_MAIN)}header.top:not(.follow)>ul>li{background-color:var(--COLOR_GR_T)}header.top:not(.follow) .menu-open{background-color:var(--COLOR_MAIN)}header.follow.follow{z-index:1;margin-top:6rem;transition:margin-top .2s ease-out;position:fixed;top:-6rem}header.follow:not(.nodisp)+*{margin-top:6rem}footer{background-color:var(--COLOR_MAIN);border-top:3px solid var(--COLOR_BG);width:100%;color:var(--COLOR_WT);margin-top:4rem;padding:2rem 4rem 1rem}footer a{color:unset;text-decoration:none}footer a:hover{text-decoration:underline}footer div.footer-wrap{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}footer h2{margin-bottom:.5rem;font-size:1.5rem}footer h3{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}footer li{list-style:none}footer>small{text-align:center;padding-top:2rem;font-size:1rem;display:block}ul.tag-wrap{flex-wrap:wrap;gap:1rem;height:fit-content;display:flex}ul.tag-wrap li{border-left:.25rem solid var(--COLOR_MAIN);background-color:var(--COLOR_BG);-webkit-user-select:none;user-select:none;padding:0 .5rem;line-height:2rem;list-style:none;display:inline}ul.tag-wrap li:hover{color:var(--COLOR_HL);cursor:pointer}ul.tag-wrap a{color:unset;width:fit-content;text-decoration:none}a:has(div.card){color:unset;text-decoration:none}div.card{aspect-ratio:16/9;background-color:#909090}div.card img{object-fit:cover}div.card p{white-space:nowrap;text-overflow:ellipsis;background-color:var(--COLOR_GR_T);width:fit-content;max-width:calc(100% - 2rem);padding:.1rem .25rem;font-size:1.25rem;font-weight:400;position:absolute;bottom:.5rem;right:.25rem;overflow:hidden}.article-list{background-color:var(--COLOR_MAIN);flex-direction:column;gap:2px;width:100%;min-width:32rem;max-width:80rem;padding:2px 0;display:flex}.article-list .thumbnail{aspect-ratio:16/9;width:25%;min-width:10rem;max-width:24rem}.article-list a{-webkit-text-decoration:unset;text-decoration:unset;color:unset}.article-list a:hover{text-decoration:underline}.article-list>div{background-color:var(--COLOR_WT);align-items:center;gap:2rem;width:100%;padding:3rem 2rem;display:flex}.article-list>div>div{flex-direction:column;max-width:70%;display:flex}.article-list>div>div>:nth-last-child(2){flex:1}.pager{-webkit-user-select:none;user-select:none;width:32rem;height:4rem;margin:1rem auto 4rem}.pager a{color:unset;text-decoration:none}.pager .pager-bg{width:100%;height:100%;color:var(--COLOR_BG);justify-content:space-between;font-size:3.5rem;font-weight:700;line-height:100%;display:flex;position:absolute}.pager .pager-inner{justify-content:center;align-items:center;gap:1rem;height:100%;font-size:2rem;display:flex}.pager .pager-inner div{text-align:center;min-width:2rem}.pager .pager-inner div.pager-now{color:var(--COLOR_MAIN);font-size:3rem;font-weight:700}.pager .pager-inner div.pager-frist{width:1.5rem;height:1.5rem;min-width:unset;border-bottom:.25rem solid var(--COLOR_MAIN);border-left:.25rem solid var(--COLOR_MAIN);rotate:45deg}.pager .pager-inner div.pager-last{width:1.5rem;height:1.5rem;min-width:unset;border-bottom:.25rem solid var(--COLOR_MAIN);border-right:.25rem solid var(--COLOR_MAIN);rotate:-45deg}.pager .pager-inner div.pager-frist:hover,.pager .pager-inner div.pager-last:hover{border-color:var(--COLOR_HL)}.pager .pager-inner div:not(.pager-frist,.pager-last,.pager-now):hover{cursor:pointer;text-decoration:underline}