/* <system section="theme" selected="6802418398330376258"> */
@charset "UTF-8"; /*Responsive:yes*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ :root{--background:#f7f7f8;--box:#f7f7f8;--block:#fff;--text:#333;--text-light:#777;--link:#06c;--border:#ddd;--accent:lightsalmon;--marker:#fff082}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}html,body{font-size:1rem;line-height:1.6;font-weight:400;font-family:system-ui,sans-serif;background-color:var(--background);letter-spacing:.05em;color:var(--text)}html a,body a{color:var(--link);text-decoration:none}html a:hover,body a:hover{text-decoration:underline}html h1 a,html h2 a,html h3 a,html h4 a,html h5 a,html h6 a,body h1 a,body h2 a,body h3 a,body h4 a,body h5 a,body h6 a{color:var(--text)}#blog-title-content,#top-box,#content,#footer-inner{padding:0 10px;max-width:700px;margin:auto}#content-inner{display:flex;flex-wrap:wrap;justify-content:space-between}#wrapper{width:100%;margin-bottom:1.3rem}#box2{width:100%}#blog-title{margin:0;text-align:center}#title{padding:20px 0;margin:0;font-size:1.5rem}#title a{color:var(--text)}#blog-description{font-weight:400;font-size:.8rem;margin:0 0 1.3rem}.header-image-enable #blog-title{margin:0 0 1.3rem}.header-image-enable #blog-title-inner{background-size:cover}#top-editarea{margin-bottom:1.3rem}.breadcrumb{font-size:.8rem;margin:0 1.3rem 5px!important}.entry{box-sizing:border-box;padding:1.3rem;margin-bottom:1.3rem;background-color:var(--block);border-radius:10px}.entry-header{position:relative;margin-bottom:1.3rem;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.entry-header .date{order:2;margin:auto 0;font-size:.8rem}.entry-header .date a{color:var(--text-light)}.entry-header .entry-title{order:3;width:100%;margin:0;font-size:1.4em}.entry-header .categories{order:1}.entry-header .categories a{background:var(--box);padding:.25em .4em;text-decoration:none;font-size:.8rem;color:var(--text-light)}.entry-header .categories a::before{content:"\f022";font-family:blogicon;padding-right:.3em}.entry-header-menu{position:absolute;top:-20px;right:0}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:2em 0 1.6rem}.entry-content h1{font-size:1.6em}.entry-content h2{font-size:1.5em;border-bottom:1px solid var(--text)}.entry-content h3{font-size:1.4em;border-left:5px solid var(--text);padding-left:1rem}.entry-content h4{font-size:1.2em}.entry-content h5{font-size:1.1em}.entry-content h6{font-size:1em}.entry-content p{margin:0 0 1.5em}.entry-content .keyword{border-bottom:1px dotted #ddd}.entry-content mark{background:linear-gradient(transparent 60%,var(--marker) 0%)}.entry-content ul,.entry-content ol{padding-left:2em;margin:0 0 1.6em}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em;width:100%;overflow:auto;display:block;font-size:.8rem}.entry-content table th,.entry-content table td{border:1px solid var(--border);padding:5px 10px}.entry-content table th{background:var(--box)}.entry-content blockquote{border-left:4px solid var(--border);margin:0 0 1em;padding-left:1.6rem}.entry-content blockquote p:first-of-type{margin-top:0}.entry-content blockquote p:last-of-type{margin-bottom:0}.entry-content pre,.entry-content code{font-family:"Monaco","Consolas","Courier New",Courier,monospace,sans-serif;border-radius:3px}.entry-content pre{position:relative;background:var(--box);border:none;white-space:pre;overflow:auto;line-height:1.3;font-size:.8rem;padding:1em}.entry-content pre.code:not([data-lang=""]){padding-top:2em}.entry-content pre.code:not([data-lang=""]):before{content:attr(data-lang);display:inline-block;color:var(--box);background-color:#888;padding:2px 4px;position:absolute;transform:translateY(-2em);word-break:break-all}.entry-content code{background:var(--box);margin:0 2px;padding:0 5px;font-size:.9em;user-select:all}.entry-content hr{border:none;border-top:1px solid var(--border);margin:2em auto}.entry-content .table-of-contents{padding:.6em 2em;border:1px solid var(--border);border-radius:10px}.entry-content .table-of-contents a{color:var(--text)}.entry-content .table-of-contents a:hover{color:var(--accent)}.entry-content .table-of-contents::before{content:"目次";display:block;margin-bottom:1rem;font-size:1.2em;font-weight:700;text-align:center}.entry-content .table-of-contents ul{margin-bottom:.5em}.entry-content .table-of-contents li{list-style:inside decimal}.entry-content .table-of-contents li::marker{color:var(--accent)}.entry-content .table-of-contents li ul li{list-style:none disc;font-size:.9em}.entry-footer .social-buttons{margin-bottom:1em}.entry-footer-section{color:var(--text-light);font-size:.9rem}.entry-footer-section a{color:var(--text-light)}.comment-box{margin:1em 0;font-size:.8rem}.comment-box p{margin:0 0 .4em 0}.comment-box .comment{list-style:none;padding:0}.comment-box .entry-comment{padding:10px 0;border-bottom:1px solid var(--border)}.comment-box .entry-comment:first-child{border-top:1px solid var(--border)}.comment-box .read-more-comments{padding:10px 0}.comment-box .hatena-id-icon{width:1em!important;height:1em!important}.comment-user-name{font-weight:700}.comment-user-name a{color:var(--accent)}.comment-content{word-wrap:break-word;color:var(--text)}.comment-metadata{color:var(--text-light)}.leave-comment-title,.entry-see-more{padding:.6em 1em;border-radius:1em;background-color:var(--accent);color:#fff}.pager{font-size:.8rem}.pager .pager-prev,.pager .pager-next{box-sizing:border-box;padding:1.3rem;margin-bottom:1.3rem;background-color:#fff;border-radius:10px;width:100%}@media (min-width:450px){.pager .pager-prev,.pager .pager-next{width:calc((100% - 1.3rem) / 2)}}.pager .pager-prev a,.pager .pager-next a{color:var(--text)}.pager .pager-prev a::before,.pager .pager-next a::before{display:block;color:var(--text-light)}.pager .pager-arrow{display:none}.pager .pager-next{float:left}.pager .pager-next a::before{content:"‹ PREV"}.pager .pager-prev{float:right;text-align:right}.pager .pager-prev a::before{content:"NEXT ›"}.hatena-module{box-sizing:border-box;padding:1.3rem;background-color:var(--block);border-radius:10px;margin-bottom:1.3rem;font-size:.9rem}.hatena-module a{color:var(--text)}.hatena-module a:hover{color:var(--accent)}.hatena-module-title{margin-bottom:.6em;padding-bottom:.2em;border-bottom:1px solid var(--border);font-size:1rem;font-weight:700}.hatena-module-profile .hatena-module-body{display:flex;flex-wrap:wrap}.hatena-module-profile .hatena-module-body div{width:100%}.hatena-module-profile .hatena-module-body .profile-icon{margin-right:.5rem;width:64px;height:64px;background:#fff;border:1px solid var(--border);border-radius:50%}.hatena-module-profile .hatena-module-body .id{font-weight:700;margin:auto 0}.hatena-module-profile .hatena-module-body .profile-description p{margin:0;font-size:.8rem}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li {padding:.5em 0;}.hatena-urllist .urllist-item-inner{display:flex;flex-wrap:wrap;gap:3px}.hatena-urllist .urllist-image-link{width:100%;height:auto}.hatena-urllist .urllist-image-link .urllist-image{border-radius:5px}.hatena-urllist .urllist-date-link{margin:auto 0;line-height:1em;font-size:.7rem}.hatena-urllist .urllist-title-link{order:1;width:100%;font-weight:700;font-size:.9rem}.hatena-urllist .urllist-categories{line-height:1em}.hatena-urllist .urllist-categories a{background:var(--box);padding:.25em .4em;text-decoration:none;font-size:.6rem;color:var(--text-light)}.hatena-urllist .urllist-categories a::before{content:"\f022";font-family:blogicon;padding-right:.3em}.hatena-urllist .urllist-entry-body{order:2;font-size:.8rem;width:100%}.urllist-with-thumbnails{display:block}@media (min-width:450px){.urllist-with-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.3rem}}.entry-footer-modules .hatena-module{padding:0}.entry-footer-modules .hatena-urllist{display:block}.entry-footer-modules .hatena-urllist .urllist-item-inner{display:inline}.hatena-module-search-box{padding:0}.hatena-module-search-box .hatena-module-title{display:none}.hatena-module-search-box .search-form{border:1px solid var(--border);border-radius:10px;box-sizing:border-box;display:flex;align-items:center}.hatena-module-search-box .search-module-input{flex:1 0;padding:10px;background:none;border:none;outline:none;height:20px}.hatena-module-search-box .search-module-button{width:24px;height:24px;margin-right:8px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='a' width='20' height='20'/%3E%3C/svg%3E") no-repeat center;background-size:20px 20px;border:none;outline:none;color:transparent;overflow:hidden;opacity:.5;cursor:pointer}.hatena-module-search-box .search-module-button:hover{opacity:.85}.page-about .entry-content dt{font-weight:700;border-bottom:1px solid var(--border);margin-bottom:.5em}.page-about .entry-content dd{margin-left:0;margin-bottom:2em}.archive-header-category{text-align:center}.archive-entries .archive-entry{display:grid;grid-template-columns:30% auto;grid-template-areas:"thumb title";gap:.5rem;margin-bottom:1.3rem;line-height:1.5;position:relative;background-color:var(--block)}.archive-entries .archive-entry .date{font-size:.8rem}.archive-entries .archive-entry .date a{color:var(--text-light)}.archive-entries .archive-entry .entry-title{font-size:1rem;margin:.3rem 0 0}.archive-entries .archive-entry .categories{position:absolute;top:-5px;right:0}.archive-entries .archive-entry .categories a{background:var(--box);padding:.25em .4em;text-decoration:none;font-size:.7em;color:var(--text-light)}.archive-entries .archive-entry .categories a::before{content:"\f022";font-family:blogicon;padding-right:.3em}.archive-entries .archive-entry .entry-thumb-link{grid-area:thumb;aspect-ratio:1/1}@media (min-width:450px){.archive-entries .archive-entry .entry-thumb-link{aspect-ratio:8/5}}.archive-entries .archive-entry .entry-thumb-link .entry-thumb{width:100%;height:100%;border-radius:5px}.archive-entries .archive-entry .archive-entry-body{display:none}#footer,#bottom-editarea{background-color:#efeff1;padding:1rem 0;text-align:center;font-size:.8rem;color:var(--text-light)}#footer a,#bottom-editarea a{color:var(--text-light)}#footer p,#bottom-editarea p{margin:.5em auto}
/* </system> */

