/* <system section="theme" selected="afternoon"> */
/*@charset "utf-8";

@font-face{
	font-family:TitilliumText22LRegular;src:url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L003-webfont.eot?version=f8e3dba1253cbde1c3eab8dc5a6497b3');
	src:url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L003-webfont.eot?version=f8e3dba1253cbde1c3eab8dc5a6497b3') 			
		format('embedded-opentype'),
		url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L003-webfont.woff?version=f8e3dba1253cbde1c3eab8dc5a6497b3') 
		format('woff'),
		url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L003-webfont.ttf?version=f8e3dba1253cbde1c3eab8dc5a6497b3') format('truetype'),
		url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L003-webfont.svg%23/fonts/public/titillium_text/TitilliumText22LRegular?version=f8e3dba1253cbde1c3eab8dc5a6497b3') 
		format('svg');font-weight:400;font-style:normal
}
@font-face{
	font-family:TitilliumText22LMedium;src:url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L004-webfont.eot?version=f8e3dba1253cbde1c3eab8dc5a6497b3');
	src:url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L004-webfont.eot?version=f8e3dba1253cbde1c3eab8dc5a6497b3') 		
		format('embedded-opentype'),
		url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L004-webfont.woff?version=f8e3dba1253cbde1c3eab8dc5a6497b3') format('woff'),
		url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L004-webfont.ttf?version=f8e3dba1253cbde1c3eab8dc5a6497b3') 
		format('truetype'),url('https://cdn.blog.st-hatena.com/fonts/public/titillium_text/TitilliumText22L004-webfont.svg%23/fonts/public/titillium_text/TitilliumText22LMedium?version=f8e3dba1253cbde1c3eab8dc5a6497b3') 
		format('svg');font-weight:400;font-style:normal
}

/* Reset CSS */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 */

