@charset "UTF-8";:root{--max-w:1280px;--content-gutter:1rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--brand:hsl(197, 100%, 39%);--brand-hover:#059fce;--text:#111;--muted:#666;--muted-2:#888;--border:#ddd;--surface:#fff;--page:#eee;--header-h:75px;--leading:1.75;--leading-tight:1.4;--fs-sm:0.9rem;--fs-base:1rem;--fs-lg:clamp(1.15rem, 1.1rem + 0.4vw, 1.4rem);--fs-xl:clamp(1.35rem, 1.2rem + 1vw, 1.9rem)}@font-face{font-family:biz udpgothic;font-style:normal;font-weight:400;src:local('BIZ UDPGothic Regular'),local('BIZ UDPGothic'),url(https://fonts.gstatic.com/ea/bizudpgothic/v5/BIZUDPGothic-Regular.woff2)format('woff2');font-display:swap}@font-face{font-family:biz udpgothic;font-style:normal;font-weight:700;src:local('BIZ UDPGothic Bold'),url(https://fonts.gstatic.com/ea/bizudpgothic/v5/BIZUDPGothic-Bold.woff2)format('woff2');font-display:swap}html{text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;color:var(--text);background:var(--page);font-family:biz udpgothic,yu gothic ui,meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:var(--leading);font-size:var(--fs-base);padding-top:var(--header-h)}body{padding-top:var(--header-h)}main{max-width:100%;margin:0 auto}#content{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;justify-content:center;background:var(--surface)}#content p{margin-block:0 .75rem}h1,h2,h3,h4{font-weight:700;line-height:var(--leading-tight);margin:0}h1{font-size:var(--fs-xl);padding:.25rem .25rem .25rem 0}h2{font-size:var(--fs-lg);margin-top:1.25rem}h3{font-size:1.1rem;margin-top:1.1rem}h4{font-size:var(--fs-sm);font-weight:600;line-height:1.6}i,em{font-style:italic}strong{font-weight:700}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover)}a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a.previous,a.next{font-size:1.2rem;padding:1rem;text-decoration:none}.entry_title a{color:#2f9cf5}a.summary{color:#272727;font-size:.875em;padding:2px 10px}ul,ol{padding-left:1.25rem}li{margin-bottom:.8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:0;top:0;background:var(--brand);color:#fff;padding:.5rem .75rem;border-radius:var(--radius-sm);z-index:10000}img{max-width:100%;height:auto;display:block}figure{margin:0}figcaption{font-size:var(--fs-sm);color:var(--muted);margin:.25rem 0 .6rem}iframe{width:100%;border:0;aspect-ratio:16/9}header{position:fixed;inset:0 0 auto 0;height:var(--header-h);display:grid;grid-template-columns:70px 1fr 70px;align-items:center;background:linear-gradient(#1bb8e7,rgba(28,169,212,.8));z-index:1000;border-bottom-left-radius:50% 20px;border-bottom-right-radius:50% 20px}.header_left{width:70px;height:calc(var(--header-h) - 1px)}.header_center{text-align:center}img.blogtitle{width:min(250px,60vw);margin:0 auto;padding:0;border:none;align-self:center}section.blog-content{align-self:center;margin-top:1.5rem;max-width:95%}section.pagenotfound{padding-top:2rem;text-align:center}p.description{margin:0 auto;font-weight:300;font-size:.875rem;text-align:center}section.taglist{margin-top:1.5rem;max-width:var(--max-w);padding:10px}h3.tag{font-size:1.25rem;line-height:2;padding:5px}ul#taglist{display:inline-block;padding-left:1rem}.tag_line{margin:0;padding:0;font-size:15px;display:flex;gap:.5rem;align-items:center}.tag_line p{margin:0}ul#tag_pickup{margin:0;padding:0;display:flex;gap:.75rem}li.tag-meta{align-self:flex-end;line-height:1.2;padding-left:5px;list-style:none}li.tags{font-size:15px;display:flex;gap:.5rem;align-items:center;margin:0 12px 0 2px;list-style:none}ul#tag_pickup p{font-size:18px;margin:0}section.indexpage{max-width:98%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}article.toplist{max-width:255px;padding:0;margin:50px 5px 0;border:1px solid #ccc;border-radius:var(--radius-sm);background:var(--surface)}.meta{font-size:15px;padding-left:20px}.title_line{display:flex;flex-wrap:wrap;gap:.5rem;line-height:1.5rem;align-items:baseline}.list-title{margin:0;padding:2px 10px 1px}.list-title p{margin:0}li.related{list-style:none;margin:2px 0 2px 20px;line-height:1.5;padding:2px}li.related::before{content:"👉";margin-right:10px}nav[aria-label=Pagination],.pagination{text-align:center}ul.pagination{margin:0;padding-left:0;list-style:none}ul.pagination li{font-size:1.1em;display:inline-block;padding:8px}.prevnextlink{margin:30px 0;font-size:16px;line-height:2rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.prevlink{text-align:right;padding:10px}.nextlink{padding:10px}footer{width:100%;max-width:var(--max-w);margin:30px auto 70px;background:var(--surface);text-align:center;line-height:2rem;font-size:12px;padding:20px 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.entry-content{margin-top:40px}p.date{padding-left:10px;font-size:.8rem;font-weight:400}p.small{font-size:var(--fs-sm)}figure.featured_img{margin:0 auto;padding:10px 0 30px;display:block}.table-wrap{overflow-x:auto}table{width:100%;margin:15px 0;border-collapse:collapse;border:1px solid #777}caption{text-align:left;font-size:1.1rem;margin-bottom:.25rem}th,td{padding:.6rem;border:1px solid #777;vertical-align:top}th{background:color-mix(in oklab,var(--border) 40%,transparent);text-align:left}tr:nth-child(even) td{background:color-mix(in oklab,var(--border) 22%,transparent)}time{font-size:.8125rem;line-height:1.2}hr.dark{border:1px dotted #888;margin:20px 10px}#page_top{position:fixed;bottom:30px;right:20px}#page_top a{background:#0898c4;color:#fff;text-align:center;text-decoration:none;padding:13px 10px;border-radius:30px;display:inline-block;min-width:44px;min-height:44px}#page_top a:hover{background:#0fb7eb}#page_top a:focus-visible{outline:2px solid #fff;outline-offset:2px}.socialshare{max-width:98%;padding:40px 0;display:flex;gap:10px;justify-content:center}img.socialicon{width:44px;height:44px;margin:5px;border:none}.amazonlink{max-width:98%;margin:40px 0;display:inline-flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.amazontitle{text-align:left;font-size:1.1rem}.amazontitle>small{line-height:1}.buy-amazon{margin-top:.75rem}.buy-amazon a{padding:8px;border-radius:4px;border:1.5px solid;display:inline-block}#disqus_thread{margin-inline:20px}a.dsq-brlink{display:inline-block;width:80%;margin-left:20px}.card{display:flex;gap:1rem;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,8%);transition:transform .2s ease,box-shadow .2s ease;background:var(--surface)}.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.card:focus-within{outline:2px solid var(--brand);outline-offset:2px}.card-image{flex:0 0 220px;overflow:hidden}.card-image img{width:220px;height:100%;object-fit:cover;display:block}.card-body{flex:1;padding:.75rem 1rem;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.card-title{font-size:1rem;font-weight:700;margin:0;color:#333}.card-description{font-size:.95rem;color:var(--muted);margin:0}.card-url{font-size:.8rem;color:var(--muted-2);word-break:break-all}@media(max-width:673px){#content{padding-inline:var(--content-gutter)}h1#title{font-size:1rem}.title_line{flex-direction:column}h2.entry_title a{font-size:1rem;line-height:1.1;margin:0;padding:0}header{width:100%;margin:0;padding:0}img.blogtitle{max-width:210px}main{max-width:98%;margin:0 auto}footer{max-width:98%;margin:30px auto}article.toplist{margin:5px}.prevnextlink{margin:30px 0;font-size:1rem}.prevlink,.nextlink{padding:10px}section.taglist{align-self:center}li.tags{flex-direction:column;margin-left:5px}.meta{font-size:15px;margin-left:0}.card{flex-direction:column}.card-image{flex-basis:auto}.card-image img{width:100%;height:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}