/* <system section="theme" selected="smooth"> */
@charset "UTF-8";/*!
Theme: Smooth
Author: Hatena Blog Team
Responsive: yes
*//*!
 * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}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{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}html,body{background:#f9fafb;font-family:helvetica,Segoe UI,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;color:#293030}html{line-height:1}body{font-size:17px;line-height:1.6}img{vertical-align:baseline}a{color:#293030}a:hover{color:#586767;transition:all .3s}.date{margin:0 0 .7em;font-size:.9rem}.date a{color:#6f8383}.date a:hover{color:#a5b3b3}.date-last-updated{color:#6f8383;font-size:.9rem}#globalheader-container{position:sticky;top:0;background:#f9fafb}#container{word-wrap:break-word}#blog-title{max-width:1280px;margin:auto;padding:4% 5%;text-align:center}#title{font-size:150%;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-weight:400}@media (min-width: 768px){#title{font-size:215%}}#blog-description{font-size:90%;font-weight:400}#content-inner{width:100%;display:flex;flex-direction:column}@media (min-width: 768px){#content-inner{flex-direction:row;margin:auto;padding:0 20px}}@media (min-width: 1200px){#content-inner{width:1200px}}#wrapper{flex:0 0 100%;max-width:100%}@media (min-width: 768px){#wrapper{flex:0 0 75%;max-width:75%}}@media (min-width: 1020px){#main{padding:0 3% 0 0}}.header-image-enable #blog-title,.header-image-only #blog-title{padding:0 0 1.5em}@media (min-width: 1200px){.header-image-enable #blog-title,.header-image-only #blog-title{width:1160px}}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{display:flex;align-items:center;justify-content:center;height:50vw;max-height:200px}@media (min-width: 1200px){.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{background-size:100%}}.header-image-enable #blog-title-content,.header-image-only #blog-title-content{margin:0 .5em}.breadcrumb{font-size:.9rem}.categories{margin-bottom:2em}.categories a{display:inline-block;background:#e9f0f2;margin:0 .3em 0 0;padding:0 10px;font-size:12px}.pager{text-align:center;margin:3em .8em}@media (min-width: 1020px){.pager{margin:0}}.pager a{display:inline-block;width:100%;background:#eff1f5;padding:.7em 1.2em;border:none;font-weight:400;font-size:.9rem;color:#293030}.pager a:hover{background-color:#e9ecf1;text-decoration:none}.pager .pager-next,.pager .pager-prev{width:100%;padding:.5em 0}.pager .pager-prev+.pager-next{margin-left:1em;padding-left:1em}@media (min-width: 768px){.pager .pager-prev+.pager-next{margin-left:1.5em;padding-left:1.5em}}.pager.permalink{display:flex;justify-content:center;align-items:center;text-align:center}.hatena-urllist{padding-left:0;list-style:none}.hatena-urllist li{border-top:1px dotted #cfd8d8;padding-top:10px;padding-bottom:10px}.hatena-urllist .archive-module-year,.hatena-urllist .archive-module-month{line-height:2}.hatena-urllist .urllist-date-link a{color:#6f8383}.hatena-urllist .urllist-category-link{display:inline-block;background:#e9f0f2;margin:.5em .3em 0 0;padding:3px 10px;font-size:12px;line-height:1.3}.hatena-urllist .urllist-category-link:hover{background:#d9e5e9;text-decoration:none;transition:background .3s}.hatena-urllist .urllist-entry-body{margin-top:10px}.hatena-module{margin-bottom:3em;padding-left:20px;padding-right:20px;font-size:.85rem}.hatena-module:last-child{margin-bottom:0}.hatena-module-title{margin-bottom:12px;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-size:20px}.hatena-module-body{font-size:15px}.hatena-module-body .urllist-title-link{font-size:100%}.hatena-module-body .archive-module-button{display:inline-block;width:15px;height:15px}.hatena-module-body .archive-module-hide-button,.hatena-module-body .archive-module-show-button{position:absolute;overflow:hidden;width:15px;height:15px;text-indent:-15px}.hatena-module-body .archive-module-hide-button:after,.hatena-module-body .archive-module-show-button:after{content:"";top:50%;display:inline-block;position:absolute;width:8px;height:8px;margin-top:-.1em;border-top:1px solid #6f8383;border-right:1px solid #6f8383}.hatena-module-body .archive-module-hide-button{transform:rotate(135deg);margin-top:.2em}.hatena-module-body .archive-module-show-button{transform:rotate(45deg);margin-top:.2em}@media (min-width: 481px){.search-result-form{margin:0 1em}}.search-result+p{background:#fff;border:1px solid #f0f1f1;margin:0 0 3em;padding:8% 0;font-weight:700;text-align:center}.search-form,.search-result-form{position:relative;width:100%;background:#fff;margin:auto;border:1px solid #eee;box-sizing:border-box}.search-form:hover,.search-result-form:hover{border-color:#ddd}.search-module-input,.search-result-form .search-result-input{width:90%;height:30px;padding:5px;background:#fff;border:none;outline:none}.search-module-input::-webkit-input-placeholder,.search-result-form .search-result-input::-webkit-input-placeholder,.search-module-input::-placeholder,.search-result-form .search-result-input::-placeholder{color:#9faba9}.search-module-button,.search-result-form .search-result-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=4d776f2b7a248fe0227f52f5e9d786) no-repeat right center;background-size:20px 20px;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;opacity:.5;cursor:pointer}.search-module-button:hover,.search-result-form .search-result-button:hover{opacity:.85}#top-box{margin:0 auto;padding:0 10px}@media (min-width: 768px){#top-box{padding:0 20px}}@media (min-width: 1200px){#top-box{max-width:1200px}}.entry{background:#fff;border:1px solid #f0f1f1;margin-bottom:2em;padding:8% 5%}@media (min-width: 768px){.entry{padding:8% 9% 5%}}.entry-header{position:relative;margin-bottom:1.5em}@media (min-width: 481px){.entry-header{margin-bottom:3em}}.entry-header-menu{position:absolute;top:0;right:0;margin-bottom:1em}.entry-header-menu a{background:#f9fafb;border:1px solid #cfd8d8;padding:5px 10px;font-size:.9rem}.entry-header-menu a:hover{background:#f3f5f7;text-decoration:none}.entry-title{margin-bottom:.5em;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-size:130%;font-weight:400;line-height:1.5}@media (min-width: 768px){.entry-title{font-size:190%}}.entry-content{line-height:1.85}.entry-content a{color:#119e4d}.entry-content a:hover{color:#0c7037}.entry-content a.keyword{-webkit-text-decoration:underline dotted #cfd8d8;text-decoration:underline dotted #cfd8d8}.entry-content a.keyword:hover{color:#586767;-webkit-text-decoration:underline dotted #ffffff;text-decoration:underline dotted #ffffff}.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:1.5em 0 .8em;line-height:1.3}.entry-content h1{padding-bottom:15px;font-size:190%;border-bottom:1px solid #cfd8d8}.entry-content h2{font-size:165%}.entry-content h3{padding-bottom:10px;font-size:140%;border-bottom:1px solid #cfd8d8}.entry-content h4{font-size:130%}.entry-content h5{padding-bottom:10px;font-size:120%;border-bottom:1px solid #cfd8d8}.entry-content h6{font-size:100%}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0;line-height:1.7}.entry-content ul li ul,.entry-content ol li ul,.entry-content dd li ul,.entry-content ul li ol,.entry-content ol li ol,.entry-content dd li ol{margin-bottom:0}.entry-content dl{margin-top:2em}.entry-content dl dt{margin-bottom:.8em}.entry-content p{margin:0 0 .7em}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content blockquote{position:relative;padding:9px 15px 9px 40px;border:1px solid #f0f1f1}@media (min-width: 1020px){.entry-content blockquote{padding:20px 20px 20px 60px}}.entry-content blockquote:before{display:inline-block;position:absolute;top:10px;left:10px;vertical-align:middle;content:"“";font-size:40px;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;color:#6f8383;line-height:1}@media (min-width: 1020px){.entry-content blockquote:before{left:15px;font-size:70px}}.entry-content blockquote p{margin-bottom:0}.entry-content blockquote cite{display:block;margin-top:.5rem;text-align:right;font-size:85%;line-height:1.3}.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block}.entry-content table th,.entry-content table td{border:1px solid #f0f1f1;padding:5px 10px}.entry-content table th{background:#f9fafb}.entry-content pre,.entry-content code{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#293030;border:none;white-space:pre-wrap;text-overflow:ellipsis ellipsis;font-size:100%;font-size:.9rem;padding:10px;color:#ccc}@media (min-width: 768px){.entry-content pre{font-size:.85rem;padding:15px}}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 .1em;padding:0 5px;border-radius:3px}.entry-content .table-of-contents{background:#f9fafb;margin-left:0;padding:15px 10px 15px 35px;font-size:16px}@media (min-width: 768px){.entry-content .table-of-contents{padding:20px 20px 20px 50px}}.entry-footer{margin-top:1em}.entry-footer-modules .hatena-module{padding:0}.entry-footer-section{margin-bottom:8px;color:#6f8383;font-size:.9rem}.entry-footer-section a{color:#6f8383}.entry-footer-ad{margin-left:-9%;margin-right:-9%}.comment-box{margin:0 -5%;padding:5% 5% 0;border-top:1px solid #f0f1f1}@media (min-width: 768px){.comment-box{margin:0 -11%;padding:20px 11% 0}}.comment-box .leave-comment-title{background:#f9fafb;border:1px solid #cfd8d8;padding:.5rem 1rem;font-size:.9rem}.comment-box .leave-comment-title:hover{background:#f3f5f7}.comment-box .comment{list-style:none;padding-left:0}.comment-box .comment a{color:#119e4d}.comment-box .comment a:hover{color:#0c7037}.comment-box .comment .comment-user-id{font-size:14px;font-weight:700}.comment-box .comment .entry-comment{padding:20px 0 0;border-top:1px solid #f0f1ff;color:#6f8383}.comment-box .comment .entry-comment:first-child{padding-top:0;border-top:none}.comment-box .comment .entry-comment .comment-content{word-wrap:break-word}.comment-box .comment .entry-comment .comment-content p{font-size:14px}.comment-box .comment .entry-comment time{font-size:12px}.comment-box .comment .read-more-comments{font-size:14px}@media (min-width: 1020px){.comment-box .comment .read-more-comments{margin-right:25px}}.comment-box .comment .read-more-comments a{position:relative;display:inline-block}.comment-box .comment .read-more-comments a:after{content:"";top:20%;left:-20px;display:inline-block;position:absolute;width:8px;height:8px;border-top:1px solid #119e4d;border-right:1px solid #119e4d;transform:rotate(135deg);margin-top:1px}#box2{flex:0 0 100%;max-width:100%;background:#fff3;padding:1em 0}@media (min-width: 768px){#box2{flex:0 0 25%;max-width:25%}}#box2 .hatena-urllist>li:last-child{border-bottom:1px dotted #cfd8d8}.hatena-module-profile .profile-icon-link{display:inline;float:left;margin-right:.7em}.hatena-module-profile .profile-icon-link .profile-icon{border-radius:400px}@media (min-width: 1020px){.hatena-module-profile .profile-icon-link{display:block;float:none;margin-right:0}}.hatena-module-profile .id{display:block}.hatena-module-profile .id a{color:#119e4d;font-weight:700}.hatena-module-profile .id a:hover{color:#0c7037}.hatena-module-profile .profile-description p{font-size:80%}.archive-module-calendar .calendar-day a{color:#119e4d;font-weight:700}.archive-module-calendar .calendar-day a:hover{color:#0c7037}.hatena-module-recent-comments .user-id span{font-size:12px;opacity:.7}#footer{background:#fff;margin-top:2em;padding-top:2rem;padding-bottom:2rem;text-align:center;font-size:.9rem;color:#6f8383}#footer a{color:#6f8383}#footer p{margin:.5em auto}.archive-header-category{margin-bottom:.3em}.page-archive .archive-heading{margin:.5em .7em 1.3em;line-height:1.5}@media (min-width: 1020px){.page-archive .archive-heading{margin:.5em 0 1.3em}}.page-archive .archive-entry{background:#fff;border:1px solid #f0f1f1;margin-bottom:30px;padding:9% 6% 6%}@media (min-width: 768px){.page-archive .archive-entry{padding:6%}}@media (min-width: 768px){.page-archive .archive-entry .entry-title{font-size:150%}}

/* </system> */

