/*
Theme Name: ZEN for Hatena Blog
Theme URI: http://blog.hatena.ne.jp/-/store/theme/11696248318757940905
Description: Tumblr テーマ「<a href="http://sanographix.github.com/tumblr/zen">ZEN</a>」をはてなブログに移植したデザインテーマです。ZEN は、普通の日記を普通に書きたい人のためのテーマです。http://sanographix.github.io/tumblr/zen* ヘッダナビゲーションオリジナルの ZEN テーマにあるヘッダナビゲーションを、はてなブログのタイトル下 HTML 記述欄に記述することで再現できます。利用方法は下記の gist を参照してください。https://gist.github.com/sanographix/6624184** Author<a href="https://twitter.com/sanographix">@sanographix</a>http://www.sanographix.net* ソースコードhttps://github.com/sanographix/zen-for-hatenablog
Author: sngrpx
Author URI: http://blog.hatena.ne.jp/sngrpx/
*/
@charset "utf-8";
	@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro);
	/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block
	}

audio,canvas,video{
	display:inline-block
	}

audio:not([controls]){
	display:none;
	height:0
	
	}

[hidden]{
	display:none
	}

html{
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
	}

body{
	margin:0
	}

a:focus{
	outline:thin dotted
	}

a:active,a:hover{
	outline:0
	}

h1{
	font-size:2em;
	margin:.67em 0;
	}

abbr[title]{
	border-bottom:1px dotted;
	}

b,strong{
	font-weight:700;
	}

dfn{
	font-style:italic;
	}

hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
	}

mark{
	background:#ff0;
	color:#132D16;
	}

code,kbd,pre,samp{
	font-family:monospace,serif;
	font-size:1em
	}

pre{
	white-space:pre-wrap;
	}

q{
	quotes:"\201C" "\201D" "\2018" "\2019"
	}

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:0
	}

fieldset{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
	}

legend{
	border:0;
	padding:0
	}

button,input,select,textarea{
	font-family:inherit;
	font-size:100%;
	margin:0
	}

button,input{
	line-height:normal
	}

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[type=checkbox],input[type=radio]{
	box-sizing:border-box;
	padding:0
	}

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
	}

button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
	}

textarea{
	overflow:auto;
	vertical-align:top
	}

table{
	border-collapse:collapse;
	border-spacing: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
	}

.border-box{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
	}

.ellipsis{
	white-space:nowrap;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
	}

html,body{
	font-family:'Helvetica Neue',Helvetica,Arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	color:#132D16;
	background-color:#fff
	}

a{
	color:#369ecf
	}

a:hover{
	color:#036fa1
	}

a:visited{
	color:#8bb1c3
	}

 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{
	color: #132D16;
	text-decoration:none;
	}

h1 {
	color: #52A447;
	text-decoration:none;}

a.keyword {
	border: 0 !important;
	text-decoration: none !important;
	pointer-events: none !important;
	cursor: default;
	color: #132D16;
}

.btn{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:6px 12px;
	margin-bottom:0;
	line-height:18px;
	color:#555;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
	font-family:'Source Code Pro',sans-serif;
	-webkit-border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	border-top-right-radius:2px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	font-weight:700;
	border:1px solid rgba(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:700
	}

#globalheader-container{
	background-color:#555;
	color:#fff
	}

#container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px
	}

#container #content{
	display:block;
	*zoom:1
	}

#container #content:after{
	display:block;
	visibility:hidden;
	font-size:0;
	height:0;
	clear:both;
	content:"."
	}

#blog-title{
	margin:30px 0 0;
	padding:30px 0;
	border-top:1px solid #ddd;
	font-family:'Source Code Pro',sans-serif
	}

#title{
	margin:0;
	font-weight:400;
	letter-spacing:.2em;
	font-size:150%
	}

#title a{
	color:#419964;
	}

#blog-description{
	font-weight:400;
	font-size:11px;
	letter-spacing:.1em;
	margin:5px 0 0;
	color:#999
	}

.header-image-enable #title{
	padding-top:70px
	}

.header-image-enable #title,.header-image-enable #blog-description{
	padding-left:20px
	}

.header-nav{
	margin:0 0 10px;
	font-size:75%;
	font-family:'Source Code Pro',sans-serif
	}

.header-nav ul{
	margin:0;
	padding:0;
	display:table;
	width:100%
	}

.header-nav ul li{
	display:table-cell;
	width:1%
	}

.header-nav a{
	display:block;
	color:#555;
	border-top:1px solid #ddd;
	margin-right:30px;
	padding:10px 0;
	text-decoration:none
	}

.header-nav a:hover{
	border-top:1px solid #999;
	text-decoration:none
	}

.header-nav li:last-child a{
	margin-right:0
	}

#top-box{
	margin:10px auto 20px;
	font-size:90%
	}

#top-box .breadcrumb{
	border:1px solid #ddd;
	padding:10px
	}