html{scroll-behavior:smooth;}
#page-top{
    position:fixed;right:20px;bottom:50px;font-size:1.6rem;height:30px;width:30px;line-height:30px;text-align:center;background-color:#fffc;padding:10px;border:none;border-radius:50%;box-shadow:0 2px 6px var(--border);}
div.easyLink-box{max-width:600px!important;padding:0 10px!important;margin-bottom:20px!important;border-radius:1rem}.easyLink-info-model{display:none}.easyLink-info-maker{margin-top:10px!important}.easyLink-info-name{font-weight:bold!important;line-height:1.5!important}@media only screen and (min-width:768px){.easyLink-info-btn a{width:30%!important}}
.recomendbox{position:relative;padding:1em;margin:1.6em 0;border:1px solid var(--text);border-radius:1rem}.recomendbox .boxlabel{position:absolute;top:0;left:20px;font-size:.9em;font-weight:600;padding:0 10px;transform:translateY(-50%);background-color:var(--block)}.recomendbox ul{padding:0;margin:0;list-style:none}@media(max-width:512px){.recomendbox{font-size:.9rem;}}
.blog-card{width:100%;border-radius:10px;margin:1.6rem 0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:#fff;transition:transform 0.3s ease}.blog-card:hover{transform:translateY(-3px)}.blog-card a{display:block;text-decoration:none!important;color:inherit}.blog-card-inner{display:flex;align-items:stretch}.blog-card-thumbnail{flex-shrink:0;width:30%;max-width:180px;height:auto}.blog-card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-content{flex-grow:1;padding:1em}.blog-card-title{font-size:1em;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card-description{font-size:.8em;color:#555;margin:.5em 0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-card-footer{display:flex;align-items:center;font-size:.7em;color:#888;justify-content:flex-end}@media (max-width:512px){.blog-card{font-size:.8rem}.blog-card-description,.blog-card-footer{display:none}}