/* <system section="theme" selected="6802418398484078173"> */
@charset "UTF-8";
/*
  Theme: ivoire
  Author: Toshiaki_Ha5491
  Responsive: yes
  Description: 2カラムレイアウトを採用し、レスポンシブ対応、ダークテーマにも対応（別途JavaScript導入必須）。
               ブレークポイント769px/841px/1201px/1601px
*/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons&display=swap);html{font-size:1rem;line-height:1.72;scroll-behavior:smooth}body{margin:0;overflow-x:hidden}.image-container{display:flex;gap:10px}.image-container img{width:100%;aspect-ratio:4/3;object-fit:cover}sub,sup{line-height:0}sub{bottom:-.25em}sup{top:-.5em}body,button,html,input,optgroup,select,textarea{font-family:'Noto Sans JP','Helvetica Neue',Helvetica,Arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',-apple-system,BlinkMacSystemFont,sans-serif}button,input,optgroup,select,textarea{font-size:100%}body,html{color:light-dark(#202124,#bebebe);background-color:light-dark(#fff,#121212)}a{color:light-dark(#202124,#bebebe)}a:hover{color:light-dark(#0066be,#a8dab5)}h1,h2,h3,h4,h5,h6{line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:light-dark(#0066be,#a8dab5)}#container,#footer,#footer-area{padding:0 10px}.entry-content{font-size:1.15rem;line-height:1.72;padding:0 .75rem}@media (min-width:841px){#container,#footer,#footer-area{width:720px;margin:auto;padding:0}.entry-content{padding:0}}@media (min-width:1201px){#container,#footer,#footer-area{width:940px}}@media (min-width:1601px){#container,#footer,#footer-area{width:1200px}}#content-inner{display:flex;flex-direction:column;justify-content:space-between}@media (min-width:841px){#content-inner{flex-direction:row}#wrapper{width:480px}#box2{width:200px}}@media (min-width:1201px){#wrapper{width:600px}#box2{width:300px}}@media (min-width:1601px){#wrapper{width:800px}}#blog-title{margin:2rem 0;text-align:left}@media (min-width:841px){#blog-title{margin:3rem 0}}#blog-title a{color:light-dark(#202124,#e8eaed)}#title{margin:0;font-size:1.5rem}#blog-description{font-weight:400;font-size:.8rem;margin:1rem 0 0}#top-editarea{margin-bottom:1rem}.breadcrumb{font-size:.9rem}.entry-icon{font-size:1.15rem;line-height:1.72}.entry-content a{color:light-dark(#0066be,#a8dab5)}.entry{position:relative}.entry-header{position:relative}.date{font-size:.9rem}.date a{text-decoration:none}a:has(> time){pointer-events:none;cursor:default;text-decoration:none;color:inherit}.entry-title{font-size:2.25rem;color:light-dark(#000,#e8eaed)}.page-entry .entry-title a{pointer-events:none;text-decoration:none;color:inherit}.categories{margin:1.5rem 0;font-size:.9rem}.categories a{display:inline-block;margin-right:.5rem;padding:.7rem;font-weight:700}.entry-header-menu{position:absolute;top:0;right:0}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content a:visited{color:light-dark(#500050,#a58fb2)}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1rem 0 .8rem;color:light-dark(#202124,#e8eaed)}.entry-content h1{font-size:1.75rem}.entry-content h2{font-size:1.5rem}.entry-content h3{font-size:1.375rem;border-bottom:solid 1px light-dark(#202124,#e8eaed);padding-bottom:.5em}.entry-content h4{padding:.25rem .5rem .25rem 1rem;position:relative;font-size:1.25rem}.entry-content h4::before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:0;width:6px;background-color:light-dark(#1967d2,#8ab4f8);border-radius:6px}.entry-content h5{font-size:1.125rem}.entry-content h6{font-size:1rem}.entry-content dd,.entry-content ol,.entry-content ul{margin:0 0 1rem 1.5rem;padding:0}.entry-content dd li ol,.entry-content dd li ul,.entry-content ol li ol,.entry-content ol li ul,.entry-content ul li ol,.entry-content ul li ul{margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1rem;width:100%;overflow:auto;display:block;font-size:.875rem}.entry-content table th{text-align:center;vertical-align:middle;padding:.3125rem .625rem;border:1px solid light-dark(#dadce0,#5f6368);background:light-dark(#1967d2,#8ab4f8);color:light-dark(#fff,#121212);width:auto}.entry-content table td{text-align:left;vertical-align:middle;border:1px solid light-dark(#dadce0,#5f6368);padding:.3125rem .625rem;width:auto}.entry-content blockquote{position:relative;border:1px solid light-dark(#dadce0,#5f6368);border-radius:8px;margin:0 0 10px;padding:3rem;background:light-dark(#f8f9fa,#28292c)}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content blockquote::after,.entry-content blockquote::before{font-family:'Material Icons';content:'format_quote';position:absolute;color:#dadce0;font-size:36px;pointer-events:none}.entry-content blockquote::before{top:10px;left:10px}.entry-content blockquote::after{bottom:10px;right:10px}.entry-content pre{background:light-dark(#f8f9fa,#28292c);border:1px solid light-dark(#dadce0,#5f6368);border-radius:5px;white-space:pre-wrap;text-overflow:ellipsis;line-height:1.333;font-size:.875rem;padding:10px}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:transparent;font-family:inherit}.entry-content code{font-size:.875rem;margin:0 2px;padding:0 5px;background-color:light-dark(#f8f9fa,#28292c);border:1px solid light-dark(#dadce0,#5f6368);border-radius:3px}.entry-content hr{width:100%;border:none;border-top:1px solid light-dark(#202124,#bebebe);margin:2rem auto}.entry-content .table-of-contents{margin:2rem 0;padding:.7rem 1.2rem 1.2rem;font-size:.875rem;border:1px solid light-dark(#1967d2,#8ab4f8);border-radius:2px}.entry-content .table-of-contents a{color:light-dark(#202124,#bebebe)}.entry-content .table-of-contents a:hover{color:light-dark(#0066be,#a8dab5)}.table-of-contents:before{content:"【目次】";font-weight:Bold;position:static;display:block;text-align:center;margin:0 0 .8rem;padding-bottom:.4rem}.entry-content .table-of-contents li{margin:.2rem 0 1rem 1rem;list-style-type:decimal}.entry-content .table-of-contents li ul li{margin:.2rem 0 0 1rem}.table-of-contents ul{padding-left:10px}.hatena-fotolife,.http-image{display:block;margin:0 auto}.entry-content img{border-radius:12px}.share-box{text-align:left;margin:1rem 0}.share-label{margin-bottom:.5rem}.share-buttons{display:inline-flex;align-items:center;justify-content:flex-start;gap:24px}.share-buttons a,.share-buttons button{background:0 0;border:none;cursor:pointer;font-size:1rem;padding:0;display:flex;align-items:center;justify-content:center;color:light-dark(#202124,#e8eaed);width:2.25rem;height:2.25rem}.share-buttons a:hover,.share-buttons button:hover{color:light-dark(#0066be,#a8dab5)}.share-buttons span{font-size:2.25rem;line-height:1}.follow-box{text-align:left;margin:1rem 0 3rem}.follow-label{margin-bottom:.5rem}.follow-buttons{display:inline-flex;align-items:center;justify-content:flex-start;gap:24px;flex-wrap:wrap}.follow-btn{width:2.25rem;height:2.25rem;border-radius:50%;font-size:2.25rem;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;color:light-dark(#202124,#e8eaed)}.follow-btn:hover{color:light-dark(#0066be,#a8dab5)}.follow-btn.twitter{font-family:'Segoe UI',Arial,sans-serif;font-size:2.05rem;line-height:1;transform:translateY(-3px);letter-spacing:-.05rem}.comment-box{margin:1rem 0}.comment-box .comment{list-style:none;margin:0 0 1rem;padding:0;line-height:1.72;font-size:.9rem}.comment-box .entry-comment{padding:.625rem 0 .625em 3.75em;border-bottom:1px solid #dadce0;position:relative}.comment-box .entry-comment:first-child{border-top:1px solid #dadce0}.comment-box .read-more-comments{padding:.625rem 0}.comment-box .hatena-id-icon{position:absolute;top:.625rem;left:0;width:3.125rem;height:3.125rem;border-radius:3px}.comment-user-name{margin:0 0 .4rem;font-weight:400}.comment-content{margin:0 0 .4rem;overflow-wrap:break-word;font-size:.85rem}.comment-content p{margin:0 0 .6rem}.comment-metadata{margin:0;font-size:.8rem}.leave-comment-title{border:1px solid light-dark(#1967d2,#8ab4f8);border-radius:9999px;color:light-dark(#1967d2,#8ab4f8);padding:.5rem 1.5rem}.leave-comment-title:hover{background-color:light-dark(#1967d2,#8ab4f8);color:light-dark(#fff,#000)}.pager{margin:2rem 0;display:flex;justify-content:space-between}.pager .pager-next a,.pager .pager-prev a{display:inline-block;padding:.5rem 1.5rem;margin:0 .3125rem;text-decoration:none;border:1px solid transparent;border-radius:9999px}.pager .pager-next a:hover,.pager .pager-prev a:hover{border:1px dashed light-dark(#202124,#bebebe);border-radius:9999px}.entry-footer-time,.fn{display:none}.hatena-module{box-sizing:border-box;margin-bottom:3rem;font-size:.875rem}@media (min-width:841px){.hatena-module{font-size:.9rem}}.hatena-module-title{margin-bottom:.6rem;padding-bottom:.2rem;font-size:1.5rem;font-weight:700;text-align:center}.hatena-module-title a{text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:.5rem 0}.hatena-urllist li:last-child{padding-bottom:0}.hatena-urllist li a{text-decoration:none}.hatena-urllist .urllist-category-link{font-size:.875rem;padding:.1rem .3rem}.hatena-urllist .urllist-entry-body{margin-top:.3rem}.hatena-module-search-box .search-form{border:1px solid light-dark(#202124,#bebebe);border-radius:32px;width:100%;box-sizing:border-box;display:flex;align-items:center;background:#eee}.hatena-module-search-box .search-module-input{flex:1 1 auto;min-width:0;padding:1rem;color:#202124;background:0 0;border:none;outline:0;height:1.25rem}.hatena-module-search-box .search-module-button{width:1.5rem;height:1.5rem;margin-right:.3125rem;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:1.25rem;border:none;outline:0;color:transparent;overflow:hidden;opacity:.5;cursor:pointer}.hatena-module-search-box .search-module-button:hover{opacity:.85}.hatena-module-category{border:1px solid #dadce0;margin-bottom:1rem;border-radius:32px;padding:0}.hatena-module-category .hatena-module-title{background-color:light-dark(#202124,#bebebe);color:light-dark(#fff,#121212);padding:.2rem;margin:0;border-top-left-radius:31px;border-top-right-radius:31px}.hatena-module-category .hatena-module-body{padding:1rem}#box2 .hatena-module-category ul li{border-bottom:1px solid light-dark(#dadce0,#5f6368);padding:.3125rem 0}#box2 .hatena-module-category ul li:last-child{border-bottom:none}#box2 .hatena-module-entries-access-ranking ul li,#box2 .hatena-module-recent-entries ul li,#box2 .hatena-module-related-entries ul li{border-bottom:1px solid light-dark(#dadce0,#5f6368);padding:.3125rem 0}#box2 .hatena-module-entries-access-ranking ul li :last-child,#box2 .hatena-module-recent-entries ul li :last-child,#box2 .hatena-module-related-entries ul li :last-child{border-bottom:none}.entry-list-module-info{padding-bottom:.5rem}.entry-list-module .entry-list-module-info a:nth-child(n+2){display:none}.entry-list-module .entry-list-module-title{font-size:1.25rem;font-weight:700;padding:.5rem;line-height:1.72;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3.44rem;margin-bottom:1rem}.hatena-module-entries-access-ranking .hatena-module-title,.hatena-module-recent-entries .hatena-module-title,.hatena-module-related-entries .hatena-module-title{border-bottom:1px solid light-dark(#dadce0,#5f6368);padding:.5rem;margin:0}.entry-list-module-info .category-part{font-weight:700;text-decoration:underline}.thumb-entry-list-item{padding:.75rem 0;border-bottom:1px solid light-dark(#dadce0,#5f6368)}.thumb-entry-list-module>.thumb-entry-list-item:last-child{border-bottom:none}.thumb-entry-list-header{display:flex;align-items:flex-start;margin-bottom:.5rem}.thumb-entry-list-thumb-link{flex-shrink:0;margin-right:.75rem;display:block}.thumb-entry-list-thumb-img{display:block;object-fit:cover;border-radius:16px}.thumb-entry-list-item.entry-list-item-noimage .thumb-entry-list-thumb-link{display:none}.thumb-entry-list-item.entry-list-item-noimage .thumb-entry-list-header{margin-bottom:.25rem}.thumb-entry-list-title{flex-grow:1;min-width:0;font-size:1.125rem;font-weight:700;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:5.16rem}.thumb-entry-list-info{font-size:.875rem;line-height:1.72}.thumb-entry-list-info .thumb-entry-list-category{font-weight:700;text-decoration:underline;margin-right:5px;white-space:nowrap;display:inline-block}.thumb-entry-list-category a:nth-child(n+2){display:none}.page-archive .archive-entries{display:flex;flex-wrap:wrap}.page-archive .archive-entries .archive-entry{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:auto;padding-bottom:.3125rem;margin-bottom:1.5rem;border-radius:32px;overflow:hidden;background-color:light-dark(#f7f5f2,#363637);transition:.25s ease-in-out}.page-archive .archive-entries .archive-entry:hover{transform:translateY(-4px);box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px}@media (min-width:481px){.page-archive .archive-entries .archive-entry{width:calc(50% - 10px)}.page-archive .archive-entries .archive-entry:nth-child(odd){margin-right:1.25rem}}.archive-entry-header{display:flex;flex-direction:column-reverse;order:2;padding:.625rem 1rem 0;width:calc(100% - 32px)}.page-archive .archive-entries .entry-title{line-height:1.333;font-size:1.5rem;margin:0;padding:0;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.page-archive .entry-title a{font-size:1.25rem}.page-archive .archive-entries .entry-thumb-link{position:relative;padding-top:56.25%;overflow:hidden;width:100%;height:auto}.page-archive .entry-thumb{background-size:cover;background-position:50%;border-radius:32px;height:100%;width:100%;position:absolute;top:0;left:0;margin:0;padding:0}.page-archive .archive-entries .categories{order:3;margin:0;padding:0 1rem}.page-archive .entry-thumb::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition:.25s ease-in-out}.page-archive .archive-entries .archive-entry:hover .entry-thumb::before{opacity:1}.archive-entry-body{display:none}.page-archive .social-buttons{display:block;margin-top:.3rem}.archive-entries .archive-entry .categories a:nth-child(n+2){display:none}#footer-area{margin-top:2rem;border-top:1px solid light-dark(#202124,#bebebe);padding:2rem 0;text-align:left;text-decoration:underline;font-size:.875rem}#footer-area a{color:light-dark(#666,#bebebe)}.footer-copyright{font-size:.875rem;margin-top:.5rem;text-align:center;color:light-dark(#666,#bebebe)}.footer-copyright .material-icons{font-size:16px}#page-top{position:fixed;right:.625rem;bottom:.625rem;background:light-dark(#fff,#121212);color:light-dark(#1967d2,#8ab4f8);border:1px solid light-dark(#1967d2,#8ab4f8);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .3s,color .3s;width:52px;height:52px;box-sizing:border-box}#page-top .material-icons{font-size:18px}#page-top:hover{background:#e7f5ff;color:light-dark(#1967d2,#121212)}#menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:light-dark(#fff,#121212);z-index:1000;padding:0;margin:0}#menu.is-active{display:block}.menu-inner{display:block;width:100%;height:auto;margin:4rem 0 0;padding-bottom:4rem;text-align:center}#menu li{width:100%;height:3.75rem;list-style-type:none}#menu li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0 .9375rem;font-size:1.2rem;text-decoration:none;box-sizing:border-box}#menu li a:focus,#menu li:hover a{color:light-dark(#1967d2,#121212)}.menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:.625rem;right:.625rem;z-index:1001;width:3.25rem;height:3.25rem;padding:0;background:light-dark(#fff,#121212);border:1px solid light-dark(#1967d2,#8ab4f8);border-radius:50%;cursor:pointer}.menu-toggle .material-icons{font-size:18px;color:light-dark(#1967d2,#8ab4f8)}body.no-scroll{overflow:hidden;height:100vh}@media screen and (min-width:769px){#menu{display:block;position:relative;background:0 0;z-index:auto;padding-left:0;margin:0;overflow-y:visible;top:auto;left:auto;width:100%;height:2.5rem}.menu-inner{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;height:100%;padding-bottom:0;text-align:left;padding-left:0}#menu li{flex:1;text-align:center;height:100%;width:auto}#menu li a{padding:0;font-size:.875rem;line-height:normal}#menu li a:focus,#menu li:hover a{color:light-dark(#1967d2,#8ab4f8);border-radius:9999px;border:1px dashed light-dark(#202124,#bebebe)}.menu-toggle{display:none}}.custom-profile{background-color:light-dark(#f7f5f2,#363637);border-radius:24px;padding:1rem}.custom-profile-content{flex-direction:column;align-items:flex-start;gap:12px}.custom-profile-icon{width:100%;text-align:center;margin-bottom:.5rem}.custom-profile-icon i{font-size:1.5rem}.custom-profile-text{flex:none;width:100%}.custom-profile-name{font-size:1.125rem;text-align:center}.custom-profile-text p{margin-bottom:.625rem}.custom-profile-about{width:100%;text-align:left}.custom-profile-about a{color:light-dark(#0066be,#a8dab5);text-decoration:none;font-weight:700;white-space:nowrap}.profile-image{display:block;width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto .5rem}.hatena-citation a{color:light-dark(#0066be,#a8dab5);text-decoration:none}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}#theme-switch-item{list-style-type:none}#theme-switch-button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;background:0 0;border:none;cursor:pointer;padding:0;color:inherit;font-family:inherit}#theme-switch-item{width:100%;height:3.75rem}#theme-switch-button{padding:0 .9375rem;font-size:1.2rem;color:light-dark(#202124,#bebebe)}#theme-switch-button:hover{color:light-dark(#1967d2,#a8dab5)}.theme-switch-text{margin-left:8px}@media screen and (min-width:769px){#theme-switch-item{flex:0 0 auto;width:auto;height:100%;margin-left:16px}#theme-switch-button{width:44px;height:100%;padding:0;border-radius:9999px;font-size:18px}#theme-switch-button:hover{color:light-dark(#1967d2,#a8dab5);border:1px dashed light-dark(#202124,#bebebe)}.theme-switch-text{display:none}}a.keyword{text-decoration:none;border-bottom:1px dotted light-dark(#202124,#bebebe);color:light-dark(#202124,#bebebe)}#footer{margin-top:2em;padding-bottom:2rem;text-align:center;font-size:.8rem}#footer p{margin:.5em auto}.page-about .entry-content dt{font-weight:700;border-bottom:1px solid light-dark(#dadce0,#5f6368);margin-bottom:.5em}.page-about .entry-content dd{margin:0 0 2em}.hatena-module-profile .profile-icon{display:block;margin:0 auto .625em;border-radius:50%}.hatena-module-profile .id{display:block;font-weight:700;margin-bottom:.5rem;text-align:center}.hatena-module-profile .profile-description p{margin-top:0}.hatena-btn .blogicon-bookmark{font-size:2.25rem;line-height:1}
/* </system> */
.promo-link{display:flex;align-items:center;font-size:1rem;text-decoration:none}.promo-link-icon{margin-right:.5rem}a.promo-link{color:light-dark(#202124,#bebebe)}a.promo-link :hover{text-decoration:underline}
.promo-banner{background-color:light-dark(#f7f5f2,#363637);border-radius:24px;padding:1rem;max-width:1200px;min-height:60px;margin:1.25rem auto}.promo-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.promo-icon{display:none}.promo-icon i{font-size:2.25rem;width:2.25rem;height:2.25rem;display:block}.promo-text{flex:none;width:100%}.promo-head{display:block;margin-bottom:.25rem}.promo-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.promo-text p{margin:.3125rem 0 .25rem;font-size:.875rem}.promo-link{width:100%;text-align:left}.promo-link a{color:light-dark(#0066be,#a8dab5);text-decoration:none;font-weight:700;white-space:normal}@media screen and (min-width:769px){.promo-banner{padding:1.25rem}.promo-content{flex-direction:row;align-items:center;gap:20px}.promo-icon{display:block}.promo-text{flex:1;width:auto}.promo-title{font-size:1.125rem}.promo-text p{margin:.3125rem 0 0}.promo-link{width:auto;text-align:left}.promo-link a{white-space:nowrap}}