@charset "utf-8";html{ -ms-text-size-adjust:100%;  -webkit-text-size-adjust:100%}body{ margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block}audio,canvas,progress,video{ display:inline-block;  vertical-align:baseline}audio:not([controls]){ display:none; height:0}[hidden],template{ display:none}a{ background:transparent}a:active,a:hover{ outline:0}abbr[title]{ border-bottom:1px dotted}b,strong{ font-weight:bold}dfn{ font-style:italic}h1{ font-size:2em; margin:0.67em 0}mark{ background:#ff0; color:#000}small{ font-size:80%}sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline}sup{ top:-0.5em}sub{ bottom:-0.25em}img{ border:0}svg:not(:root){ overflow:hidden}figure{ margin:1em 40px}hr{ -moz-box-sizing:content-box; box-sizing:content-box; height:0}pre{ overflow:auto}code,kbd,pre,samp{ font-family:monospace,monospace; font-size:1em}button,input,optgroup,select,textarea{ color:inherit;  font:inherit;  margin:0}button{ overflow:visible}button,select{ text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance:button;  cursor:pointer}button[disabled],html input[disabled]{ cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{ border:0; padding:0}input{ line-height:normal}input[type="checkbox"],input[type="radio"]{ box-sizing:border-box;  padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{ height:auto}input[type="search"]{ -webkit-appearance:textfield;  -moz-box-sizing:content-box; -webkit-box-sizing:content-box;  box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}legend{ border:0;  padding:0}textarea{ overflow:auto}optgroup{ font-weight:bold}table{ border-collapse:collapse; border-spacing:0; font-size:14px}td,th{ padding:0}.clearfix{ display:block; *zoom:1}.clearfix:after{ display:block; visibility:hidden; font-size:0; height:0; clear:both; content:"."}.inline-block{ display:inline-block; *display:inline; *zoom:1}.ellipsis{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden}html,body{ font-family:'Lato','Helvetica Neue','Helvetica','Arial','Hiragino Kaku Gothic Pro','Meiryo','MS PGothic',sans-serif; color:#ececee; background-color:#201f23}a{ color:#95b7fc}a:hover{ color:#538afa}a:visited{ color:#95b7fc}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited,.hatena-module-title a,.hatena-module-title a:visited,.hatena-urllist li a,.hatena-urllist li a:visited{ color:#ececee; text-decoration:none}.hatena-module-title a:hover,a.urllist-title-link:hover{ color:#d2d1d6; text-decoration:underline}a.urllist-title-link{ font-weight:bold}.entry-content,.entry-content pre,.hatena-module-body,.hatena-module-search-box .search-module-input,.page-archive .archive-entry-body{ color:#d2d1d6}.entry,.hatena-module,#blog-title2,#top-box,.page-archive #main{ background-color:#39373e}.entry-content pre,.entry-content code,.entry-content table th{ background-color:#28272c}.entry-date a,.archive-entry-header .date a,.breadcrumb-inner a{ color:#00a518}.entry-date a:visited,.archive-entry-header .date a:visited,.breadcrumb-inner a:visited{ color:#009416}.entry-date a:hover,.archive-entry-header .date a:hover,.breadcrumb-inner a:visited{ color:#008313}.entry-content,.entry-footer,.hatena-module-body,.googleAdsense-footer{ border-top:1px solid #625f6b; box-shadow:0 -1px #000}.hatena-urllist li,.childlist li{ border-bottom:1px solid #000; box-shadow:0 1px #625f6b}.hatena-urllist li .archive-module-month{ box-shadow:none}a.keyword{ text-decoration:none; border-bottom:1px dotted #ddd; color:#454545}.btn{ display:inline-block; *display:inline; *zoom:1; padding:4px 10px 4px; margin-bottom:0; line-height:18px; color:#454545; background-color:#fff; text-align:center; vertical-align:middle; border-top-right-radius:2px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-left-radius:0; border-radius:2px; background-clip:padding-box; cursor:pointer; font-size:12px; text-decoration:none; font-weight:bold; border:1px solid rgba(0,0,0,0.2); text-decoration:none !important}.btn:hover{ background-color:#f5f5f5; text-decoration:none !important}.btn-small{ padding:2px 10px !important; font-size:11px !important}.btn-large{ padding:13px 19px; font-size:17px; line-height:normal; font-weight:bold}#content{ width:1126px; margin-left:auto; margin-right:auto; display:block; *zoom:1}#content:after{ display:block; visibility:hidden; font-size:0; height:0; clear:both; content:"."}#main{ width:770px; float:left}#box2{ width:336px; float:right}#blog-title{ display:none}#blog-title2{ line-height:1.3; box-shadow:0 0 1px #555; margin-bottom:20px}#blog-title-inner2{ width:1126px; margin-left:auto; margin-right:auto; display:flex; display:-webkit-flex}#title2{ margin:0; font-size:2.5em; padding:10px 0 10px 10px; width:380px}#title2:first-letter{ color:#00a518}#title2 a{ font-family:'Audiowide',cursive}.header-image-enable #blog-title{ margin:20px auto; padding:0; width:960px; border-bottom:none}.header-image-enable #blog-title-inner{ width:958px; background-color:#fff; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #d5d5d5}.header-image-enable #title{ padding-top:70px}.header-image-enable #title,.header-image-enable #blog-description{ padding-left:20px}.fa-stack-2x{ color:#7b7786}#top-box{ margin-left:auto; margin-right:auto; font-size:90%; width:1126px}.entry{ position:relative; margin-bottom:20px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; border-top:2px solid #00a518}.entry .entry-inner{ padding:20px}.entry-header{ padding:0 0 10px 0; position:relative}.entry-title{ margin:0; line-height:1.3; font-size:160%}.date{ font-family:'Audiowide',cursive; margin-bottom:10px; margin-left:-10px}.date a{ font-weight:bold; text-decoration:none; font-size:100%}.categories{ margin-top:10px}.categories a{ display:inline-block; *display:inline; *zoom:1; line-height:18px; text-align:center; vertical-align:middle; cursor:pointer; text-decoration:none; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#00a518; color:#fff; font-weight:normal; border:1px solid transparent; padding:1px 7px; font-size:11px}.categories a:hover{ background-color:#008313}.categories.no-categories{ margin:0}.entry-header-menu{ position:absolute; top:0px; right:0px}.entry-header-menu a{ display:inline-block; *display:inline; *zoom:1; padding:4px 10px 4px; margin-bottom:0; line-height:18px; color:#555; background-color:#ececee; border:1px solid #d5d5d5; text-align:center; vertical-align:middle; cursor:pointer; font-size:12px; text-decoration:none; font-weight:bold; text-decoration:none !important; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}.entry-header-menu a:hover{ text-decoration:none !important; color:#00a518}.entry-content{ padding-top:20px; font-size:95%; line-height:1.75; letter-spacing:0.05em}.entry-content p{ margin:0 0 1em 0}.entry-content img{ max-width:100%; border:2px solid #d5d5d5}.entry-content h1,.entry-content h2{ font-size:160%; line-height:1.5; border-left:5px solid #00A518; border-top:1px solid #625f6b; border-bottom:1px solid #000; box-shadow:0px -1px #000,0px 1px #625f6b; padding:15px 20px 15px 20px; margin:40px -20px 15px -20px}.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{ margin-top:1em; margin-bottom:0.5em; line-height:1.5}.entry-content h3{ font-size:140%}.entry-content h4{ font-size:120%}.entry-content h5{ font-size:120%}.entry-content h6{ font-size:110%}.entry-content h3 .fa-chevron-right{ color:#00A518}.entry-content table{ border-collapse:collapse; border-spacing:0; margin-bottom:1em}.entry-content table th,.entry-content table td{ border:1px solid #ddd; padding:5px 10px}.entry-content blockquote{ border:1px solid #d5d5d5; margin:0 0 10px; padding:20px 55px; position:relative; background:#f5f5f5}.entry-content blockquote p{ margin-top:0; margin-bottom:0}.entry-content blockquote:before{ color:#c4c4c4; content:"“"; font-family:serif; font-size:600%; left:0; line-height:1em; position:absolute; top:0}.entry-content blockquote:after{ color:#c4c4c4; content:"”"; font-family:serif; font-size:600%; position:absolute; bottom:0; right:0; line-height:0}.entry-content pre{ margin:0 0 20px; padding:10px 15px; font-size:12px; border:1px solid #000; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}.entry-content pre >code{ margin:0; padding:0; white-space:pre; border:0; background:transparent}.entry-content code{ margin:0 5px; border:1px solid #000; color:#ececee}.entry-content .hatena-asin-detail li{ line-height:1.4}.entry-footer{ display:none}.entry-footer-section{ display:none}.social-buttons,.entry-footer-html{ margin:10px 0}.comment-box ul{ list-style:none; margin:0 0 15px 0; padding:0; font-size:90%}.comment-box li{ padding:10px 0 10px 60px; border-bottom:1px solid #d5d5d5; position:relative}.comment-box li:first-child{ border-top:1px solid #d5d5d5}.comment-box .read-more-comments{ padding-left:0}.comment-box .hatena-id-icon{ position:absolute; top:10px; left:0; width:50px !important; height:50px !important; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}.comment-user-name{ margin:0 0 10px 0; font-weight:bold}.comment-content{ font-size:90%; margin:0 0 10px 0; word-wrap:break-word}.comment-content p{ margin:0 0 10px 0}.comment-metadata{ font-size:80%; color:#999; margin:0}.comment-metadata a{ color:#999}.leave-comment-title{ display:inline-block; *display:inline; *zoom:1; padding:4px 10px 4px; line-height:18px; color:#555; background-color:#ececee; border:1px solid #d5d5d5; text-align:center; vertical-align:middle; cursor:pointer; font-size:12px; text-decoration:none; font-weight:bold; text-decoration:none !important; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}.leave-comment-title:hover{ text-decoration:none !important; color:#00a518}#box2{ font-size:85%; line-height:1.5}.hatena-module{ margin-bottom:20px; padding:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}.hatena-module-title{ font-weight:bold; margin:0; padding:10px; font-size:110%; border-top:2px solid #00a518}.hatena-module-body{ padding:15px}.hatena-module-profile .profile-icon{ float:left; margin:0 10px 10px 0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}.hatena-module-profile .id{ display:block; font-weight:bold; font-size:110%; margin-bottom:5px}.hatena-module-profile .profile-description{ font-size:95%}.hatena-module-profile .profile-description p{ margin-top:0}.hatena-urllist{ list-style:none; margin:0 0 0 0; padding:0 0 0 0}.hatena-urllist li{ padding:8px 0; line-height:1.5}.hatena-urllist li:first-child{ padding-top:0}.hatena-module-search-box .search-form{  border:1px solid #8d8996;  -moz-background-clip:padding;  -webkit-background-clip:padding-box;  background-clip:padding-box;  width:100%;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  -ms-box-sizing:border-box;  box-sizing:border-box;  position:relative}.hatena-module-search-box .search-module-input{  padding:5px;  background:none;  border:none;  outline:none;  height:20px;  width:90%}.hatena-module-search-box .search-module-button{  width:20px;  height:20px;  background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=3f712fab57bb94775097ac1bce3ac9) no-repeat right center; border:none; outline:none; text-indent:-9999px; position:absolute; top:5px; right:5px; -moz-opacity:0.5; -khtml-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter:alpha(opacity=50)}.hatena-module-search-box .search-module-button:hover{ -moz-opacity:0.85; -khtml-opacity:0.85; -webkit-opacity:0.85; opacity:0.85; filter:alpha(opacity=50)}.pager{ margin:20px 0; padding:20px 0; text-align:center; border-top:1px solid #625f6b; border-bottom:1px solid #625f6b; font-size:80%; font-weight:bold}.pager a{ color:#e4e3e6; text-decoration:none}.pager a:hover{ text-decoration:underline}.pager .pager-next{ margin-left:1em}#bottom-editarea,.breadcrumb{  display:block; *zoom:1; padding:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; text-align:center}#bottom-editarea:after,.breadcrumb:after{ display:block; visibility:hidden; font-size:0; height:0; clear:both; content:"."}.breadcrumb{ padding:10px; margin:0 0 10px 0}#bottom-editarea{ background-color:#333}#footer{ padding:15px 0; text-align:center; color:#999; line-height:1.5; width:1126px; margin-left:auto; margin-right:auto}#footer p{ margin:0}#footer a{ color:#999}.page-about dt{ font-size:16px; font-weight:bold; border-bottom:1px solid #dfdfdf; margin-bottom:5px}.page-about dd{ margin-left:0; margin-bottom:30px}.page-archive #main{ width:728px; padding:20px; margin-bottom:20px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; border-top:2px solid #00a518}.page-archive #main section{ margin-bottom:20px}.page-archive #main h1{ margin-bottom:5px; text-decoration:none; font-size:80%; font-weight:bold; color:#00a518}.page-archive #main .entry-title{ color:#333; font-size:100%; font-weight:bold}.page-archive #main ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 0}.page-archive #main ul li{ padding:8px 0; border-bottom:1px solid #d5d5d5; line-height:1.5}.page-archive #main ul li:first-child{ padding-top:0}.page-archive #main ul li a{ text-decoration:none}.page-archive #main ul li a:hover{ text-decoration:underline}.page-archive .categories{ margin:10px 0}.page-archive .categories a{ display:inline-block; *display:inline; *zoom:1; padding:1px 7px; line-height:18px; color:#fff; background-color:#00a518; text-align:center; vertical-align:middle; cursor:pointer; font-size:11px; font-weight:normal; text-decoration:none; border:1px solid transparent; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}.page-archive .categories a:hover{ background-color:#008313}.googleAdsense{ padding-top:10px}.googleAdsense-footer{ padding:10px 0 10px 0}footer>.hatena-star-container{ display:none}.hatena-module-html:nth-of-type(1){ border:none; box-shadow:none}.hatena-module-html>.hatena-module-body:nth-of-type(1){ padding:0; border:none; box-shadow:none}.hatena-module-html{ background:none; text-align:center}.hatena-module-search-box{ margin-top:20px}.breadcrumb{ width:1068px}.profile-description{ margin-bottom:-1em}a.entry-see-more{ display:block; width:80px; margin-left:auto; background:#000; padding:8px 10px; color:#d5d5d5; font-size:85%; border-radius:5px; text-align:center; text-decoration:none !important; transition:0.7s}a.entry-see-more:hover{ color:#fff; text-decoration:none; border-radius:15px}.entry-content ul{ padding-left:25px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){  .hatena-module-search-box .search-module-button{    background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=3f712fab57bb94775097ac1bce3ac9) no-repeat right center; background-size:20px 20px}}@media (min-width:810px) and (max-width:1130px){ #content, #blog-title-inner, #top-box{ width:770px}   #footer{ width:770px}  }@media (max-width:809px){ #globalheader-container{ position:static} #blog-title{ margin-top:0; padding-top:30px} #container{ word-wrap:break-word; overflow:hidden} #content, #blog-title-inner, #top-box,   #footer{ width:93.75%} #content img, #blog-title-inner img, #top-box img,  #bottom-editarea img{ max-width:100%} #main{ width:100%; float:none} .page-archive #main, .page-archive .breadcrumb{ width:100%; float:none; box-sizing:border-box} .page-archive #top-box,  .page-archive #footer{ width:93.75%; box-sizing:border-box} #box2{ width:100%; float:none} #box2-inner{ width:100%} .hatena-module{ float:none}}@media (max-width:480px){}div.hatena-module-category div.hatena-module-body ul li{ display:inline; margin:0 0.3em; border-bottom:none; box-shadow:none}#navmenu{ width:750px; height:75px; margin-left:20px; border-right:1px solid #625f6b; box-shadow:1px 0 #000}#navmenu ul{  margin:0px 0 10px 0; padding:0; list-style:none; zoom:1}#navmenu ul:before,#navmenu ul:after{ content:""; display:table}#navmenu ul:after{ clear:both}.parentlist{ height:100%}.parentlist >li{ border-left:1px solid #625f6b; box-shadow:-1px 0 #000; height:100%; float:left; position:relative}.parentlist a{ float:left; padding:10px; font-size:95%; text-decoration:none; box-sizing:border-box}.parentlist >li >a{ color:#fff; height:100%; text-align:center; padding-top:10px}.parentlist >li >a:hover{ color:#d2d1d6}.parentlist >li >.fa-circle{ color:#5a5762}.childlist >li:hover{ background-color:#008313}#navmenu ul li:hover >ul{ opacity:1; visibility:visible; margin:0}#navmenu ul li ul{ margin:20px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:75px; left:0; z-index:1; background:linear-gradient(#39373e,#201f23); transition:all .3s ease-in-out}.childlist li{ height:40px}.childlist li:last-child{ box-shadow:none; border-bottom:none}.childlist a{ color:#ececee; padding-right:20px; white-space:nowrap}.childlist li:first-child >a:after{ content:''; position:absolute; left:40px; top:-6px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #00c71d}.childlist li:first-child a:hover:after{ border-bottom-color:#008313}#home a{ min-width:120px}#coding a{ min-width:120px}#design a{ min-width:120px}#database a{ min-width:120px}#tool a{ min-width:120px}#other a{ min-width:120px}.hatena-follow-button-box{ margin-top:2em}#page-top{ display:none; position:fixed; right:30px; bottom:30px; margin:0; padding:0; text-align:center}#move-page-top{ color:#000; text-decoration:none; display:block; cursor:pointer; transition:1s}#move-page-top:hover{ color:#555}@media only screen and (min-width:1400px){ #page-top{ right:50%; margin-right:-650px}}.gist pre{ color:#333}#footer-ad{ width:973px; margin:auto}#footer-ad:after{ display:block; clear:both; content:""}.fotter-ad-box{ float:left; margin:10px}.entry-content a{ text-decoration:none}.entry-content a:hover{ text-decoration:underline}