/*
  Responsive: yes
*/
:root{--theme-color:#e9edf0;--shadow-darkcolor:#c6c9cc;--shadow-brightcolor:#fff}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}#content-inner{display:flex;flex-flow:column;justify-content:space-between}@media (min-width:992px){#content-inner{flex-direction:row}}.entry-header{display:flex;flex-flow:column}.entry-header .entry-title{order:0}.entry-header .date{order:1}.entry-header .categories{order:2}.entry-header .customized-header{order:3}.entry-header .social-buttons{order:4}.archive-entries{display:flex;flex-wrap:wrap}.page-archive .archive-entry{display:flex;flex-flow:column}.page-archive .archive-entry .entry-thumb-link{order:0}.page-archive .archive-entry .archive-entry-header{order:1}.page-archive .archive-entry .archive-entry-body{order:2}.page-archive .archive-entry .categories{order:3}.archive-entry-header{display:flex;flex-flow:column}.archive-entry-header .entry-title{order:0}.archive-entry-header .date{order:1}.pager{display:flex;justify-content:space-between}body,html{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;color:#333;background:var(--theme-color);line-height:1.7;letter-spacing:.05em}a{color:#333;text-decoration:none;transition:.1s ease-out}a:hover{color:#4ab7ea;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#333;line-height:1.4}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#333;text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#0f668f}#globalheader-container{background-color:#454545;color:#f5f5f5}#content-inner{max-width:1200px;margin:auto}#blog-title{margin:auto;max-width:1200px;padding:3em 20px 2em;text-align:center}@media (min-width:992px){#blog-title{margin:0 auto;padding:3em 40px;box-sizing:border-box;text-align:left}}#title{margin:0;font-size:1.5rem}@media (min-width:992px){#title{font-size:2rem}}#title a{color:#555}#blog-description{font-weight:400;font-size:.8rem;margin:1em 0 0}.header-image-enable #blog-title{margin:0 auto 2em}@media (min-width:768px){.header-image-enable #blog-title{padding:0 40px}}.header-image-enable #blog-title-inner{display:flex;flex-direction:row;align-items:center;margin:30px 0 0}@media (min-width:992px){.header-image-enable #blog-title-inner{background-size:cover}}.header-image-enable #blog-title-content{margin:auto;text-align:center}#top-box{max-width:1200px;margin:0 auto 1em;box-sizing:border-box}@media (min-width:768px){#top-editarea{margin-bottom:2.5em}}.breadcrumb{padding:0 20px;font-size:.78rem}@media (min-width:768px){.breadcrumb{padding:0 40px}}@media (min-width:992px){#wrapper{width:calc(100% - 350px)}}#main{width:100%}#main-inner{max-width:1140px;margin:auto;padding:0 20px;box-sizing:border-box}@media (min-width:992px){#main-inner{padding:0 40px}}.entry{position:relative;margin-bottom:20px;padding:20px;border-radius:20px;box-shadow:inset 1px 1px 3px #e0e0e0,inset -1px -1px 3px var(--shadow-brightcolor),5px 5px 10px var(--shadow-darkcolor),-5px -5px 10px var(--shadow-brightcolor)}@media (min-width:768px){.entry{padding:30px 40px}}.entry-header{position:relative;margin:10px 0 30px}.entry-header .social-buttons{margin:1em 0 0;padding:1em 0;border-top:1px solid #ddd}.date{font-size:.9rem}.date a{color:#555;text-decoration:none}.entry-title{margin:0 0 .3em;font-size:1.5rem}@media (min-width:992px){.entry-title{font-size:1.6rem}}.categories a{font-size:.86rem;display:inline-block;margin:8px 4px 0 0;padding:.2em 1em;border-radius:20px;text-decoration:none;box-shadow:0 0 0 1px var(--shadow-darkcolor),3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor)}.categories a:hover{box-shadow:inset 0 0 0 1px var(--shadow-darkcolor),inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}.entry-footer .social-buttons{margin-bottom:1em}.entry-footer-section{color:#555;font-size:.9rem}.entry-footer-section a{color:#555}.comment-box{margin:2em 0 1em;padding:2em 0 1em;border-top:2px solid #555}.comment{list-style:none;margin:2em 0 15px 0;padding:0;line-height:1.7;font-size:.85rem}@media (min-width:768px){.comment{font-size:.9rem}}.entry-comment{margin:0 0 1.2em 0;padding:1.2em;border-radius:10px;position:relative;box-shadow:inset 3px 3px 6px var(--shadow-darkcolor),inset -3px -3px 6px var(--shadow-brightcolor)}.read-more-comments a{margin:1em 0;padding:.5em 1em;border-radius:20px;box-shadow:0 0 0 1px var(--shadow-darkcolor),3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor);display:inline-block}.read-more-comments a:hover{box-shadow:inset 0 0 0 1px var(--shadow-darkcolor),inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}.entry-comment .hatena-id-icon{position:absolute;top:-5px;left:-5px;width:50px!important;height:50px!important;padding:7px;background:var(--theme-color);border-radius:50%;box-shadow:3px 3px 6px 0 var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor)}.entry-tag .entry-tag-link{background:0 0;border:none;border-radius:20px;box-shadow:3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor)}.entry-tag .entry-tag-link:hover{background:var(--theme-color);box-shadow:inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}.comment-user-name{margin:0 0 .4em 0;padding:5px 0 0 55px;font-weight:700}.comment-content{margin:2em 0 1em;word-wrap:break-word;color:#555;font-size:.85rem}.comment-content p{margin:0 0 .6em 0}.comment-metadata{color:#999;margin:0;font-size:.8rem}.comment-metadata a{color:#999}.leave-comment-title{padding:.6em 1em;font-size:.85rem;border-radius:20px;box-shadow:0 0 0 1px var(--shadow-darkcolor),7px 7px 14px var(--shadow-darkcolor),-7px -7px 14px var(--shadow-brightcolor)}.leave-comment-title:hover{box-shadow:inset 0 0 0 1px var(--shadow-darkcolor),inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}@media (min-width:992px){#box2{width:377px}}#box2-inner{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width:768px){#box2-inner{padding:0}}@media (min-width:992px){#box2-inner{padding-left:0}}.hatena-module{box-sizing:border-box;margin-bottom:2em;font-size:.85rem}.entry .hatena-module{padding:0}@media (min-width:768px){.hatena-module{width:50%;font-size:.9rem;padding:20px}}.hatena-module-title{margin:0 0 1em;padding:0;font-size:1.2rem;font-weight:700}.hatena-module-title a{color:#555;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-urllist{list-style:none;margin:0;padding:0;line-height:1.4}.hatena-urllist li{padding:0 0 1em}.urllist-title-link{font-size:.9rem}.urllist-category-link{display:inline-block;margin:.2em .2em .2em 0;padding:.2em 1em;color:#555;font-size:.7em;font-weight:700;letter-spacing:0;border-radius:20px;box-shadow:0 0 0 1px var(--shadow-darkcolor)}.urllist-date-link a{display:block;margin:0 0 .4em;color:#555}.urllist-entry-body{margin-top:.3em;color:#555}.urllist-with-thumbnails li .urllist-image{margin:0 1em 0 0;border-radius:6px;box-shadow:0 0 0 1px var(--shadow-darkcolor)}.urllist-categories{margin:.4em 0 0}.hatena-module-profile .profile-icon{display:block;margin:0 auto 1em;padding:.5em;border-radius:50%;box-shadow:4px 4px 8px var(--shadow-darkcolor),-4px -4px 8px var(--shadow-brightcolor),inset 3px 3px 6px var(--shadow-darkcolor),inset -3px -3px 6px var(--shadow-brightcolor),4px 4px 8px var(--shadow-darkcolor),-4px -4px 8px var(--shadow-brightcolor);transition:.15s}.id{display:block;font-weight:700;margin-bottom:.5em;text-align:center}.profile-description p{margin-top:0}.search-form,.search-result-form{display:flex;align-items:center;border:2px solid #ddd;border-radius:3px;width:100%;padding:4px 0 2px 6px;box-sizing:border-box}.search-module-input,.search-result-input{flex:1 0;padding:5px;color:#333;background:0 0;border:none;outline:0;height:20px}.search-module-button,.search-result-button{width:24px;height:24px;margin-right:5px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat center;background-size:20px 20px;border:none;outline:0;color:transparent;overflow:hidden;opacity:.5;cursor:pointer}.search-module-button:hover,.search-result-button:hover{opacity:.85}.archive-module-month{transition:.2s}.archive-module-month:hover{transform:translateX(4px);text-decoration:none}.archive-module-month-title::before{content:"\f006";font-family:blogicon;font-size:.8em;color:#555;margin-right:.2em;vertical-align:middle}.archive-module-month-title:hover::before{color:#4ab7ea}.archive-module-calendar .archive-module-calendar-selector{border:none;border-radius:15px;background:var(--theme-color);box-shadow:1px 1px 2px var(--shadow-darkcolor),-1px -1px 2px var(--shadow-brightcolor);padding:0 1em;cursor:pointer}.archive-module-calendar .archive-module-calendar-selector:hover{box-shadow:inset 1px 1px 2px var(--shadow-darkcolor),inset -1px -1px 2px var(--shadow-brightcolor)}.archive-module-calendar a{display:block;margin:.2em;padding:.2em 0 0;color:#79b4c5;font-weight:700;border-radius:1em;box-shadow:1px 1px 2px var(--shadow-darkcolor),-1px -1px 2px var(--shadow-brightcolor)}.archive-module-calendar a:hover{box-shadow:inset 1px 1px 2px var(--shadow-darkcolor),inset -1px -1px 2px var(--shadow-brightcolor)}.hatena-module-category li{padding:0!important;display:inline-block}.hatena-module-category a{display:inline-block;margin:.4em;padding:.3em .8em!important;font-size:.8rem;border-radius:20px;box-shadow:0 0 0 1px var(--shadow-darkcolor),3px 3px 5px var(--shadow-darkcolor),-3px -3px 5px var(--shadow-brightcolor)}.hatena-module-category a:hover{box-shadow:inset 0 0 0 1px var(--shadow-darkcolor),inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}.page-about .entry-content dt{font-weight:700;border-bottom:1px solid #ddd;margin-bottom:.5em}.page-about .entry-content dd{margin-left:0;margin-bottom:2em}.archive-header-category{margin:30px;text-align:center}.archive-entry{position:relative;width:100%;margin-bottom:20px;padding:20px;box-sizing:border-box}@media (min-width:768px){.page-archive #main-inner{padding:0 40px}}@media (min-width:768px){.page-archive .entry-thumb-link{margin:-20px 0 20px -20px}}.page-archive .entry-thumb{width:100%;height:0;padding-top:56.25%;background-position:center;transition:.4s}.page-archive .archive-entry .categories{position:absolute;top:8px;left:25px}.page-archive .categories a{margin:0 5px .3em 0;display:inline-block;padding:.2em 1em;background:var(--theme-color);color:#555;font-size:.7em;font-weight:700;letter-spacing:0;border-radius:20px;box-shadow:0 0 0 1px var(--shadow-darkcolor),3px 3px 5px var(--shadow-darkcolor),-3px -3px 5px var(--shadow-brightcolor)}.page-archive .categories a:hover{color:#4ab7ea;box-shadow:inset 0 0 0 1px var(--shadow-darkcolor),inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}.archive-entry-header .entry-title{font-size:1rem}.archive-entry-header .date{font-size:.8rem}.archive-entry-body .entry-description{font-size:.7em;display:none}.archive-entry-body .social-buttons{display:block;margin:.5em 0}.page-entry #main-inner{padding:0}@media (min-width:768px){.page-entry #main-inner{padding:0 40px}}.page-entry .breadcrumb{margin-bottom:1em}#footer-inner{margin-top:2em;padding:10px 0;text-align:center;font-size:.8rem;color:#555}#footer-inner a{color:#555}#footer-inner p{margin:.5em auto}@media (min-width:768px){#footer-inner{max-width:1200px;margin:auto;padding:20px 40px}}.entry-content img,.entry-content video{max-width:100%;height:auto;vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:3em 0 .8em 0}.entry-content h2{padding-left:.5em;border-left:solid 5px}.entry-content h3{font-size:1.5rem;border-bottom:solid 2px}.entry-content h4{margin:2em 0 1em 0;font-size:1.4rem;padding:.2em .5em;border-radius:4px;box-shadow:inset 3px 3px 6px var(--shadow-darkcolor),inset -3px -3px 6px var(--shadow-brightcolor)}.entry-content h5{margin:1.6em 0 1em 0;font-size:1.2rem}.entry-content h6{margin:1em 0 1em 0;font-size:.9rem}.entry-content a{color:#1487bd;text-decoration:underline}.entry-content a:hover{color:#4ab7ea;text-decoration:none}.entry-content a.keyword{text-decoration:none;border-bottom:1px dotted #ddd;color:#333}.entry-content .entry-see-more{display:inline-block;padding:.5em 1em;color:#333;text-decoration:none;border-radius:4px;box-shadow:0 0 0 1px var(--shadow-darkcolor),7px 7px 14px var(--shadow-darkcolor),-7px -7px 14px var(--shadow-brightcolor);transition:.1s ease-out}.entry-content .entry-see-more:hover{box-shadow:inset 0 0 0 1px var(--shadow-darkcolor),inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}.entry-content dd,.entry-content ol,.entry-content ul:not(.table-of-contents){margin:0 0 1em 1.5em;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;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block;font-size:.8rem}@media (min-width:992px){.entry-content table{font-size:.9rem}}.entry-content table td,.entry-content table th{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#fff}.entry-content blockquote{margin:2em 0 1.6em;padding:1.5em;border-radius:15px;box-shadow:inset 3px 3px 6px var(--shadow-darkcolor),inset -3px -3px 6px var(--shadow-brightcolor)}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content blockquote::before{content:"\f704";font-family:blogicon;position:absolute;top:-44px;left:-12px;font-size:4em;color:var(--theme-color);text-shadow:2px 2px 4px #a8a8a8,-2px -2px 4px var(--shadow-brightcolor)}.entry-content code,.entry-content pre{font-family:Monaco,Consolas,'Courier New',Courier,monospace,sans-serif}.entry-content pre{background:#000;white-space:pre;text-overflow:ellipsis;line-height:1.3;font-size:.8rem;position:relative;padding:1.5em 1em .5em;font-size:1em;text-overflow:unset;border-radius:4px;background:#e9edf0;box-shadow:inset 3px 3px 6px var(--shadow-darkcolor),inset -3px -3px 6px var(--shadow-brightcolor)}.entry-content pre.lang-html::before{content:" html ";position:absolute;top:0;left:0;background:#5e6bff;color:#fff}.entry-content pre.lang-css::before{content:" CSS ";position:absolute;top:0;left:0;background:#fff75e;border-radius:4px 0 0 0;box-shadow:inset 3px 3px 6px var(--shadow-darkcolor)}.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 2px;padding:0 5px;background-color:#fff;border-radius:3px}.entry-content hr{width:50%;border:0;border:none;border-top:1px solid #ddd;margin:2em auto}.table-of-contents{margin:0;padding:1.2em;font-size:.9em;border-radius:6px;box-shadow:inset 4px 4px 8px var(--shadow-darkcolor),inset -4px -4px 8px var(--shadow-brightcolor)}.table-of-contents::before{content:"目次";display:block;margin:0 0 .8rem;padding:0 0 .4rem;border-bottom:2px solid #777;font-size:1.2rem}.table-of-contents a{color:#333}.table-of-contents li{margin:0 0 0 1.4em;list-style-type:decimal}.table-of-contents li ul{margin:0 0 1em .5em}.table-of-contents li ul li{margin:4px}.pager{margin:2em 0}.pager-arrow{display:none}.pager .pager-next,.pager .pager-prev{display:block;width:50%}.pager .pager-next{text-align:right}.pager .pager-next a,.pager .pager-prev a{display:inline-block;width:96%;padding:20px;box-sizing:border-box;border-radius:10px}.pager .pager-next a::after,.pager .pager-prev a::before{display:inline-block;font-family:blogicon;color:#555}.pager .pager-prev a::before{content:"\f005";left:-10px}.pager .pager-next a::after{content:"\f006";margin-left:.5em;vertical-align:middle}.pager .pager-next a:hover::after,.pager .pager-prev a:hover::before{color:#4ab7ea}div.footnote{padding:1em 0;border-top:#ddd 1px solid}#footer .guest-footer{margin:20px;padding:25px 30px 10px;max-width:700px;background:#fff;border-radius:6px}@media (min-width:768px){#footer .guest-footer{margin:30px auto}}.page-archive .pager,.page-index .pager{margin:2em 0}.entry-header-menu a{position:absolute;top:0;right:0;padding:6px 10px;border-radius:6px;transition:.1s ease-out;box-shadow:0 0 0 1px var(--shadow-darkcolor),3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor)}.entry-header-menu a:hover{box-shadow:inset 0 0 0 1px var(--shadow-darkcolor),inset 3px 3px 6px var(--shadow-darkcolor),inset -3px -3px 6px var(--shadow-brightcolor)}.entry-footer-html a,.entry-header-html a{color:#1487bd;text-decoration:underline}.entry-footer-html a:hover,.entry-header-html a:hover{text-decoration:none;color:#0f668f}.page-archive .archive-date,.page-index .archive-date{position:absolute;display:inline-block}.page-archive a .hyphen{display:none}.page-archive .date-day{order:1}.page-archive .date-year{display:none}.page-archive .date-month{order:2;font-size:0}.entry-date .date-month::before{font-size:3vw;display:inline-block;margin:.8em .5em .5em;letter-spacing:.1em}.page-archive .date-month::before{font-size:14px}.page-archive .archive-entry .archive-date{top:15px;right:25px}.archive-date time[title*="-01-"] .date-month::before{content:'JAN'}.archive-date time[title*="-02-"] .date-month::before{content:'FEB'}.archive-date time[title*="-03-"] .date-month::before{content:'MAR'}.archive-date time[title*="-04-"] .date-month::before{content:'APR'}.archive-date time[title*="-05-"] .date-month::before{content:'MAY'}.archive-date time[title*="-06-"] .date-month::before{content:'JUNE'}.archive-date time[title*="-07-"] .date-month::before{content:'JUL'}.archive-date time[title*="-08-"] .date-month::before{content:'AUG'}.archive-date time[title*="-09-"] .date-month::before{content:'SEP'}.archive-date time[title*="-10-"] .date-month::before{content:'OCT'}.archive-date time[title*="-11-"] .date-month::before{content:'NOV'}.archive-date time[title*="-12-"] .date-month::before{content:'DEC'}@media (min-width:768px){.archive-entry{width:48%}.archive-entry:nth-child(even){margin-left:4%}}.archive-entry-tag .archive-entry-tag-link{background:0 0;margin:0}.archive-entry-tag .archive-entry-tag-link:hover{background:0 0;box-shadow:inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}.page-archive .entry-thumb-link{margin:0 0 20px;padding:0;border-radius:4px;overflow:hidden;box-shadow:3px 3px 5px var(--shadow-darkcolor),-3px -3px 5px var(--shadow-brightcolor)}.page-archive .entry-thumb:hover{transform:scale(1.05)}.archive-entry{padding:45px 25px 0;margin-bottom:25px;border-radius:25px;box-shadow:0 0 2px 2px var(--shadow-brightcolor),inset 2px 2px 4px var(--shadow-darkcolor),0 0 9px var(--shadow-darkcolor),4px 4px 6px var(--shadow-darkcolor),-4px -4px 6px var(--shadow-brightcolor),5px 16px 14px var(--shadow-darkcolor),-8px -11px 13px var(--shadow-brightcolor)}.entry-title{padding:0 0 1em;margin:0}span.social-buttons{margin-top:.8em}archive-category-link{background:#f7f8f8;border-radius:10px;box-shadow:5px 7px 5px #e0e0e0,-7px -5px 7px var(--shadow-brightcolor);display:block}@media (min-width:768px){#box2-inner{display:flex;flex-wrap:wrap;margin:0 40px;border-radius:20px;box-shadow:inset 1px 1px 3px var(--shadow-darkcolor),inset -1px -1px 3px var(--shadow-brightcolor),5px 5px 10px var(--shadow-darkcolor),-5px -5px 10px var(--shadow-brightcolor)}}@media (min-width:992px){#box2-inner{margin:0 0 40px;padding:20px}.hatena-module{width:100%;padding:0}}.hatena-module-title{color:#555;border-bottom:solid 2px}.star-container{padding-right:.5em}.page-archive .archive-entry .archive-date a:hover{text-decoration:underline;color:#555}.entry-title-link{color:#555;display:block}.entry-title-link:hover{text-decoration:underline;color:#555}.archive-entry-tag .archive-entry-tag-link{margin-bottom:.5em;padding:.2em 1em;color:#555;font-size:.75em;border-radius:20px;box-shadow:3px 3px 5px var(--shadow-darkcolor),-3px -3px 5px var(--shadow-brightcolor)}.page-archive .categories a:nth-child(n+2){display:none}.g-nav{list-style:none;text-align:center;padding:0;margin:0}.g-nav li a{display:block;padding:.8em 0;color:#333;font-weight:700}.g-nav li{width:100%}.g-nav li a:hover{color:#4ab7ea;box-shadow:inset 5px 5px 10px var(--shadow-darkcolor),inset -5px -5px 10px var(--shadow-brightcolor)}@media (max-width:767px){#nav-drawer{position:fixed;top:10px;right:10px;z-index:9999}.nav-unshown{display:none}#nav-open{display:flex;flex-direction:column;text-align:center;line-height:1;background:var(--theme-color);padding:.5em;border-radius:6px;color:#2a2922;font-weight:700;box-shadow:0 0 2px 2px var(--shadow-brightcolor),inset 2px 2px 4px var(--shadow-darkcolor),0 0 9px var(--shadow-darkcolor),4px 4px 6px var(--shadow-darkcolor),-4px -4px 6px var(--shadow-brightcolor),3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor)}.g-nav-icon{font-size:25px}.mini-text{font-size:10px}#nav-close{display:none;position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:.3s ease-in-out}#nav-content{overflow:auto;position:fixed;top:0;left:0;z-index:9999;width:85%;max-width:500px;height:100%;background:#fff;transition:.3s ease-in-out;-webkit-transform:translateX(-130%);transform:translateX(-130%)}#nav-input:checked~#nav-close{display:block;opacity:.5}#nav-input:checked~#nav-content{-webkit-transform:translateX(0);transform:translateX(0);box-shadow:6px 0 25px rgba(0,0,0,.15)}.nav-close{text-align:center;display:flex;flex-direction:column;padding:1em;font-size:.85rem;font-weight:700;letter-spacing:.05em;line-height:1}.nav-close i{font-size:2rem}}@media (min-width:768px){#nav-input,.nav-close{display:none}#nav-content{position:relative;box-shadow:0 0 2px 2px var(--shadow-brightcolor),inset 0 2px 4px var(--shadow-darkcolor),0 0 9px var(--shadow-darkcolor),0 4px 6px var(--shadow-darkcolor),0 -4px 6px var(--shadow-brightcolor),0 10px 12px var(--shadow-darkcolor),0 -8px 11px var(--shadow-brightcolor)}#nav-open{display:none}.g-nav{display:flex;justify-content:space-around;margin:0 auto;padding:0;max-width:1200px}.g-nav li a{color:#555;font-size:.85rem;box-shadow:inset 0 0 0 1px var(--shadow-darkcolor)}}.sharebtn{margin:0 0 1em 0}.sharebtn a{display:block;width:48px;height:48px;line-height:48px;color:#fff;text-align:center;border-radius:4px;box-sizing:border-box}.sharebtn a i{margin:0;font-size:25px;line-height:48px}.sharebtn .btn_fb{background:#1877f2}.sharebtn .btn_tw{background:#1da1f2}.sharebtn .btn_po{background:#ee4056}.sharebtn .btn_hb{background:#00a4de}.sharebtn .btn_li{background:#06c755}.sharebtn_item a:not(:hover){box-shadow:4px 4px 8px var(--shadow-darkcolor),-4px -4px 8px var(--shadow-brightcolor)}.sharebtn a:hover{color:#fff}.sharebtn .blogicon-bookmark{font-size:33px;line-height:1.3em;vertical-align:-11%}.sharebtn_list{padding:0;list-style:none;display:flex;margin:1em 0 2em}.sharebtn_item:not(:last-child){margin-right:8px}.sharebtn .bd:not(:hover){background:0 0;border:solid 1px;box-shadow:3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor)}.sharebtn a.bd:hover{color:#fff;opacity:1}.sharebtn .btn_fb.bd{color:#1877f2}.sharebtn .btn_tw.bd{color:#1da1f2}.sharebtn .btn_po.bd{color:#ee4056}.sharebtn .btn_hb.bd{color:#00a4de}.sharebtn .btn_li.bd{color:#06c755}.sharebtn .btn_li:hover{box-shadow:inset 5px 5px 9px #05a948,inset -5px -5px 9px #07e562}.sharebtn .btn_po:hover{box-shadow:inset 5px 5px 9px #ca3649,inset -5px -5px 9px #ff4a63}.sharebtn .btn_tw:hover{box-shadow:inset 5px 5px 9px #1989ce,inset -5px -5px 9px #21b9ff}.sharebtn .btn_fb:hover{box-shadow:inset 5px 5px 9px #1465ce,inset -5px -5px 9px #1c89ff}.sharebtn .btn_hb:hover{box-shadow:inset 5px 5px 9px #008bbd,inset -5px -5px 9px #00bdff}.c_recommend-container{margin:0;padding:0 2.5vw 1em}#top-editarea .c_recommend-container{box-shadow:rgba(0,0,0,.1) 0 4px 6px -1px,rgba(0,0,0,.06) 0 2px 4px -1px;box-shadow:var(--shadow1-color) 0 4px 6px -1px,var(--shadow2-color) 0 2px 4px -1px}.c_recommend{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0!important;list-style:none}.c_recommend-item{width:50%;padding:.7em;border-radius:10px;box-sizing:border-box}.c_recommend-thumb{position:relative;overflow:hidden;width:100%;padding-top:56.25%;border-radius:10px;box-shadow:5px 5px 10px var(--shadow-darkcolor),-5px -5px 10px var(--shadow-brightcolor)}.c_recommend-img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;object-fit:cover;transition:.5s;-webkit-transform:scale(1.01);transform:scale(1.01)}.c_recommend-item:hover .c_recommend-img{transform:scale(1.06);opacity:.8}.entry .c_recommend-link{text-decoration:none}.c_recommend-item-title{display:block;color:#555;font-size:14px;font-weight:700;line-height:1.4;padding:.5em 0 0}@media (min-width:600px){.c_recommend-item-title{font-size:1rem}}@media (min-width:768px){.g-nav{margin:0 auto}.c_recommend-container{padding-top:2em}.c_recommend-item{width:25%;padding-bottom:0}.entry .c_recommend-item{width:33.3%;padding:.7em}}.entry .c_recommend-container{padding:0;margin:1em -.5em 0}.hatena-module-html .c_recommend-container{padding:0}.hatena-module-html .c_recommend-item{width:50%;padding-bottom:1em}.hatena-module-html .c_recommend-item-title{font-size:14px}.hatena-module-html .c_recommend-item:nth-child(odd){padding-left:0}.hatena-module-html .c_recommend-item:nth-child(even){padding-right:0}.c_recommend-thumb .c_recommend-img,.c_recommend-thumb.card{border-radius:10px 10px 0 0;box-shadow:none}.c_recommend-item-body.card{padding:0 .5em .5em}.c_recommend-item.card,.entry .c_recommend-item.card{padding:0;width:47%;margin:0 1.5% 1.5em;box-shadow:5px 5px 10px var(--shadow-darkcolor),-5px -5px 10px var(--shadow-brightcolor)}@media (min-width:768px){.c_recommend-item.card{margin:0 1% 2em;width:23%}.entry .c_recommend-item.card{width:30%;margin:0 1.66% 2em}#top-editarea .c_recommend-item{margin-bottom:0}}.hatena-module-html .c_recommend{justify-content:space-between}.hatena-module-html .c_recommend-item.card{width:46%;margin-bottom:1.5em}.urllist-item.entries-access-ranking-item,.urllist-item.recent-entries-item,.urllist-item.related-entries-item{position:relative;margin-bottom:1em;padding:1em;border-radius:8px;box-shadow:3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor);transition:.15s}.urllist-see-more-link{display:inline-block;margin:.5em 0;padding:.3em 1em;border-radius:20px;box-shadow:0 0 0 1px var(--shadow-darkcolor),4px 4px 8px var(--shadow-darkcolor),-4px -4px 8px var(--shadow-brightcolor)}.search-form{padding:0 1em;border:none;border-radius:20px;box-shadow:inset 3px 3px 6px var(--shadow-darkcolor),inset -3px -3px 6px var(--shadow-brightcolor)}.search-module-input{padding:.5em}.hatena-module-profile .hatena-module-body{padding:2em;border-radius:6px;box-shadow:inset 4px 4px 8px var(--shadow-darkcolor),inset -4px -4px 8px var(--shadow-brightcolor)}.urllist-item.entries-access-ranking-item:hover,.urllist-item.recent-entries-item:hover,.urllist-item.related-entries-item:hover{box-shadow:inset -3px -3px 6px var(--shadow-brightcolor),inset 3px 3px 6px var(--shadow-darkcolor)}.urllist-item.entries-access-ranking-item:hover .urllist-image,.urllist-item.recent-entries-item:hover .urllist-image,.urllist-item.related-entries-item:hover .urllist-image{box-shadow:0 0 0 1px var(--shadow-darkcolor),3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor)}.urllist-item.entries-access-ranking-item .urllist-image:hover,.urllist-item.recent-entries-item .urllist-image:hover,.urllist-item.related-entries-item .urllist-image:hover{box-shadow:none}.urllist-item.entries-access-ranking-item:hover .urllist-category-link,.urllist-item.recent-entries-item:hover .urllist-category-link,.urllist-item.related-entries-item:hover .urllist-category-link{box-shadow:0 0 0 1px var(--shadow-darkcolor),3px 3px 6px var(--shadow-darkcolor),-3px -3px 6px var(--shadow-brightcolor)}.urllist-see-more-link:hover{box-shadow:inset 0 0 0 1px var(--shadow-darkcolor),inset 2px 2px 4px var(--shadow-darkcolor),inset -2px -2px 4px var(--shadow-brightcolor)}.hatena-module-profile .profile-icon:hover{box-shadow:2px 2px 4px var(--shadow-darkcolor),-2px -2px 4px var(--shadow-brightcolor),inset 3px 3px 6px var(--shadow-darkcolor),inset -3px -3px 6px var(--shadow-brightcolor),2px 2px 4px var(--shadow-darkcolor),-2px -2px 4px var(--shadow-brightcolor)}.hatena-urllist .urllist-item .urllist-category-link:hover{box-shadow:none}.hatena-module-category ul li.on-border{border:none!important}.section-list{background:#fff;padding:10px;border:5px solid #ccc}.section-list p:first-child{margin:0 0 1em 0;padding:5px 0;border-bottom:1px dotted gray;line-height:2em;text-align:center;font-weight:600;font-size:18px}.section-list>ol{border:0;padding:10px}.entry-content ol li{list-style-type:none;margin:3px 17px;margin-left:0}li.h3-section{padding-left:20px}.booklink-box,.kaerebalink-box{width:100%;margin:0 0 2rem;padding:1rem;background:#fff;border:1px solid;border-color:#eaeaea #ddd #d0d0d0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-sizing:border-box}.booklink-box:after,.kaerebalink-box:after{content:"";display:block;visibility:hidden;height:0;clear:both}.booklink-image,.kaerebalink-image{float:left;width:128px;margin:0;text-align:center}.booklink-image img,.kaerebakink-image img{width:128px;height:auto}.booklink-info,.kaerebalink-info{margin:0 0 0 140px;line-height:1.6rem}.booklink-name,.kaerebalink-name{font-size:1.0625rem;font-weight:700;margin:0}.booklink-name a,.kaerebalink-name a{color:#2b2b2b}.booklink-name a:hover,.kaerebalink-name a:hover{text-decoration:underline}.booklink-powered-date,.kaerebalink-powered-date{font-size:.75rem;font-weight:400}.booklink-detail,.kaerebalink-detail{font-size:.9375rem;margin:0 0 .5em}.booklink-link2,.kaerebalink-link1{width:100%}.booklink-link2 div,.kaerebalink-link1 div{float:left;width:49.5%;margin-bottom:1%;font-size:.875rem;font-weight:700;text-align:center;box-sizing:border-box}.booklink-link2 div:nth-child(even),.kaerebalink-link1 div:nth-child(even){margin-left:1%}.booklink-link2 div a,.kaerebalink-link1 div a{display:block;padding:3px 0;text-decoration:none}.shoplinkamazon a,.shoplinkbellemaison a,.shoplinkbk1 a,.shoplinkcecile a,.shoplinkehon a,.shoplinkjun a,.shoplinkkakakucom a,.shoplinkkindle a,.shoplinkkino a,.shoplinkrakuten a,.shoplinkseven a,.shoplinktoshokan a,.shoplinkyahoo a,.shoplinkyahooAuc a{display:block;text-decoration:none}.shoplinkamazon a{color:#fff;background:#f90}.shoplinkkindle a{color:#fff;background:#1882c9}.shoplinkrakuten a{color:#fff;background:#bf0000}.shoplinkyahoo a{color:#fff;background:#fc1d2f}.shoplinkyahooAuc a{color:#252525;background:#ffdb00}.shoplinkseven a{color:#fff;background:#225093}.shoplinkbellemaison a{color:#fff;background:#83be00}.shoplinkcecile a{color:#fff;background:#6b053d}.shoplinkkakakucom a{color:#fff;background:#00138e}.shoplinkbk1 a{color:#fff;background:#0484d2}.shoplinkehon a{color:#fff;background:#00006a}.shoplinkkino a{color:#fff;background:#003e9d}.shoplinkjun a{color:#4b5854;background:#d8c9b7}.shoplinktoshokan a{color:#fff;background:#29b6e9}.booklink-footer{clear:both!important}@media only screen and (min-width:460px) and (max-width:640px){.booklink-link2 div,.kaerebalink-link1 div{float:none;width:100%}.booklink-link2 div:nth-child(even),.kaerebalink-link1 div:nth-child(even){margin-left:0}}@media only screen and (max-width:459px){.booklink-image,.kaerebalink-image{float:none;width:100%;margin:0;text-align:center}.booklink-image img,.kaerebalink-image img{width:180px;height:auto}.booklink-info,.kaerebalink-info{margin:0}.booklink-link2 div,.kaerebalink-link1 div{float:none;width:100%}.booklink-link2 div:nth-child(even),.kaerebalink-link1 div:nth-child(even){margin-left:0}}#bottom-editarea{width:80%;margin:0 auto;padding:40px 40px 1em 40px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}#footer{width:80%;margin:0 auto 3em auto;padding:2em 40px 1em 40px;box-shadow:0 0 3px rgba(0,0,0,.1);text-align:center;font-size:80%;border-top:1px solid #000}#footer a{color:#000}#footer-inner{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}#footer address img{vertical-align:bottom}#footer address{display:block;margin:0;padding:0}#footer .services{margin:0;padding:0}.three-footer{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.three-footer div{width:100%;margin-left:3%}.three-footer div:nth-of-type(1){margin-left:0}.footer-h{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.15rem;border-bottom:2px dotted #000}.three-footer div a{color:#000;border-bottom:1px dotted #000}.three-footer div a:hover{border-bottom:1px solid #000}.follow-label{font-weight:700;font-size:1em;text-align:center;line-height:1.5}.follow-btn-list{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;padding:0 0 1em}.follow-btn-item a{display:inline-block;text-align:center;width:40px;height:40px;margin:.15em;padding:.1em;color:#fff;font-size:26px;line-height:40px;border-radius:10px;box-sizing:border-box}.follow-btn-item .hatena{background:#333;box-shadow:inset 6px 6px 4px #292929,inset -6px -6px 4px #3d3d3d}.follow-btn-item .twitter{background:#1da1f2;box-shadow:inset 6px 6px 4px #1781c2,inset -6px -6px 4px #23c1ff}.follow-btn-item .feedly{background:#2bb24c;box-shadow:inset 6px 6px 4px #228e3d,inset -6px -6px 4px #34d65b}.follow-btn-item .help{background:#0075c2;box-shadow:inset 6px 6px 4px #09f,inset -6px -6px 4px #4db8ff}.follow-btn-item i{vertical-align:7%}.follow-btn-item a:hover{color:#fff}.follow-btn-item a:not(:hover){background:#a3a6a8;box-shadow:0 0 0 1px var(--shadow-darkcolor),3px 3px 5px var(--shadow-darkcolor),-3px -3px 5px var(--shadow-brightcolor)}