/* <system section="theme" selected="6653458415119170910"> */
/*-----------------------------------------------------------
// (C) Kurohime Akari
// Website: http://shioneko.sakura.ne.jp
// はてなブログ用 Blog Templates . Varsion 2.4.0
//
// Comments: Comments の文字が大きかった問題を修正
------------------------------------------------------------*/


/* -----------------------------------------------------------
// Blogのメイン要素
------------------------------------------------------------*/

@charset "utf-8";
body {
    background-color: #f8f8f8;
	font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    line-height: 1;
    border: 0;
    margin: 0;
    padding: 0;
}


html {
    line-height: 1.6;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #666;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

ul > li > ul,
ol > li > ol {
	margin-left: -15px;
}

dt {
	border-bottom:1px dotted #ccc;
}

strong {
    font-weight: bold;
}

a {
    color: #7BB7DB;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #B1EDFF;
}

/* -----------------------------------------------------------
// Title要素
------------------------------------------------------------*/
/* 全体中央揃え */
[id="blog-title-inner"],
[id="navi-inner"],
[id="content-inner"],
[id="footer-inner"],
.breadcrumb {
    margin: 0 auto;
}

[id="container"] {
    margin: 0;
    padding: 0;
    margin: 0 auto;
}

[id="blog-title-inner"] {
    text-align: center;
}

[id="title"] {
    margin: 20px 10px;
    font-size: 42px;
    font-weight: 600;
    font-family: "ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

[id="title"] a,
.entry-title a {
    color: inherit;
    text-decoration: none;
}

/* -----------------------------------------------------------
// ブログタイトル下の注訳
------------------------------------------------------------*/

[id="blog-description"] {
    font-size: 14px;
    margin: 0 10px 30px;
    line-height: 1.4;
}

/* -----------------------------------------------------------
// Contents
------------------------------------------------------------*/

[id="content"],
[id="footer"],
[id="top-box"] {
	margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}

#box2{
    background: #fff;
    border-radius: 5px;
    margin: 0px 5px 8px;
}



[id="main"] {
    float: left;
    width:70%;
    min-width: 400px;
}

[id="box2"] {
    float: left;
    width:288px;
    border:1px solid #eee;
}

[id="box2-inner"]{
	margin: 0px 10px;
}

/*レスポンシブ*/
@media (max-width: 1000px){
	[id="main"]{
		width:100%;
		min-width: 630px;
	}

	[id="main-inner"]{
		margin: 0px 10px;
	}

	[id="box2"]{
		width: 97.2%;
		min-width: 610px;
		margin: 0px 10px 10px !important;
	}

	[id="box2-inner"]{
		margin: 0px;
		padding: 5px;
		display: inline-block;
		width: 99%;
	}
}

/* -----------------------------------------------------------
// prev and next
------------------------------------------------------------*/
.pager-next,.pager-prev {
	background: #fff;
	display: inline-block;
	padding: 5px 10px;
	border: #ddd solid 1px;
	border-radius: 4px;
	margin: -5px 0px 22px 0px;
}

.pager-next:hover,.pager-prev:hover {
	background: #ddd;
}
.pager-next:after{
	content: "▶";
}
.pager-prev:before{
	content: "◀";
}
.pager-next a,.pager-prev a{
	color :inherit;
}

.pager-arrow{
	display: none;
}

.permalink > .pager-next {
	float: right;
}
/* -----------------------------------------------------------
// footer
------------------------------------------------------------*/

[id="footer"] {
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #999;
    font-size: 85%;
    line-height: 1.5;
}

/* -----------------------------------------------------------
// entry要素
------------------------------------------------------------*/

.entry,
.archive-entry {
    margin-bottom: 30px;
    padding: 40px 60px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 27px;
    color: inherit;
    background-color: #fff;
    border:1px solid #eee;
}

.entry-header {
    position: relative;
}

.entry-header .hyphen {
    display: none;
}

.entry-content{
	font-size:14px;
}

.entry-content p{
	margin:5px 0px;
}
/* -----------------------------------------------------------
// 目次要素
------------------------------------------------------------*/
ul.table-of-contents:before{
	content: "目次";
	/*
	background: #999;
	color:#eee;*/
	display: inline-block;
	font-weight: bold;
	border:1px solid #666;
	border-radius: 3px;
	margin-left:-17px;
	margin-bottom: 12px;
	padding:1px 47%;
}
/* -----------------------------------------------------------
// entry要素 h2 ~ h5
------------------------------------------------------------*/
.entry-content h1,.entry-content h2,.entry-content h3,
.entry-content h4,.entry-content h5,.entry-content h6{
	margin-top: 15px !important;
	margin-bottom: 10px !important;
	padding:0px !important;
	/* Mac は 丸ゴのみ　それ意外の機種は普通にBody書体へ*/
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ','Meiryo';
}

.entry-content h3{
	background: #999 none repeat scroll 0% 0%;
	color: #F8F8F8;
	font-size: 14px;
	padding: 2px 10px !important;
}

.entry-content h4{
	border-bottom: 1px dashed #666 !important;
}

.entry-content h3 + h4{
	margin-top: 20px !important;
}

.entry-content h4:before{
	content: "　";
	display: inline-block;
	vertical-align: middle;
	margin: 0px 15px 3px 2px;
	background-color: #666;
	width: 10px;
	height: 10px;
}

.entry-content h5{
	font-size:13px;
}

.entry-content h5:before{
	content: ">";
	margin-left: 3px;
	margin-right: 9px;
}

.entry-content h6{
	font-size: 11px;
}
/* -----------------------------------------------------------
>> time
------------------------------------------------------------*/

time{
	color: #666;
	font-size: 14px;
}

.date-year:after,.date-month:after {
    content: "-";
}


.archive-entry .date a {
    color: #bbb;
    line-height: 20px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    text-decoration: none;
}

/* 編集　のアレ */
.entry-header-menu {
    position: absolute;
    top: -20px;
    left: -109px;
}

.entry-header-menu a {
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    font-size: 14px;
    background-color: #666;
    text-align: center;
}

.entry-header-menu a:hover {
    background-color: #333;
}

@media (max-width: 1100px){
	.entry-header-menu{
		top:-40px;
		left: -60px;
	}
}

/* タグのカテゴリー */
.categories {
    margin-bottom: 30px;
    font-size: 14px;
    background: #eee;
}

.categories a ,.hatena-module-category .hatena-urllist li a{
    display: inline-block;
    padding: 2px 10px;
    border:solid 1px #666;
    border-radius: 3px;
    background: #fff;
}

.categories a:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 5px;
}

