/* <system section="theme" selected="solid"> */
@charset "utf-8";@font-face{font-family:TitilliumText22LRegular;src:url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.eot?version=a75634bb4b91fa18ab35aec8c19b26b9526b7e0b&env=production');src:url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.eot?version=a75634bb4b91fa18ab35aec8c19b26b9526b7e0b&env=production') format("embedded-opentype"),url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.woff?version=060729dd72e4c29a3f3c291bb532dd7c232a0500&env=production') format("woff"),url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.ttf?version=8662f885e9f820638a7497b46eb5c5ae19a5846d&env=production') format("truetype"),url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.svg%23/images/fonts/titillium_text/TitilliumText22LRegular?version=c89d615175cd962d954af441e173def1&env=production') format("svg");font-weight:400;font-style:normal}
/*------- RESET ----------*/abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/*------- END RESET ----------*/body,html{font-family:TitilliumText22LRegular,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;color:#c1cdd6;background:#292c2f}a{color:#52a6e7}a:hover{color:#0090ff}.clearfix{display:block;*zoom:1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#globalheader-container{background:rgba(0,0,0,.3);background:#1c1e20\9;
  /* IE8 and below */border-bottom:1px solid;border-color:hsla(0,0%,100%,.1);border-color:#323435\9
  /* IE8 and below */}#container{background:url('https://cdn.blog.st-hatena.com/css/theme/solid/box2_bg.png?version=c4915ceb072211e995799db251b41a03f73a4e58&env=production') repeat-y 0}#container-inner{width:951px}#content-inner:after{content:".";display:block;clear:both;height:0;visibility:hidden}#blog-title,#wrapper{
  /* IE8 and below */}#blog-title,#bottom-editarea,#top-box,#top-editarea,#wrapper{padding-left:50px;padding-right:50px;border-left:1px solid;border-color:hsla(0,0%,100%,.1);border-color:#3d4043\9}#bottom-editarea,#top-box,#top-editarea{
  /* IE8 and below */margin-left:250px}#wrapper{padding:25px 50px 50px;float:right}#blog-title{font-size:30px;padding-top:50px;padding-bottom:25px;margin-left:250px}#blog-title a{text-decoration:none;color:#c1cdd6}#blog-description{margin-top:5px;font-size:14px;opacity:.6;font-weight:400}#main{width:600px}.entry{margin-bottom:120px;position:relative}.entry-header-menu{position:absolute;right:0;bottom:30px}.entry-header-menu a{display:block;padding:5px 10px;font-size:12px;color:#fff;background:#52a6e7;text-decoration:none;font-weight:700}
/* @Custom Header-image */.header-image-enable #blog-title #title{padding:20px 0 0 20px}.header-image-enable #blog-title #blog-description{padding-left:20px}.header-image-enable #box2,.header-image-only #box2{margin-top:0;position:relative;top:-280px}
/* @END Custom Header-image */.date{text-align:right;letter-spacing:.1em;opacity:.6;position:absolute;bottom:5px;right:0}.date a{color:#c1cdd6;text-decoration:none}.date a:hover{text-decoration:underline}.entry-header{margin-bottom:25px;position:relative;border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid\9;
  /* IE8 and below */padding-left:50px;padding-right:100px;padding-bottom:5px;left:-50px;width:500px}.entry-title{font-size:24px;line-height:1.3}.categories{font-size:10px}.categories:after{content:".";clear:both;visibility:hidden;display:block;height:0}.categories a{display:block;float:left;height:15px;line-height:15px;color:#fff;text-decoration:none;padding:0 5px 0 13px;margin:.5em 1em .5em 0;background:url('https://cdn.blog.st-hatena.com/css/theme/solid/tag.png?version=962e799c78e13e5fef3ad924ae7ec8be179558ea&env=production') no-repeat 0 0}.categories a:hover{color:#ccc}.entry-title a{color:#c1cdd6;text-decoration:none;font-weight:400}.entry-footer{margin-top:20px;font-size:13px}.social-buttons{margin:10px 0}.pager{text-align:center;margin:20px auto;font-size:12px;height:70px;display:block;*zoom:1;line-height:1.5}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager-next{background:url('https://cdn.blog.st-hatena.com/css/theme/solid/pager.png?version=7d2975886dfcf1db35cae548b151ce1b61fb7a10&env=production') no-repeat 100% 0;display:block;width:200px;height:40px;float:right}.pager-next a{padding-right:30px}.pager-next:hover{background-position:right -40px}.pager-prev{background:url('https://cdn.blog.st-hatena.com/css/theme/solid/pager.png?version=7d2975886dfcf1db35cae548b151ce1b61fb7a10&env=production') no-repeat 0 -80px;display:block;width:200px;height:40px;float:left}.pager-prev a{padding-left:30px}.pager-prev:hover{background-position:0 -120px}.pager a{text-decoration:none;color:#c1cdd6;display:block}#footer{font-size:13px;line-height:1.5;background:url('https://cdn.blog.st-hatena.com/css/theme/solid/box2_bg.png?version=c4915ceb072211e995799db251b41a03f73a4e58&env=production') repeat-y 0}#footer a{color:#c1cdd6}#footer-inner{margin-left:250px;border-left:1px solid;border-color:hsla(0,0%,100%,.1);border-color:#3d4043\9;
  /* IE8 and below */width:600px;padding:20px 50px;text-align:center}
