@charset "utf-8";
/* <system section="theme" selected="report"> 
Responsive: yes 
*/
@charset "UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,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:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;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 #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font-family:Helvetica Neue,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;background:transparent;color:#222}a{color:#456898}a:hover{color:#073472}.clearfix{display:block;*zoom: 1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#globalheader-container{background:#fff;border-bottom:1px solid #ccc;position:sticky;top:0}#container{width:810px;text-align:center;margin:0 auto;background:#fff;padding:0 30px}#container-inner{text-align:left}#blog-title{padding:70px 0}#title{display:inline-block;*display: inline;*zoom: 1;font-size:24px}#title a{text-decoration:none;color:#222}#blog-description{display:inline-block;*display: inline;*zoom: 1;font-size:12px;margin-left:1em}.header-image-enable #blog-title #title{padding:20px 0 0 20px}.header-image-enable #blog-title,.header-image-only #blog-title{padding:30px 0}#content-inner:after{content:".";display:block;clear:both;height:0;visibility:hidden}#wrapper{width:560px;float:left}.entry{margin-bottom:80px}.entry-header{margin-bottom:20px;position:relative}.date{font-size:13px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:15px}.date a{color:#000;text-decoration:none}.entry-title{margin-bottom:15px;line-height:1.3}.entry-title a{font-size:20px;color:#222;text-decoration:none}.categories{font-size:12px}.categories a{margin-right:.5em}.entry-header-menu{position:absolute;top:0;right:0;font-size:13px}.entry-footer{margin-top:20px;font-size:13px}.entry-footer-section,.social-buttons{margin-bottom:15px}.pager{font-size:14px;margin:15px 0;text-align:left;display:block;*zoom: 1}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager-next,.pager-prev{display:inline-block;max-width:250px;line-height:1.5}.pager-next{float:right}.pager-prev{float:left}#footer{width:830px;margin:0 auto;text-align:center;padding:10px 20px;background:#fff;line-height:1.3;font-size:13px}#footer img{vertical-align:middle}.entry-comment{border-bottom:1px solid #dfdfdf;list-style:none;padding-bottom:15px;margin-bottom:15px}.comment-user-name .hatena-id-icon{vertical-align:middle;margin-right:.2em}.comment-user-name{margin-bottom:7px}.comment-user-name a{color:#222;font-weight:700}.comment-content{line-height:1.5em;margin-bottom:7px;word-wrap:break-word}.comment-user-name,.comment-content{font-size:14px}.comment-metadata,.comment-metadata a{color:#aaa}.leave-comment-title{font-size:13px;font-weight:700;margin:10px 0}.leave-comment-title:hover{text-decoration:underline}.entry-content{font-size:15px;line-height:1.7}.entry-content p{margin:.7em 0 1em}.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;line-height:1.7}.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{border-bottom:1px dotted #999}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 0 1.5em;padding:0}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.footnote-number{scroll-margin-top:56px}.entry blockquote{padding:10px;margin:1em 0;border:1px solid #ccc}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#fafafa}pre{font-size:12px;padding:10px;border:1px solid #ccc}.entry-content a:visited{color:#aaa}a.keyword{text-decoration:none;border-bottom:1px solid #DEDEDE;color:#222}pre.lang-aa{font-size:14px;line-height:15px}.hatena-asin-detail li{line-height:1.4}#box2{width:220px;float:right;font-size:14px;word-wrap:break-word}.hatena-module{margin-bottom:30px}.hatena-module-title{font-size:15px;font-weight:700;margin-bottom:20px}.hatena-module-title a{color:#222;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module .profile-icon{margin-bottom:5px}.hatena-module .id{display:block;margin-bottom:5px}.profile-description{font-size:12px;margin-bottom:5px}.hatena-module-body li{list-style:none;margin-bottom:.7em}.hatena-module-body{line-height:1.5}.urllist-item{padding-bottom:10px;border-bottom:1px solid #ddd}form.search-form input{border:1px solid #ccc;vertical-align:middle}.search-form .search-module-input{width:180px;padding:3px;margin:0;font-size:12px}.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;cursor:pointer;background:url(https://cdn.blog.st-hatena.com/images/theme/search_g.png?version=263e782f4058acf5109a8ca03f06e0) 50% 50% no-repeat}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:2px}.page-about dd{margin-left:0;margin-bottom:30px}.page-about .entry-content img.profile-icon{height:16px;width:16px}.page-archive #main{padding:0;margin:0 auto;text-align:center}.page-archive #main-inner{font-size:14px;text-align:left}.page-archive .date{border:none;margin-bottom:10px;padding-bottom:0}.page-archive .categories{margin-bottom:10px}.page-archive .entry-title{font-size:18px;border-bottom:1px solid #ccc;padding-bottom:2px;margin-bottom:10px}.page-archive .entry-title a{color:#000;text-decoration:none}.page-archive .entry-title a:hover{text-decoration:underline}.page-archive p{line-height:1.5;margin-bottom:1em}.page-archive #main-inner section{margin-bottom:30px}.page-archive #main-inner .entry-title{font-size:14px;line-height:1.5;color:#000;text-decoration:none}.page-archive #main-inner .entry-title:hover{text-decoration:underline}.page-archive #main-inner ul{list-style:none;margin:0;padding:0}.page-archive #main-inner li{margin:0;padding:0 0 10px}.page-archive #main-inner li .categories{margin-top:10px}.breadcrumb{margin-bottom:20px;font-size:14px}