.categories a:hover,
.hatena-module-category .hatena-urllist li a:hover {
	color :#666;
	background: #ccc;
}

/* -----------------------------------------------------------
// 右のタブ ( module )
------------------------------------------------------------*/

.hatena-module {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.4;
}

ul.hatena-urllist,
.hatena-module-body > ul{
	list-style: none;
	margin-left: -45px;
}

.hatena-urllist > li{
	vertical-align: middle;
	padding: 5px 0px ;
	border-top: 1px dotted #ddd;
}

.hatena-urllist > li:last-child{
	border-bottom: 1px dotted #ddd;
}
/* タグのカテゴリー */
.hatena-module-category > .hatena-module-body > .hatena-urllist li {
	border:0px;
	padding: 0px;
}

.hatena-module-category > .hatena-module-body > .hatena-urllist li a{
	margin: 5px;
	display: inline-block;
	float: left;
}

/*記事のタイトル*/
.entry-title,
.hatena-module-title,
.page-archive #main-inner>h2,
.page-archive .search-result>h2,
.entry-content h1 {
    margin: 10px 0 20px;
    font-family: "ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.hatena-module-title{
clear:both;
}

.hatena-module-body,
.hatena-module-title {
    margin: 0 5px;
    font-size: 14px;
}
.hatena-module-title:before {
	content: " > "
}