/* Comment */.entry-comment{border-left:2px solid;border-color:hsla(0,0%,100%,.1);border-left:2px solid\9;
  /* IE8 and below */padding-left:10px;margin:20px 0;list-style:none}.comment{margin:10px 0 15px;padding:0}.comment-user-name{margin:0}.comment-user-name a{text-decoration:none}.comment-user-name img{vertical-align:middle}.comment-content p{margin:.5em 0;line-height:1.3;word-wrap:break-word}.comment-metadata{display:inline;font-size:11px;color:#aaa}.comment-metadata a{color:#aaa}.leave-comment-title{font-size:12px;padding:10px 10px 10px 25px;height:20px;line-height:20px;width:100px;background:url('https://cdn.blog.st-hatena.com/css/theme/solid/comment.png?version=2203f84cee6fc8892d59cfd864c8a8fdab2e18df&env=production') no-repeat 6px;border:1px solid hsla(0,0%,100%,.2);border:1px solid\9;
  /* IE8 and below */color:#c1cdd6;border-radius:3px}.leave-comment-title:hover{border:1px solid hsla(0,0%,100%,.5);border:1px solid\9;
  /* IE8 and below */color:#c1cdd6}
/* Entry-content Textstyle */.entry-content{font-size:15px;line-height:1.8}.entry-content p{margin:.7em 0}.entry-content img{max-width:98%;padding:5px;background-color:rgba(0,0,0,.2);background-color:#202325\9;
  /* IE8 and below */border-radius:3px}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{border-left:4px solid #6692c0;padding-left:10px}.entry-content ol,.entry-content ul{margin:0 0 0 1.5em;padding:0}.entry blockquote{padding:15px;font-size:14px;margin:1em 0;
  /* IE8 and below */
  /* IE8 and below */color:#8d949a}.entry-content .hatena-asin-detail,.entry blockquote{border:1px solid hsla(0,0%,100%,.1);border:1px solid\9;background:rgba(0,0,0,.2);background:#202325\9;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry-content .hatena-asin-detail{
  /* IE8 and below */
  /* IE8 and below */}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0;font-size:14px}.entry-content table td,.entry-content table th{border:1px solid #454545;padding:5px 10px}.entry-content table th{
  /* IE8 and below */}.entry-content table th,pre{background:rgba(0,0,0,.2);background:#202325\9}pre{font-size:13px;padding:10px;border:1px solid hsla(0,0%,100%,.1);border:1px solid\9;
  /* IE8 and below */
  /* IE8 and below */border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}div.twitter-detail,div.twitter-tweet{border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid\9
  /* IE8 and below */}.twitter-user-screen-name img{padding:0;background:transparent}.entry-content a:visited{color:#7c93a5}a.keyword{color:#c1cdd6;text-decoration:none;border-bottom:1px solid #666}pre.lang-aa{font-size:14px;line-height:15px}
/* MODULE */#box2{width:190px;height:100%;padding:30px;font-size:13px;float:left;margin-top:-130px}.hatena-module{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid\9
  /* IE8 and below */}.hatena-module-title{font-weight:400;margin-bottom:1em;font-size:16px}.hatena-module-title:before{content:"\2756";color:#497392}.hatena-module-title a{text-decoration:none;color:#c1cdd6}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile .id{display:block;padding:5px 0;font-size:16px}.hatena-module-profile .profile-description{font-size:12px;line-height:1.4;opacity:.6;padding-bottom:5px;margin:0}.hatena-module-body li{list-style:none;padding:5px 0}.hatena-module-body{line-height:1.5}.hatena-module-body p{margin:.7em 0}.hatena-module-body .urllist-item{padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}
/* @SEARCH */.search-form{position:relative}.search-module-input{padding:5px 10px;width:168px;height:20px;margin:0;font-size:14px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border:1px solid hsla(0,0%,100%,.2);border:1px solid\9;
  /* IE8 and below */vertical-align:middle;background-color:rgba(0,0,0,.3);background-color:#181a1c\9;
  /* IE8 and below */-webkit-transition:width .3s ease-out,border .3s ease-out;-moz-transition:width .3s ease-out,border .3s ease-out;-o-transition:width .3s ease-out,border .3s ease-out;-transition:width .3s ease-out,border .3s ease-out;opacity:.6;filter:alpha(opacity=60);-moz-opacity:.6;color:#fff}.search-module-button{height:32px;width:30px;border:none;text-indent:-999px;margin-left:-3px;cursor:pointer;background:transparent url('https://cdn.blog.st-hatena.com/images/theme/search_g.png?version=358e2e6df2097b5bb0316a03851d7e0b394515d6&env=production') 50% 50% no-repeat;position:absolute;right:3px;top:0}.hatena-module .search-module-input:focus,.search-module-input:hover{border:1px solid hsla(0,0%,100%,.5);border:1px solid\9
  /* IE8 and below */}
/* CATEGORY */.breadcrumb{line-height:1.5}
/* @About  */.page-about img{padding:0;border-radius:0}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid\9;
  /* IE8 and below */margin-bottom:5px}.page-about dt:before{content:"\2756";color:#6692c0;margin-right:.2em}.page-about dd{margin-left:0;margin-bottom:30px}
/* Archive */.page-archive #main-inner{font-size:16px}.page-archive .archive-entry{margin-bottom:50px}.page-archive .date{position:static}.page-archive .entry-title{font-size:18px;margin:5px 0;font-weight:400;padding-bottom:5px;border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid\9
  /* IE8 and below */}.page-archive .entry-title:before{content:"\2756";color:#6692c0;margin-right:.2em}.page-archive .entry-title a{color:#c1cdd6;text-decoration:none}.page-archive .entry-title a:hover{text-decoration:underline}.page-archive .categories,.page-archive p{margin-bottom:10px}.page-archive p{line-height:1.5}.page-archive .categories a{margin:2px 5px 2px 0}
/* Overlay */#cboxOverlay{background:#000}
/* </system> */

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

#globalmenu{
  width: 100%;
  margin: 0 auto 40px;
  height: 50px;
  padding: 0;
  list-style-type: none;
  background: #424242;
}
#globalmenu li{
  position: relative;
  float: left;
  text-align: center;
  width: 16.6%;
  margin: 0;
  padding: 0;
}
#globalmenu li a{
  display: block;
  margin: 0;
  padding: 17px 0 20px;
  color: #FFFFFF;
  font-size: 15px;
  text-decoration: none;
}
#globalmenu li:hover > a{
  background: #424242;
  color: #fff;
}
#globalmenu li ul{
  position: absolute;
  width: 150%;
  top: 100%;
  color: #fff;
  left: 0;
  margin: 0;
  list-style: none;
  z-index:10000;
}
#globalmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
}
#globalmenu li ul li:hover > a{
  background: #424242;
  color: #fff;
}
#globalmenu li:hover ul li{
  overflow: hidden;
  height: 40px;
  border-bottom: 1px dotted #ffffff;
}
#globalmenu li ul li a{
  font-size: 13px;
  padding: 15px;
  background: #424242;
  text-align: left;
  border-bottom: 1px dotted #ffffff;
}