/* </system> */
/* <system section="background" selected="undefined"> */

/* </system> */

/*support emoji*/
body, 
body * {
  font-family: 'Helvetica Neue','Helvetica', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'Segoe UI', 'メイリオ', 'Meiryo', 'Arial', 'Yu Gothic', "Segoe UI Emoji",
                 "Segoe UI Symbol",
                 "Apple Color Emoji",
                 "Noto Color Emoji",
                 "Noto Emoji", 
                 'Noto Sans JP',
                 sans-serif;
} 

/*全体のフォントサイズの設定*/
p, ul, ol, dl {
font-size: 1rem;
}

ul, ol, dl{
margin-bottom:1rem;
}

/*title*/
#blog-title{
padding: 3rem 0;
}
#title{
font-size: 1.8rem;
}
/*blog-description*/
#blog-description{
font-size: 1rem;
margin-top: .8rem;
}

/*全体*/
div#container {
width: 90% !important;
}

/*topページの設定*/
body.page-index div#content{
width: 100% !important;
}
body.page-index div#content > div#content-inner{
width: 100% !important; 
overflow: hidden !important;
}
/* 左カラム */
body.page-index div#content-inner > div#wrapper{
width: calc(95% - 300px) !important;
float: left !important;
} 
/*右カラム*/
body.page-index div#content-inner > aside#box2{
width: 300px !important;
}


/*本記事中の設定*/
body.page-entry div#container > div#container-inner, 
body.page-entry div#container > div#container-inner > div#content {
width: 100% !important;
}
body.page-entry div#content > div#content-inner {
width: 100% !important;
overflow: hidden !important;
}

/* 左カラム*/
body.page-entry div#content-inner > div#wrapper{
width: calc(95% - 300px) !important;
float: left !important;
}
/*右カラム*/
body.page-entry div#content-inner > aside#box2{
width: 300px !important;
}

/* パン屑リスト */
div#top-box{
width:70%;
height: 3rem;
line-height: 1.2rem;
}


/* 記事タイトル */
/* 記事タイトルのリンク */
a.entry-title-link{
font-size: 1.4rem;
text-decoration: underline;
}


/* 記事カテゴリ */
.entry-categories {
margin: 1rem 0;
font-size: .95rem;
}

/* social buttons */
.social-buttons{
margin: 1rem 0;
}

/* adsenseの背景色変更 */
ins.adsbygoogle{
background-color: transparent;
}

/*最新記事*/
.urllist-title-link.recent-entries-title-link.urllist-title.recent-entries-title{
/*全体をリンク化*/
display: block;
width: 100%;
height: 100%;
}

