@charset "utf-8";@font-face{font-family:TitilliumText22LRegular;src:url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.eot?version=4f1cb770a72175570fc55ef0e22b7c);src:url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.eot?version=4f1cb770a72175570fc55ef0e22b7c) format("embedded-opentype"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.woff?version=4f1cb770a72175570fc55ef0e22b7c) format("woff"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.ttf?version=4f1cb770a72175570fc55ef0e22b7c) format("truetype"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L003-webfont.svg?version=4f1cb770a72175570fc55ef0e22b7c) 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:#ffffff;background:#000000}

/*　リンクの文字色　*/
a{color:#5e66ff}

/*　マウスを乗せたときの文字色　*/
a:hover{color:#ff0000}


.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=4f1cb770a72175570fc55ef0e22b7c) 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-title a{text-decoration:none;color:#ffffff}
  
    /*　ブログタイトルの位置調整　*/
  #blog-title-content {text-align:center;}
  
  
   /*　サブタイトルの文字色を変更できる　*/
/*  #blog-description{margin-top:5px;font-size:14px;opacity:.6;font-weight:400}*/
  #blog-description{margin-top:5px;font-size:14px;opacity:.6;font-weight:400;color: #ffffff}
  
  #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:#ffffff;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:#545659}
.categories a:hover{color:#ccc}


/*　記事タイトルの文字色を変更できる*/
.entry-title a{color:#ffffff;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=4f1cb770a72175570fc55ef0e22b7c) 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=4f1cb770a72175570fc55ef0e22b7c) 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=4f1cb770a72175570fc55ef0e22b7c) 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=4f1cb770a72175570fc55ef0e22b7c) 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:16px;line-height:2.0}


.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:#5e66ff}


.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(255,255,255,.3);background-color:#ffffff\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=4f1cb770a72175570fc55ef0e22b7c) 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:#5e66ff;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:#5e66ff;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}



.entry-content {
 background:#000000;
 color: #04B431;

}