/* base */
body{font-family:TitilliumText22LRegular,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;background:url('https://cdn.blog.st-hatena.com/css/theme/afternoon/theme18.png?version=f8e3dba1253cbde1c3eab8dc5a6497b3')}
a,body{color:#4d4d4d}
a:hover{color:#df7b18;text-decoration:underline}

#blog-title{width:860px;margin:0 auto 40px;text-align:center;font-size:30px;letter-spacing:.3em;-webkit-text-shadow:0 2px 2px rgba(0,0,0,.4);-moz-text-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 2px 2px rgba(0,0,0,.4)}

/* @Custom Header-image */
.header-image-enable #blog-title,
.header-image-only #blog-title{margin:20px auto}
.header-image-enable #blog-title #title{padding-top:20px}
.header-image-enable #blog-title #title a{color:#fff;-moz-text-shadow:0 0 10px #000;-webkit-text-shadow:0 0 10px #000;text-shadow:0 0 10px #000}
.header-image-enable #blog-description{font-weight:700;color:#fff;-moz-text-shadow:0 0 5px #000;-webkit-text-shadow:0 0 5px #000;text-shadow:0 0 5px #000}

#blog-title h1{padding:40px 0 0}
#blog-description,#blog-title a{color:#fff;text-decoration:none}
#blog-description{-webkit-text-shadow:0 1px 2px rgba(0,0,0,.6);-moz-text-shadow:0 1px 2px rgba(0,0,0,.6);text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:13px;margin-top:1em}

/*#content{background:#fff url('https://cdn.blog.st-hatena.com/css/theme/afternoon/content_bg.gif?version=f8e3dba1253cbde1c3eab8dc5a6497b3') repeat-x top;box-shadow:0 0 10px rgba(0,0,0,.2);padding:50px 0;margin:10px 0}
#content-inner{width:860px;margin:0 auto}*/
#content { margin:0; padding:0; background-color:#f8e1c9; }
/* oth for SP */
#content #content-inner { width:860px; margin:0 auto; padding:50px 30px; background: #fff url('https://cdn.blog.st-hatena.com/css/theme/afternoon/content_bg.gif?version=f8e3dba1253cbde1c3eab8dc5a6497b3') repeat-x top; }

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

#wrapper{width:580px;float:left}

.entry{padding-top:70px;margin-bottom:100px;text-align:center}
.entry-inner{text-align:left}
.entry-header,
.entry-header a{color:#6692c0;text-decoration:none}
.entry-header{margin-bottom:20px;padding-bottom:15px;padding-top:20px;border-bottom:1px solid #dfdfdf;position:relative}

#top-box{width:860px;margin-left:auto;margin-right:auto}

.date{top:-20px;letter-spacing:.4em;font-size:12px;line-height:1em}
.date,.date-day{position:absolute;left:0}
.date-day{font-size:60px;display:block;bottom:10px;line-height:60px;letter-spacing:0}
.hyphen{display:none}
.date .date-year+.hyphen{display:inline}

.entry-title{font-size:24px;margin:0 0 10px;line-height:1.3}

.categories{margin-bottom:5px}
.categories.no-categories{margin-bottom:0}
.categories a:first-child:before{content:url('https://cdn.blog.st-hatena.com/css/theme/afternoon/category.png?version=f8e3dba1253cbde1c3eab8dc5a6497b3');margin-right:5px}
.categories a{font-size:12px;color:#666;margin-right:1em}
.categories a:hover{color:#6692c0;text-decoration:underline}

.entry-header-menu{position:absolute;bottom:0;left:-70px}
.entry-header-menu a{display:block;padding:5px 10px;font-size:13px;color:#666;border:1px solid #dfdfdf;border-radius:5px}
.entry-footer{font-size:13px;margin-top:20px;padding-top:20px;border-top:1px solid #dfdfdf}

#google_afc_user{margin:1em 0 0;border-bottom:1px solid #dfdfdf}
.social-buttons{margin-top:10px}
.pager{position:relative}
.pager a{text-decoration:none;font-weight:700}
.pager span a{display:block;height:20px;line-height:20px;background-repeat:no-repeat;max-width:250px}
.pager-next{position:absolute;right:0}
.pager-prev{position:absolute;left:0}

#footer{text-align:center;margin:20px auto;font-size:14px;letter-spacing:.1em;color:#fff;-webkit-text-shadow:0 1px 2px rgba(0,0,0,.8);-moz-text-shadow:0 1px 2px rgba(0,0,0,.8);text-shadow:0 1px 2px rgba(0,0,0,.8)}
#footer a{text-decoration:none;color:#fff}

/* Comment */
.entry-comment{border-bottom:1px solid #ddd}
.comment{margin:10px 0 15px;padding:0}
.comment li{list-style:none;padding:8px 0}
.comment-user-name{font-weight:700;margin:0 0 3px}
.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;font-weight:700;padding-left:25px;display:block;height:20px;line-height:20px;width:200px;background:url('https://cdn.blog.st-hatena.com/css/theme/afternoon/comment.png?version=f8e3dba1253cbde1c3eab8dc5a6497b3') no-repeat 0 0}
.leave-comment-title:hover{background-position:0 -30px}

/* Entry-content Textstyle */
.entry-content{font-size:15px;line-height:1.8}
.entry-content p{margin:.7em 0}
.entry-content img{max-width:100%}
.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:before,
	.entry-content h2:before,
	.entry-content h3:before,
	/*.entry-content h4:before{content:"\2731";font-weight:400;color:#6692c0;margin-right:.2em}*/
	.entry-content h4:before{content:"\2731";font-weight:400;color:#330000;margin-right:.2em}

.entry-content dd,
.entry-content ol,
.entry-content ul{margin:0 0 0 1.5em;padding:0}
.entry blockquote{padding:10px;margin:1em 0;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:14px}
.entry blockquote p{margin-top:0;margin-bottom:0}
.entry-content table{border-collapse:collapse;border-spacing:0}
.entry-content table td,
.entry-content table th{border:1px solid #ddd;padding:5px 10px}
.entry-content table th,pre{background:#fafafa}

pre{font-size:13px;padding:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.entry-content a:visited{color:#aaa}
a.keyword{color:#4d4d4d;text-decoration:none;border-bottom:1px solid #dedede}
pre.lang-aa{font-size:14px;line-height:15px}
.hatena-asin-detail li{line-height:1.4}

/* SIDEBAR */
#box2{width:230px;float:right;line-height:1.3;word-wrap:break-word}
#box2 a{text-decoration:none}

.hatena-module{margin-bottom:50px}
.hatena-module-title{color:#6692c0;border-bottom:1px solid #dfdfdf;margin-bottom:1em}
.hatena-module-title:before{content:"\2731"}
.hatena-module-body{font-size:14px}
.hatena-module-profile .id{font-size:16px;margin-left:5px}
.hatena-module-profile .profile-description{margin:5px 0;font-size:13px}
.hatena-module-body li{list-style:circle;padding:3px 0;margin-left:1.5em}
.hatena-module-body{line-height:1.5}
.hatena-module-body p{margin:0 0 .7em}

.hatena-module-recent-entries li{margin:0;padding:10px 0;border-bottom:1px solid #ddd;list-style:none}

/* @SEARCH */
.search-form{position:relative}
.search-module-input{padding:5px 10px;width:200px;height:14px;margin:0;font-size:14px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;border:1px solid #ccc;vertical-align:middle;-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}
.search-module-button{height:26px;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=f8e3dba1253cbde1c3eab8dc5a6497b3') 50% 50% no-repeat;position:absolute;right:8px;top:0}
.hatena-module .search-module-input:focus,
.search-module-input:hover{border:1px solid #666}
.archive-module-calendar a{color:#6692c0}

/* CATEGORY */
.page-category-category_name #content{padding-top:130px}
.page-category-category_name #top-box{width:860px;margin:0 auto;background:url('https://cdn.blog.st-hatena.com/css/theme/afternoon/curation-icons.png?version=f8e3dba1253cbde1c3eab8dc5a6497b3') no-repeat -120px 3px;position:relative;top:80px;height:30px}
.page-category-category_name .breadcrumb{margin-left:30px;border:1px solid #dfdfdf;border-radius:5px;font-size:13px;color:#fff}
.page-category-category_name .breadcrumb:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.page-category-category_name .breadcrumb a,.page-category-category_name .breadcrumb span{padding:10px;float:left;display:block;color:#4d4d4d}
.page-category-category_name .breadcrumb a{border-right:1px solid #dfdfdf}

/* Custom Html editarea */
#bottom-editarea,#top-editarea{width:860px;margin:0 auto;color:#fff;-webkit-text-shadow:0 2px 2px rgba(0,0,0,.4);-moz-text-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 2px 2px rgba(0,0,0,.4)}

/* @About  */
.page-about .entry{padding-top:0}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #dfdfdf;margin-bottom:5px}
.page-about dt:before{content:"\2731";color:#6692c0;margin-right:.2em}
.page-about dd{margin-left:0;margin-bottom:30px}

/* Archive */
.page-archive #content{padding:50px 0}
.page-archive #main-inner{font-size:16px;margin-bottom:40px}
.page-archive .archive-entry{margin-bottom:50px}
.page-archive .archive-entry .date a{text-decoration:none}
.page-archive .categories{margin-bottom:10px;display:block}
.page-archive .entry-title{font-size:20px}
.page-archive .entry-title a{color:#6692c0;text-decoration:none}
.page-archive .entry-title:before{content:"\2731";color:#6692c0;margin-right:.2em}
.page-archive .entry-description{font-size:90%;line-height:1.5}
#google_afc_user.blog_user_a a{color:#6692c0!important}
#google_afc_user.blog_user_a .google_ads_by a{color:#666!important}
/* </system> */

/* <system section="background" selected="custom"> */
body{ background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/i/intersblog/20161020/20161020184945.jpg'); background-repeat: repeat; background-color:transparent; background-attachment: fixed; background-position: left top;}
/* </system> */

/* ↑ end of original styles */

/* responsive */
Responsive: yes
/* responsive */

/* not original */
body{ background-image: url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/photo-02.jpg?version=f8e3dba1253cbde1c3eab8dc5a6497b3'); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; background-size: cover; }
/* not original */

/* not original */
/*#content { margin:0; padding:0; background:#f8e1c9 url(); }*/
/* oth for SP */
/*#content #content-inner { width:860px; margin:0 auto; padding:50px 30px; background: #fff url('https://cdn.blog.st-hatena.com/css/theme/afternoon/content_bg.gif?version=f8e3dba1253cbde1c3eab8dc5a6497b3') repeat-x top; }*/
/* not original */

/* not original */
#content .entry .entry-inner .entry-header { color:#330000; }
#content .entry .entry-inner .entry-header .entry-title a { color:#330000; }
/* not original */

/* not original */
#content .entry .entry-inner .entry-header .entry-date a { color:#ea9c4e; }
/* not original */

/* not original */
/* oth for SP */
.entry-content{ font-size:15px;line-height:1.6; }
/* not original */

/* not original */
#content h2.archive-heading { padding:10px 0; }
#content .archive-entries .archive-entry-header h1.entry-title a { color:#330000; }
#content .archive-entries .archive-entry-header h1.entry-title:before { color:#330000; }
/* not original */

/* contents width = 920px for PC */
@media screen and (min-width:921px){
	/* base */
	#blog-title{width:920px;margin:0 auto 40px;text-align:center;font-size:30px;letter-spacing:.3em;-webkit-text-shadow:0 2px 2px rgba(0,0,0,.4);-moz-text-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 2px 2px rgba(0,0,0,.4)}
	.header-image-enable #blog-title #title{padding-top:60px}
	
	#content #box2 .hatena-module .hatena-module-title { padding:7px 0 7px 5%; color:#330000; font-weight:bold; background-color:#bfe39c; }
	#content #box2 .hatena-module .hatena-module-body .qry_btn { width:90%; margin:10px auto; text-align:center; }
	#content #box2 .hatena-module .hatena-module-body .qry_btn a { display:block; padding:7px 0; background-color:#330000; color:#ffffff; text-decoration:none; }
	
}

@media screen and (max-width:920px){
	/* base */
	#blog-title{width:100%; margin:0 auto; text-align:left; font-size:160%; letter-spacing:.3em; -webkit-text-shadow:0 2px 2px rgba(0,0,0,.4); -moz-text-shadow:0 2px 2px rgba(0,0,0,.4); text-shadow:0 2px 2px rgba(0,0,0,.4); }
	/* @Custom Header-image */
	.header-image-enable #blog-title,.header-image-only #blog-title{ margin:20px auto 0; }
	#blog-title h1{ padding:40px 3% 0; }
	/* Custom Html editarea */
	#bottom-editarea,#top-editarea{ width:94%; margin:0 auto; font-size:120%; color:#fff; -webkit-text-shadow:0 2px 2px rgba(0,0,0,.4); -moz-text-shadow:0 2px 2px rgba(0,0,0,.4); text-shadow:0 2px 2px rgba(0,0,0,.4); }
	
	#content #content-inner { width:94%; margin:0 auto; padding:20px 3%; background: #fff url('https://cdn.blog.st-hatena.com/css/theme/afternoon/content_bg.gif?version=f8e3dba1253cbde1c3eab8dc5a6497b3') repeat-x top; }
	#wrapper{width:100%; }
	
	/* entry */
	.entry-content{font-size:120%; line-height:1.6; }
	.categories a{font-size:100%;color:#666;margin-right:1em}
	.entry-footer .entry-footer-section .author,
	.entry-footer .entry-footer-section .entry-footer-time{ font-size:120%; }
	
	/* SIDEBAR */
	#box2{ width:100%; line-height:1.3; word-wrap:break-word; }
	.hatena-module{ margin-bottom:20px; }
	
	#content #box2 .hatena-module .hatena-module-title { padding:7px 0 7px 5%; color:#330000; font-weight:bold; font-size:140%; background-color:#bfe39c; }
	#content #box2 .hatena-module .hatena-module-body .qry_btn { width:90%; margin:10px auto; text-align:center; }
	#content #box2 .hatena-module .hatena-module-body .qry_btn a { display:block; padding:7px 0; background-color:#330000; color:#ffffff; text-decoration:none; }
	
	.hatena-module-body{font-size:110%}
	.hatena-module-profile .id{font-size:120%;margin-left:5px}
	.hatena-module-profile .profile-description{margin:5px 0;font-size:110%}
	
}