/* <system section="background" selected="fff"> */
body{
    background:#fff;
    color:#111;
    font-family:apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",Arial,sans-serif;
}
/* </system> */



#blog-title{
padding: 0% 0% 80px 0%;
text-align: left;
}
h1#title{
top: 10px;
font-size: 300%;
float:left;
padding: 0% 0 0 1%;
}
h2#blog-description {
padding: 1% 0% 0% 2%;
float: left;
}
#header-sub ul li{
float:left;
list-style-type: none;
margin:auto;
padding-left:0;
}
#header-sub ul li.hatena {
padding: 0 10px 0 0;
}
#header-sub ul li .hatena-follow-button{
height: 20px!important;
}
#header-sub ul li a.hatena-follow-button{
width:100px;
}
#header-sub .hatena-module.hatena-module-search-box{
    padding: 20px;
    margin: 0 0 0 20px;
    width: 250px
}
    


div#content{
    position:relative;
}

.page-archive .archive-entry {
    border: 1px solid #cccccc;
}
.entry {
    border: 1px solid #cccccc;
}



#main-inner .entry-title{
font-weight:bolder;
}





#footer-category-list {
    margin: 0px 0 30px 0;
    padding: 0 0 -40px 0;
}
#footer-category-list ul {
    list-style-type: none;
    margin: auto;
    padding: 0 10px 1px 0;
}
#footer-category-list ul li {
    float: left;
    /*box-shadow: 0px -3px 5px 0px black;*/
    border-radius: 1em 1em 0 0;
    margin: 0px 0 0 0;
    padding: 2px 6px 0px 8px;
    border: 1px solid #cccccc;
    border-bottom: 0px solid;
    cursor:pointer;
}


    
#footer-nav{
width:100%;
}


@media screen and (min-width:1000px){
#content-inner {
    width: 100%;
}
#wrapper{
max-width:80%;
flex:0 0 80%;
}
#box2{
max-width:20%;
flex:0 0 20%;
}
}/*デバイスの横幅が1000以上*/
@media (min-width: 768px){
.entry-title {
    font-size: 130%;
}
.page-archive .archive-entry .entry-title {
    font-size: 140%;
}
}


.hatena-module:last-child {
    margin-bottom: 3em;
}
#box2-inner>.hatena-module:last-child {
    margin-bottom: 0;
}