.hatena-module-title a{
	color: inherit;
}
/* module レスポンス*/
@media (max-width: 1000px){
	ul.archive-module-months li{
		display: inline-block;
		margin: 7px 10px;
		width:118px;
	}
}

/* -----------------------------------------------------------
// comments 要素
------------------------------------------------------------*/

.leave-comment-title{
	width: 100%;
	text-align: center;
	display: inline-block;
	border:1px solid #ddd;
}

.leave-comment-title:hover{
	background: #ddd;
	color:inherit;
}

.comment > .entry-comment {
	border-top: 1px dotted #ddd;
	vertical-align: -3px;
}

.comment > .entry-comment:last-child {
	border-bottom: 1px dotted #ddd;
}

.comment > .entry-comment > .comment-user-name{
	background: #eee;
}

.comment > .entry-comment > .comment-user-name > .hatena-id-icon{
	vertical-align: -5px;
}

iframe {
	display: block;
}

iframe + script + p {
	margin-top: 15px !important;
}

iframe.miiverse-post-frame {
margin:0px auto !important;
}

iframe.embed-card{
	
	max-width: none !important;
}

/*iframe[src*="youtube"] {
	margin:10px -0px !important;
}

@media (max-width: 1000px){*/
	iframe[src*="youtube"],embed{
		display: inherit;
		margin: 20px auto !important;
	}
/*}*/

/* -----------------------------------------------------------
// 消すのがきわどい奴
------------------------------------------------------------*/
/* youtube とか iframeの下についてくるURL */
.hatena-citation{
	display: none;
}

/* -----------------------------------------------------------
// image size
------------------------------------------------------------*/

img.magnifiable,img.hatena-fotolife{
	max-width: 560px !important;
	max-height:500px !important;
	display: inherit;
	margin: 0px auto 10px !important;
}

p > img {
	text-align: center;
	margin: 3px 9px !important;
}

/*レスポンシブ*/
@media (max-width: 1000px){
	img ~ br{
		margin: 0px;
		display: block;
	} 
}

/* -----------------------------------------------------------
// category form
------------------------------------------------------------*/

.entry-description{
	font-size: 14px;
	line-height: 28px;
	color: inherit;
	padding-top:3px;
}

.hatena-star-star-container{
	display: inline-block;
	width: 100%;
	margin: 5px 0px;
	text-align: left;
}

/* -----------------------------------------------------------
// Comments
------------------------------------------------------------*/

.comment-content{
	font-size:14px;
}

/* -----------------------------------------------------------
// box
------------------------------------------------------------*/

div.box{
	border:1px solid #ccc;
	padding: 3px 5px;
}

div.box > p > span.box,div.box > span.box{
	text-decoration: none !important;
	font-weight: bold;
	background: #777;
	margin: 0px -6px !important;
	color: #fff;
	padding: 0px 15px;
	display: inline-block;
}
/* -----------------------------------------------------------
// table
------------------------------------------------------------*/
table {
	text-align: center;
}

/* -----------------------------------------------------------
// amazon
------------------------------------------------------------*/

div.hatena-asin-detail-foot{
	display: none;
}

/* -----------------------------------------------------------
// Twitter
------------------------------------------------------------*/

iframe.twitter-tweet{
	margin: 10px auto;
}

/*ここまで*/

/* -----------------------------------------------------------
// omake 
------------------------------------------------------------*/

ul.star{
	border:1px solid #ccc;
}

span.star{
	width:170px;
	margin-right: 25px;
	font-weight: bold;
	display: inline-block;
	border-right:3px double #ccc ;
}

/* gist */
.line {
    margin: 0px !important;
}

/*script*/
script {
    text-align:center;
}
/* </system> */

/* <system section="background" selected="bg21"> */
body{ background-color:#f3f3f3; background-image:url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/theme21.png?version=e0e0a3993d8aff6a6344f19dd784d5'); background-repeat:repeat; background-attachment:scroll; }
/* </system> */