/* <system section="theme" selected="life"> */
@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i";/*!
  Theme: Life
  Author: Hatena Blog Team
  Responsive: yes
*//*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.clearfix:after{content:" ";display:table;clear:both}html,body{font-family:PT Sans,Helvetica Neue,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#3d3f44;background-color:#fff}body{overflow-x:hidden}@media (min-width: 768px){body.globalheader-off{padding-top:1.5em;padding-bottom:1.5em}body.globalheader-off #container-inner{margin-top:0}}a{color:#5684d7}a:hover{color:#3067cb}h1,h2,h3,h4,h5,h6{color:#2e3034}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#2e3034;text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#3067cb}#globalheader-container{position:sticky;top:0;color:#3d3f44;background-color:#fff}#container,#footer{padding-left:10px;padding-right:10px}@media (min-width: 768px){#container,#footer{width:720px;margin:auto;padding-left:0;padding-right:0}}@media (min-width: 1020px){#container,#footer{width:960px}}#container{background:#fff;line-height:1.5;word-wrap:break-word}@media (min-width: 768px){#container-inner{padding:1.5em;margin-top:1.5em}}#blog-title{text-align:center;margin:0;padding-bottom:1.5em;padding-top:1em}@media (min-width: 481px){#blog-title{padding-bottom:1.5em;padding-top:2em}}@media (min-width: 768px){#blog-title{margin:1.5em 0 0;padding-top:0}}@media (min-width: 768px){.page-index #blog-title{margin:3em 0 0;padding-bottom:2em}}#title{font-size:1rem}@media (min-width: 768px){#title{font-size:1.1rem}}.page-index #title{font-size:1.2rem}@media (min-width: 768px){.page-index #title{font-size:1.3rem}}#blog-description{font-size:.7rem;font-weight:400;color:#959c9e}@media (min-width: 768px){#blog-description{font-size:.8rem}}.page-index #blog-description{font-size:.8rem}.header-image-enable #blog-title,.header-image-only #blog-title{margin:0 -10px;padding-bottom:1.5em;padding-top:0}@media (min-width: 768px){.header-image-enable #blog-title,.header-image-only #blog-title{margin:0 auto}}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{display:flex;align-items:center;justify-content:center;height:50vw;max-height:200px}.header-image-enable #blog-title-content,.header-image-only #blog-title-content{margin:0 .5em}#top-editarea{margin:0 auto 1em}#top-box{margin:0 auto 1.5em}.breadcrumb{font-size:.85rem;color:#959c9e}@media (min-width: 768px){#content{padding-top:1em}}@media (min-width: 768px){.page-index #content{padding-top:2em}}.entry{margin-bottom:3em}@media (min-width: 768px){.entry{margin-bottom:6em}}.entry-header{text-align:center;position:relative;margin-bottom:2em}.entry-header-menu{position:absolute;top:0;right:0}.entry-header-menu a{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;padding:.2em .5em;font-size:.75rem}.entry-header-menu a:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.entry-header-menu a img,.entry-header-menu a svg{vertical-align:top;margin-right:.3em}.date{font-size:.8rem}.date a{text-decoration:none;color:#959c9e}.date a:hover{color:#3067cb}.date-last-updated{color:#959c9e;font-size:.8rem}.entry-title{font-size:1.3rem;font-weight:400;margin:.4em 0}@media (min-width: 768px){.entry-title{font-size:1.5rem}}.page-entry .entry-title{font-size:1.6rem}@media (min-width: 768px){.page-entry .entry-title{font-size:1.8rem}}@media (min-width: 1020px){.page-entry .entry-title{font-size:2rem}}.entry-categories{margin:.8em 0}.categories a{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;padding:.2em .5em;font-size:.75rem;margin:0 .1em}.categories a:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.categories a img,.categories a svg{vertical-align:top;margin-right:.3em}.customized-header{margin:.8em 0}.entry-content,.entry-footer{margin:auto}@media (min-width: 768px){.entry-content,.entry-footer{max-width:720px}}.entry-content{line-height:1.7;max-width:720px;font-size:.9rem}@media (min-width: 768px){.entry-content{font-size:1rem}}.entry-content a{text-decoration:underline}.entry-content a.keyword{text-decoration:none;border-bottom:1px dotted #d2d7e5;color:#3d3f44}.entry-content p{margin:1em 0}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .8em;line-height:1.3}.entry-content h1,.entry-content h2{padding-bottom:.1em;border-bottom:1px solid #d2d7e5}.entry-content h1{font-size:140%}@media (min-width: 1020px){.entry-content h1{font-size:160%}}.entry-content h2{font-size:130%}@media (min-width: 1020px){.entry-content h2{font-size:150%}}.entry-content h3{font-size:120%}@media (min-width: 1020px){.entry-content h3{font-size:130%}}.entry-content h4{font-size:110%}@media (min-width: 1020px){.entry-content h4{font-size:120%}}.entry-content h5{font-size:100%}@media (min-width: 1020px){.entry-content h5{font-size:110%}}.entry-content h6{font-size:95%}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0}.entry-content ul li ul,.entry-content ol li ul,.entry-content dd li ul,.entry-content ul li ol,.entry-content ol li ol,.entry-content dd li ol{margin-bottom:0}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block;font-size:.8rem}@media (min-width: 768px){.entry-content table{font-size:.9rem}}.entry-content table th,.entry-content table td{border:1px solid #d2d7e5;padding:5px 10px}.entry-content table th{background:#f7f8f9}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-content blockquote{margin:1em 0;padding:5px 5px 5px 15px;border-left:2px solid #959c9e}@media (min-width: 1020px){.entry-content blockquote{margin:1.5em 3em;padding:5px 20px}}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content pre,.entry-content code{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#f7f8f9;border:none;white-space:pre-wrap;text-overflow:ellipsis ellipsis;font-size:100%;line-height:1.3;font-size:.8rem;padding:10px}@media (min-width: 1020px){.entry-content pre{font-size:.85rem;padding:15px}}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;background-color:#f7f8f9;border-radius:3px}.entry-content hr{width:50%;border:0;border:none;border-top:1px solid #d2d7e5;margin:2em auto}.entry-content .hatena-asin-detail,.entry-content .itunes-embed{background-color:#f7f8f9;border-color:#d2d7e5}.entry-content .entry-see-more{display:inline-block;text-align:center;padding:.8em 1.2em;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;width:100%;box-sizing:border-box;text-decoration:none}.entry-content .entry-see-more:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.entry-content .entry-see-more img,.entry-content .entry-see-more svg{vertical-align:top;margin-right:.3em}.entry-content .table-of-contents{padding:1em 1em 1em 2em;margin:1em 0;border:1px solid #d2d7e5}.entry-footer-section{color:#959c9e;font-size:.8rem}.entry-footer-section a{color:#959c9e}.entry-footer-section a:hover{color:#3067cb}.comment-box{margin:1em 0}.comment-box .comment{list-style:none;margin:0 0 15px;padding:0;line-height:1.7;font-size:.85rem}@media (min-width: 768px){.comment-box .comment{font-size:.9rem}}.comment-box .entry-comment{padding:10px 0 10px 60px;border-bottom:1px solid #d2d7e5;position:relative}.comment-box .entry-comment:first-child{border-top:1px solid #d2d7e5}.comment-box .read-more-comments{padding:10px 0}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px!important;height:50px!important;border-radius:3px}.comment-user-name{margin:0 0 .4em;font-weight:700}.comment-content{margin:0 0 .4em;word-wrap:break-word;color:#3d3f44;font-size:.85rem}.comment-content p{margin:0 0 .6em}.comment-metadata{color:#959c9e;margin:0;font-size:.8rem}.comment-metadata a{color:#959c9e}.leave-comment-title{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;padding:.6em 1em}.leave-comment-title:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.leave-comment-title img,.leave-comment-title svg{vertical-align:top;margin-right:.3em}.pager{text-align:center;margin:3em auto}.pager a{display:inline-block;text-align:center;padding:.8em 1.2em;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s}.pager a:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.pager a img,.pager a svg{vertical-align:top;margin-right:.3em}.pager.permalink{display:flex;justify-content:center;align-items:center;text-align:center}@media (min-width: 768px){.pager.permalink{width:70%}}.pager.permalink a{color:#3d3f44!important;border:none;padding:0;font-weight:400;font-size:.9rem}@media (min-width: 768px){.pager.permalink a{font-size:1.1rem}}.pager.permalink a:hover{background-color:transparent;color:#3067cb!important}.pager.permalink .pager-next,.pager.permalink .pager-prev{width:50%;padding:.5em 0}.pager.permalink .pager-prev+.pager-next{border-left:1px solid #d2d7e5;margin-left:1em;padding-left:1em}@media (min-width: 768px){.pager.permalink .pager-prev+.pager-next{margin-left:1.5em;padding-left:1.5em}}#box2-inner{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start}@media (min-width: 481px){#box2-inner{flex-direction:row;margin-left:-20px}}@media (min-width: 1020px){#box2-inner{margin-left:-30px}}#box2-inner>.ad{width:100%}#box2-inner .hatena-module{width:100%}@media (min-width: 481px){#box2-inner .hatena-module{width:50%;padding-left:20px}}@media (min-width: 768px){#box2-inner .hatena-module{width:33.3333%}}@media (min-width: 1020px){#box2-inner .hatena-module{padding-left:30px}}.hatena-module{box-sizing:border-box;margin-bottom:2em;font-size:.85rem}@media (min-width: 768px){.hatena-module{font-size:.85rem}}.hatena-module-title{margin-bottom:.6em;padding-bottom:.2em;border-bottom:1px solid #d2d7e5;font-size:1rem}.hatena-module-title a{color:#3d3f44;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0}.hatena-module-profile .id{display:block;font-weight:700;margin-bottom:.5em}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:.5em 0;line-height:1.5}.hatena-urllist li:last-child{padding-bottom:0}.hatena-urllist li a{text-decoration:none}.hatena-urllist .urllist-category-link{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;font-size:.75rem;font-size:.7rem;padding:.1em .3em;line-height:1.2}.hatena-urllist .urllist-category-link:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.hatena-urllist .urllist-category-link img,.hatena-urllist .urllist-category-link svg{vertical-align:top;margin-right:.3em}.hatena-urllist .urllist-title-link{line-height:1.3}.hatena-urllist .urllist-date-link a{color:#959c9e}.hatena-urllist .urllist-entry-body{margin-top:.3em;line-height:1.4}.hatena-module-search-box .search-form{border:1px solid #d2d7e5;border-radius:3px;width:100%;box-sizing:border-box;position:relative}.hatena-module-search-box .search-form:hover{border-color:#959c9e}.hatena-module-search-box .search-module-input{padding:5px;color:#3d3f44;background:none;border:none;outline:none;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@2x.png?version=88f0d71bc91b94c236b17b954c468c) no-repeat right center;background-size:20px 20px;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;opacity:.5;cursor:pointer}.hatena-module-search-box .search-module-button:hover{opacity:.85}#footer{margin-top:2em;padding-bottom:2rem;text-align:center;font-size:.8rem;color:#959c9e}#footer a{color:#959c9e}#footer p{margin:.5em auto}.page-about dd{margin-bottom:1.5em}.page-about dd:last-child{margin-bottom:0}.archive-header-category{text-align:center}.page-archive .archive-entry{margin-bottom:3em;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.3}.page-archive .archive-entry-header{text-align:center}.page-archive .entry-title{margin:.2em auto}.page-archive .categories{text-align:center;margin:.4em auto}.page-archive .entry-thumb{width:80px;height:80px;background-size:cover}@media (min-width: 768px){.page-archive .entry-thumb{width:120px;height:120px}}.page-archive .entry-description{margin:0;font-size:.85rem;line-height:1.5}@media (min-width: 768px){.page-archive .entry-description{font-size:.9rem}}.page-archive .social-buttons{display:block;margin-top:.3em}