#content{
	border-top:1px solid #ddd;
	padding-top:50px
	}

.entry{
	position:relative;
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:1px solid #ddd
	}

.entry-header{
	padding:0 0 10px;
	position:relative
	}

.entry-title{
	margin:0 0 10px;
	line-height:1.3;
	font-size:160%;
	font-weight:400;
	font-family:'Source Code Pro',sans-serif
	}

.entry-title-empty{
	display:none
	}

.date{
	margin-bottom:15px;
	font-family:'Source Code Pro',sans-serif
	}

.date a{
	color:#999;
	text-decoration:none;
	font-size:75%;
	letter-spacing:2px
	}

.categories{
	margin-bottom:10px;
	font-size:70%;
	font-family:'Source Code Pro',sans-serif
	}

.categories a{
	color:#999
	}

.categories.no-categories{
	margin:0
	}

.entry-header-menu{
	position:absolute;
	top:20px;
	left:-70px
	}

.entry-header-menu a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:6px 12px;
	margin-bottom:0;
	line-height:18px;
	color:#555;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
	font-family:'Source Code Pro',sans-serif;
	-webkit-border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	border-top-right-radius:2px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	font-weight:700;
	border:1px solid rgba(0,0,0,.2);
	text-decoration:none!important
	}

.entry-header-menu a:hover{
	background-color:#f5f5f5;
	text-decoration:none!important
	}

.entry-content{
	font-size:95%;
	line-height:1.7;
	padding-bottom:10px
	}

.entry-content p{
	margin:0 0 1em
	}

.entry-content img,.entry-content video{
	max-width:100%
	}

.entry-content a[title*=Flickr] img{
	height:auto!important
	}

.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
	margin:1.3em 0 .8em;
	line-height:1.5;
	font-weight:400
	}

.entry-content h1{
	font-size:160%
	}

.entry-content h2{
	font-size:150%
	}

.entry-content h3{
	font-size:140%
	}

.entry-content h4{
	font-size:130%
	}

.entry-content h5{
	font-size:110%
	}

.entry-content h6{
	font-size:100%
	}

.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 table th{
	background:#f5f5f5
	}

.entry-content blockquote{
	border:1px solid #ddd;
	margin:0 0 10px;
	padding:20px
	}

.entry-content blockquote p{
	margin-top:0;
	margin-bottom:0
	}

.entry-content pre{
	border:1px solid #ddd;
	margin:0 0 10px;
	padding:20px;
	white-space:pre
	}

.entry-content pre>code{
	margin:0;
	padding:0;
	white-space:pre;
	border:0;
	background:transparent;
	font-family:Monaco,Consolas,'Courier New',Courier,monospace,sans-serif
	}

.entry-content code{
	font-size:90%;
	margin:0 2px;
	padding:0 5px;
	border:1px solid #eaeaea;
	background-color:#f8f8f8;
	border-radius:3px;
	font-family:Monaco,Consolas,'Courier New',Courier,monospace,sans-serif
	}

.entry-content .hatena-asin-detail li{
	line-height:1.4
	}

hr{
	margin:20px 0;
	border:0;
	border-top:1px solid #eee;
	border-bottom:1px solid #fff
	}

.entry-footer{
	margin-top:10px
	}

.entry-footer-section{
	font-size:70%;
	color:#999;
	font-family:'Source Code Pro',sans-serif
	}

.entry-footer-section a{
	color:#999;
	text-decoration:none
	}

.social-buttons,.entry-footer-html{
	margin:10px 0
	}

.comment-box ul{
	list-style:none;
	margin:0 0 15px;
	padding:0;
	font-size:90%
	}

.comment-box li{
	padding:10px 0 10px 60px;
	border-bottom:1px solid #ddd;
	position:relative
	}

.comment-box li:first-child{
	border-top:1px solid #ddd
	}

.comment-box .hatena-id-icon{
	position:absolute;
	top:10px;
	left:0;
	width:50px!important;
	height:50px!important;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	border-top-right-radius:3px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box
	}

.comment-user-name{
	margin:0 0 10px;
	font-family:'Source Code Pro',sans-serif
	}

.comment-user-name a{
	text-decoration:none
	}

.comment-content{
	font-size:90%;
	margin:0 0 10px;
	word-wrap:break-word
	}

.comment-content p{
	margin:0 0 10px
	}

.comment-metadata{
	font-size:80%;
	color:#999;
	margin:0;
	font-family:'Source Code Pro',sans-serif
	}

.comment-metadata a{
	color:#999
	}

.read-more-comments{
	font-family:'Source Code Pro',sans-serif;
	padding-left:0!important
	}

.leave-comment-title{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:6px 12px;
	margin-bottom:0;
	line-height:18px;
	color:#555;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
	font-family:'Source Code Pro',sans-serif;
	-webkit-border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	border-top-right-radius:2px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	font-weight:700;
	border:1px solid rgba(0,0,0,.2);
	text-decoration:none!important
	}

