@charset "UTF-8";:root{--pink: #fa2198;--blue: #33ccff;--bg: rgba(0, 0, 0, .9);--panel: #191919;--text: rgba(255, 255, 255, 1);--muted: rgba(255, 255, 255, .5)}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,p,address,strong,ul,li,form,table,tbody,tr,th,td{margin:0;padding:0;border:0;font-family:"M PLUS 1p",sans-serif;font-size:100%;font-weight:400}body{background-color:var(--bg);color:var(--text)}a{color:var(--text);text-decoration:none}img{max-width:100%}#header{position:fixed;top:0;width:100%;height:50px;color:var(--text);text-align:center;background-color:var(--pink);z-index:9999}#header-in{position:relative;width:100%;max-width:1024px;margin:0 auto}#logo{line-height:50px;font-family:Ubuntu,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px}#logo a span{margin:0 3px}.menu-unshown,#menu-input,#search-input{display:none}#menu-input:checked~#menu-close,#search-input:checked~#search-close{display:block}#menu-input:checked~#menu-content,#search-input:checked~#search-content{display:block}#menu-open,#search-open{display:block;position:fixed;top:0;width:50px;height:50px;line-height:50px;cursor:pointer;text-align:center;color:var(--text)}#menu-open{left:0}#search-open{right:0}#menu-open:before{content:"☰";font-size:20px}#search-open:before{content:"";display:block;width:18px;height:18px;margin:16px auto;background:url(/icons/search.png) no-repeat center;background-size:contain}#menu-close,#search-close{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009}#menu-content,#search-content{display:none;position:absolute;top:45px;width:240px;text-align:left;background-color:var(--panel);border:2px solid var(--text);border-radius:10px;z-index:9999}#menu-content{left:30px}#search-content{right:30px;border-width:3px}#menu-content a,#search-content a{display:block;margin:0 5px 10px 10px;color:var(--text);font-size:15px}#search-content a{margin:0 5px 10px}#menu-content a:before,#search-content a:before{margin-right:6px;color:var(--blue);content:"→";font-weight:700}#menu-menu,#menu-pr,#search-search,#search-tag{margin:20px}.menu-title{margin-bottom:10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.search-box{position:relative;display:block;width:100%;height:32px;margin-bottom:10px;border-radius:16px;background-color:#fff}.search-box input[type=text]{position:absolute;top:8px;left:13px;width:72%;font-size:12px;color:#000;border:none;background:none;outline:none}.search-box input[type=submit]{position:absolute;top:0;right:6px;width:32px;height:32px;border:none;background:none;color:#00000080;font-size:18px;cursor:pointer}.home-d{position:relative;display:table;width:100%;height:200px;margin-top:50px;color:var(--text);background:linear-gradient(120deg,#0009,#fa2198b3)}.home-d .home-p{position:absolute;top:0;left:0;display:table;width:100%;height:200px}.home-d .home-p p{display:table-cell;vertical-align:middle;font-size:17px;padding:0 10%;text-shadow:rgba(0,0,0,1) 0 0 5px}#container{width:100%;max-width:1024px;margin:0 auto}#main{margin:100px 20px 20px}body.home #main{margin:60px 20px 20px}h1,h2{margin-bottom:20px;color:var(--pink);font-size:200%;font-weight:700}h3{margin-bottom:-3px;font-size:90%;text-transform:uppercase;letter-spacing:.08em}.home-h{position:relative}.home-h a,.home-h span{position:absolute;right:0;bottom:5px;color:var(--text);font-size:14px}.home-h a:before,.home-h span:before{margin-right:4px;color:var(--blue);content:"→";font-weight:700}.post-list{margin:0 -1% 30px;font-size:0}.post-list:after{content:"";display:block;clear:both;height:0;visibility:hidden}.post-list a{position:relative;display:inline-block;vertical-align:top;width:23%;margin:0 1% 40px;color:var(--text)}.post-list .post-list-image{position:relative;width:100%;margin-bottom:6px;padding-bottom:135%;background-color:#222;border-radius:10px;overflow:hidden}body.home .post-list .post-list-image{padding-bottom:140%}.post-list img{position:absolute;top:0;right:0;width:100%;height:100%;object-fit:cover}.post-list .post-list-time{width:98%;margin:0 auto;font-size:10px;color:var(--muted);text-align:right}.post-list .post-list-time:before{margin-right:4px;content:"⏱"}.post-list span{display:-webkit-box;width:100%;line-height:18px;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tag-list{margin:0 0 55px}.tag-list a{display:inline-block;margin:0 15px 15px 0;color:var(--text);font-size:14px;border-bottom:1px solid rgba(255,255,255,.1)}.tag-list a:before{color:var(--blue);font-weight:700;content:"#"}.tag-list a span{margin-left:2px;color:var(--muted);font-size:10px}.article-wrap{margin:20px 0 40px}.article-hero{position:relative;width:100%;max-width:560px;margin:0 auto 20px}.article-meta{margin:10px 0 20px;font-size:12px;color:var(--muted)}.article-head{margin-bottom:48px}.article-head-top{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;color:var(--muted)}.article-category{display:inline-block;padding:0;border:none;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em}.article-pages{display:inline-block;margin:6px 0 12px;padding:4px 10px;background:#fff;color:#000;font-size:12px;border-radius:2px}.article-detail{display:grid;grid-template-columns:90px 1fr;column-gap:0;row-gap:0;margin:8px 0 0;font-size:13px}.article-detail dt{padding:8px 12px 8px 0;color:var(--blue);font-weight:700}.article-detail dd{margin:0;padding:8px 0 8px 12px;color:var(--text)}.article-detail dt:not(:first-of-type),.article-detail dd:not(:first-of-type){border-top:1px solid rgba(255,255,255,.2)}.article-detail dt:last-of-type,.article-detail dd:last-of-type{border-bottom:1px solid rgba(255,255,255,.2)}.article-tags{display:flex;flex-wrap:wrap;gap:6px 12px}.article-tags a{color:var(--text);font-size:13px;border-bottom:1px solid rgba(255,255,255,.2)}.article-tags a:before{margin-right:4px;color:var(--blue);content:"#";font-weight:700}.article-tags-empty{color:var(--text)}.article-body{line-height:1.7;font-size:15px}.article-body h1,.article-body h2,.article-body h3{color:var(--pink);margin:20px 0 10px}.back-link{display:inline-block;margin-bottom:20px;color:var(--blue)}footer{padding:20px;color:var(--text);font-size:80%;text-align:center}footer a{color:var(--text)}@media(max-width:820px){.post-list a{width:30.33%;margin:0 1.5% 30px}}@media(max-width:480px){.home-d,.home-d .home-p{height:150px}.home-d .home-p p{font-size:13px}#main{margin:90px 20px 20px}body.home #main{margin:50px 20px 20px}h1,h2{font-size:150%}.post-list{margin:0 -2% 20px}.post-list a{width:46%;margin:0 2% 30px}.post-list span{line-height:16px;font-size:12px}.tag-list{margin:0 0 40px}.tag-list a{font-size:13px}.article-head-top{flex-wrap:wrap}.article-detail{grid-template-columns:80px 1fr;font-size:12px}.article-pages{font-size:11px}.article-tags a{font-size:12px}footer{padding:20px 20px 150px}}