*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: #000;--text-color: #dcedc8;--link-color: #b2ebf2;--bg-color-1: rgb(60, 60, 60);--fg-color: var(--text-color);--max-width: 50rem;--header-height: 2.1rem}html{font-feature-settings:"palt" 1;-webkit-text-size-adjust:100%;scroll-padding-top:3rem}body{background:var(--bg-color);color:var(--text-color);font-family:Helvetica Neue,Arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:1rem;line-height:1.5;min-height:100vh}a{color:var(--link-color);text-decoration:none;border-bottom:.05rem solid}a:hover{opacity:.5}.site-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 .5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;background:var(--bg-color);box-shadow:var(--text-color) 0 1px 0}body{padding-top:2rem}.site-header-inner{height:2rem;display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 .5rem}.site-header .logo a{color:var(--text-color);font-weight:700;font-size:1rem;border-bottom:none}.site-header .logo img.header-logo{height:1.2rem;vertical-align:middle}.site-header nav .search-icon{display:inline-flex;align-items:center;vertical-align:middle}.site-header nav{display:flex;gap:1rem;margin-right:1rem}.site-header nav a{color:var(--text-color);font-size:1rem;font-weight:400;border-bottom:none}.site-header nav a:hover{opacity:.5}.page-title{padding:.25rem;margin:.5rem 0;line-height:2rem;font-size:1.75rem;font-weight:700}article h1{position:relative;background-color:var(--text-color);color:var(--bg-color);padding:.3rem 0;margin:3rem 0 1rem;font-size:1.5rem;font-weight:700;box-shadow:0 0 0 7px var(--text-color)}article h1:after{position:absolute;content:"";left:-.5rem;top:-.5rem;border-width:0 0 1rem 1rem;border-style:solid;border-color:#000 #000 var(--text-color);box-shadow:1px 1px 1px #00000080}article h2{position:relative;margin:2rem 0 1rem;padding-bottom:.6rem;font-size:1.5rem;font-weight:700;color:var(--text-color)}article h2:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:.5rem;background:repeating-linear-gradient(-45deg,transparent,transparent .2rem,var(--text-color) .2rem,var(--text-color) .4rem)}article h3{color:var(--text-color);position:relative;padding:0;font-size:1.3rem;margin:2rem 0 1rem}article h3:before{content:"▼️"}article{margin:1rem 0 2rem}article p{padding:.5rem}article img{max-width:100%;height:auto;margin:.5rem 0}article blockquote{border-left:.1rem solid;padding:0 .25rem;margin:.25rem .5rem;font-size:.75rem;font-style:italic}article pre{background:var(--bg-color-1);padding:1rem;border-radius:4px;overflow-x:auto;margin:.75rem 0;font-size:.9rem}article code{font-family:SF Mono,Fira Code,monospace;font-size:.9em}article p code,article li code{padding:0}article ul,article ol{padding-left:1.5rem;margin:.5rem 0}article li{margin:.25rem 0}article hr{border:none;border-top:.1rem solid var(--text-color);width:100vw;margin-left:calc(-50vw + 50%);margin-top:1.5rem;margin-bottom:1.5rem}article table{width:100%;border-collapse:collapse;margin:.75rem 0}article th,article td{border:1px solid var(--bg-color-1);padding:.5rem;text-align:left}article iframe{min-width:20rem;width:70vw;aspect-ratio:16 / 9;border:none;margin:.75rem auto;display:block}article img+em,.image-caption{display:block;text-align:center;font-size:.75rem;opacity:.7;margin-top:-.25rem;margin-bottom:.5rem}article u{text-underline-offset:4px;text-decoration-thickness:2px}.callout{position:relative;min-height:3.75rem;margin:1rem 0;padding:.5rem .5rem .5rem 3.5rem;border:none;border-radius:.5rem;background-color:var(--bg-color-1)}.callout .callout-icon{position:absolute;margin:0;top:.5rem;left:.5rem;max-width:2.5rem;max-height:2.5rem;width:2.5rem;height:2.5rem;font-size:1.75rem;line-height:2.5rem}.callout p{padding:.5rem 0 0}.post-meta{font-size:.85rem;margin:.5rem 0 1rem;padding:0 .5rem;display:flex;flex-wrap:wrap;gap:.25rem .75rem}.post-meta .meta-date:before{content:"🗓️";padding-right:.5rem}.post-meta .meta-updated:before{content:"🔄";padding-right:.5rem}.post-meta .meta-tags:before{content:"🔖️";padding-right:.5rem}.post-meta .tag{color:var(--bg-color);font-size:.75rem;background:var(--text-color);padding:.1rem .4rem;border-radius:3px;margin-right:.25rem}.post-list{list-style:none;padding:0}.post-list li{padding:.75rem 0;border-bottom:1px solid var(--bg-color-1)}.post-list a{border-bottom:none;color:var(--text-color)}.post-list a:hover{opacity:.5}.post-list .post-date{font-size:.8rem;opacity:.6;margin-right:.75rem}.post-list .tag{color:var(--bg-color);font-size:.5rem;background:var(--text-color);padding:.05rem .3rem;border-radius:3px;margin-left:.25rem;vertical-align:middle}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0;padding:16px 1px 4px;border-top:none}.gallery-card{display:flex;flex-direction:row;height:88px;background:var(--bg-color-1);border:none;border-radius:3px;overflow:hidden;color:var(--text-color);box-shadow:#0f0f0f1a 0 0 0 1px,#0f0f0f1a 0 2px 4px}.gallery-card:hover{opacity:.7}.gallery-card-cover{flex:0 0 109px;overflow:hidden;background:var(--bg-color)}.gallery-card-cover img{width:100%;height:100%;object-fit:cover}.gallery-card-body{flex:1 1 auto;padding:4px 10px;overflow:hidden;display:flex;flex-direction:column}.gallery-card-title{display:block;font-size:14px;font-weight:500;line-height:1.3}.gallery-card-date{font-size:12px;color:var(--text-color);line-height:1.4}.gallery-card-tags{padding-top:.25rem;display:flex;flex-wrap:wrap;gap:.25rem}.gallery-card-tags .tag{font-size:.5rem;background:var(--text-color);color:var(--bg-color);padding:.05rem .3rem;border-radius:3px}.tag[data-tag=アート]{background:#f8bbd0}.tag[data-tag=ハック]{background:#ffea4d}.tag[data-tag=フシギ]{background:#bbdefb}.tag[data-tag=映画]{background:#ff9a29}.tag[data-tag=音楽]{background:#d4e157}.btn-viewall{box-sizing:content-box;background-color:var(--text-color);border-radius:1rem;display:flex;justify-content:center;align-items:center;padding:1rem 2rem;width:240px;height:16px;margin:1rem auto;color:var(--bg-color);font-weight:700;border-bottom:none}.btn-viewall:hover{opacity:.7}.toc{border-left:.25rem solid var(--text-color);margin:1rem 0;padding:0}.toc:before{display:block;content:" 目次 ";background-color:var(--text-color);color:var(--bg-color);font-size:1.15rem;margin-bottom:.25rem;font-weight:700;text-align:center}.toc a{color:var(--link-color);margin-left:.5rem;font-size:.75rem}.bookmark{display:flex;margin:1rem 0;height:5rem;border:1px solid var(--bg-color-1);border-radius:4px;overflow:hidden;border-bottom:1px solid var(--bg-color-1)}.bookmark:hover{opacity:.5}.site-footer{margin-top:52px;padding:6px 0 18px;border-top:1.5px inset var(--text-color);font-size:16px;line-height:1.5;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.site-footer a{color:var(--text-color);border-bottom:none}.site-footer p{margin-top:8px;padding:8px;font-size:8px;line-height:1.5}.share-btn{color:#fff;background-color:#000;border-radius:1rem;border:1px solid white;padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;margin:1rem 0;border-bottom:1px solid white}.share-btn:hover{opacity:.5}.score-badge{display:inline-block;background:var(--text-color);color:var(--bg-color);font-weight:700;font-size:1.2rem;padding:.25rem .75rem;border-radius:4px;margin:.25rem 0}.related-section{margin-top:2rem}.related-section hr{border:none;border-top:.1rem solid var(--text-color);width:100vw;margin-left:calc(-50vw + 50%);margin-bottom:1.5rem}.related-heading{font-size:1rem;font-weight:700;margin-bottom:.75rem}.page-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.category-desc{font-size:.75rem;padding:0;opacity:.75;margin-bottom:.5rem}.cat-cover{width:100vw;margin-left:calc(-50vw + 50%);max-height:16rem;overflow:hidden;display:flex;align-items:center}.cat-cover img{width:100%;height:auto;object-fit:cover}.cat-callout{position:relative;min-height:3.75rem;margin:1rem 0;padding:.5rem .5rem .5rem 3.5rem;border:none;border-radius:.5rem;background-color:var(--bg-color-1)}.cat-callout-icon{position:absolute;margin:0;top:.5rem;left:.5rem;max-width:2.5rem;max-height:2.5rem;width:2.5rem;height:2.5rem;object-fit:contain}.cat-callout p{padding:.5rem 0 0}.subcat-grid{display:flex;gap:1rem;margin:1rem 0}.subcat-card{flex:1;color:var(--text-color);border-bottom:none;text-align:center}.subcat-card:hover{opacity:.6}.subcat-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px}.subcat-card span{display:block;font-size:.85rem;margin-top:.25rem}.cat-section-heading{position:relative;margin:2rem 0 1rem;font-size:1.5rem;font-weight:700;color:var(--text-color);padding-bottom:.6rem}.cat-section-heading:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:.5rem;background:repeating-linear-gradient(-45deg,transparent,transparent .2rem,var(--text-color) .2rem,var(--text-color) .4rem)}@media(max-width:640px){article h1{font-size:1.3rem}article h2{font-size:1.2rem}article h3{font-size:1.1rem}.site-header .logo a{font-size:.85rem}article iframe{width:100%;min-width:auto}.cover-image{max-height:10rem}.page-title{font-size:1.3rem;line-height:1.6rem}.gallery-grid{grid-template-columns:1fr;gap:.5rem}.cat-cover{max-height:10rem}.subcat-grid{gap:.5rem}.subcat-card span{font-size:.7rem}}