@charset "utf-8";@font-face{font-family:TitilliumText22LRegular;src:url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.eot?version=a3472a746560ba7a0b5e80e669751f);src:url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.eot?version=a3472a746560ba7a0b5e80e669751f) format("embedded-opentype"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.woff?version=a3472a746560ba7a0b5e80e669751f) format("woff"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.ttf?version=a3472a746560ba7a0b5e80e669751f) format("truetype"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.svg?version=a3472a746560ba7a0b5e80e669751f) 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=a3472a746560ba7a0b5e80e669751f) 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:1.4;color:#fff;text-decoration:none;padding:2px 6px;margin:.5em 1em .5em 0;background:#545659}
.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=a3472a746560ba7a0b5e80e669751f) 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=a3472a746560ba7a0b5e80e669751f) 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=a3472a746560ba7a0b5e80e669751f) 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=a3472a746560ba7a0b5e80e669751f) 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{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=a3472a746560ba7a0b5e80e669751f) 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}