@charset "UTF-8";.br-02em{border-radius:.2em}.br-05em{border-radius:.5em}.br-2em{border-radius:2em}.br-4em{border-radius:4em}.br-5em{border-radius:5em}.btr-02em{border-top-right-radius:.2em;border-top-left-radius:.2em}.btr-05em{border-top-right-radius:.5em;border-top-left-radius:.5em}.btr-2em{border-top-right-radius:2em;border-top-left-radius:2em}.btr-4em{border-top-right-radius:4em;border-top-left-radius:4em}.btr-5em{border-top-right-radius:5em;border-top-left-radius:5em}.bbr-02em{border-bottom-right-radius:.2em;border-bottom-left-radius:.2em}.bbr-05em{border-bottom-right-radius:.5em;border-bottom-left-radius:.5em}.bbr-2em{border-bottom-right-radius:2em;border-bottom-left-radius:2em}.bbr-4em{border-bottom-right-radius:4em;border-bottom-left-radius:4em}.bbr-5em{border-bottom-right-radius:5em;border-bottom-left-radius:5em}.b1-light{border:1px solid #eee}.b1-med{border:1px solid #ddd}.b1-dark{border:1px solid #ccc}.bg-light{background:#fafafa}.bg-gray{background:#f6f6f6}.bs-light{-webkit-box-shadow:0 1px 3px 0 #e1e1e1;box-shadow:0 1px 3px 0 #e1e1e1}.bs-med{-webkit-box-shadow:1px 2px 5px 0 #ccc;box-shadow:1px 2px 5px 0 #ccc}.bs-large{-webkit-box-shadow:0 2px 12px 0 #ccc;box-shadow:0 2px 12px 0 #ccc}body{font-size:115%;background:#fff;color:#111;font-family:apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",Arial,sans-serif}p{color:#111}.entry-content{border-top:1px solid #aaa;border-bottom:1px solid #aaa;line-height:1.8;font-size:18px;padding:2em 0}@media screen and (max-width:500px){.entry-content{font-size:16px}}.entry-content p{color:#373737;margin:1.4em 0}.hatena-module-title{text-align:center;border-bottom:2px solid #ccc;font-weight:600}.share-buttons a:hover{color:#fff!important}.scroll-snap-side{overflow:auto;white-space:nowrap;padding:10px;text-align:center;width:100%;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.scroll-snap-side>div{display:inline-block;width:100%;scroll-snap-align:center}.code-folding{-webkit-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc;text-align:center;padding:10px}.code-folding>pre{text-align:left;display:none}.icon-folding-parent{cursor:pointer}.icon-folding.icon-arrow-up{display:inline-block;color:#7575ff;cursor:pointer;width:14px;height:14px;top:10px;position:relative;margin-left:8px;border-left:solid 4px currentColor;border-bottom:solid 4px currentColor;-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s;-webkit-transition:all .3s}.icon-folding.icon-arrow-down{display:inline-block;color:#7575ff;cursor:pointer;width:14px;height:14px;top:5px;position:relative;margin-left:8px;border-left:solid 4px currentColor;border-bottom:solid 4px currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .3s;-webkit-transition:all .3s}.appeal{-webkit-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc;display:block;padding:0 20px 5px;border-radius:2em;background:#fff;margin:0;border:1px solid #ccc;animation:fade 1.5s infinite;-webkit-animation:fade 1.5s infinite}.appeal::before{content:"";background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/S/Surprisedblog/20190805/20190805112215.png);background-size:cover;display:inline-block;width:25px;height:25px;position:relative;top:7px;left:0}.appeal::after{content:"";background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/S/Surprisedblog/20190805/20190805112230.png);background-size:cover;display:inline-block;width:25px;height:25px;position:relative;top:7px;left:0}.submit-codepen{font-size:small;background:#4234ff;border:0;border-radius:2em;padding:5px 10px;color:#fff;font-weight:700;-webkit-box-shadow:0 4px 0 0 #0f0786;box-shadow:0 4px 0 0 #0f0786;transition:all .1s;-webkit-transition:all .1s;cursor:pointer}.submit-codepen:hover{-webkit-box-shadow:unset;box-shadow:unset;-webkit-transform:translate(0,4px);transform:translate(0,4px)}@keyframes fade{from{opacity:1}50%{opacity:.4}to{opacity:1}}@-webkit-keyframes fade{from{opacity:1}50%{opacity:.4}to{opacity:1}}#box2 ins.adsbygoogle,article ins.adsbygoogle{margin-bottom:24px}#header-menu{padding:10px 20% 0 12%;position:fixed;height:45px;width:100%;border-bottom:1px solid;-webkit-box-shadow:-1px 3px 8px 0 #eee;box-shadow:-1px 3px 8px 0 #eee;z-index:8900;-webkit-backdrop-filter:saturate(150%) blur(10px);backdrop-filter:saturate(150%) blur(10px);background-color:rgba(255,255,255,.5);transition:all .5s;-webkit-transition:all .5s}#header-menu.top{border-bottom:1px solid}#header-menu.open{z-index:9100;padding-bottom:60px;height:auto}#header-menu.open-search-box{z-index:9100}#header-menu .hatena-subscribe-button{opacity:.7;position:absolute;left:0;padding:0 15px 0 10px;top:6px;border-bottom:2px solid;height:30px;transition:all .5s;-webkit-transition:all .5s}#header-menu .hatena-subscribe-button:hover{-webkit-box-shadow:unset;box-shadow:unset}#header-menu.open .hatena-subscribe-button{display:block;top:55px;opacity:unset}#header-menu .hatena-subscribe-button .hatena-module{padding:0}#header-menu .hatena-subscribe-button a{background-color:transparent;border:0 solid #333!important;height:20px!important;color:#000!important;font-size:15px;font-weight:600;font-family:apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",Arial,sans-serif;overflow:unset;transition:all .5s;-webkit-transition:all .5s}#header-menu .hatena-subscribe-button a.unsubscribing:hover{color:#0045ff!important}#header-menu .hatena-subscribe-button a.subscribing:hover{color:red!important}#header-menu .menu-button{cursor:pointer;display:inline-block;position:absolute;top:10px;opacity:.7}#header-menu .menu-button i{font-size:24px}#header-menu .guide{margin:auto;opacity:.7;padding:0 0 4px 0;max-width:80%;font-family:Georgia,serif;font-size:24px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}#header-menu .guide>a>img{height:45px;-webkit-transform:scale(.7);transform:scale(.7);position:absolute;left:calc(50% - 160px);top:2px}#header-menu .search-box{opacity:.7;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:20%;top:7px}#header-menu.open .search-box{display:block;top:55px;width:60%;right:3%}#header-menu .search-box>i{cursor:pointer;font-size:14px;height:30px;margin:0 10px 0 0;padding:6px 7px;border:2px solid;border-radius:.2em;transition:all .5s;-webkit-transition:all .5s}#header-menu.open .search-box>i{display:none}#header-menu .search-box.open>i{background:rgba(255,255,255,.86);color:#aeaeae;border:2px solid #a4a2a2}#header-menu .search-box>div{display:none}#header-menu.open .search-box>div{display:block}#header-menu .search-box .gsc-input-box{border-color:#cfcfcf;padding:0}#header-menu .search-box td{padding:0}#header-menu .search-box input{height:28px!important;width:150px!important;padding:4px 10px!important}#header-menu .search-box button{height:30px;padding:0 10px;cursor:pointer}#header-menu .title{opacity:.7;font-family:Georgia,serif;top:2px;right:5%;position:absolute;font-size:25px}#header-menu .title>a>img{height:30px;width:30px;margin:0 0 -5px 0}#header-menu .toggle-button{cursor:pointer;opacity:.7;display:none;font-size:18px;position:absolute;top:9px;right:3%;transition:all .5s;-webkit-transition:all .5s}#header-menu.open .toggle-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#header-menu .toc{display:none;font-size:15px;font-weight:600}#header-menu.open .toc{display:block;position:relative;top:80px;margin-bottom:3em}#header-menu .toc .table-of-contents{padding:0}#header-menu .toc .table-of-contents ul{padding-left:15px}#header-menu .toc .table-of-contents li{list-style:none}#header-menu .toc .table-of-contents li a{padding:0 10px}#header-menu .toc .table-of-contents li a.now{background-color:#ff6464;color:#fff;display:block;border-radius:.2em}#header-menu .te{display:none}#header-menu.open .te{display:block}#left-side-menu{display:none;z-index:9999;position:fixed;top:0;overflow:auto;background-color:#fff;max-width:80%;width:200px;height:100%;padding:5px 10px 5px 5px;-webkit-box-shadow:3px 3px 5px 0 #777;box-shadow:3px 3px 5px 0 #777}#left-side-menu::before{content:"";position:absolute;display:block;left:2px;top:2%;height:96%;overflow:auto;border-left:2px solid #333}#left-side-menu>.close-button{text-align:right;cursor:pointer;padding:0 10px 0 0}#left-side-menu>.close-button:hover{background-color:#f4f4f4}#left-side-menu>.contents>ul.item-list{list-style:none;padding:0;font-family:Georgia,serif;font-size:13px;font-weight:600}#left-side-menu>.contents>ul.item-list>li{padding:5px 0 5px 10px;cursor:pointer}#left-side-menu>.contents>ul.item-list>li:hover{background-color:#f4f4f4}#left-side-menu>.contents>ul.item-list>.title{font-size:12px;color:#989898;margin:5px 0 0 10px;display:block;text-align:center}header#blog-title{padding:20px 0 0 0}header#blog-title #blog-description{float:none;text-align:center;padding:0;display:none}header#blog-title #title{text-align:center;float:none;font-size:0;padding:0}header#blog-title #title a>img{-webkit-transform:scale(.8);transform:scale(.8);z-index:9000;position:relative;margin:-5px 0 0 -5px}#top-editarea{width:100%;max-width:100%;display:block;margin:20px 0 40px;text-align:center}#header_nav{display:block;font-size:17px}#header_nav ul{max-width:100%;display:inline-block;list-style-type:none;padding:0 50px;border-top:1px solid #dedede;border-bottom:1px solid}#header_nav ul li{font-family:Georgia,serif;cursor:pointer;padding:10px 13px;display:inline-block}#header_nav ul li::after{display:none;margin:auto;width:10px;opacity:.5;border-bottom:1px solid}.categories a{display:inline-block;background:#4a69e0;color:#fff;margin:0;padding:0 10px 0 7px;font-size:12px;border-radius:.2em}.categories a::before{content:"\f07b";font-family:"Font Awesome 5 Pro";margin-right:5px;font-weight:700}time::before{content:"\f133";font-family:FontAwesome;margin-right:3px}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry{padding:10px;position:relative;height:270px;border:0}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry:hover{background:#fbfbfb;-webkit-box-shadow:2px 2px 5px 0 #ddd;box-shadow:2px 2px 5px 0 #ddd}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-header .entry-title{display:-webkit-inline-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:45%;position:absolute;right:10px;top:10px;line-height:1.3;font-weight:bolder;font-family:apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",Arial,sans-serif}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-header .archive-date{position:absolute;bottom:10px;right:10px}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .categories{width:42%;position:absolute;left:5px;top:10px;z-index:1}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .categories a{border:1px solid}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .entry-thumb-link{position:absolute;left:10px;top:10px;width:50%;height:90%}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .entry-thumb-link .entry-thumb{width:100%;-webkit-box-shadow:2px 2px 5px 0 #999;box-shadow:2px 2px 5px 0 #999;border-radius:.2em;height:100%}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-body{position:absolute;top:90px;width:45%;right:10px;font-size:small}@media (max-width:767px){#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry{height:220px}}@media (max-width:600px){#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry{height:180px}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-header .entry-title{font-size:20px}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-header .archive-date{font-size:small}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .categories a:first-child{display:-webkit-inline-box;-webkit-box-orient:block-axis;-webkit-line-clamp:1;overflow:hidden}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .categories a:not(:first-child){display:none}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-body{top:65px}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-body .entry-description{display:-webkit-inline-box;-webkit-box-orient:block-axis;-webkit-line-clamp:3;overflow:hidden;margin:0}}@media (max-width:500px){#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry{height:120px}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-header .entry-title{font-size:16px;-webkit-line-clamp:4;right:5px;width:50%}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .entry-thumb-link{left:20px;width:39%;height:80%}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .categories{width:40%;left:15px}#main-inner .archive-entries:not(.ListPageByAllCategory-archive-entries) .archive-entry .archive-entry-body{display:none}}.entry{border:0 solid #ccc}.entry-inner .date.entry-date.first{border-bottom:3px solid #ccc;padding:0 10px 3px;display:inline-block;font-weight:600;transition:all .3s;-webkit-transition:all .3s;margin:auto;margin-bottom:15px;margin-top:10px;display:table}.entry-inner .date.entry-date.first time::before{color:gray;margin-right:5px}.entry-inner .date.entry-date.first a{color:#777}.entry-inner .date.entry-date.first:hover a{text-decoration:none;color:#aaa}article.entry header.entry-header .date{margin:0 0 1.2em}#main-inner article .entry-header .entry-title{font-weight:bolder;text-align:center;font-size:120%;line-height:1.4;border-top:2px solid #333;padding:25px 10px 30px;text-shadow:0 0 1px #969696;-webkit-box-shadow:0 3px 3px #cecece;box-shadow:0 3px 3px #cecece}.entry-inner .entry-header .entry-categories{margin-bottom:1em}@media (max-width:480px){#main-inner article .entry-title{font-size:medium;line-height:1.1;padding:15px 10px;-webkit-box-shadow:0 2px 3px #ccc;box-shadow:0 2px 3px #ccc}}.entry-inner>header.entry-header>.breadcrumb-list ol{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;font-size:17px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:2em;font-size:small}.entry-inner>header.entry-header>.breadcrumb-list ol a{color:#555}.entry-inner>header.entry-header>.breadcrumb-list ol>span{color:#bbb;margin:0 3px}.entry-header .social-buttons{margin:10px 0 0}.entry-inner .customized-header .share-buttons{margin:20px 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}article textarea{font-size:16px}.entry-content ul.table-of-contents{border:1px solid #ccc;list-style-type:decimal;margin:1em auto;position:relative;background:#fff;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}.entry-content ul.table-of-contents::before{content:"目次";position:absolute;top:-18px;padding:5px 10px;background:#fff}.entry-content ul.table-of-contents a{color:#555!important;display:block;padding:2px 5px;-webkit-transition:all .2s;transition:all .2s}.entry-content ul.table-of-contents a:hover{color:#555!important;background:#f5f5f5}.figure-image figcaption{opacity:.7;text-align:center;font-size:small;margin:-1% 0 0 0}article img.hatena-fotolife{max-width:100%;height:auto;-webkit-box-shadow:0 0 2px 0;box-shadow:0 0 2px 0;-webkit-transition:all .6s;transition:all .6s}article img.hatena-fotolife:hover{-webkit-box-shadow:0 6px 20px 0 #b5b5b5;box-shadow:0 6px 20px 0 #b5b5b5}#main-inner .entry-content h3{text-align:center;border:1px solid #13692c;font-size:150%;background:#fbfbfb;text-shadow:0 0 1.6px #000;color:#13692c;padding:20px 5px 25px 5px;border-radius:.2em}#main-inner .entry-content h4{padding:16px 0 18px 15px;margin:1.5em 0 1em;font-size:130%;color:#fff;background-color:#59b573;position:relative}#main-inner .entry-content h4::after{content:"";display:block;position:absolute;bottom:-15px;left:25px;color:#fff;border:15px solid currentColor;border-top:15px solid #59b573;border-bottom:0}#main-inner .entry-content h5{padding:14px 10px 18px 18px;border-bottom:0 solid;border:1px solid #03611b;border-left:8px solid #03611b;background-color:#fcfdfc;color:#013301;border-radius:.2em}#main-inner .entry-content h5.center{text-align:center}#main-inner .entry-content h5.center::after{content:"";background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(#000),to(#fff));background:linear-gradient(to right,#fff,#000,#fff);height:2px;display:block;margin-top:5px}@media screen and (max-width:500px){#main-inner .entry-content h4{padding:14px 0 16px 15px}#main-inner .entry-content h5{padding:10px 10px 12px 8px;border-left:4px solid #03611b;border-radius:.2em}}.subhead-arrowUnderline-red{color:red;display:inline-block}.subhead-arrowUnderline-red::before{content:"";display:inline-block;border-left:10px solid red;border-top:7px solid transparent;border-bottom:7px solid transparent;margin:0 5px 0 0}.subhead-arrowUnderline-red::after{content:"";display:block;background-color:red;padding:3px 0 0;width:calc(100% - 15px);position:relative;left:15px}.subhead-arrowUnderline-orange{color:#ff5e00;display:inline-block}.subhead-arrowUnderline-orange::before{content:"";display:inline-block;border-left:10px solid #ff5e00;border-top:7px solid transparent;border-bottom:7px solid transparent;margin:0 5px 0 0}.subhead-arrowUnderline-orange::after{content:"";display:block;background-color:#ff5e00;padding:3px 0 0;width:calc(100% - 15px);position:relative;left:15px}.subhead-arrowUnderline-blue{color:#0037ff;display:inline-block}.subhead-arrowUnderline-blue::before{content:"";display:inline-block;border-left:10px solid #0037ff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin:0 5px 0 0}.subhead-arrowUnderline-blue::after{content:"";display:block;background-color:#0037ff;padding:3px 0 0;width:calc(100% - 15px);position:relative;left:15px}.subhead-arrowUnderline-green{color:#28841d;display:inline-block}.subhead-arrowUnderline-green::before{content:"";display:inline-block;border-left:10px solid #28841d;border-top:7px solid transparent;border-bottom:7px solid transparent;margin:0 5px 0 0}.subhead-arrowUnderline-green::after{content:"";display:block;background-color:#28841d;padding:3px 0 0;width:calc(100% - 15px);position:relative;left:15px}.subhead-arrowUnderline-purple{color:#9100ff;display:inline-block}.subhead-arrowUnderline-purple::before{content:"";display:inline-block;border-left:10px solid #9100ff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin:0 5px 0 0}.subhead-arrowUnderline-purple::after{content:"";display:block;background-color:#9100ff;padding:3px 0 0;width:calc(100% - 15px);position:relative;left:15px}article .entry-content .orange{background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#ffa5007a),color-stop(20%,transparent));background:linear-gradient(0deg,#ffa5007a 20%,transparent 20%)}article .entry-content .blue{background:-webkit-gradient(linear,left bottom,left top,color-stop(13%,#5858ff),color-stop(13%,transparent));background:linear-gradient(0deg,#5858ff 13%,transparent 13%)}article .entry-content .yellow{background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#ffff0073),color-stop(20%,transparent));background:linear-gradient(0deg,#ffff0073 20%,transparent 20%)}article .entry-content .red{background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#ff000061),color-stop(20%,transparent));background:linear-gradient(0deg,#ff000061 20%,transparent 20%)}article .entry-content .green{background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#33ff0087),color-stop(20%,transparent));background:linear-gradient(0deg,#33ff0087 20%,transparent 20%)}article .entry-content .keyword{background:#eaeaea;padding:2px 5px;margin:0 2px;color:#000;font-weight:600;border:1px solid #dedede;border-style:groove;cursor:unset!important}article .under{background:-webkit-gradient(linear,left bottom,left top,color-stop(13%,transparent),color-stop(13%,#fff));background:linear-gradient(0deg,transparent 13%,#fff 13%)}article .under.u-blue{background-color:#3f51b5}article .under.u-green{background-color:#38c42a}article .under.u-yellow{background-color:#e9ef1d}article .under.u-red{background-color:#ff5f5f}article .under.u-orange{background-color:#ff5722}article .marker{background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,#fff),color-stop(60%,transparent));background:linear-gradient(white 60%,transparent 60%)}article .marker.m-blue{background-color:#b8dcff}article .marker.m-red{background-color:#ffb9a2}article .marker.m-green{background-color:#bdffa7}article .marker.m-yellow{background-color:#f8ff71}article .marker.m-orange{background-color:#ffd493}article .marker.m-gray{background-color:#cbbebd}article .marker.m-pink{background-color:#ffd0fe}.highlight-blue{padding:5px 10px;background-color:#f7fffe;border:2px solid #7995b9;font-size:90%;color:#000}.highlight-green{padding:5px 10px;background-color:#f2fff2;border:2px solid #79b987;font-size:90%;color:#000}.highlight-red{padding:5px 10px;background-color:#fff6f6;border:2px solid #f08f8f;font-size:90%;color:#000}.example{padding:0 10px;font-size:120%;display:inline-block;font-weight:bolder}.example.e-orange{background-color:#ffda979c;color:orange;border-left:10px solid #ff8c00}.example.e-green{background-color:#01da0136;color:#00b900;border-left:10px solid #00b900}.example.e-sky{background-color:#00bfff2b;color:#00bfff;border-left:10px solid #00bfff}.example.e-blue{background-color:#0000ff1c;color:#2c2cff;border-left:10px solid #2c2cff}.attention>.title{display:inline-block;padding:4px 15px 2px 10px;border-top-right-radius:.2em;border-top-left-radius:.2em;font-weight:bolder}.attention>.title .far.fa-hand-point-up{-webkit-transform:scale(-1,1);transform:scale(-1,1);font-size:120%;margin:3px 10px 0 0}.attention>.body{padding:10px 10px 2px}.attention.a-orange>.title{color:#fff;background-color:orange;border:1px solid #fff;border-bottom:2px solid #fff}.attention.a-orange>.body{background-color:rgba(255,218,151,.051);border:1px solid orange}.attention.a-blue>.title{color:#fff;background-color:#00f;border:1px solid #fff;border-bottom:2px solid #fff}.attention.a-blue>.body{background-color:rgba(0,0,255,.102);border:1px solid #00f}.step>.title{font-weight:600;display:inline-block;margin-bottom:.5em;padding:0 20px 0 0;color:gray;text-decoration:underline}.step>.title::before{content:"";display:inline-block;border:3.5px solid;border-radius:2em;margin:0 10px 1px 0}.step>.body{padding-left:1em;margin-left:10px}.step.s-blue>.body{border-left:2px solid #6a89f0}.step.s-blue>.title::before{color:#2b5af8}article textarea.copy-textarea{width:100%;background-color:#f2f3f4}@media (max-width:728px){article textarea{font-size:small}}.entry-content pre.copy-pre{width:100%;font-family:monospace;font-size:13px;color:#000;border:1px solid #a9a9a9;border-radius:0}.entry-content pre.copy-pre>code{font-family:monospace}article .embed-card{position:relative;margin-top:45px}article .embed-card .embed-card-icon{padding:0 10px;border-radius:.2em;font-size:small;font-weight:700;position:absolute;top:-18px;left:10px;z-index:1;-webkit-box-shadow:0 0 3px 0 #b7b7b7;box-shadow:0 0 3px 0 #b7b7b7}article .embed-card .embed-card-icon::before{content:"\f15c";font-family:FontAwesome}article .embed-card.ec-reference .embed-card-icon{background:#4c68ef;color:#fff}article .embed-card.ec-reference .embed-card-icon::after{content:"参考記事"}article .embed-card.ec-relation .embed-card-icon{background:#dc8e3f;background-image:linear-gradient(45deg,#f5993b 25%,#ff9121 25%,transparent 75%,#e69645 75%);color:#fff}article .embed-card.ec-relation .embed-card-icon::after{content:"関連記事"}article .embed-card.ec-official .embed-card-icon{background-color:salmon;background-image:linear-gradient(45deg,salmon 25%,#f94d39 25%,transparent 75%,#ff4f3a 75%);background-size:5px 5px;background-position:0 0,3px 3px;color:#fff}article .embed-card.ec-official .embed-card-icon::after{content:"公式サイト"}article .hatena-citation{display:none}article .speech-bubble{position:relative;background:#fff;border:1px solid #999;border-radius:4px;padding:3px 12px;display:table;font-size:.8em;margin-top:-1.2em;margin-bottom:1em;z-index:10}.speech-bubble::before,article .speech-bubble::after{top:calc(100% - 1px);left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}article .speech-bubble::before{border-top-color:#999;border-width:8px;margin-left:-8px}article .speech-bubble:after{border-top-color:#fff;border-width:7px;margin-left:-7px}article .speech-bubble.sb-bottom{margin-top:-.5em}.speech-bubble.sb-bottom::before,article .speech-bubble.sb-bottom::after{bottom:calc(100% - 1px);top:auto}article .speech-bubble.sb-bottom::before{border-bottom-color:#686868;border-top-color:transparent}article .speech-bubble.sb-bottom:after{border-bottom-color:#fff;border-top-color:transparent}article .with-supplement{cursor:pointer;position:relative;text-decoration:underline}article .with-supplement>.fa-question-circle{color:#2373d6;margin:0 0 0 2px}article .with-supplement .speech-bubble{display:none;position:absolute;left:0;white-space:nowrap}article .with-supplement .speech-bubble[style*="display: inline"]{display:block!important}.with-supplement .speech-bubble::before,article .with-supplement .speech-bubble::after{left:10px}article .badge{display:inline-block;border-radius:.2em;font-weight:700;background:#fff;color:#333}article .badge.badge-x-small{margin-bottom:.8em;padding:2px 6px;font-size:x-small}article .badge.badge-small{margin-bottom:.8em;padding:4px 12px;font-size:small}article .badge.badge-medium{margin-bottom:.8em;padding:4px 16px;font-size:medium}article .badge.badge-large{margin-bottom:.8em;padding:6px 18px;font-size:large}article .badge.badge-x-large{margin-bottom:.8em;padding:6px 20px;font-size:x-large}article .badge.badge-lightwhite{background:#f9f9f9;color:#333}article .badge.badge-white{background:#fff;color:#333}article .badge.badge-darkwhite{background:#efefef;color:#333}article .badge.badge-lightblack{background:#333;color:#fff}article .badge.badge-black{background:#000;color:#fff}article .badge.badge-lightgray{background:#c5c5c5;color:#5d5d5d}article .badge.badge-gray{background:#888;color:#f1f1f1}article .badge.badge-darkgray{background:#5d5d5d;color:#f1f1f1}article .badge.badge-lightred{background:#fb8888;color:#fff}article .badge.badge-red{background:#ee3030;color:#fff}article .badge.badge-darkred{background:#da2525;color:#fff}article .badge.badge-lightblue{background:#8089e0;color:#fff}article .badge.badge-blue{background:#414ed8;color:#fff}article .badge.badge-darkblue{background:#39399e;color:#fff}article .badge.badge-navy{background:#29296b;color:#fff}article .badge.badge-lightgreen{background:#59da59;color:#fff}article .badge.badge-green{background:#16b31b;color:#fff}article .badge.badge-darkgreen{background:#0c8810;color:#fff}article .badge.badge-lightorange{background:#ff9a56;color:#fff}article .badge.badge-orange{background:#ef7d2c;color:#fff}article .badge.badge-darkorange{background:#d8610c;color:#fff}article .badge.badge-lightyellow{background:#e6ff00;color:#646464}article .badge.badge-yellow{background:#ff0;color:#212121}article .badge.badge-darkyellow{background:#d8dc22;color:#333}article .figure-image.fi-incaption{position:relative;display:inline-block}article .figure-image.fiic-br-2em{border-radius:2em;overflow:hidden}article .figure-image.fi-incaption img{margin:0}article .figure-image.fi-incaption figcaption{text-align:right;font-size:xx-small;position:absolute;border-top-left-radius:1em;right:0;bottom:0;opacity:.7;background:rgba(51,51,51,.6);color:#fff;padding:2px 5px 2px 8px}article .figure-image.fiic-br-2em figcaption{text-align:center;border-radius:unset;left:0}article .figure-image.fi-incaption figcaption>a{color:#fff!important}article .figure-image.fi-incaption figcaption>a:hover{color:#fff!important}article .column-box{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}@media screen and (max-width:650px){article .column-box{display:block}article .column-box .cbi-image{margin:10px auto!important;display:table!important}}article .column-box.cb-image .cbi-image{margin:0 10px;height:150px;min-width:150px}article .column-box.cb-image .cbi-image img{height:150px;min-width:150px}article .column-box.cb-image .cbi-text{margin:auto 15px auto 15px}article .color-box{padding:15px 20px;margin:20px 10px}article .color-box.cb-large{padding:50px 20px;margin:20px 0}article .color-box.cb-orange{background:#ffecc9}article .color-box.cb-yellow{background:#ffffb8}article .color-box.cb-blue{background:#e7e7ff}article .color-box.cb-red{background:#ffebee}article .color-box.cb-green{background:#defed9}article .color-box.cb-gray{background:#f6f6f6}article .color-box.cb-deep{color:#fff;font-weight:700}article .color-box.cb-deep.cb-border{border-color:#fff;-webkit-box-shadow:0 0 3px 1px #bbb;box-shadow:0 0 3px 1px #bbb}article .color-box.cb-deep.cbd-yellow{background:#ff9f05}article .color-box.cb-deep.cbd-orange{background:#ff5503}article .color-box.cb-deep.cbd-blue{background:#084dff}article .color-box.cb-deep.cbd-navy{background:#2448a7}article .color-box.cb-deep.cbd-red{background:#ff1801}article .color-box.cb-deep.cbd-green{background:#02cb2f}article .color-box.cb-deep.cbd-gray{background:#605f58}article .color-box.cbt-blue{font-weight:700;color:#0054ec}article .color-box.cbt-blue *{font-weight:700;color:#0054ec}article .color-box.cbt-orange{font-weight:700;color:#9b6a48}article .color-box.cbt-orange *{font-weight:700;color:#9b6a48}article .color-box.cbt-red{color:#ff6351;font-weight:700}article .color-box.cbt-red *{color:#ff6351;font-weight:700}article .color-box.cb-icon{padding:20px 15px 20px 80px;position:relative}article .color-box.cb-icon:before{font-family:FontAwesome;padding:0 10px 0 5px;margin:10px 10px;font-size:40px;line-height:40px;top:calc(50% - 30px);position:absolute;left:0;border-right:1px solid}@media screen and (max-width:500px){article .color-box.cb-icon{padding:0 20px 20px}article .color-box.cb-icon:before{font-size:30px;line-height:30px;padding:10px 0 5px;text-align:center;display:block;position:unset;border-bottom:1px solid;border-right:0}}article .color-box.cb-icon.cbi-information:before{content:"\f05a"}article .color-box.cb-icon.cb-orange::before{color:orange;border-color:orange}article .color-box.cb-icon.cb-blue::before{color:#3e7dee;border-color:#3e7dee}article .color-box.cb-icon.cb-green::before{color:#54e537;border-color:#41c826}article .color-box.cb-headline{margin-top:45px;padding:15px 20px;position:relative}article .color-box.cb-headline::before{font-family:FontAwesome;position:absolute;top:-17px;left:10px;padding:2px 9px;border-radius:.2em;font-size:small;font-weight:700;color:#fff}article .color-box.cbh-red::before{background:#ff8181}article .color-box.cbh-blue::before{background:#5252ff}article .color-box.cbh-green::before{background:#18d237}article .color-box.cbh-yellow::before{background:#f8f876;color:#555;font-weight:500;border:1px solid #c1c100}article .color-box.cbh-gray::before{background:#ddd;color:#333;font-weight:500}article .color-box.cbh-white::before{background:#fff;color:#333;font-weight:500;border:1px solid #dedede}article .color-box.cbh-orange::before{background:#ffbb3d}article .color-box.cbh-intro::before{content:"\f27a  はじめに"}article .color-box.cbh-check::before{content:"\f00c  Check"}article .color-box.cbh-attention::before{content:"\f12a  注目"}article .color-box.cbh-caution::before{content:"\f12a  注意"}article .color-box.cb-border{border:2px solid}article .color-box.cb-bt{border-right:1px solid #ededed!important;border-bottom:1px solid #ededed!important;border-left:1px solid #ededed!important;border-top:3px solid}article .color-box.cb-bb{border-right:1px solid #ededed!important;border-top:1px solid #ededed!important;border-left:1px solid #ededed!important;border-bottom:3px solid}article .color-box.cb-bl{border-right:1px solid #ccc!important;border-top:1px solid #ddd!important;border-bottom:1px solid #ddd!important;border-left:4px solid}article .color-box.cbb-orange{border-color:orange}article .color-box.cbb-pink{border-color:#ff8181}article .color-box.cbb-red{border-color:#ff8181}article .color-box.cbb-skyblue{border-color:#3e7dee}article .color-box.cbb-yellow{border-color:#e7e71a}article .color-box.cbb-blue{border-color:#5b65cf}article .color-box.cbb-green{border-color:#39bc27}article .color-box.cbb-black{border-color:#666}article .color-box.cb-title{padding:10px 20px;margin:0;text-align:center;font-weight:700}article .color-box.cb-title.cb-orange{background:orange;color:#fff}article .color-box.cb-title.cb-blue{background:#3e7dee;color:#fff}article .color-box.cb-content{margin:0}article .color-box.cb-icon.cb-content{padding:30px 15px 30px 80px}@media screen and (max-width:500px){article .color-box.cb-icon.cb-content{padding:0 20px 20px}article .color-box.cb-icon.cb-content::before{padding:0 0 5px}}article .blog-card cite.hatena-citation{display:none}article .blog-card.bc-icon{margin-top:40px!important}article .blog-card.bc-icon .embed-card{margin:0 0 10px!important}article .blog-card.bc-icon::before{font-family:FontAwesome;position:absolute;margin-left:20px;margin-top:-18px;border-radius:.2em;padding:3px 10px;font-size:12px;z-index:100}article .blog-card.bc-icon.bci-reference::before{content:"\f02d  参考サイト"}article .blog-card.bc-icon.bci-relation::before{content:"\f02d  関連記事"}article .blog-card.bc-icon.bci-google::before{content:"\f1a0  公式サイト"}article .blog-card.bc-icon.bci-border::before{padding:2px 10px;margin-top:-21px;border-radius:2em;border:3px solid;border-bottom:3px solid;-webkit-box-shadow:0 0 3px 1px #ccc;box-shadow:0 0 3px 1px #ccc;background:#fff}article .blog-card.bc-icon.bci-bb::before{border-bottom:3px solid;padding-bottom:0;-webkit-box-shadow:0 0 3px 1px #c3c3c3;box-shadow:0 0 3px 1px #c3c3c3;background:#fff}article .blog-card.bc-icon.bcib-red::before{color:#ff4c36}article .blog-card.bc-icon.bcib-blue::before{color:#4855de}article .blog-card.bc-icon.bcib-green::before{color:#0aa315}article .blog-card.bc-icon.bcib-navy::before{color:#491a7e}article .blog-card.bc-icon.bci-under::before{color:#fff;padding:2px 10px 1px;-webkit-box-shadow:1px 2px 3px 0 #aaa;box-shadow:1px 2px 3px 0 #aaa;border-bottom:3px solid;background-image:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(10%,#fff),color-stop(10%,transparent),color-stop(75%,transparent));background-image:linear-gradient(0,#fff 10%,transparent 10%,transparent 75%)}article .blog-card.bc-icon.bci-under.bciu-red::before{background-color:#ff4c36;border-color:#ff4c36}article .blog-card.bc-icon.bci-under.bciu-green::before{background-color:#228712;border-color:#228712}article .blog-card.bc-icon.bci-under.bciu-blue::before{background-color:#3c5ec9;border-color:#3c5ec9}article .blog-card.bc-icon.bci-slice::before{color:#fff;-webkit-box-shadow:1px 1px 3px 0 #7d7d7d;box-shadow:1px 1px 3px 0 #7d7d7d}article .blog-card.bc-icon.bci-slice.bcis-blue::before{background-image:linear-gradient(45deg,#080c81 35%,#4826fd 25%,#3a3ee8 75%)}article .blog-card.bc-icon.bci-slice.bci-sgreen::before{background-image:linear-gradient(45deg,#045700 35%,#29c734 25%,#29c734 75%)}@media screen and (min-width:768px){article .blog-card{margin:0 20px}}article .color-box ol,article .color-box ul{margin-bottom:0}article .embed-jsfiddle>iframe{height:500px;-webkit-box-shadow:1px 1px 5px 0 #999;box-shadow:1px 1px 5px 0 #999;border-radius:.8em}footer .entry-footer-section>span{display:none}.entry-inner .customized-footer .hatena-module.subscribe-button{padding-left:0}.entry-inner .customized-footer .hatena-module.subscribe-button .hatena-follow-button.js-hatena-follow-button.unsubscribing{background-color:unset;border-radius:2em;-webkit-box-shadow:1px 3px 0 1px #948383;box-shadow:1px 3px 0 1px #948383;font-size:120%}.entry-inner .customized-footer .hatena-module.subscribe-button .hatena-follow-button.js-hatena-follow-button.unsubscribing:hover{-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000;margin:3px 0 0 1px}.entry-inner .customized-footer .hatena-module.subscribe-button .hatena-follow-button.js-hatena-follow-button.subscribing{border-radius:2em;-webkit-box-shadow:1px 3px 0 1px #948383;box-shadow:1px 3px 0 1px #948383;font-size:120%}.entry-inner .customized-footer .hatena-module.subscribe-button .hatena-follow-button.js-hatena-follow-button.subscribing:hover{-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000;margin:3px 0 0 1px;width:105px}.entry-footer .hatena-module-related-entries .hatena-module-title{background:#5252ff;color:#fff;border-radius:.2em;padding:9px;font-weight:600;font-family:"apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Arial,sans-serif"}.entry-footer .related-entries .urllist-item{padding:0;-webkit-box-shadow:0 0 0 1px #e0e0e0;box-shadow:0 0 0 1px #e0e0e0;border-radius:.2em;margin:0 .3% 10px;height:100%;width:100%;-webkit-transition:all .2s;transition:all .2s;border:0;display:inline-block}@media (min-width:600px){.entry-footer .related-entries .urllist-item{width:49%}}#box2 .hatena-urllist.urllist-with-thumbnails li:hover,.entry-footer .hatena-urllist.urllist-with-thumbnails li:hover{-webkit-box-shadow:3px 2px 7px 0 #8a8989;box-shadow:3px 2px 7px 0 #8a8989;-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}.entry-footer .related-entries .urllist-item-inner{height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.entry-footer .related-entries .urllist-item-inner::after{content:"www.it-the-best.com";position:absolute;right:10px;bottom:0;color:#ccc;font-size:smaller}.entry-footer .related-entries .urllist-date-link{position:absolute;bottom:0;background:rgba(255,255,255,.78);padding:0 5px}.entry-footer .related-entries .urllist-title-link{font-weight:600;padding:3px 5px;padding-right:10px}@media (max-width:480px){.entry-footer .related-entries .urllist-title-link{font-size:13px}}.entry-footer .related-entries .urllist-entry-body{display:none}.comment-box{margin:0 0;padding:5% 0 0}#main .pager{display:-webkit-box;display:-ms-flexbox;display:flex}.hatena-module-category .hierarchyButton{text-align:center;cursor:pointer;font-weight:600;-webkit-transition:all .2s;transition:all .2s;background-color:#ff4141;color:#fff;width:50%;margin:auto;padding:5px;border-radius:.4em;margin-bottom:10px}.hatena-module-category .hierarchyButton:hover{background:#db2e2e}.hatena-module-category>div>ul>li.descendant-li-close:not(.lowestlayer)::after{top:unset}.hatena-module-category>div>ul>li.descendant-li-close.opening:not(.lowestlayer)::after{top:7px}.hatena-module-category .icon-arrow-right{margin-top:3px}.hatena-module-category .icon-arrow-right-down{margin-top:7px}.hatena-module-category .icon-arrow-down-up{margin-left:0}.icon-folding-parent>.icon-arrow-down{float:right;margin-top:3px;color:gray;opacity:.3;width:10px;height:10px;border-left:solid 3px currentColor;border-bottom:solid 3px currentColor;right:5px}.icon-folding-parent>.icon-arrow-up{float:right;color:gray;opacity:.3;margin-top:4px;width:10px;height:10px;border-left:solid 3px currentColor;border-bottom:solid 3px currentColor;right:5px}.hatena-module-title.icon-folding-parent.icon-folding-parent-closed{border-bottom:1px dotted #cfd8d8}#box2 .hatena-module-title{background:#333;color:#fff;padding:13px 20px;border-radius:.2em;border:0}#box2 .hatena-module-title a{color:#fff!important}#box2 .hatena-module-title .icon-folding{color:#fff;opacity:1}#box2 .urllist-image{-webkit-transition:all .3s;-webkit-transition:all .2s;transition:all .2s}#box2 .hatena-urllist li.urllist-item{padding:5px 0!important;-webkit-transition:all .2s;transition:all .2s;border:1px solid #d3d3d3;border-radius:.4em;margin:0 0 5px}#box2 .hatena-urllist li.urllist-item:hover{-webkit-box-shadow:3px 2px 7px 0 #8a8989;box-shadow:3px 2px 7px 0 #8a8989}#box2 .hatena-urllist li.urllist-item:hover .urllist-date-link{bottom:-6px}#box2 .urllist-item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}#box2 .urllist-image-link{padding:1% 0 1% 1%}#box2 .urllist-image-link .urllist-image{-webkit-box-shadow:2px 2px 3px 0 #cdcdcd;box-shadow:2px 2px 3px 0 #cdcdcd;border-radius:.2em;max-width:unset;margin:0}#box2 .urllist-title-link{display:block;font-size:13.5px;line-height:1.4;display:-webkit-inline-box;-webkit-box-orient:block-axis;-webkit-line-clamp:4;overflow:hidden;height:71px;font-weight:700;margin:0 0 0 .7em}#box2 .urllist-date-link{-webkit-transition:all .2s;transition:all .2s;position:absolute;bottom:-5px;left:0;padding:0 10px 0 5px;background:rgba(90,90,90,.8);border-bottom-left-radius:.4em;border-top-right-radius:1em}#box2 .urllist-date-link a{color:#fff}.entries-multiple-list-title.hatena-module{margin-bottom:0}.entries-multiple-list-title>.title{font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-size:20px;text-align:center;display:block;margin:0 0 3px}.entries-multiple-list-title>.hatena-module-title{border-bottom:1px dotted #cfd8d8;display:-webkit-box;display:-ms-flexbox;display:flex}.entries-multiple-list-title>.hatena-module-title>div{cursor:pointer;border-top-left-radius:.5em;border-top-right-radius:.5em;margin:auto;padding:0 5%;font-size:15px;white-space:nowrap;font-weight:400}.entries-multiple-list-title>.hatena-module-title>div.showing{font-weight:500;border-bottom:2px solid #ccc}.entries-multiple-list-body>div:not(:first-child){display:none}.entries-multiple-list-body>div .hatena-module-title{display:none}#box2 ul.table-of-contents{overflow:auto;white-space:nowrap;padding:20px 20px 10px 40px;font-size:13px;border-radius:.5em;-webkit-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc}.table-of-contents-sidebar ul{list-style-type:none}.table-of-contents-sidebar ul ul{-webkit-padding-start:1rem;padding-inline-start:1rem}.table-of-contents-sidebar li>a{font-weight:700;color:#525252;padding:1px 4px}.table-of-contents-sidebar .set-listFolding-toggle{color:#fff;right:0}.table-of-contents-sidebar{margin:1rem 0}.table-of-contents-sidebar li{position:relative}.table-of-contents-sidebar li>span.table-of-contents-mark{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/S/Surprisedblog/20190729/20190729005357.png);background-size:cover;position:absolute;width:25px;height:25px;top:-3px;left:-30px;display:none}.sidebar-ads.sidebar-ads-sticky{text-align:center}.footer-ads{margin:30px auto;text-align:center}#footer{color:#fff;background-color:#333;font-family:Georgia,serif}#footer a{color:#fff}#footer p{color:#fff}#footer-nav ul.fixedpage{list-style:none;display:inline-block;-webkit-padding-start:10px;padding-inline-start:10px;font-size:110%}#footer-nav ul.fixedpage li{float:left;padding:0 20px 0 0;text-shadow:0 0 .5px #fff;position:relative}#footer-nav ul.fixedpage li::after{content:"";display:block;margin:auto;height:10px;opacity:.8;border-right:1px solid;position:absolute;right:10px;top:7px}#footer-nav ul.fixedpage li:last-child::after{display:none}#footer-nav ul.fixedpage li:hover{opacity:.8;text-shadow:2px 2px 1px #a5a5a5}#footer-nav ul.fixedpage li:hover::after{opacity:1}#footer-nav ul.fixedpage li>a{text-decoration:none}#footer-nav ul.footer-categorylist{list-style:none;display:inline-block;-webkit-padding-start:10px;padding-inline-start:10px;border-top:1px solid #999;border-bottom:1px solid #999;width:600px;max-width:100%;padding:10px 0}#footer-nav ul.footer-categorylist li{padding:0 20px 0 0;display:inline-block}#footer-nav>div{text-align:center;margin:0 0 3px 0}#footer-nav>div::after{content:"";width:200px;display:none;height:1px;margin:auto;margin-bottom:10px}#gototopbutton{position:fixed;right:15px;bottom:25px;color:#fff;padding:6px 15px;background:rgba(15,15,15,.8);-webkit-box-shadow:0 0 5px 0 #555;box-shadow:0 0 5px 0 #555;border-radius:.2em;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;opacity:0}#gototopbutton.visible{opacity:1}@media (min-width:768px){.entry{padding:5%}}@media (min-width:900px){#content-inner{padding-left:5%;padding-right:5%}}@media (min-width:1000px){#content-inner{width:100%}#box2{max-width:20%;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%}}@media (min-width:1100px){#content-inner{padding-right:3%}#wrapper{max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.entry{padding:5%;border-left:1px solid #4a4a4a}.entry-content pre>code{font-size:100%}#box2{max-width:24%;-webkit-box-flex:0;-ms-flex:0 0 24%;flex:0 0 24%;border-radius:.5em}#box2-inner{display:inline-block;width:100%;height:100%}#box2-inner>.hatena-module:last-child{position:-webkit-sticky;position:sticky;top:60px;padding-right:10px}.hatena-module-category ul li{font-size:small}}@media (min-width:1120px){#main{padding:0 3% 0 0}}@media (min-width:1200px){#content-inner{padding-left:8%;padding-right:5%;max-width:1580px}}@media (max-width:1200px){#header-menu{padding:13px 2% 10px 3%}#header-menu .hatena-subscribe-button{display:none}#header-menu .guide{margin-left:15%;max-width:60%}#header-menu .title{right:2%;bottom:5px}#header-menu .search-box{right:18%}#header-menu .search-box .gsc-input-box{padding:0;border-radius:0}#header-menu .search-box input{height:25px!important;width:130px!important;padding:0!important}#header-menu .search-box button{border-radius:2em;height:25px}#header-menu .toggle-button{display:block;right:16%}}@media (max-width:1150px){#header-menu .toggle-button{right:16.5%}}@media (max-width:1099px){.hatena-module{padding-right:0;padding-left:0}#header-menu .guide{margin-left:10%;padding:0 166px 4px 0;max-width:80%}#header-menu .search-box{right:20%}#header-menu .toggle-button{right:18%}#content-inner{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#wrapper{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.pager.permalink{padding:0 5%}#box2{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding-right:5%;padding-left:5%}.table-of-contents-sidebar{display:none}.footer-ads{display:none}}@media (max-width:1000px){#header-menu .guide{padding:0 0 4px 0;margin-top:-1px}#header-menu .guide>a>img{left:calc(50% - 100px)}#header-menu .title{display:none}#header-menu .search-box{display:none}#header-menu .toggle-button{right:3%}#header_nav ul{padding:0}}@media (max-width:600px){#header_nav ul{display:none}#left-side-menu::before{display:none}}@media (max-width:480px){.entry-content p{font-size:1rem}.hatena-module{padding-left:20px;padding-right:20px}#header-menu{border-bottom:1px solid}#header-menu .guide{font-size:20px;padding:0 20px 4px 20px}#header-menu .guide>a>img{left:calc(50% - 95px);top:2px}header#blog-title{padding:0;text-align:center}header#blog-title img{height:45px;padding:10px 0 0 0}h1#title{top:10px;font-size:300%;float:none;padding:0 0 0 1%;text-align:center}h2#blog-description{padding:0 0 0 2%;margin-top:-20px;font-size:12px}#top-editarea{margin:0}#header_nav{overflow:hidden}#header_nav ul{overflow-x:auto;white-space:nowrap;padding:10px 5%;-webkit-overflow-scrolling:touch}#header_nav ul>a{text-decoration:none}#header_nav ul li{width:110px;float:unset;display:inline-block;-webkit-box-shadow:0 0 4px 0 grey;box-shadow:0 0 4px 0 grey;padding:5px 1% 5px 1%}#header_nav ul li:hover{-webkit-transform:unset;transform:unset;opacity:.8;text-shadow:unset}#header_nav ul li::after{display:none}.entry-inner>header.entry-header>.breadcrumb-list ol a{color:#777}.page-archive .archive-entry{background:#fff;border:1px solid #f0f1f1;margin-bottom:10px;padding:5% 3% 3%}#main-inner .archive-entry-header .entry-title{margin-bottom:.01em;overflow:hidden;display:-webkit-box;-webkit-box-orient:block-axis;-webkit-line-clamp:2;font-size:15px}#main-inner article .entry-title{font-size:100%}.date{margin:0;font-size:.9rem}.date a{color:#fff;color:#00000069;margin:0 .3em 0 0;padding:2px 5px}.categories{margin-bottom:.5em}.page-archive .entry-thumb{width:120px;height:120px;background-size:cover;float:left;margin-right:8px;width:140px;height:140px;-webkit-box-shadow:0 0 3px 0 grey;box-shadow:0 0 3px 0 grey}p.entry-description{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:block-axis;-webkit-line-clamp:5;font-size:small;margin-bottom:.1rem;font-size:small;font-size:.7rem}.hatena-module{margin-bottom:1em}article .entry-content .scroll-snap-side{-ms-scroll-snap-type:unset;scroll-snap-type:unset}.pager.permalink{padding:unset}#box2{padding-right:0;padding-left:0}#footer-nav{display:none}}pre:not(.copy-pre){background:#f6f5f5;border:1px solid #ccc;border-radius:.2em;padding:7px;font-size:.9rem}.prettyprint li{line-height:1.5}.prettyprint ol.linenums>li{list-style-type:decimal}pre.html::before{content:"</>html";color:#ffba3d;border:1px solid #ffba3d;padding:0 3% 0 2%;float:right;font-weight:bolder}pre.css::before{content:"#css";color:#89bdff;border:1px solid #89bdff;padding:0 3% 0 2%;float:right;font-weight:bolder}pre.js::before{content:"JavaScript";color:#ffff64;border:1px solid #ffff64;padding:0 3% 0 2%;float:right;font-weight:bolder}@keyframes spin{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}14.3%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}28.6%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}42.9%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}57.1%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}71.4%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}85.7%{-webkit-transform:rotate(315deg);transform:rotate(315deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}14.3%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}28.6%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}42.9%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}57.1%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}71.4%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}85.7%{-webkit-transform:rotate(315deg);transform:rotate(315deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes delay-display-webkit-inline-box{0%{opacity:0}100%{opacity:0}}@-webkit-keyframes delay-display-webkit-inline-box{0%{opacity:0}100%{opacity:0}}.tools-htmlwithcode{position:relative;width:100%;border:1px solid #ccc;border-radius:.2em;overflow:auto;resize:both;height:357px;-webkit-box-shadow:1px 3px 6px 0 #5e5e5e;box-shadow:1px 3px 6px 0 #5e5e5e}.tools-htmlwithcode>*{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tools-htmlwithcode>.body>:not(:first-child){border-left:1px solid #ccc}.tools-htmlwithcode>.title{-webkit-box-shadow:0 1px 8px 0 grey;box-shadow:0 1px 8px 0 grey;position:absolute;top:0;left:0;height:45px}.tools-htmlwithcode>.title>*{white-space:nowrap;overflow:auto;font-weight:700;color:#777;text-align:center;padding:5px 10px;cursor:pointer;width:100%!important;-webkit-transition:color .1s,border-bottom .3s,background-color .3s;transition:color .1s,border-bottom .3s,background-color .3s}.tools-htmlwithcode>.title>:hover{color:#4a69e0;background-color:rgba(176,192,255,.65)}.tools-htmlwithcode>.title>.showing-body{color:#4a69e0;border-bottom:2px solid}.tools-htmlwithcode>.title>:hover:not(.showing-body){opacity:1}.tools-htmlwithcode>.body{height:calc(100% - 50px);position:absolute;top:50px}.tools-htmlwithcode>.body>*{width:100%;overflow:auto;display:none;max-height:100%}.tools-htmlwithcode>.body>.element{margin:auto;text-align:center;padding:0 10px}.tools-htmlwithcode>.body>.element[style*="display: block;"]>label,.tools-htmlwithcode>.body>.element[style*="display: block;"]>span{display:inline-block!important}.tools-htmlwithcode>.body pre{display:inline-table;width:100%;height:100%;margin:0}.copy-button{padding:8px 8px;font-size:medium;border:1px solid #ddd;margin:5px 0;border-radius:.4em;cursor:pointer;color:#fff;-webkit-transition:all .3s;transition:all .3s;background:#555;-webkit-box-shadow:1px 1px 5px 0 #ccc;box-shadow:1px 1px 5px 0 #ccc;text-shadow:0 0 1px}.copy-button:hover{color:#333;background:#fff;-webkit-box-shadow:unset;box-shadow:unset}.copy-button::before{content:"\f0c5";font-family:FontAwesome;margin-right:5px}