/* </system> */

/* <system section="background" selected="pattern-09"> */
body{ background-image: url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/pattern-09.png?version=88f0d71bc91b94c236b17b954c468c'); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
/* </system> */

body{ 
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", 'メイリオ', Meiryo, 'ヒラギノゴシック', sans-serif; /*フォントの種類*/
}

/* フォントサイズ */
.entry-content p {font-size: 16px;}
@media screen and (max-width: 480px){.entry-content p {font-size: 16px;}}

/* 記事内のリンクの色を変更 */
.entry-content a:link{
    color:#819FF7;
}
.entry-content a:visited{
    color:#9F81F7;
}
.entry-content a:hover{
    color:#ee2d71;
    text-decoration:underline;
}
/* クリック前の色 */
.hatena-module a:link {color:#819FF7;}
/* クリック後 */
.hatena-module a:visited {color:#9F81F7;}
/* マウスを重ねた時 */
.hatena-module a:hover {color:#ee2d71;}

/* ブログのデザイン変更 */
/* bタグは太字 */
article b{
    font-weight:bold !important;
}
/* 強調表示を蛍光ペン風に */
article em {
    background: linear-gradient(to bottom, transparent 60%, #b6f0fc 60%);
}
/* とても強調表示を蛍光ペン風に */
article strong {
    background: linear-gradient(transparent 40%, #ffff66 40%);
}

/* 記事のテキスト選択時の文字色・背景色を設定 */
article ::selection {
    background-color: yellow;
    color: black;
}
article .balloon-ochappa em {
     background: none;
}
article .balloon-ochappa strong {
     background: none;
}
article .balloon-kou em {
     background: none;
}
article .balloon-kou strong {
     background: none;
}

/* ソースコードのスタイル */
.entry-content code {
    color: #3d3f44;
}
.balloon-ochappa code {
    background-color: dodgerblue;
    color: white;
}
.balloon-kou code {
    background-color: tomato;
    color: white;
}

/* メモ帳風CSS */
.wrapnote {
    position: relative;
    display: inline-block;
    max-width: 90%;
    margin: 10px;
    padding: 1em;
    background: #eeeeee;
    color: #333333;
}
.wrapnote p {
    border-bottom: dotted 2px darkgray;
    font-size: 0.9em;
    margin: 0;
}

/* カード */
.card {
    padding: 0.5em;
    margin: 0.5em;
    max-width: 400px;
    border: solid 2px #4D3633;
    background: #694641;
}
.card .headline {
    font-family: "Calibri", sans-serif;
    font-weight: bold;
    color: #DDCECC;
    font-size: 250%;
}
.card .terbri {
    font-family: "Calibri", sans-serif;
    font-weight: bold;
    color: #AD8A85;
    font-size: 250%;
}
.card hr {
    border: dashed 1px #4D3633;
}
.card .meaning {
    color: #DDCECC;
}
.brivla {
    margin: 0 0.7em 0 0;
    padding: 0em 0.5em;
    border-radius: 1em;
    font-weight: bold;
    color: #DDCECC;
    background: linear-gradient(transparent 0%, brown 0%);
}

/* おちゃっぱちゃん と こうちゃん */
.icon-ochappa-jitome, .icon-ochappa-knyacki, .icon-ochappa-kyupi, .icon-ochappa-maru, .icon-ochappa-maruase, .icon-ochappa,
.icon-ochappa-oko, .icon-ochappa-wara,.icon-ochappa-waraase, .icon-ochappa-yandere, .icon-ochappa-yandereoko {
    background: #DFFFC0;
}
.icon-kou-jitome, .icon-kou-knyacki, .icon-kou-kyupi, .icon-kou-maru, .icon-kou-maruase, .icon-kou,
.icon-kou-oko, .icon-kou-wara, .icon-kou-waraase, .icon-kou-yandere, .icon-kou-yandereoko {
    background: pink;    
}
.icon-ochappa-jitome {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823134337.png");
}
.icon-ochappa-knyacki {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823134332.png");
}
.icon-ochappa-kyupi {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823134326.png");
}
.icon-ochappa-maru {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823134321.png");
}
.icon-ochappa-maruase {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823134314.png");
}
.icon-ochappa {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180824/20180824115708.png");
}
.icon-ochappa-oko {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180824/20180824115703.png");
}
.icon-ochappa-wara {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180824/20180824115657.png");
}
.icon-ochappa-waraase {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180824/20180824115652.png");
}
.icon-ochappa-yandere {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180824/20180824115647.png");
}
.icon-ochappa-yandereoko {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180824/20180824120207.png");
}
.icon-kou-jitome {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133305.png");
}
.icon-kou-knyacki {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133300.png");
}
.icon-kou-kyupi {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133254.png");
}
.icon-kou-maru {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133248.png");
}
.icon-kou-maruase {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133243.png");
}
.icon-kou {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133627.png");
}
.icon-kou-oko {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133621.png");
}
.icon-kou-wara {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133615.png");
}
.icon-kou-waraase {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133609.png");
}
.icon-kou-yandere {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133603.png");
}
.icon-kou-yandereoko {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/s/skytomo/20180823/20180823133903.png");
}
.icon-ochappa-jitome, .icon-ochappa-knyacki, .icon-ochappa-kyupi, .icon-ochappa-maru, .icon-ochappa-maruase, .icon-ochappa,
.icon-ochappa-oko, .icon-ochappa-wara, .icon-ochappa-waraase, .icon-ochappa-yandere, .icon-ochappa-yandereoko,
.icon-kou-jitome, .icon-kou-knyacki, .icon-kou-kyupi, .icon-kou-maru, .icon-kou-maruase, .icon-kou,
.icon-kou-oko, .icon-kou-wara, .icon-kou-waraase, .icon-kou-yandere, .icon-kou-yandereoko {
    vertical-align: top;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-position-y: -10px;
    background-position-x: -3px;
    background-size: 60px;
}
.icon-other {
    vertical-align: top;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-size: 100%;
}
.balloon-ochappa, .balloon-kou, .balloon-other {
    position: relative;
    display: inline-block;
    margin: 0.6em 0em 0.3em 5px;
    padding: 7px 10px 7px 10px;
    max-width: 70%;
    font-size: 16px;
    border-radius: 0.5em;    
    border-width: thick;
    border-style: solid;
}
.balloon-ochappa {
    border-color: #67A6EB;
}
.balloon-kou {
    border-color: #ff5388;
}
.balloon-other {
    border-color: #333333;
}
.balloon-ochappa::selection {
    background-color: dodgerblue;
    color: white;
}
.balloon-kou::selection {
    background-color: tomato;
    color: white;
}
.balloon-other::selection {
    background-color: darkgrey;
    color: white;    
}
.balloon-ochappa *::selection {
    background-color: dodgerblue;
    color: white;
}
.balloon-kou *::selection {
    background-color: tomato;
    color: white;
}
.balloon-other *::selection {
    background-color: darkgrey;
    color: white;    
}

/* マウスオーバーで吹き出し表示 */
.text {
    position: relative;
    margin: 0em;
    padding: 0;
}
.tips {
    display: none;
    position: static;
    border-radius: 0.2em;
    background: rgba(0, 0, 0, 0.7);
    color: #f0f0f0;
    font-size: 80%;
    margin: 0;
    padding: 0.2em;
}
.text:hover {
    transition: all 0.6s ease 0s;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0.2em;
    margin: 0em;
    padding: 0 0.2em;
    background-position: -100% 0;
    background-image: linear-gradient(to right, rgba(255,255,255,1) 50%, yellow 50%);
    background-size: 200% auto;
}
.balloon-ochappa > * >.text:hover {
    background-image: linear-gradient(to right, #67A6EB 50%, dodgerblue 50%);
    color: white;

}
.balloon-kou > * >.text:hover {
    background-image: linear-gradient(to right, #ff5388 50%, tomato 50%);
    color: white;
}
.text:hover + .tips {
    display: inline;
}

/* 品詞マーク */
.kind {
    margin: 0 0.3em 0 0;
    padding: 0em 0.1em;
    border-radius: 0.2em;
    font-weight: bold;
    color: #ffffff;
    background: linear-gradient(transparent 0%, darkgray 0%);
}

/* キーワード */
/*
.keyword {
    background-color: #ffff66;
    border-radius: 0.2em;
    margin: 0;
    padding: 0.1em 0.2em;
}
.keyword::before {
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    line-height: 1;
    content: "\f02b";
    display: inline;
    margin: 0.2em;
    font-weight: 900;
}
.balloon-ochappa .keyword {
    background: dodgerblue;
}
.balloon-kou .keyword {
    background: tomato;
}
*/

/* チェックリスト */
ul.checklist, .note, .problem, .wrapnote{
    margin: 15px 5%;
    padding: 10px;
    border: 1px solid #888;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
}
ul.checklist::before, .note::before, .problem::before{
    letter-spacing: 4px;
	margin: -5px 0 5px -2.5px;
    font-weight: bolder;
    white-space: pre;
}

ul.checklist {
    border: solid 2px #ffb03f;
    position: relative;
    font-size: 16px;
} 
.checklist::before {
    font-size: small;
    color: #ffb03f;
    content: "CHECK\a";
}
.checklist li {
    line-height: 1.5;
    padding: 1em 1em 0em 2.3em;
    list-style-type: none!important;/*ポチ消す*/
    font-size: 1em;
}
.checklist li:before {/*疑似要素*/
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    position: absolute;
    right: 1em;
    left : 1em; /*左端からのアイコンまで*/
    color: #ffb03f; /*アイコン色*/
    font-weight: 900;
}

.note{
    border-color:#4DB6AC;
}
.note::before {
    font-size: small;
    color: #4DB6AC;
    content: "NOTE\a";
}

.problem{
    border: 2px solid #004D40;
    padding: 1em;
}
.problem::before {
    font-size: small;
    color: #004D40;
    content: "もんだい\a";
    margin: 1em;
}
.problem > li{
	list-style-type:none;
	padding: 10px;
}
.problem > li > ol > li > ul > li{
    list-style-type:none;
    padding: 0;
}

/* ページ設定 */
.pager {
    padding: 1em;
    margin: 1em;
    text-align: center;
    list-style: none;
}
.pager li{
    margin: -1em;
}
.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.next > a,
.next > span {
  float: right;
}
.previous > a,
.previous > span {
  float: left;
}

/* 誰かの会話 */
.box {
    background: #F2F2F2;
    margin: 0em;
    padding: 7px 10px 7px 10px;
    border-radius: 0.2em;
    font-size: 16px;
}

/* チャット */
.chat-post {
    margin: 0.5em 0;
}
.chat-post .chat-icon {
    vertical-align: top;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-size: 100%;
}
.chat-post .chat-message-box {
    border: 1px solid #ddd;
    border-radius: 0.2em;
    display: inline-block;
    padding: 0.5em;
    max-width: calc(100% - (50px + 24px));
}
.chat-post .chat-message-box .chat-message-header .chat-name {
    font-size: small;
}
.chat-post .chat-message-box .chat-message-header .chat-message-data {
    font-size: small;
    color: darkgray;
}
.chat-name + .chat-message-data::before, .chat-message-data + .chat-message-data::before {
    content: '· ';
}
.chat-post .chat-message-box .chat-message {
    font-size: 16px;
    margin: 0.1em 0 0.3em 0;
}
.chat-post .chat-message-box .chat-reaction {
    font-size: small;
}
.chat-post .chat-message-box .chat-reaction .chat-reaction-item {
    background: #eee;
    padding: 0.2em;
    border-radius: 0.2em;
}


/*******************************/
/* ここから下は記事以外のデザイン */
/*******************************/

/* ヘッダのところ */
.nav>ul {
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 30px;
  display: block;
  overflow: hidden;
}
.nav>ul>li {
  box-sizing: border-box;
  width: calc(100% / 4);
  height: 40px;
  line-height: 40px;
  background: black;
  color: white;
  float: left;
  list-style-type: none;
  text-align: center;
  position: relative;
  transition: box-shadow .3s ease-in-out;
  font-size: 0.8em;
}
.nav>ul>li:first-child() {
  border-left: 0;
}
.nav>ul>li:hover {
  box-shadow: 0 0 50px 25px #333333 inset;
}
.nav>ul>li>a {
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* 更新時間 */
.lastmod {
    color: #f0f0f0;
    background-color: #111;
    padding: 5px 6px;
    text-decoration: none;
    font-size: 90%;
    display: inline;
    margin-left: 10px;
}
.lastmod::before {
    margin-right: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: "Font Awesome 5 Free";
    content: '\f021';
    font-weight: 900; 
}
/* 人類紀元に変換 */
.lastmod::before {
    margin-right: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: "Font Awesome 5 Free";
    content: '\f021';
    font-weight: 900; 
}
.entry-date a {
    color: #f0f0f0;
    background-color: #111;
    padding: 5px 6px !important;
    text-decoration: none;
    font-size: 90%;
    display: inline;
    margin-left: 10px;
}
.entry-date a::before {
    margin-right: 5px;
    padding-left: 3px;
    font-family: "Font Awesome 5 Free";
    content: '\f017';
    font-weight: 900; 
}
/*!
 * Show entry date in the Human Era for Hatena Blog v1.0.0
 * Date: 12021-02-27
 * Copyright (c) 2021 skytomo https://100-matters.hatenablog.jp/
 * Released under the MIT license:
 * https://creativecommons.org/publicdomain/zero/1.0/deed.ja
 */
.entry-date .date-year::before {
    content: '1';
}

/*シェアボタン*/
.share-3d{
    margin-bottom: 10px;
    text-align: center;
}
.share-3d-inner a {
    bottom: 1em;
    position: relative;
    display: inline-block;
    width: 15%;
    height: 40px;
    line-height: 20px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
.share-3d .small-text{
    font-size: 10px;
}
.share-3d .hatena-bookmark-button{
    background: #00A4DE;
    box-shadow: 0 3px #43638b;
}
.share-3d .twitter-button{
    background: #55ACEE;
    box-shadow: 0 3px #0092ca;
}
.share-3d .googleplus-button{
    background: #C53727;
    box-shadow: 0 3px #ad3a2d;
}
.share-3d .facebook-button{
    background: #405BA7;
    box-shadow: 0 3px #2c4373;
}
.share-3d .pocket-button{
    background: #EE4256;
    box-shadow: 0 3px 0 #c0392b;
}
.share-3d .line-button{
    position:relative;
    top: -14px;
    background: #00C300;
    box-shadow: 0 3px 0 green;
}
.share-3d .share-3d a:active{
    top: 3px;
    box-shadow: none;
}
.share-3d .line-button:active{
    top: -13px;
}
@media screen and (min-width: 480px) {
    .line-hide{
        display: none;
    }
    .share-3d-inner a{
        width: 18%;
    }
}

/* 見出しデザイン */
.entry-content h2 {
  padding: 4px 10px;
  color: #3D3F44;
  background: #f3f3f3;
  border-left: 8px solid #3f3f3f;
  border-bottom: none;
  margin:60px 0 15px 0;
}
.entry-content h2:before{
  font-family: "Font Awesome 5 Free";
  /*アイコンユニコード*/
  content: "\f02d";
  /*アイコン色*/
  color: #3D3F44;
  margin-right: 8px;
  font-weight: 900; 
}
.entry-content h3 {
  position: relative;
  color: #3D3F44;
  border-bottom: 4px solid #f3f3f3;
  padding: 3px 10px;
  margin:30px 0 10px 0;
}
.entry-content h3:before{
  font-family: "Font Awesome 5 Free";
  /*アイコンユニコード*/
  content: "\f02e";
  /*アイコン色*/
  color: #3D3F44;
  margin-right: 8px;
  font-weight: 900; 
}
.entry-content h3::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 20%;
  height: 4px;
  background:#3f3f3f;
  z-index: 2;
  content: '';
}
.entry-content h4 {
  color:#3D3F44;
  position: relative;
  padding-left: 1.2em;
  line-height: 1.4;
  margin:20px 0 8px 0;
}
.entry-content h4:before{
  font-family: "Font Awesome 5 Free";
  /*アイコンユニコード*/
  content: "\f27a";
  /*アイコン色*/
  color: #3f3f3f; 
  position: absolute;
  font-size: 1em;
  left: 0;
  top: 0;
  font-weight: 900; 
}


/* 目次 */
.table-of-contents {
	 position: relative;
	 background-color: #f9fafc;
	 padding: 40px 10px 10px 35px !important;
	 border-radius: 6px;
	 font-size: 14px;
	 line-height: 28px;
}
.table-of-contents::before {
   content: '目次';
	 position: absolute;
	 display: block;
	 text-align: center;
	 top: 8px;
	 left: 50%;
	 margin-left: -1em;
	 font-size: 18px;
	 font-weight: 700;
	 z-index: 2;
}

/* 脚注 */
div.footnote {
    border-radius: 6px;
    background-color: #f9fafc;
	padding: 10px 20px !important;
	border: 1px solid #d2d7e5;
}

/* ブログタイトル */
.entry-title {
  font-weight: bold;
  font-size: 2em;
  position: relative;
  padding: 0.2em 0;
}

/* リパライン語用フォント */
@font-face {
    font-family: "hmakranten liparxe";
    src: url("https://skytomo221.github.io/hmakranten-liparxe/WOFF/hmakranten_liparxe.woff"); format('woff');
}
.lineparine {
    font-family: "hmakranten liparxe";
}