.leave-comment-title:hover{
	background-color:#f5f5f5;
	text-decoration:none!important
	}

#box2{
	width:100%;
	padding:30px 0;
	font-size:80%
	}

#box2-inner{
	width:960px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
	*zoom:1;
	height:auto;
	overflow:hidden
	}

#box2-inner:after{
	display:block;
	visibility:hidden;
	font-size:0;
	height:0;
	clear:both;
	content:"."
	}

.hatena-module{
	text-align:left;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:40px;
	width:283px;
	float:left;
	display:block;
	*zoom:1
	}

.hatena-module:after{
	display:block;
	visibility:hidden;
	font-size:0;
	height:0;
	clear:both;
	content:"."
	}

.hatena-module:nth-child(3n+1){
	clear:both
	}

.hatena-module .hatena-module-title{
	font-weight:400;
	margin-bottom:15px;
	font-size:120%
	}

.hatena-module .hatena-module-title a{
	color:#555;
	text-decoration:none
	}

.hatena-module .hatena-module-title a:hover{
	text-decoration:underline
	}

.hatena-module-profile .profile-icon{
	float:left;
	margin:0 10px 10px 0;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	border-top-right-radius:5px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box
	}

.hatena-module-profile .id{
	display:block;
	font-weight:700;
	font-size:110%;
	margin-bottom:5px
	}

.hatena-module-profile .profile-description{
	font-size:90%
	}

.hatena-module-profile .profile-description p{
	margin-top:0
	}

.hatena-urllist{
	list-style:none;
	margin:0;
	padding:0
	}

.hatena-urllist li{
	padding:8px 0;
	border-bottom:1px solid #ddd;
	line-height:1.5
	}

.hatena-urllist li a{
	text-decoration:none
	}

.hatena-module-search-box .search-form{
	border:1px solid #ddd;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	border-top-right-radius:3px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-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;
	color:#555;
	background:0;
	border:0;
	outline:0;
	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=a734f1382981ba76e28859d427677b) no-repeat right center;
	border:0;
	outline:0;
	text-indent:-9999px;
	position:absolute;
	top:5px;
	right:5px;
	-moz-opacity:.5;
	-khtml-opacity:.5;
	-webkit-opacity:.5;
	opacity:.5;
	filter:alpha(opacity=50)
	}

.hatena-module-search-box .search-module-button:hover{
	-moz-opacity:.85;
	-khtml-opacity:.85;
	-webkit-opacity:.85;
	opacity:.85;
	filter:alpha(opacity=85)
	}

.pager{
	margin:20px 0;
	padding:0 0 50px;
	text-align:center;
	border-bottom:1px solid #ddd;
	font-size:80%;
	font-family:'Source Code Pro',sans-serif
	}

.pager a{
	color:#999;
	text-decoration:none
	}

.pager a:hover{
	color:#555
	}

.pager .pager-next{
	margin-left:2em
	}

#footer{
	padding:30px 0;
	text-align:center;
	color:#999;
	line-height:1.5;
	font-size:70%;
	font-family:'Source Code Pro',sans-serif;
	letter-spacing:.1em
	}

#footer p{
	margin:0
	}

#footer a{
	color:#999;
	text-decoration:none
	}

.page-about dt{
	font-size:16px;
	font-weight:700;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:5px
	}

.page-about dd{
	margin-left:0;
	margin-bottom:30px
	}

.page-archive .archive-entries .archive-entry{
	margin-bottom:3em
	}

.page-archive .archive-entries .entry-title{
	font-size:130%;
	margin:0 0 .5em
	}

.page-archive .archive-entries .categories{
	margin:0 0 .5em
	}

.page-archive .archive-entries .entry-description{
	font-size:100%;
	margin:0 0 1em;
	line-height:1.5em
	}

@media (-webkit-min-device-pixel-ratio:2){
	.hatena-module-search-box .search-module-button{
	background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=a734f1382981ba76e28859d427677b) no-repeat right center;
	background-size:20px 20px
	}


	}

@media (min-width:768px) and (max-width:1024px){
	#container{
	width:93.75%;
	word-wrap:break-word;
	overflow:hidden
	}

#main{
	width:100%;
	float:none
	}

#box2{
	width:100%;
	float:none
	}

#box2-inner{
	width:100%
	}

.hatena-module{
	width:100%;
	float:none
	}

.entry-header-menu{
	top:-30px;
	left:0
	}


	}

@media (max-width:767px){
	#globalheader-container{
	position:static
	}

#container{
	width:93.75%;
	word-wrap:break-word;
	overflow:hidden;
	font-size:90%
	}

#main{
	width:100%;
	float:none
	}

#box2{
	width:100%;
	float:none
	}

#box2-inner{
	width:100%
	}

.hatena-module{
	width:100%;
	float:none
	}


	}