#globalmenu > li:hover li:hover > a { background: #424242 }
#globalmenu li > ul > li:hover {
 overflow: visible;
 height: 40px;
}

#globalmenu li ul li ul {
 right: 80%;
 width: 100%;
}

#globalmenu li ul li ul:after {
 position: absolute;
 content:"";
 top: 13px;
 right: 100%;
 margin-right: 10px;
 border: 5px solid transparent;
 border-left-color: #ffffff;
}

#globalmenu li ul li ul {
 top: 0;
 width: 100%;
 left: 100%;
 margin: 0 auto 40px;
 color: #FFFFFF;
 font-size: 13px;
 text-decoration: none;
 background: none;
}

/* 読者ボタンカバー */
.cover_sec { box-sizing: border-box; }
.cover_sec, .d_button, .d_cover, .d_innie, .d_spine, .d_outie, .d_shadow {
  transition: .6s;
}
.cover_sec, d_button { transition-timing-function: ease; }
.cover_sec {
  display: inline-block;
  position: relative;
  align-self: center;
  padding: .375rem 1rem 0 1rem;
  width: 100px;
  background: #A9ADB6;
  border-radius: .25rem;
  perspective: 300;
  box-shadow: 0 -1px 2px #fff, inset 0 1px 2px rgba(0,0,0,.2), inset 0 .25rem 1rem rgba(0,0,0,.1);
}
.d_button { opacity: 0; }
.d_cover {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  transform-origin: center bottom;
  transform-style: preserve-3d;
  font-size: 1.8em;
  color: white;
  text-align: center;
  pointer-events: none;
  z-index: 50;
}
.d_innie, .d_outie, .d_spine, .d_shadow { position: absolute; width: 100%; }
.d_innie, .d_outie {
  height: 100%;
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.1) 100%);
  border-radius: .25rem;
}
.d_innie:after, .d_outie:after {
  font-family: 'blogicon';
  content: "\f000";
}
.d_innie {
  background-color: #c2c2c2;
  text-shadow: 0 -2px 4px rgba(0,0,0,.2);
}
.d_spine {
  top: .25rem;
  background: #c3c3c3;
  height: .25rem;
  transform: rotateX(90deg);
  transform-origin: center top;
}
.d_shadow {
  top: 100%;
  left: 0;
  height: 3.5rem;
  transform-origin: center top;
  transform: rotateX(90deg);
  opacity: 0;
  z-index: 0;
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.6) 0%, transparent 100%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, transparent 100%);
}
.d_outie {
  background-color: #555;
  transform: translateZ(.25rem);
  text-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.cover_sec:hover { background: #EBEFF2; }
.cover_sec:hover .d_button { opacity: 1; }
.cover_sec:hover .d_cover, .cover_sec:hover .d_innie, .cover_sec:hover .d_spine, .cover_sec:hover .d_outie, .cover_sec:hover .d_spine { transition-timing-function: cubic-bezier(.2,.7,.1,1.1); }
.cover_sec:hover .d_cover { transform: rotateX(-120deg);  }
.cover_sec:hover .d_innie { background-color: #c2c2c2; }
.cover_sec:hover .d_spine { background-color: #000; }
.cover_sec:hover .d_outie { background-color: #c4c4c4; color: rgba(255,255,255,0); }
.cover_sec:hover .d_shadow { 
  opacity: 1;
  transform: rotateX(45deg) scale(.95);
}
d_small {
  display: block;
  padding: 5rem;
  font: .8rem/1 sans-serif;
  color: #777;
}
d_small a { color: #222; text-decoration: none; border-bottom: 1px solid #ccc; }
d_small a:hover { border-bottom-color: #222; }

.hatena-follow-button-box {}
.hatena-follow-button {
    color: #5d5d5d !important;
    padding: 4px 10px !important;
    background: none !important;
    border: 0px !important;
}
.hatena-follow-button-box .subscription-count {
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:1px 10px 1px 10px; 
}
.hatena-follow-button.subscribing, .hatena-follow-button.subscribing.hover, .hatena-follow-button.unsubscribing, .hatena-follow-button.unsubscribing.hover {
    color: #5d5d5d!important;
    font-weight: bold;
    width: 80px;
}
.hatena-follow-button-box .subscription-count-box {
    margin: 0 0 0 6px!important;
    top:-2px;
}