:root{--bg-page:#fbf3e7;--bg-content:#fffaf2;--text-main:#4a3728;--text-muted:#8a6d56;--link-color:#6b4226;--link-visited:#a9826a;--link-hover:#d2691e;--border-color:#c9a479;--border-light:#e8d9c5;--bar-bg:#8b5e34;--bar-text:#fff8ef;--nav-bg:#a9714a;--nav-border:#c9a479;--sidetop-bg:#f3e6d3;--sidebody-bg:#fdf6ec;--footer-bg:#f3e6d3;--accent:#e08e3e;--accent-hover:#c97324}html[data-theme=normal]{--bg-page:#fff;--bg-content:#fff;--text-main:#000;--text-muted:#666;--link-color:#000;--link-visited:#858e96;--link-hover:#666;--border-color:#000;--border-light:#ddd;--bar-bg:#000;--bar-text:#fff;--nav-bg:#333;--nav-border:#555;--sidetop-bg:#eee;--sidebody-bg:#fafafa;--footer-bg:#f8f8f8;--accent:#ff8c00;--accent-hover:#e67700}*,:after,:before{box-sizing:border-box;word-break:break-all}body{margin:0;padding:0;background-color:var(--bg-page);color:var(--text-main);font-size:13px;font-family:ＭＳ Ｐゴシック,MS PGothic,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif;line-height:1.5;transition:background-color .2s,color .2s;overflow-x:hidden}a:active,a:link{color:var(--link-color)}a:visited{color:var(--link-visited)}a:hover{color:var(--link-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6,ol,ul{margin:0;padding:0}li{list-style:none}img{max-width:100%;height:auto}#container{margin:0 auto;position:relative;border-left:1px dashed var(--border-color);border-right:1px dashed var(--border-color);min-width:1020px;max-width:1200px}#content{margin:0 8px;display:grid;grid-template-columns:290px minmax(0,1fr);grid-column-gap:10px;column-gap:10px;align-items:start}.latest-articles-bar{margin:0 8px 10px;border:1px solid var(--border-color);background:var(--bg-content)}.latest-articles-bar-title{background:var(--bar-bg);color:var(--bar-text);font-weight:700;font-size:13px;padding:5px 10px}.latest-articles-bar-list{list-style:none;margin:0;padding:0;font-size:13px;height:260px;overflow-y:scroll;scrollbar-width:thin}.latest-articles-bar-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dotted #ddd}.latest-articles-bar-list li:last-child{border-bottom:none}.latest-articles-bar-list li:before{content:"・";color:#999}.latest-articles-bar-list a{display:inline-block;color:#000;text-decoration:none;padding:6px 10px 6px 2px}.latest-articles-bar-list a:hover{text-decoration:underline}.latest-articles-bar-list::-webkit-scrollbar{width:10px}.latest-articles-bar-list::-webkit-scrollbar-track{background:#f0f0f0}.latest-articles-bar-list::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.latest-articles-bar-list::-webkit-scrollbar-thumb:hover{background:#666}#main,#sub{overflow:hidden}#main,#main .column-inner{min-width:0}#container:after{content:" ";display:block;clear:both;height:0;visibility:hidden}.site-banner{width:100%;aspect-ratio:1200/320;overflow:hidden;display:block}.site-banner a,.site-banner img{display:block;width:100%;height:100%}.site-banner img{object-fit:cover}.blog-title-outer{text-align:center;margin-bottom:8px;border-bottom:2px solid var(--border-color);padding:6px 0}#blog-description{font-size:12px;color:#555;margin:0;padding:4px}.source-thread-link-outer{margin-bottom:8px}.source-thread-link,a.source-thread-link:active,a.source-thread-link:link,a.source-thread-link:visited{display:block;text-align:center;font-size:12px;font-weight:700;color:#fff;background:var(--accent);padding:6px 0;text-decoration:none}a.source-thread-link:hover{background:var(--accent-hover);color:#fff;text-decoration:underline}.site-nav{background-color:var(--nav-bg);padding:0;margin-bottom:4px;text-align:center}.site-nav ul{display:flex;justify-content:center;gap:0}.site-nav ul li{list-style:none}.site-nav ul li a{display:block;padding:6px 16px;color:#fff!important;text-decoration:none;font-size:12px;border-right:1px solid var(--nav-border)}.site-nav ul li:first-child a{border-left:1px solid var(--nav-border)}.site-nav ul li a:hover{background-color:var(--nav-border);color:#fff}.article-outer{text-align:left;border:1px solid var(--border-color);margin-bottom:28px;padding:0;background:var(--bg-content)}.article-date-outer{background-color:var(--bar-bg);color:var(--bar-text);font-size:14px;font-weight:700;font-family:Verdana,Arial,sans-serif;margin:0;padding:4px 10px;text-align:right;display:flex;justify-content:space-between;align-items:center}.article-date-outer .article-date{margin-right:.25em}.article-category-badge{font-size:11px;background:#444;color:#fff;padding:1px 8px;border-radius:2px;font-weight:400;font-family:sans-serif}.article-title-outer{padding:0}h2.article-title{color:#666;font-size:16px;font-weight:700;margin:0;padding:8px 14px;line-height:1.4}h2.article-title a:link,h2.article-title a:visited{color:#333;text-decoration:none}h2.article-title a:hover{color:#000;text-decoration:underline}.article-excerpt{padding:4px 14px 10px;font-size:13px;color:#555;line-height:1.5}.article-card-body{display:flex;align-items:flex-start;gap:10px;padding:0 14px}.article-thumbnail-link{flex-shrink:0;display:block}.article-thumbnail{width:120px;height:90px;object-fit:cover;border:1px solid #ddd;border-radius:2px}.article-card-text{flex:1 1;min-width:0}.article-card-text .article-excerpt{padding:4px 0 10px}.article-card-text .article-more-link{margin:4px 0 12px}.article-reactions{display:flex;justify-content:center;gap:16px;padding:16px 0 10px}.reaction-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:24px;background:#fff;cursor:pointer;font-weight:700;transition:transform .1s,background .1s}.reaction-btn:active{transform:scale(.96)}.reaction-btn:disabled{cursor:default}.reaction-btn--ooo{border:2px solid #f0883e;color:#d9650f}.reaction-btn--ooo:not(:disabled):hover{background:#fff3e8}.reaction-btn--kusa{border:2px solid #4caf50;color:#2e8b30}.reaction-btn--kusa:not(:disabled):hover{background:#eefbef}.reaction-btn--pressed.reaction-btn--ooo{box-shadow:0 0 0 2px #f0883e;background:#fff3e8}.reaction-btn--pressed.reaction-btn--kusa{box-shadow:0 0 0 2px #4caf50;background:#eefbef}.reaction-btn--locked{border-color:#ccc;color:#999;background:#f2f2f2}.reaction-icon{font-size:16px}.reaction-count{font-size:13px;background:rgba(0,0,0,.06);border-radius:10px;padding:1px 8px}.article-footer{background:#f8f8f8;padding:6px 14px;border-top:1px solid #ddd;font-size:12px;color:#666;display:flex;gap:16px;align-items:center}.article-footer a{color:#666;text-decoration:none}.article-footer a:hover{text-decoration:underline;color:#000}.article-tags{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;position:relative}.article-tag{display:inline-block;font-size:11px;color:#555;background:#eee;border-radius:3px;padding:2px 6px;text-decoration:none}.article-tag:hover{background:#ddd}.tags-list{display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:var(--bg-content)}.tags-list .article-tag{font-size:13px;padding:5px 10px}.sidebar-tags-list{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:var(--sidebody-bg)}.sidebar-tags-list .article-tag{font-size:11px;padding:2px 6px}.article-tag-add{display:inline-block;font-size:11px;color:#888;background:#fff;border:1px dashed #bbb;border-radius:3px;padding:1px 6px;cursor:pointer;line-height:1.4}.article-tag-add:hover{background:#f5f5f5;color:#555}.article-title-with-tags{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid #eee}.article-title-tags-sep{color:#ccc}.reaction-badges{display:flex;gap:6px;padding:4px 14px 8px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#fff;border-radius:10px;padding:2px 8px;opacity:.55}.reaction-badge--ooo{background:#f0883e}.reaction-badge--kusa{background:#4caf50}.reaction-badge-count{background:hsla(0,0%,100%,.3);border-radius:8px;padding:0 6px}.tag-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.tag-modal{display:block;background:#fff;border-radius:6px;padding:16px 20px;width:260px;box-shadow:0 4px 16px rgba(0,0,0,.2)}.tag-modal-title{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.tag-modal-input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:13px;border:1px solid #ccc;border-radius:4px}.tag-modal-error{display:block;font-size:11px;color:#c0392b;margin-top:4px}.tag-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.tag-modal-actions button{font-size:12px;padding:4px 12px;border-radius:4px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer}.tag-modal-actions button[type=submit]{background:#333;color:#fff;border-color:#333}.article-more-link{display:inline-block;margin:4px 14px 12px;padding:4px 14px;background:#1e6fd9;color:#fff!important;text-decoration:none!important;font-size:12px;border:none;border-radius:6px;transition:background-color .15s,box-shadow .15s}.article-more-link:hover{background:#4db8ff!important;color:#fff!important;box-shadow:0 0 8px rgba(77,184,255,.8)}.article-body{background-color:#fff;padding:14px 18px;line-height:1.55;font-size:17px;font-family:ＭＳ Ｐゴシック,MS PGothic,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif}.intro-text,.outro-text{background:#f5f5f5;border-left:3px solid #888;padding:10px 14px;margin:10px 0 16px;font-size:14px;color:#444}.res-block{margin:0 0 10px;padding:0}.res-header{margin-bottom:2px;font-size:12px;color:#888;font-family:Verdana,Arial,sans-serif}.res-number{color:#444}.res-name,.res-number{font-weight:700;margin-right:4px}.res-name{color:green}.res-id{color:#888;font-size:11px}.res-op-mark{color:#c00;font-size:11px;font-weight:700;margin-left:2px}.res-body{font-size:108%;font-weight:700;padding-left:2em;line-height:1.5}.comment-body .res-anchor,.res-body .res-anchor{color:#0645ad;font-weight:400}.res-image{display:block;max-width:100%;height:auto;margin:8px 0;border:1px solid #ddd}.res-manual-images{display:flex;flex-wrap:wrap;gap:8px;padding-left:2em;margin-top:4px}.res-manual-images .res-image{max-width:300px;margin:0}.res-image-pending{display:inline-block;font-size:12px;color:#888;border:1px dashed #ccc;padding:4px 8px;margin:4px 0}.youtube-embed-wrapper{position:relative;max-width:560px;margin:8px 0;aspect-ratio:16/9}.youtube-embed-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.nico-embed-wrapper{position:relative;max-width:512px;margin:8px 0;aspect-ratio:16/9}.nico-embed-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.embed-source-link{font-size:11px;margin:2px 0 8px}.embed-source-link a{color:#888;text-decoration:none}.embed-source-link a:hover{text-decoration:underline}.res-block--highlight .res-body{color:#b05f00}.res-block--important .res-body{color:#c00}.res-block--funny .res-body{color:#070}.res-block--doubt .res-body{color:#05c}.res-body .aa-text{display:block;margin:4px 0;font-family:MS PGothic,monospace!important;font-size:13px!important;font-weight:400!important;color:#000!important;white-space:pre!important;overflow-x:auto;line-height:1.2!important}.section-divider{text-align:center;margin:18px 0 14px;position:relative}.section-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px dashed #aaa}.section-divider-label{position:relative;display:inline-block;background:#fff;padding:2px 16px;font-size:12px;color:#666;border:1px solid #ccc}#article-options{background-color:#fff}#comments-wrapper{border:1px solid var(--border-color);margin-bottom:12px}.article-option h3{margin:0;padding:4px 8px;background-color:#dcdcdc;border-bottom:1px solid #bbb;font-size:13px}.article-option ol{margin:10px 14px;list-style:decimal;padding-left:1.5em}li.comment-set{padding:8px 0;border-bottom:1px dotted #ddd}li.comment-set:last-child{border-bottom:none}ul.comment-info{padding:0;margin:0}ul.comment-info li{list-style:none;padding:0;margin:0}.comment-number-btn,li.comment-author{font-weight:700;font-size:12px;color:#333}.comment-number-btn{border:none;background:none;padding:0;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.comment-number-btn:hover{color:#0645ad}.comment-anchor{color:#0645ad;font-weight:400}li.comment-date{font-size:11px;color:#8d8d8d;margin-bottom:2px}li.comment-body{font-size:13px;line-height:1.5;margin-top:2px;white-space:pre-wrap;word-break:break-word}.comment-form-outer{border:1px solid #000;margin-bottom:12px;padding:12px 14px}.comment-form-outer h3{margin:0 0 10px;font-size:13px;padding:4px 8px;background-color:#dcdcdc}.comment-form-field{margin-bottom:8px}.comment-form-field label{display:block;font-size:12px;margin-bottom:3px;font-weight:700}.comment-form-field input[type=text],.comment-form-field textarea{width:100%;padding:5px 8px;border:1px solid #aaa;font-size:13px;font-family:inherit}.comment-form-field textarea{resize:vertical;min-height:80px}.comment-form-field .form-hint{font-size:11px;color:#888;margin-top:3px}.comment-submit-btn{background:var(--nav-bg);color:#fff;border:none;padding:6px 20px;font-size:13px;cursor:pointer}.comment-submit-btn:hover{background:var(--bar-bg)}#sub .column-inner{padding:4px 0}.sidewrapper{margin-bottom:12px}.sidetitle{background-color:var(--nav-bg);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;margin-bottom:0}.sidetop{background-color:var(--sidetop-bg);border-top:1px solid var(--border-light);height:2px}.side{background-color:var(--sidebody-bg);border:1px solid var(--border-light);border-top:none}.sidebody{padding:4px 8px;border-bottom:1px dotted #ddd;font-size:12px;line-height:1.4}.popular-tile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:6px;background:#fafafa}.popular-tile{display:block;color:#333;text-decoration:none;background:#fff;border:1px solid #ddd}.popular-tile:hover{border-color:#999}.popular-tile-thumb{width:100%;aspect-ratio:4/3;overflow:hidden;background:#eee}.popular-tile-thumb img{width:100%;height:100%;object-fit:cover;display:block}.popular-tile-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ddd,#eee)}.popular-tile-title{font-size:11px;line-height:1.3;padding:4px 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebody:last-child{border-bottom:none}.tag-rank-row a{display:flex;align-items:center;gap:4px}.tag-rank-mark{font-size:13px}.tag-rank-num{font-weight:700;color:#888}.sidebody a:link,.sidebody a:visited{color:#333;text-decoration:none}.sidebody a:hover{text-decoration:underline;color:#000}.sidebottom{background-color:var(--sidetop-bg);border-bottom:1px solid var(--border-light);height:2px}.pager{margin-bottom:12px;text-align:left;background-color:#dcdcdc;padding:8px 10px;font-size:12px}.pager a{color:#000}.pager a:hover{text-decoration:underline}.inquiry-table{width:100%;border-collapse:collapse;font-size:13px}.inquiry-table td,.inquiry-table th{border-bottom:1px solid var(--border-light);padding:6px 8px;text-align:left}.inquiry-table th{background:var(--sidetop-bg);font-size:12px}.inquiry-status--unresolved{color:#e53e3e;font-weight:700}.inquiry-status--resolved{color:#28a745;font-weight:700}.article-pager{display:flex;justify-content:space-between;gap:12px;margin:16px 0;padding:10px 14px;background-color:#dcdcdc;font-size:12px}.article-pager-prev{text-align:left}.article-pager-next{text-align:right}.article-pager a{color:#000;text-decoration:none}.article-pager a:hover{text-decoration:underline}.pagination{display:flex;gap:4px;align-items:center;justify-content:center;padding:10px 0}.pagination a,.pagination span{display:inline-block;padding:4px 10px;border:1px solid #aaa;text-decoration:none;color:#333;font-size:12px}.pagination .current{background:var(--nav-bg);color:#fff;border-color:var(--nav-bg)}.pagination a:hover{background:#eee}.pagination a.pagination-nav{border:none;text-decoration:underline;padding:4px}.pagination a.pagination-nav:hover{background:none;color:#000}.pagination .pagination-ellipsis{border:none;padding:4px 2px;color:#999}#footer{clear:both;border-top:2px solid var(--border-color);padding:12px;text-align:center;font-size:12px;color:var(--text-muted);background:var(--footer-bg)}#footer a{color:#666}#footer a:hover{text-decoration:underline}h1.article-title-single{color:#444;font-size:20px;font-weight:700;margin:0;padding:0;line-height:1.4}.utility-top{text-align:right;font-size:11px;color:#888;padding:2px 8px;background:#f0f0f0;border-bottom:1px solid #ddd}.theme-toggle-btn{margin-left:10px;border:1px solid var(--border-light);background:var(--bg-content);color:var(--text-muted);font-size:11px;padding:2px 8px;border-radius:10px;cursor:pointer}.theme-toggle-btn:hover{border-color:var(--nav-bg);color:var(--text-main)}.empty-state{text-align:center;padding:40px;color:#888;font-size:14px}.archive-index-list{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.archive-index-item{display:inline-block;padding:6px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:3px;color:#000;text-decoration:none;font-size:13px}.archive-index-item:hover{background:#e8e8e8;text-decoration:underline}@media (max-width:1100px){#container{min-width:0}}@media (max-width:900px){#content{grid-template-columns:220px minmax(0,1fr)}.popular-tile-grid{grid-template-columns:1fr}}@media (max-width:600px){#content{margin:0 4px;grid-template-columns:minmax(0,1fr)}#main{order:1}#sub{order:2;margin-top:12px}.blog-title-outer{padding:4px 0}#blog-description{font-size:11px;padding:2px}.source-thread-link{font-size:11px;padding:6px 4px;word-break:break-all}.site-nav{overflow-x:auto}.site-nav ul{justify-content:flex-start;width:max-content;min-width:100%}.site-nav ul li a{padding:6px 10px;font-size:11px}.latest-articles-bar-list{height:200px}.article-date-outer{flex-wrap:wrap;gap:4px;font-size:12px}h1.article-title-single{font-size:16px}.popular-tile-grid{grid-template-columns:1fr 1fr}.article-title-with-tags{gap:4px}.article-reactions,.reaction-badges{flex-wrap:wrap}.inquiry-table{display:block;overflow-x:auto;white-space:nowrap}}