/* <system section="theme" selected="6653458415126949982"> */
@charset "utf-8";
/*
	Theme: Ingressive
	Version: 1.0.0
	Author: Joe Relva
	Description: http://joerelva.com
    ____                                       _            
   /  _/____   ____ _ _____ ___   _____ _____ (_)_   __ ___ 
   / / / __ \ / __ `// ___// _ \ / ___// ___// /| | / // _ \
 _/ / / / / // /_/ // /   /  __/(__  )(__  )/ / | |/ //  __/
/___//_/ /_/ \__, //_/    \___//____//____//_/  |___/ \___/ 
            /____/       

    Licensed under the MIT license.
*/
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Coda");
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}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}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}ul,li{list-style-type:none;padding: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:-.5em}sub{bottom:-.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}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}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 silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}.clearfix{display:block;zoom:1}.inline-block{display:inline;zoom:1}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html{font-size:.9em}body{font-family:Coda,'Helvetica Neue',Helvetica,Arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;font-size:.9em;color:#fff;background-color:#000}a:link,a:visited{color:#14cad5;text-decoration:none;-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}a:hover,a:active{color:#63e8ee;text-decoration:underline}a.keyword{text-decoration:none;color:#fbd66e}a.keyword:hover{text-decoration:underline;color:#f5f291}.btn{display:inline;zoom:1;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:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-clip:padding-box;cursor:pointer;font-size:12px;font-weight:700;border:1px solid rgba(0,0,0,0.2);text-decoration:none!important;padding:4px 10px}.btn:hover{background-color:#f5f5f5;text-decoration:none!important}.btn-small{font-size:11px!important;padding:2px 10px!important}.btn-large{font-size:17px;line-height:normal;font-weight:700;padding:13px 19px}#header-container{background-color:#112025}#globalheader-container{color:#fff;background-color:#112025;width:100%}#container{width:100%;min-height:100%}#container-inner{width:100%}#blog-title{background-image:-moz-linear-gradient(top,#112025,#042c3c);background-image:-ms-linear-gradient(top,#112025,#042c3c);background-image:-o-linear-gradient(top,#112025,#042c3c);background-image:-webkit-gradient(linear,center top,center bottom,from(#112025),to(#042c3c));background-image:-webkit-linear-gradient(top,#112025,#042c3c);background-image:linear-gradient(top,#112025,#042c3c)}#blog-title-inner{width:990px;padding:10px 15px 30px;margin:0 auto}#container #content{width:100%;min-height:100%;border-top:1px solid #226d80;z-index:1}#content-inner{position:relative;display:table;table-layout:fixed;width:1050px;min-height:100%;margin:0 auto;padding:0}#wrapper{display:table-cell;vertical-align:top;min-height:100%}.globalheader-off #container{padding-top:0}#main-inner{padding:20px 40px 0 30px;min-height:100%}#box2{display:table-cell;width:310px;vertical-align:top;overflow:hidden;margin:0;padding:20px 30px 20px 0}#box2-inner{width:100%}#title{font-size:36px;font-family:Coda;font-weight:100;line-height:1.5em;margin:0}#title a{color:#fff;-moz-text-shadow:0 0 4px rgba(255,255,255,.5);-webkit-text-shadow:0 0 4px rgba(255,255,255,.5);text-shadow:0 0 4px rgba(255,255,255,.5);text-decoration:none}#blog-description{font-size:1.1em;font-weight:normal;color:#face37;padding:0;margin:0}.entry{position:relative;margin-bottom:40px;border-bottom:1px solid #226d80}.entry-inner{padding-bottom:80px}.entry:last-child{border-bottom:0}.entry:last-child > .entry-inner:before,.entry:last-child > .entry-inner:after{display:none;content:''}.entry-title{line-height:1.35em;font-size:24px;font-family:Coda,Meiryo,メイリオ,sans-serif;font-weight:normal;padding:30px 0 0 64px;margin:0}.entry-title a{color:#face37;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.date{position:absolute;top:0;left:0;display:block;width:54px;font-family:Coda,Meiryo,メイリオ,sans-serif;text-align:center}.date a{color:#fff;text-decoration:none;line-height:100%}.date span.date-year,.date span.date-month{display:inline-block}.date span.date-month:before{font-family:Coda,Meiryo,メイリオ,sans-serif;content:'.'}.date span.date-year:before,.date span.date-year:after,.date span.date-day:before,.date span.date-day:after{display:block;position:absolute;font-family:FontAwesome;font-size:42px;color:#000;content:'\f0da'}.date span.hyphen{visibility:hidden;position:absolute}.date span.date-year:before{top:65px;left:-6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg)}.date span.date-year:after{top:65px;left:45px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}.date span.date-day:before{top:-6px;left:-6px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg)}.date span.date-day:after{top:-6px;left:45px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.date span.date-day{display:block;color:#92ecf5;background-color:#112025;font-family:Coda;font-size:28px;font-weight:normal;width:54px;height:54px;text-align:center;vertical-align:middle;line-height:54px;margin-top:1px}.categories{width:100%;text-align:right;margin:10px 0 0}.categories:before{font-family:FontAwesome;font-size:16px;content:'\f02b';color:#92ecf5}.categories a:link,.categories a:visited{color:#92ecf5;background-color:#032224;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin-left:5px;padding:3px 6px}.categories a:hover,.categories a:active{color:#97e4ea;background-color:#003e3a;text-decoration:none}.entry-header-menu{position:absolute;top:0;right:0}.entry-header-menu a{display:block;zoom:1;color:#face37;text-align:center;cursor:pointer;font-size:.9em;line-height:1em;border:0 none;text-decoration:none!important;border:1px solid #face37;margin:0 auto;padding:5px 7px}.entry-content{clear:both;position:relative;min-height:100px;font-size:1.1em;line-height:1.7;padding:20px 0}.entry-content p{color:#e0e0e0;margin:0 0 1em}.entry-content img{max-width:100%}.entry-content div > img{margin:.5em 0 1em}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{line-height:1.5;font-weight:normal;margin-bottom:.5em}.entry-content h1,.entry-content h2,.entry-content h3{font-size:22px;color:#92ecf5;background-color:#112025;border-bottom:1px solid #226d80;padding:.25em .5em}.entry-content h4{font-size:18px;color:#face37;background-color:#191307;border-bottom:1px solid #5e552e;padding:.25em .5em}.entry-content h5{position:relative;display:inline-block;font-size:16px;color:#92ecf5;padding-left:20px}.entry-content h5:before{display:block;position:absolute;top:0;left:0;color:#00a19d;font-size:16px;font-family:FontAwesome;content:'\f054'}.entry-content h5:after{display:block;position:absolute;top:0;left:4px;color:#22f3f0;font-size:16px;font-family:FontAwesome;content:'\f054'}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table img{max-width:none}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f5f5f5}.entry-content blockquote{border:1px solid #e0e0e0;margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{border:1px solid #e0e0e0;white-space:pre;margin:0 0 10px;padding:20px}.entry-content pre > code{white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,'Courier New',Courier,monospace,sans-serif;margin:0;padding:0}.entry-content code{border:1px solid #eee;background-color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-family:Monaco,Consolas,'Courier New',Courier,monospace,sans-serif;margin:0 2px;padding:0 1em}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-content .entry-see-more{position:relative;display:inline-block;text-decoration:none;padding:.3em .5em .3em 22px;border:1px solid #226d80;transition:border-color .4s,color .4s}.entry-content .entry-see-more:hover{border-color:#22f3f0}.entry-content .entry-see-more:before{display:block;position:absolute;top:1px;left:6px;color:#00a19d;font-size:12px;font-family:FontAwesome;content:'\f078'}.entry-content .entry-see-more:after{display:block;position:absolute;top:6px;left:6px;color:#22f3f0;font-size:12px;font-family:FontAwesome;content:'\f078'}.entry-footer{margin-top:10px}.social-buttons,.entry-footer-html{margin:10px 0}.comment { clear:right; }.comment-box li{border-top:1px solid #303030}.comment-box .read-more-comments a{color:#fff;text-decoration:none;padding:.4em;border:1px solid #fff}.comment-box .hatena-id-icon{display:none}.comment-user-name{text-align:left;margin-bottom:.5em}.comment-content{text-align:left}.comment-content p{margin-top:0;margin-bottom:10px}.comment-metadata{text-align:right;color:#999;padding-bottom:10px;margin:0}.leave-comment-title{float:right;line-height:100%;font-size:1.1em;color:#5afbea;background-color:#1f4549;border:1px solid #5afbea;-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;cursor:pointer;text-decoration:none!important;padding:8px 14px;-webkit-appearance:none;background-image:-webkit-gradient(linear,0 top,0 10,from(rgba(255,255,255,0.22)),to(transparent)),-webkit-gradient(linear,0 bottom,0 28,from(rgba(255,255,255,0.22)),to(transparent));background-image:gradient(linear,0 top,0 10,from(rgba(255,255,255,0.22)),to(transparent)),gradient(linear,0 bottom,0 28,from(rgba(255,255,255,0.22)),to(transparent));background-image:-moz-gradient(linear,0 top,0 10,from(rgba(255,255,255,0.22)),to(transparent)),-moz-gradient(linear,0 bottom,0 28,from(rgba(255,255,255,0.22)),to(transparent));background-image:-o-gradient(linear,0 top,0 10,from(rgba(255,255,255,0.22)),to(transparent)),-o-gradient(linear,0 bottom,0 28,from(rgba(255,255,255,0.22)),to(transparent));background-image:linear-gradient(to bottom,rgba(255,255,255,0.22) 0%,transparent 25%,transparent 75%,rgba(255,255,255,0.22) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=' rgba(255,255,255,0.22)',endColorstr='transparent',GradientType=0)}.leave-comment-title:hover{color:#f7d35b;background-color:#6a5715;text-decoration:none;border-color:#f9d864}.hatena-module{margin-top:20px}.hatena-module:first-child{border-top:0 none}.hatena-module-title{position:relative;width:301px;padding:3px 0 3px 7px;margin-bottom:20px;font-size:16px;color:#face37;background:#6a5715;background-image:-moz-linear-gradient(left,#6a5715,#191307);background-image:-ms-linear-gradient(left,#6a5715,#191307);background-image:-o-linear-gradient(left,#6a5715,#191307);background-image:-webkit-gradient(linear,left top,right top,from(#6a5715),to(#191307));background-image:-webkit-linear-gradient(left,#6a5715,#191307);background-image:linear-gradient(left,#6a5715,#191307);border:1px solid #5e552e}.hatena-module-title a{color:#face37;text-decoration:none}.hatena-module-title a:hover{text-decoration:none}.hatena-module-body{color:#fff;font-size:1em}.hatena-module-profile .profile-icon-link{float:left;display:block;position:relative;line-height:1;margin-right:5px;background-image:linear-gradient(30deg,#000101 0,#000101 18%,transparent 18%,transparent 100%),linear-gradient(90deg,#000101 0,#000101 7%,transparent 7%,transparent 100%),linear-gradient(150deg,#000101 0,#000101 18%,transparent 18%,transparent 100%),linear-gradient(210deg,#000101 0,#000101 18%,transparent 18%,transparent 100%),linear-gradient(270deg,#000101 0,#000101 7%,transparent 7%,transparent 100%),linear-gradient(330deg,#000101 0,#000101 18%,transparent 18%,transparent 100%),radial-gradient(closest-side,transparent 0,transparent 99%,#000101 99%,#000101 100%)}.hatena-module-profile .profile-icon-link img{position:relative;z-index:-1;vertical-align:bottom}.hatena-module-profile .id a{float:left;width:241px;display:block;font-size:16px;border-bottom:3px solid #f7d35b;padding-bottom:3px;margin-bottom:5px}.hatena-module-profile .profile-description p{font-size:.9em}.hatena-follow-button-box{clear:both;padding:10px 0 0 5px}.hatena-follow-button{clear:both;width:auto!important;color:#5afbea!important;text-align:center!important;padding:2px 5px!important;border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;background-color:#1f4549!important;border:1px solid #5afbea!important;background-image:-webkit-gradient(linear,0 top,0 5,from(rgba(255,255,255,0.22)),to(transparent)),-webkit-gradient(linear,0 bottom,0 15,from(rgba(255,255,255,0.22)),to(transparent))!important;background-image:gradient(linear,0 top,0 5,from(rgba(255,255,255,0.22)),to(transparent)),gradient(linear,0 bottom,0 15,from(rgba(255,255,255,0.22)),to(transparent))!important;background-image:-moz-gradient(linear,0 top,0 5,from(rgba(255,255,255,0.22)),to(transparent)),-moz-gradient(linear,0 bottom,0 15,from(rgba(255,255,255,0.22)),to(transparent))!important;background-image:-o-gradient(linear,0 top,0 5,from(rgba(255,255,255,0.22)),to(transparent)),-o-gradient(linear,0 bottom,0 15,from(rgba(255,255,255,0.22)),to(transparent))!important;background-image:linear-gradient(to bottom,rgba(255,255,255,0.22) 0%,transparent 25%,transparent 75%,rgba(255,255,255,0.22) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=' rgba(255,255,255,0.22)',endColorstr='transparent',GradientType=0)!important}.hatena-follow-button span{font-size:12px;font-weight:400;color:#fff!important;box-shadow:0 0 none;padding:2px 1px!important}.hatena-follow-button:hover{text-decoration:none}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{line-height:1.7em}.hatena-module-recent-entries ul li{padding:10px 0;border-top:1px solid #333}.hatena-module-recent-entries ul li:first-child{padding-top:0;border-top:0 none}.hatena-module-recent-entries ul li div{line-height:100%}.hatena-module-recent-entries .recent-entries-item-inner{padding:4px 0}.hatena-module-recent-entries .recent-entries-image-link{float:left;display:block;position:relative;line-height:1;margin-right:5px;background-image:linear-gradient(30deg,#000101 0,#000101 18%,transparent 18%,transparent 100%),linear-gradient(90deg,#000101 0,#000101 7%,transparent 7%,transparent 100%),linear-gradient(150deg,#000101 0,#000101 18%,transparent 18%,transparent 100%),linear-gradient(210deg,#000101 0,#000101 18%,transparent 18%,transparent 100%),linear-gradient(270deg,#000101 0,#000101 7%,transparent 7%,transparent 100%),linear-gradient(330deg,#000101 0,#000101 18%,transparent 18%,transparent 100%),radial-gradient(closest-side,transparent 0,transparent 99%,#000101 99%,#000101 100%)}.hatena-module-recent-entries .recent-entries-image{position:relative;z-index:-1;vertical-align:bottom}.hatena-module-recent-entries .recent-entries-title{color:#face37;font-size:1.3em;line-height:1.2em}.hatena-module-recent-entries .recent-entries-title:hover{color:#face37;text-decoration:underline}.hatena-module-recent-entries .recent-entries-entry-body{padding-top:.5em;font-size:1em;line-height:1.35em}.hatena-module-recent-comments .recent-comment-time{color:rgba(255,255,255,.5);font-style:normal}.hatena-module-recent-comments .user-id img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.hatena-module-search-box .search-form{background-clip:padding-box;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.hatena-module-search-box .search-module-input{color:#92ecf5;background-color:#112025;border:1px solid #34D8E6;font-size:1em;outline:none;width:298px;padding:.4em}.hatena-module-search-box .search-module-button{position:absolute;top:0;right:0;cursor:pointer;color:#112025;background:#34D8E6;font-size:1em;border:0 none;-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;cursor:pointer;text-decoration:none!important;padding:.41em 14px}.page-entry .entry{margin-bottom:0}.page-entry .entry .entry-inner{padding-bottom:48px}.pager{display:block;float:left;width:100%;background-color:#031819;zoom:1}.pager .pager-prev{float:left;display:block;width:48%}.pager a{position:relative;display:block;font-size:1.1em;color:#14cad5;padding:8px 0 8px 32px}.pager a:hover{color:#63e8ee;text-decoration:none}.pager .pager-prev a:before{display:block;position:absolute;top:8px;left:10px;color:#00a19d;font-size:1.4em;font-family:FontAwesome;content:'\f04b';-webkit-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);ms-transform:rotate(180deg);filter:none}.pager .pager-prev a:after{display:block;position:absolute;top:8px;left:6px;color:#22f3f0;font-size:1.4em;font-family:FontAwesome;content:'\f04b';-webkit-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);ms-transform:rotate(180deg);filter:none}.pager .pager-next{float:right;display:block;width:48%}.pager .pager-next a{text-align:right;padding:8px 32px 8px 0}.pager .pager-next a:before{display:block;position:absolute;top:8px;right:10px;color:#00a19d;font-size:1.4em;font-family:FontAwesome;content:'\f04b'}.pager .pager-next a:after{display:block;position:absolute;top:8px;right:6px;color:#22f3f0;font-size:1.4em;font-family:FontAwesome;content:'\f04b'}#bottom-editarea{position:fixed;bottom:40px;right:20px;margin:0}#footer{width:990px;padding:1em 0 80px;margin:0 auto;border-top:1px solid #226d80}#footer-inner{width:100%}#footer address{float:left;padding:0;margin:0}#footer img{display:none}#footer p.services{float:right;padding:0;margin:0}.page-about dt{display:block;width:140px;float:left;color:#04b3a2;padding:.5em 0;margin:0;border-bottom:1px solid #242a28}.page-about dd{display:block;width:500px;float:left;color:#fff;padding:.5em 0;margin:0;border-bottom:1px solid #242a28}.page-about dd .profile-icon{display:none}.page-archive #main-inner{padding-top:10px}.page-archive #main-inner > h2{font-weight:normal;font-size:24px}.page-archive .archive-entry{clear:both;min-height:100px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #226d80}.page-archive .archive-entries .date{position:static;width:auto;text-align:left}.page-archive .archive-entries .entry-title{padding:0;margin:5px 0}.page-archive .archive-entries .categories{margin-top:0;padding-bottom:10px}.page-archive .archive-entries .entry-description{margin:0}.archive-entries .entry-thumb{margin-right:1em;vertical-align:top}.page-archive .social-buttons{display:none}body,#bottom-editarea p{margin:0}[hidden],template,#top-box,.entry-title.entry-title-empty,.categories.no-categories,.pager .pager-arrow{display:none}b,strong,optgroup{font-weight:700}pre,textarea{overflow:auto}button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0}td,th,.hatena-module-body{padding:0}.clearfix:after,.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.entry:last-child,.entry-content p:last-child{margin-bottom:0}.entry-footer-time:before{font-size:12px;font-family:FontAwesome;font-weight:normal;content:'\f017';padding:0 4px 0 2px};.comment{clear:right;}@media screen and (min-width:800px) and (max-width:1110px){#blog-title-inner{width:640px;padding-left:0;padding-right:0}#content-inner{display:block;width:640px}#wrapper{display:block;width:100%}#main-inner{padding-left:0}#box2{display:block;float:left;width:100%;padding-right:0}#box2-inner{float:left;width:100%;margin:0 auto;padding:0}.hatena-module{float:left;width:300px;margin:0 20px 20px 0}.hatena-module-title{width:291px}.hatena-module-recent-entries{width:640px}.hatena-module-recent-entries .hatena-module-title{width:631px}.hatena-module-recent-entries .recent-entries-item{float:left;width:300px;margin:0 20px 20px 0}.hatena-module-recent-entries ul li{display:block;padding-top:0;border-top:0 none;border-bottom:1px solid #333;min-height:120px}.hatena-module-profile .id a{width:230px}.hatena-module-search-box .search-module-input{width:289px}#footer{clear:both;width:100%}#footer-inner{width:640px;margin:0 auto}.page-about #main{border-left:0 none}}@media screen and (max-width:799px){#blog-title-inner{width:100%;padding:10px 0 30px;text-align:center}#main-inner,#box2{padding-left:0;padding-right:0}#content-inner{display:block;width:100%;margin:0 auto}#wrapper{display:block;width:100%}.entry{z-index:1;padding:0 20px}.entry-title{padding:.2em 0 0}.entry-title.entry-title-empty{display:block;visibility:hidden}.entry-footer{text-align:right}.date{position:static;display:block;width:auto;text-align:left}.date span.date-month:after{font-family:Coda,Meiryo,メイリオ,sans-serif;content:'.'}.date span.date-year:before,.date span.date-year:after,.date span.date-day:before,.date span.date-day:after{display:none;content:''}.date span.date-day{display:inline-block;color:#fff;background-color:transparent;font-size:1em;width:auto;height:auto;text-align:left;vertical-align:baseline;line-height:100%;margin-top:0}#box2{display:block;width:100%}#box2-inner{width:100%;margin:0}.hatena-module{float:left;width:100%;margin:0 0 20px}.hatena-module-title{width:100%;border-right:0 none;border-left:0 none}.hatena-module-body{padding:0 20px}.hatena-module-recent-entries{width:100%}.hatena-module-recent-entries .hatena-module-title{width:100%}.hatena-module-recent-entries .recent-entries-item{clear:both;width:100%;margin:0}.hatena-module-profile .id a{width:79%}#footer{width:100%;clear:both}#footer-inner{width:100%;margin:0}#footer address{position:static;padding-left:1em}#footer p.services{position:static;padding-right:1em}.hatena-module-search-box .search-module-input{width:95%}}
/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

.my-orange { color: #f05e1c }
.my-pink { color: #fc825f }
.my-skyblue { color: #7db9de }
.my-bright { color: #fffa90 }

.amazon:before {
    font-family: "Font Awesome 5 Brands";
    content: '\f270';
}

/* タイトルイメージ調整 */
#blog-title {
    padding-top: 0px; /* 画像上部の余白*/
    padding-bottom: 0px; /* 画像下部の余白*/
    height: initial;
}
.header-image-only #blog-title #blog-title-inner {
    height: 200px; /* 画像の高さ */
    background-size: contain;
}
@media (max-width: 480px) {
    .header-image-only #blog-title #blog-title-inner {
        height: 200px;/* 画像の高さ */
    }
}
/*
#header {
    background: #072930; /*ヘッダーの背景色*/
} */

/* タイトル */
/*
#title a {
    font-family: 'Noto Sans JP', Sans-serif;
    font-size: 100%;
    font-weight: 400;
} */
/* ブログ説明 */
/*
#blog-description {
    font-family: 'Noto Sans JP', Sans-serif;
    font-size: 100%;
    font-weight: 400;
} */
/* 全体 */
body {
    font-family: 'Noto Sans JP', Sans-serif;
    font-size: 100%;
    font-weight: 300;
}
/* 本文 */
.entry-content {
    font-size:17px;
   font-weight: 100;
}

/*
h3, h4, h5 {font-size: 110%;
font-weight: 300;
}

p {font-size: 100%;
font-weight: 300;
}
*/


/* 小見出し h5 変更 */
/* 見出しのリセット */
.entry-content h5,
.entry-content h5::before,
.entry-content h5::after {
background: none;
border: none;
border-radius: 0;
}
.entry-content h5 {
position: relative;
padding: 5px 30px;
color: #fff;
/* color: #93eddd; */
background-color: #133324;
/* background-color: #129b98; */
/* border-left: 8px solid #1056a2; */
border-bottom: 1px solid #47bf87;
border-radius: 6px;
}




/* ニックネーム Drums */
.user-name-nickname:before {
    font-family: "Font Awesome 5 Free";
    font-size: 1.5em;
    padding-right: 2px;
    font-weight: 900;
    color: #fc825f;
    content: '\f569';
}
.user-name-hatena-id{display:none;}
.user-name-paren{display:none;}




.subscription-count-box {
display:none !important;
}





/* サイドバータイトル */
.hatena-module-title:before{
    font-family: "Font Awesome 5 Free";
    font-size:1em;
    padding-right:2px;
    font-weight:900;
}
.hatena-module-profile .hatena-module-title:before {
    content: '\f007'; /*プロフィール*/
}
.hatena-module-search-box .hatena-module-title:before {
    content: '\f002'; /*検索*/
} 
.hatena-module-recent-entries .hatena-module-title:before {
    content: '\f303'; /*最新記事*/
}
.hatena-module-entries-access-ranking .hatena-module-title:before {
    content: '\f521'; /*注目記事*/
} 
.hatena-module-category .hatena-module-title:before {
    content: '\f07b'; /*カテゴリー*/
}
.hatena-module-html .hatena-module-title:before {
    content: '\f14d'; /*HTML編集*/
}
.hatena-module-related-entries .hatena-module-title:before {
    content: ''; /*関連記事*/
}
.hatena-module-archive .hatena-module-title:before {
    content: ''; /*月別アーカイブ*/
} 
.hatena-module-links .hatena-module-title:before {
    content: ''; /*リンク*/
} 
.hatena-module-recent-comments .hatena-module-title:before {
    content: ''; /*最近のコメント*/
} 
.hatena-module-circles .hatena-module-title:before {
    content: '';  /*参加グループ*/
}



/* 注目記事のカスタマイズ */
a.urllist-title-link.entries-access-ranking-title-link.urllist-title.entries-access-ranking-title {
    font-size: 14px;
    color: #fc825f;
}
a.urllist-title-link.entries-access-ranking-title-link.urllist-title.entries-access-ranking-title:after {
    content: '　';
}
/*
a.urllist-title-link.entries-access-ranking-title-link.urllist-title.entries-access-ranking-title:hover {
  color: transparent;
} */
.urllist-date-link.entries-access-ranking-date-link a time {
/*  position: absolute;
    bottom: 0;
    right: 5px; */
    font-size: 8px;
    color: #face37;
/*  text-shadow: none; */
}
/* a.bookmark-widget-counter img {
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.urllist-categories.entries-access-ranking-categories {
    position: absolute;
    bottom: 15px;
    right: 0px;
    padding: 0;
    margin: 0;
}
a.urllist-category-link.entries-access-ranking-category-link {
    font-size: 8px;
    text-shadow: none;
} */



/*サイドバーフォローボタン*/
.sidebar-follow-buttons{
    width: 100%;
    text-align: center;
    letter-spacing: -.40em;
}
.sidebar-follow-buttons a {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    width: 47%;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    padding:6% 0;
    margin:1%;
    overflow: hidden;
    z-index:2;
}
.sidebar-follow-buttons a:hover {
    color:#fff;
    transition: all .3s;
}
.sidebar-follow-buttons a:after {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    top:-100%;
    left:0;
    z-index:-1;
    transition: 0.2s;
}
.sidebar-follow-buttons .inner-text {
    font-size:16px;
    padding-left:5px;
}
.sidebar-follow-buttons .hatena {
    color: #38393C;
    border: 1px solid #38393C;
    background: #ffffff;
}
.sidebar-follow-buttons .hatena:hover:after {
    top:0;
    background:#38393C;
}
.sidebar-follow-buttons .facebook {
    color: #305097;
    border: 1px solid #305097;
    background: #ffffff;
}
.sidebar-follow-buttons .facebook:hover:after {
    top:0;
    background:#305097;
}
.sidebar-follow-buttons .twitter {
    color: #55acee;
    border: 1px solid #55acee;
    background: #ffffff;
}
.sidebar-follow-buttons .twitter:hover:after {
    top:0;
    background:#55acee;
}
.sidebar-follow-buttons .instagram {
    color: #3f729b;
    border: 1px solid #3f729b;
    background: #ffffff;
}
.sidebar-follow-buttons .instagram:hover:after {
    top:0;
    background:#e8678c;
}




/* サイドバーのカテゴリーをカスタマイズ */
.hatena-module-category .hatena-module-body ul.hatena-urllist li {
    float: left; /* 右に寄せたければright */
    line-height: 33px;
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li a{
    font-size: 14px;
    margin: 0 3px 3px;
    color: #91EAF3; /* 文字色 */
    border-radius: 3px; /* 角を丸めます。エッジを効かせたい場合はこの行丸ごと削除してください */
    padding: 3px;
    background-color: #032224; /* 背景色 */
    
    text-decoration: none;
}
.hatena-module {
    clear: both;
    overflow: hidden;
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li a:hover{
    background-color: #003E3A; /* hover背景色 */
    transition: all .3s;
}






/*aboutページ、デフォdl（プロフィール〜読者までを囲うエリア）*/
.page-about dl {
    text-align: center;
    margin: 0;
}
/*aboutページ、デフォdt（プロフィール等のタイトル）*/
.page-about dt {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    color: #999999;
    margin-bottom: 15px;
}
/*aboutページ、デフォdd→吹き出し風に*/
.page-about dd {
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0.5em auto 1.5em;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #676F74;
    font-size: 16px;
    background: #FFF;
    border: solid 3px #676F74;
    box-sizing: border-box;
    border-radius: 10px;
}
.page-about dd:before{
	content: "";
	position: absolute;
	top: -23px;
	left: 50%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}
.page-about dd:after{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #676F74;
 	z-index: 1;
}
/*aboutページ、読者数（＼99人／のところ）*/
.about-subscription-count {
 display: table;
 position: relative;
 padding: 0 30px;
/* color: #676F74; */
 color: #ffffff;
 font-size: 1.5em;
 font-weight: bold;
 line-height: 1;
 letter-spacing: 1px;
 margin: 12px auto;
}
.about-subscription-count:before,
.about-subscription-count:after {
 display: inline-block;
 position: absolute;
 top: 50%;
 width: 20px;
 height: 3px;
 border-radius: 3px;
/* background-color: #676F74; */
 background-color: #ffffff;
 content: "";
}
.about-subscription-count:before {
 left: 0;
 -webkit-transform: rotate(50deg);
   transform: rotate(50deg);
}
.about-subscription-count:after {
 right: 0;
 -webkit-transform: rotate(-50deg);
   transform: rotate(-50deg);
}
/*aboutページ、読者アイコン（拡大＆円形＆ふわっとアニメーション）*/
.page-about .entry-content img.profile-icon {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin: 4px 4px;
    transition: .3s;
}
.page-about .entry-content img.profile-icon:hover {
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-3px);
}






/*↓----目次デザイン----↓*/
ul.table-of-contents {
	padding: 5px 5px 5px 35px;
    font-size: 100%;
}
ul.table-of-contents ul {
    font-size: 100%;
}
ul.table-of-contents::before {
    content: none;
}
.entry-content .table-of-contents {
	position: relative;
	border: 3px solid #072936; /* 目次の枠の色 */
	background-color: #FFF; /* 背景色 */
	border-radius: 0px 0px 8px 8px;
	margin: 3em 0 0 0; /* 枠の大きさ */
}
.table-of-contents:after { /* 目次部分 */
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f03a 目次"; /* 目次の表示名 */
	background: #072936;
	color: #fff;
	right: 0%;
	left: 0%;
	bottom: 100%;
	border-radius: 8px 8px 0 0;
	padding: 2px 0 2px 0;
	margin: 0 -3px 0 -3px;/* -で指定の部分はborderと同じ値 */
	text-align: center;
	font-size: 1.2em;
	letter-spacing: 1.5em
}
.table-of-contents li {
	font-size: 1em;
	font-weight: bold;
	color: #072936;
	position: relative;
	list-style-type: none;
}
.table-of-contents li:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f138"; /* 大見出しアイコン*/
	top: 0.3em; /* アイコン位置調節 */
	left: -1.4em; /* アイコン位置調節 */
}
.table-of-contents li > ul > li:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f105"; /* 中見出しアイコン */
	top: 0.1em;
	left: -1.0em;
	font-size: 1.2em;
}
.table-of-contents li > ul > li > ul > li:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f101"; /* 小見出しアイコン */
	top: 0.1em;
	left: -1.0em;
	font-size: 1.2em;
}
.table-of-contents a{
	color: #545454;
	padding:3px; /* 列の間隔 */
	display: block;
	text-decoration: none;
	transition-duration: 0.3s /* カーソルが戻る時間 */
}
.table-of-contents li a:hover {
	padding-left: 10px; /* カーソル重ねた時に移動する距離 */
	transition-duration: 0.3s /* カーソルが移動する時間 */
}
/*↑----目次デザイン----↑*/



/*上に戻るボタン関係*/
#page-top {
display:none;
position:fixed;
bottom:20px;
right:10px;
margin: 0;
padding: 0;
cursor:pointer;
z-index: 10;
}

#move-page-top {
display:block;
color:rgba(255,255,255,0.4);
cursor:pointer;
}

#move-page-top:hover {
color:rgba(255,255,255,0.7);
}
/*
@media only screen and (min-width: 400px){
  #page-top{
    right:50%;
    margin-right: -600px;
  }
}
*/
{
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}




.urllist-with-thumbnails li{
	font-size: 90%;
}