/*目次*/
.entry-content nav, 
.entry-content nav * {
box-sizing:border-box;
}
.entry-content nav {
width: 100%;
border: solid 1px #AAAAAA;
border-radius:.3rem;
padding: 1rem;
}
.entry-content nav ul {
list-style-type: disc;
padding: 0 0 0 1em;
margin: .5rem 0;
}
.entry-content ul.table-of-contents:before{
    content: "目次";
    font-weight: bold;
}

/*記事中の画像*/
.entry-content figure {
display: inline-block;
width: 100%;
text-align: center;
margin: 1rem 0;
}
.entry-content img {
text-align: center;
max-width: 100%;
}

/*記事中のcode*/
.entry-content pre.code {
font-size: .8rem;
margin: 1.5rem 0;
padding: 1.5rem 0.5rem;
background-color: #364549;
color: #e3e3e3;
}
/*言語名表示*/
.entry-content pre.code:not([data-lang=""]) {
padding: 2.3rem 0.5rem 1.5rem;
}
.entry-content pre.code:not([data-lang=""]):before {
    content: attr(data-lang);
    display: inline-block;
    color: #eee;
    background-color: #777;
    padding: 2px 4px;
    position: absolute;
    transform: translateY(-2.3rem);
    word-break: break-all;
}
/*mermaid用*/
.entry-content pre.code.mermaid {
  background: none;
  border: none;
  padding: 0;
}
.entry-content pre.code.mermaid[data-lang="mermaid"]:before {
    content: none;
}


/*記事中のblockquote*/
.entry-content blockquote {
  border:none;
  border-left: .4rem solid #ddd;
  color: #777;
  padding: 1em;
  padding-right: 0;
  margin: 1.5em 0;
  font-size: .95em;
}
.entry-content blockquote>:first-child {
  margin-top: 0;
}
.entry-content blockquote>:last-child {
  margin-bottom: 0;
}
.entry-content blockquote::before{
  content: "\201C";
  display: inline-block;
  font-size: 1.8em;
  font-weight: bold;
  vertical-align: top;
}

/* 記事のdl dt ddのcss */
.entry-content dl dd {
display: list-item;
list-style-type: disc;
margin-bottom: .75rem;
}
/*記事のリスト*/
.entry-content ul,
.entry-content ol {
margin-top: 1rem;
margin-bottom: 1rem;
}


/*続きを読むボタン*/
a.entry-see-more{
display: block;
width: 100%;
border: solid .2rem #4eacd1; 
border-radius: .5rem;
padding: .5rem 0;
margin: 1rem 0;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
background: #4eacd1;
color: #fefefe !important;
text-decoration: none;
line-height: 1;
}
a.entry-see-more:before{
content:"📖";
font-size:1.5rem;
display:inline-block;
margin-right:.4rem;
}
a.entry-see-more:hover,
a.entry-see-more:focus, 
a.entry-see-more:active {
background: #fefefe;
color: #4eacd1 !important;
text-decoration: underline;
}

/** ページネーション **/
.pager {
font-size: 1rem;
}
/* 
記号を追加 
参考：http://michiko-70554148.hatenablog.com/entry/2015/11
*/

/*comment*/
.comment-box{
position: relative;
}
.comment-box .comment-content{
font-size: .8rem;
line-height: 1.5;
}
.comment-box .comment-content p{
font-size: inherit;
}
/*コメントを書くボタン*/
.comment-box .leave-comment-title{
position: absolute;
right: 0;
display: block;
border: solid 1px #333;
border-radius:.3rem;
padding: .4rem .8rem;
line-height:1; 
vertical-align: baseline;
}
.comment-box .leave-comment-title:before{
content:"✍";
font-family: "Segoe UI Emoji",
                 "Segoe UI Symbol",
                 "Apple Color Emoji",
                 "Noto Color Emoji",
                 "Noto Emoji", sans-serif;
display: inline-block;
margin-right: .2rem;
font-size: 1rem;
line-height:1;
vertical-align: baseline;
transform: translateY(-.2rem);
}