/* <system section="theme" selected="6802418398330376258"> */
@charset "UTF-8";/*Responsive:yes*/:root{--background:oklch(.99 0 0);--box:oklch(.95 0 0);--block:oklch(.99 0 0);--text:oklch(.22 0 0);--text-light:oklch(.5 0 0);--link:#06c;--border:oklch(.9 0 0);--accent:darkkhaki;--marker:#fff082}html{font-size:1rem;background-color:var(--background);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:system-ui,sans-serif;font-weight:400;line-height:1.5;letter-spacing:.02em;color:var(--text)}a{color:var(--link);text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3,h4,h5,h6{color:var(--text)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}#blog-title-content,#top-box,#content,#footer-inner{max-width:700px;margin:auto}#content-inner{display:flex;flex-wrap:wrap;justify-content:space-between}#wrapper{box-sizing:border-box;margin-bottom:1.3rem;padding:1.3rem 1rem;width:100%;background-color:var(--block);border-radius:8px;overflow-wrap:break-word}#box2{width:100%}#blog-title{margin:0;text-align:center}#title{padding:15px 0;margin:0;font-size:1.6rem}#title a{color:var(--text)}#blog-description{font-weight:400;font-size:.8rem;margin:0 0 1.3rem}#top-editarea{margin-bottom:1.3rem}.breadcrumb{font-size:.8rem;padding:0 1rem}.entry{box-sizing:border-box;margin-bottom:1.3rem}.entry-header{position:relative;margin-bottom:1.3rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.entry-header .entry-title{order:1;width:100%;margin:0;font-size:1.4em}.entry-header .categories{order:2}.entry-header .categories a{background:var(--accent);padding:.3em .5em;font-size:.8rem;color:var(--block)}.entry-header .categories a::before{content:"\f022";font-family:blogicon;padding-right:.3em}.entry-header .date{order:3;margin:auto 0;font-size:.8rem}.entry-header .date a{color:var(--text-light)}.entry-header-menu{position:absolute;top:-20px;right:0}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h1{font-size:1.6em}.entry-content h2{font-size:clamp(1.3em,4vw,1.6em);border-bottom:1px solid var(--text)}.entry-content h3{font-size:clamp(1.2em,3.5vw,1.4em);border-left:4px solid var(--text);padding-left:1rem;margin-top:3rem}.entry-content h4{font-size:clamp(1.1em,3vw,1.2em);margin-top:2rem}.entry-content h5{font-size:clamp(1em,2vw,1.1em)}.entry-content h6{font-size:1em}.entry-content p{margin:1.8em 0;line-height:1.8}.entry-content p a{text-decoration:underline}.entry-content .keyword{text-decoration:none}.entry-content mark{background:linear-gradient(transparent 60%,var(--marker) 0%)}.entry-content li{margin:.25em 0}.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);padding-left:1.6rem}.entry-content blockquote p{margin:0}.entry-content pre,.entry-content code{font-family:"Monaco","Consolas","Courier New",monospace;border-radius:4px}.entry-content pre{position:relative;background-color:#fff;border:1px solid var(--border);white-space:pre;overflow:auto;font-size:.8rem;padding:1rem}.entry-content pre.code:not([data-lang=""]):before{content:attr(data-lang);display:inline-block;color:#fff;background-color:var(--accent);padding:0 4px;position:absolute;top:0;right:0;word-break:break-all}.entry-content code{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{margin:2em 0;padding:1.3em;border-top:1px solid var(--text);border-bottom:1px solid var(--text)}.entry-content .table-of-contents::before{content:"─　目次　─";display:block;font-weight:700;text-align:center}.entry-content .table-of-contents a{color:var(--text)}.entry-content .table-of-contents a:hover{color:var(--accent)}.entry-content .table-of-contents li{list-style:inside decimal}.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)}.entry-header .categories a:hover,.hatena-urllist .urllist-categories:hover,.archive-entries .categories:hover{color:var(--block);opacity:.5;box-shadow:none}.pager{font-size:.8rem}.pager .pager-prev,.pager .pager-next{box-sizing:border-box;padding:.4rem;margin-bottom:1.3rem;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{display:inline-block;position:relative;transition:transform 0.3s;color:var(--text)}.pager .pager-arrow{display:none}.pager .pager-next{float:left;border-left:4px double var(--accent)}.pager .pager-next a:hover{transform:translateX(-4px);color:var(--accent)}.pager .pager-prev{float:right;text-align:right;border-right:4px double var(--accent)}.pager .pager-prev a:hover{transform:translateX(4px);color:var(--accent)}.hatena-module{box-sizing:border-box;margin-bottom:1.3rem;padding:1.3rem 1rem;font-size:.9rem;background-color:var(--block);border-radius:8px}.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:5px}.hatena-urllist .urllist-image-link{width:100%;height:auto;margin:0}.hatena-urllist .urllist-image-link .urllist-image{border-radius:4px;width:100%;height:auto;margin:0}.hatena-urllist .urllist-date-link{order:3;margin:auto 0;line-height:1em;font-size:.7rem;color:var(--text-light)}.hatena-urllist .urllist-title-link{width:100%;font-weight:700;font-size:clamp(12px,2.5vw,.9em)}.hatena-urllist .urllist-categories{order:2;background:var(--accent);padding:.25em .4em;line-height:1em;font-size:.6rem}.bookmark-widget-counter{display:none}.hatena-urllist .urllist-categories a{color:var(--block);margin:0}.hatena-urllist .urllist-entry-body{order:1;font-size:clamp(9px,2vw,.8em);width:100%}.urllist-with-thumbnails{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width:450px){.urllist-with-thumbnails{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.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 1rem}.hatena-module-search-box .hatena-module-title{display:none}.hatena-module-search-box .search-form{border:1px solid var(--border);border-radius:8px;background-color:#fff;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{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.archive-entries .archive-entry{display:flex;flex-direction:column;box-sizing:border-box;position:relative}.archive-entry-header{display:flex;flex-direction:column-reverse;order:2}.archive-entries .date a{font-size:.7rem;color:var(--text-light)}.archive-entries .entry-title{font-size:clamp(12px,2.5vw,1rem);margin:1rem 0 0;padding:0;font-weight:700}.archive-entries .categories{position:absolute;z-index:10;top:0;right:0;background:var(--accent);padding:.2em .4em;font-size:clamp(9px,2.5vw,.8rem)}.archive-entries .categories a{color:var(--block)}.archive-entries .categories a::before{content:"\f022";font-family:blogicon;padding-right:.3em}.archive-entry .entry-thumb{background-size:cover;background-position:50%;height:100%;width:100%;position:absolute;top:0;left:0;margin:0;padding:0;transition:.25s ease-in-out}.archive-entries .entry-thumb-link{position:relative;padding-top:56.25%;overflow:hidden;width:100%;height:auto}.archive-entries .archive-entry-body{display:none}#footer,#bottom-editarea{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}.footer-address img{display:none}#page-top{position:fixed;right:20px;bottom:50px;height:30px;width:30px;background-color:#fffc;border:none;border-radius:50%;box-shadow:0 2px 6px var(--border);padding:10px;font-size:1.6rem;line-height:30px;text-align:center}.easyLink-box{padding:0 10px!important;margin-bottom:20px!important;border-radius:1rem}.easyLink-img{max-width:100%;height:auto;object-fit:cover}.easyLink-info-model{display:none}.easyLink-info-maker{margin-top:10px!important}.easyLink-info-name{font-weight:bold!important}@media only screen and (min-width:704px){.easyLink-info-btn a{width:30%!important}}
/* </system> */

.recomendbox{position:relative;padding:1em;margin:3.2em 0 1.6em;border:1px solid var(--accent);border-radius:4px}.recomendbox .boxlabel{position:absolute;top:0;left:20px;color:#fff;font-size:.9em;font-weight:600;border-radius:2px;padding:0 8px;transform:translateY(-50%);background-color:var(--accent)}.recomendbox ul{padding:0;margin:0;list-style:none}
.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}}