@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");.noto{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-style:normal}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}.f21{font-size:21px}.f22{font-size:22px}.f23{font-size:23px}.f24{font-size:24px}#blog{color:#242323;font-size:15px;line-height:1.6;font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar{margin-left:auto;margin-right:auto;position:relative;max-width:90%}@media only screen and (min-width: 768px){.sidebar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:1110px;max-width:100%}}.sidebar article #toc_container{width:90%;margin-left:auto;margin-right:auto;position:relative;margin-top:4rem}@media only screen and (min-width: 768px){.sidebar article{width:calc(100% - 30%)}}.sidebar #sidebar{width:100%;padding:0;max-width:100%}@media only screen and (min-width: 768px){.sidebar #sidebar{max-width:30%;width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky}}.sidebar #sidebar h3{margin-bottom:25px;margin-top:40px;font-size:15px;letter-spacing:0.1em;line-height:1;position:relative;padding-bottom:15px}.sidebar #sidebar h3:before{width:50px;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:5;height:2px;background:#d9d9d9}.sidebar #sidebar h3:after{width:25px;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-98%);z-index:10;height:2px;background:#22b7c3}.sidebar #sidebar .category{text-align:left}.sidebar #sidebar .category li a{display:block;position:relative;font-size:14px;border-bottom:1px solid rgba(36,35,35,0.05);text-decoration:none;padding:1.2em 1em;margin-bottom:1rem}.sidebar .popular__list{text-align:left}.sidebar .popular__list.ranking li:nth-child(1) a:before{content:"1";display:block;background:#22b7c3;width:20px;height:20px;color:#fff;line-height:20px;position:absolute;top:-15px;left:-15px;font-size:10px}.sidebar .popular__list.ranking li:nth-child(2) a:before{content:"2";display:block;background:#22b7c3;width:20px;height:20px;color:#fff;line-height:20px;position:absolute;top:-15px;left:-15px;font-size:10px}.sidebar .popular__list.ranking li:nth-child(3) a:before{content:"3";display:block;background:#22b7c3;width:20px;height:20px;color:#fff;line-height:20px;position:absolute;top:-15px;left:-15px;font-size:10px}.sidebar .popular__list li{background:#fff}.sidebar .popular__list li a{overflow:visible;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;text-decoration:none;border-bottom:1px solid rgba(36,35,35,0.05);padding:1em}.sidebar .popular__list li a:before{display:block;position:absolute;top:5px;left:5px;width:25px;z-index:999;height:25px;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;text-align:center;font-weight:600;line-height:25px}@media only screen and (min-width: 768px){.sidebar .popular__list li a:before{position:absolute;top:15px;left:15px}}.sidebar .popular__list li .popular__thumbnail{width:90px;overflow:hidden}.sidebar .popular__list li .popular__thumbnail img{width:90px;height:90px;object-fit:cover}.sidebar .popular__list li .popular__txt{width:calc(100% - 95px);padding-left:5%}.sidebar .popular__list li .popular__ttl{font-size:11px}.sidebar .popular__list li .popular__time{font-size:10px;font-weight:700}.sidebar .popular__list li .popular__cat{font-size:11px;font-weight:700;text-align:right}.sec .wrap>h2{font-weight:bold;font-size:18px;text-align:left;margin-bottom:2rem}.reference{background:#22b7c3;padding:2rem}.reference p{font-size:12px;margin-bottom:0}.authorboc{background:rgba(236,250,255,0.04);padding:1.5rem}.authorboc .exp{font-size:13px;margin-top:1rem}.authorboc .url{font-size:11px}.authorboc .author,.authorboc .author>a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.authorboc .author figure,.authorboc .author>a figure{width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden}.authorboc .author p,.authorboc .author>a p{width:calc(100% - 48px);font-size:14px;line-height:1.2;margin-bottom:0}.authorboc .author p span,.authorboc .author>a p span{display:block;font-size:12px;margin-bottom:0px}.authorarea{padding-top:2.5rem}.paginations{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:35px}.paginations li{line-height:1;margin:0 1rem;font-size:13px;font-weight:bold}.paginations li span{color:rgba(36,35,35,0.5)}.paginations li a{display:block;text-align:center;color:rgba(36,35,35,0.5);position:relative}.paginations li a span{color:rgba(36,35,35,0.5)}.paginations li.inactive{display:none}.paginations li.current{border-bottom:1px solid #242323;color:#242323}.paginations li.current span{color:#242323}.paginations li.current a{color:#242323}.paginations li.current+li.inactive{display:block}.paginations li.next span:after{content:" 〉"}.paginations li.previous span:before{content:"〈 "}.linkcard{margin-bottom:1.5em;background:#fffbf0}.linkcard img{max-width:450px;width:100%}.linkcard .lkc-external-wrap,.linkcard .lkc-internal-wrap,.linkcard .lkc-this-wrap{max-width:450px;width:100%;margin:auto}.linkcard .lkc-thumbnail{max-width:100%;margin:0 0 1.5em;height:auto}.linkcard .lkc-card{margin:0}.linkcard .lkc-this-wrap{background:#ecfaff}.linkcard .lkc-link{padding:15px;display:block}.linkcard .lkc-title-text{line-height:1.5;margin-bottom:1.5em}.linkcard .lkc-content{height:auto}.linkcard .lkc-url{display:none !important}.linkcard .lkc-favicon{display:none !important}.linkcard .lkc-domain{display:none !important}.linkcard .lkc-date{float:none;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase}.linkcard .cat{font-weight:bold;border-right:1px solid #d9d9d9;padding-right:12px;margin-right:12px}.searchform{padding:0;border:1px solid #d9d9d9;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;overflow:hidden}.searchform div{position:relative}.searchform form{diplay:block;position:relative}.searchform #s{-webkit-appearance:none;-moz-appearance:none;position:relative;border:none;width:calc(100%);font-size:16px;background:#fff;color:#242323;height:44px;padding-left:1rem}@media only screen and (min-width: 1020px){.searchform #s{padding-left:2rem}}.searchform #s::placeholder{font-size:13px}.searchform #searchsubmit{width:68px;height:44px;border-radius:0 30px 30px 0;background:#22b7c3;color:#fff;font-weight:bold;position:absolute;top:0;right:0;padding:0;margin:0;z-index:9;border:none}#blog{min-height:100vh;padding-top:2rem}@media only screen and (min-width: 768px){#blog{padding-top:0}}#blog h1{font-weight:bold;width:100%;text-align:left;margin-bottom:1.5rem;font-size:20px}@media only screen and (min-width: 768px){#blog h1{font-size:27px}}#blog .posthead{margin-bottom:2.5rem}#blog .posthead .cat{margin-top:2rem;font-size:11px}#blog .posthead .cat:after{content:"";width:15px;height:1px;display:block;margin:1rem 0}#blog .cont{text-align:left;margin-top:2rem;padding:0 1.5rem 4rem}#blog .cont h2{font-weight:bold;font-size:18px;margin-bottom:1rem;margin-top:2.5rem;padding:1rem 1.5rem;border-left:4px solid #22b7c3;background:rgba(236,250,255,0.1);text-align:left;letter-spacing:0.05em}#blog .cont h3{margin-top:1rem;margin-bottom:1rem;font-size:16px;font-weight:bold;padding-left:1.5rem;position:relative;letter-spacing:0.01em;color:#0f3fc3}#blog .cont h3:before{content:"■ ";position:absolute;top:0;left:0}@media only screen and (min-width: 768px){#blog .cont h3{margin-top:1.5em;margin-bottom:1.5em}}#blog .cont h4{margin-top:1em;margin-bottom:1em;font-size:16px;padding:1rem;font-weight:bold}@media only screen and (min-width: 768px){#blog .cont h4{margin-top:1.5em;margin-bottom:1.5em;padding:1rem}}#blog .cont h5{margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}@media only screen and (min-width: 768px){#blog .cont h5{margin-top:1.5em;margin-bottom:1.5em;padding:1rem}}#blog .cont p{margin-bottom:1em;font-size:14px;line-height:1.8}@media only screen and (min-width: 768px){#blog .cont p{margin-bottom:1.5em}}#blog .cont .righttxt{text-align:right}#blog .cont ul,#blog .cont ol{margin-bottom:1.5em;padding:1.2rem;background:rgba(34,183,195,0.05)}#blog .cont ul li,#blog .cont ol li{position:relative;margin-bottom:0.9em;padding-left:1em;font-size:14px;line-height:1.7;color:#242323;font-weight:bold}#blog .cont ul li:last-child,#blog .cont ol li:last-child{margin-bottom:0}#blog .cont table{width:100%;margin-bottom:2.5rem}#blog .cont table tr{border:rgba(36,35,35,0.15) 1px dotted}#blog .cont table th{padding:1.5rem;font-weight:bold;background:rgba(36,35,35,0.1);width:25%}#blog .cont table td{padding:1.5rem}#blog .cont ul li{position:relative}#blog .cont ul li:before{content:"";position:absolute;top:10px;left:0;padding-left:0;margin-right:0.6em;display:inline-block;width:5px;height:5px;vertical-align:0.25em;background:#22b7c3;border-radius:50%}#blog .cont ol{counter-reset:num}#blog .cont ol li:before{counter-increment:num;content:counter(num) ".";position:absolute;color:#22b7c3;top:0;left:0;font-weight:700}#blog .cont blockquote{margin-bottom:20px;padding:10px;border:1px solid rgba(36,35,35,0.1);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#blog .cont blockquote p{margin:0}#blog .cont blockquote a{color:#ecfaff}#blog #thanks{padding:2rem;text-align:center}#blog #thanks p.smallgray{color:rgba(0,0,0,0.4);font-size:13px;font-weight:bold;padding-bottom:30px}#blog #thanks .linebtn a{width:90%;text-decoration:none}