/* <system section="theme" selected="17680117126997168542"> */
/*!
  Theme: NavyDarkCode
  Author: HatenaID:sawalemontea
  Responsive: yes
  Description: ブログにコードをのせるときに便利な紺色のテーマ。
*//*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");html{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:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;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}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:-0.25em}sup{top:-0.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{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;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"]{-webkit-box-sizing:border-box;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}html,body{font-family:'Noto Sans JP','Helvetica Neue', 'Helvetica', 'Arial', 'Meiryo', 'MS PGothic';color:#e9e9e9;background:#4d546d;line-height:1.6}a{color:#cbb0ff}a:hover{color:#a97dff}a.keyword{text-decoration:none;border-bottom:1px dotted #ddd;color:#e9e9e9}h1,h2,h3,h4,h5,h6{line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#a97dff}#globalheader-container{background-color:#e9e9e9;color:#121212}#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: 992px){#container,#footer{width:940px}}@media (min-width: 1200px){#container,#footer{width:1160px}}@media (min-width: 1500px){#container,#footer{width:1440px}}#content-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 768px){#content-inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width: 768px){#wrapper{width:480px}}@media (min-width: 992px){#wrapper{width:600px}}@media (min-width: 1200px){#wrapper{width:820px}}@media (min-width: 1500px){#wrapper{width:1100px}}@media (min-width: 768px){#box2{width:200px}}@media (min-width: 992px){#box2{width:300px}}#box2 .hatena-module{background:rgba(12,12,12,0.5);-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px}#box2 .hatena-module a{color:#e9e9e9}#blog-title{margin:2em 0;text-align:center}@media (min-width: 768px){#blog-title{margin:3em 0}}#title{margin:0;font-size:1.5rem}@media (min-width: 992px){#title{font-size:2.5rem}}#title a{color:#e9e9e9}#blog-description{font-weight:normal;font-size:.8rem;margin:1em 0 0}.header-image-enable #blog-title{margin:0 0 2em;text-align:center}.header-image-enable #blog-title-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-image-enable #blog-title-content{margin:auto}#top-editarea{margin-bottom:1em}.breadcrumb{font-size:.9rem}.entry{position:relative;margin-bottom:4em;background:rgba(12,12,12,0.5);padding:10px}.entry-header{margin:-10px -10px 5px -10px;padding:.5em;background:rgba(12,12,12,0.5);position:relative}.date{margin-bottom:.5em;font-size:.9rem}.date a{color:#e9e9e9;text-decoration:none}.date a:hover{text-decoration:underline}.entry-title{margin:0 0 .3em;font-size:1.5rem}.entry-title .entry-title-link{color:#e9e9e9}@media (min-width: 992px){.entry-title{font-size:1.6rem}}.categories{margin:.5em 0;font-size:.7rem}.categories a{margin-right:.5em;text-decoration:none}.entry-header-menu{position:absolute;top:0;right: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 0.8em 0}.entry-content h1{font-size:1.5rem;color:#cbb0ff;border-left:8px solid #cbb0ff;padding:0.5em}@media (min-width: 992px){.entry-content h1{font-size:1.7rem}}.entry-content h2{font-size:1.4rem;color:#cbb0ff;border-left:8px solid #cbb0ff;padding:0.5em}@media (min-width: 992px){.entry-content h2{font-size:1.5rem}}.entry-content h3{font-size:1.2rem;color:#cbb0ff;border-left:8px solid #cbb0ff;padding:0.5em}@media (min-width: 992px){.entry-content h3{font-size:1.3rem}}.entry-content h4{font-size:1.1rem;color:#cbb0ff;border-left:8px double #cbb0ff;padding:0.5em}.entry-content h5{color:#cbb0ff;font-size:1rem}.entry-content h6{color:#cbb0ff;font-size:.9rem}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0}.entry-content ul a,.entry-content ol a,.entry-content dd a{text-decoration:none;color:#e9e9e9}.entry-content ul li ul,.entry-content ul li ol,.entry-content ol li ul,.entry-content ol li ol,.entry-content dd li ul,.entry-content dd li ol{margin-bottom:0}.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: 992px){.entry-content table{font-size:.9rem}}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:rgba(12,12,12,0.5)}.entry-content blockquote{border:1px solid #ddd;margin:0 0 10px;padding: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-filename{background-color:rgba(12,12,12,0.75);color:#cbb0ff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.5em;margin-bottom:-1em;overflow:hidden;font-size:.9em}.entry-content .pre-filename+p{display:none}.entry-content .pre-filename+pre{margin-top:0%}.entry-content pre{background:rgba(12,12,12,0.5);white-space:pre;word-wrap:normal;line-height:1.3;font-size:.9rem;padding:10px}.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 pre::-webkit-scrollbar{height:15px}.entry-content pre::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5)}.entry-content .synComment{color:#80e496}.entry-content .synConstant{color:#80ebf7}.entry-content .synSpecial{color:#80ebf7}.entry-content .synPreProc{color:#80ebf7}.entry-content .synIdentifier{color:#a9b3ff}.entry-content .synType{color:#a9b3ff}.entry-content .synStatement{color:#a9b3ff}.entry-content code{font-size:90%;margin:0 2px;padding:0px 5px;background:rgba(12,12,12,0.5);color:#cbb0ff;border-radius:3px}.entry-content hr{width:50%;border:0;border:none;border-top:1px solid #ddd;margin:2em auto}.entry-content .table-of-contents{padding:1em 1em 1em 2em;margin:1em 0;background:rgba(12,12,12,0.5)}.entry-content .table-of-contents::before{content:"Index";background:rgba(12,12,12,0.5);color:#cbb0ff;position:relative;display:block;margin:-1em -1em 0em -2em;padding:.5em}.entry-content .table-of-contents ul,.entry-content .table-of-contents li{list-style-type:none}.entry-footer .social-buttons{margin-bottom:1em}.entry-footer-section{color:#e9e9e9;font-size:.9rem}.entry-footer-section a{color:#e9e9e9}.comment-box{margin:1em 0}.comment-box .comment{list-style:none;margin:0 0 15px 0;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 #ddd;position:relative}.comment-box .entry-comment:first-child{border-top:1px solid #ddd}.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 0;font-weight:bold}.comment-content{margin:0 0 .4em 0;word-wrap:break-word;color:#e9e9e9;font-size:.85rem}.comment-content p{margin:0 0 .6em 0}.comment-metadata{color:#e9e9e9;margin:0;font-size:.8rem}.comment-metadata a{color:#e9e9e9}.leave-comment-title{font-size:.85rem;-webkit-text-decoration-line:underline;text-decoration-line:underline}.pager{margin:2em 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hatena-module{-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:3em;font-size:.85rem}@media (min-width: 768px){.hatena-module{font-size:.9rem}}.hatena-module-title{margin:-10px;padding:.5em;background:rgba(12,12,12,0.5);margin-bottom:.6em;font-size:1rem;font-weight:bold}.hatena-module-title a{color:#e9e9e9;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:bold;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}.hatena-urllist li:last-child{padding-bottom:0}.hatena-urllist li a{text-decoration:none}.hatena-urllist li a:hover{text-decoration:underline}.hatena-urllist .urllist-category-link{font-size:.7rem;padding:.1em .3em}.hatena-urllist .urllist-date-link a{color:#e9e9e9}.hatena-urllist .urllist-entry-body{margin-top:.3em}.hatena-module-search-box .search-form{background:rgba(12,12,12,0.5);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hatena-module-search-box .search-module-input{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;padding:5px;color:#e9e9e9;background:none;border:none;outline:none;height:20px}.hatena-module-search-box .search-module-button{width:24px;height:24px;margin-right:5px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='a' width='20' height='20'/%3E%3C/svg%3E") no-repeat center;background-size:20px 20px;border:none;outline:none;color:transparent;overflow:hidden;opacity:.5;cursor:pointer}.hatena-module-search-box .search-module-button:hover{opacity:.85}.page-about .entry-content dt{font-weight:bold;border-bottom:1px solid #ddd;margin-bottom:.5em}.page-about .entry-content dd{margin-left:0;margin-bottom:2em}.archive-header-category{text-align:center}.page-archive .archive-entry{-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:3em;margin-left:auto;margin-right:auto;line-height:1.3;padding:10px;background:rgba(12,12,12,0.5)}.page-archive .archive-entry .archive-entry-header{margin:-10px;margin-bottom:10px;padding:10px;background:rgba(12,12,12,0.5)}.page-archive .archive-entry .categories{margin:-10px -10px 10px -10px;padding:0px .5em .5em .5em;background:rgba(12,12,12,0.5)}.page-archive .entry-title{margin:.3em auto}.page-archive .entry-thumb{width:100px;height:100px;background-size:cover;margin:-10px 10px -10px -10px}@media (min-width: 768px){.page-archive .entry-thumb{width:140px;height:140px}}.page-archive .entry-description{margin:0;font-size:14px;max-height:80px;overflow:hidden;line-height:16px}@media (min-width: 768px){.page-archive .entry-description{max-height:120px;font-size:16px;line-height:20px}}.page-archive .social-buttons{display:none}#footer{margin-top:2em;padding-bottom:2rem;text-align:center;font-size:.8rem;color:#e9e9e9}#footer a{color:#e9e9e9}#footer p{margin:.5em auto}.category{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.8em;background:rgba(12,12,12,0.5);color:#e9e9e9;margin:10px 0px}@media (min-width: 768px){.category{font-size:1.0em}}.category a{text-decoration:none;color:#e9e9e9;border-radius:5px;padding:0.5em;margin:0.2em;-webkit-transition:0.3s;transition:0.3s}.category a:hover{color:#cbb0ff}ul.share-buttons{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0px}ul.share-buttons li{font-size:30px;text-align:center;width:50px;height:50px;line-height:50px;margin:2px;background-color:rgba(12,12,12,0.5)}ul.share-buttons li a{text-decoration:none}ul.share-buttons li a i{color:#cbb0ff}

/* </system> */
.sns-tag-cloud,
.sns-tag-cloud-under {
    padding-inline-start: 0px;
    font-size: 12px;
    font-weight: 700;
}
.btn,
.toc-btn {
    cursor: pointer;
}
body {
    color: #e9e9e9;
    font-family: "Helvetica World", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.entry-content table td,
.entry-content table th {
    border: none !important;
}
.gist .gist-file {
    border: 1px solid #2c303c !important;
}
.hatena-module-category {
    max-height: 500px;
    overflow: auto;
}
.entry-content pre.code:before {
    position: sticky !important;
    top: 5px !important;
}
.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;
    transform: translateY(-2.3rem);
    word-break: break-all;
}
.entry-content pre.code[data-lang="cs"]:before {
    content: "c#";
}
pre.code {
    padding-top: 30px !important;
}
.gist table {
    max-height: 500px !important;
}
.social-icons a[target="_blank"]:after {
    content: none !important;
}
.entry-content a[target="_blank"]:not([href*="blogmura.com"], [href*="twitter.com"], .card):after {
    content: " \f08e";
    font-family: fontawesome;
    font-size: smaller;
}
.table-of-contents li {
    list-style-type: "> " !important;
}
.blogmura a img {
    cursor: pointer !important;
}
a.aniLink {
    text-decoration: none;
    position: relative;
    color: #cbb0ff;
}
a.aniLink:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #cbb0ff;
    transition: 0.4s;
}
a.aniLink:hover:after {
    width: 0%;
}
.search-module-input {
    width: 100%;
}
div.footnote {
    border-radius: 10px;
    background: rgba(12, 12, 12, 0.5);
    font-size: 77%;
    margin: 0.1em !important;
    padding: 20px 10px 10px 20px !important;
}
a.sns-tag-cloud-facebook,
a.sns-tag-cloud-hatenab,
a.sns-tag-cloud-line,
a.sns-tag-cloud-pocket,
a.sns-tag-cloud-twitter {
    padding: 10px;
    margin: 3px;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
}
.sns-tag-cloud {
    margin: 30px 0 10px;
}
.sns-tag-cloud-under {
    margin: 0 0 30px;
    text-align: center;
}
a.sns-tag-cloud-hatenab {
    color: #00a4de;
    border: 1.5px solid #00a4de;
    border-radius: 3px;
}
a.sns-tag-cloud-hatenab:hover {
    background: #00a4de;
    color: #fff;
}
a.sns-tag-cloud-facebook {
    color: #4064ac;
    border: 1.5px solid #4064ac;
    border-radius: 3px;
}
a.sns-tag-cloud-facebook:hover {
    background: #4064ac;
    color: #fff;
}
a.sns-tag-cloud-twitter {
    color: #1da1f2;
    border: 1.5px solid #1da1f2;
    border-radius: 3px;
}
a.sns-tag-cloud-twitter:hover {
    background: #1da1f2;
    color: #fff;
}
a.sns-tag-cloud-pocket {
    color: #ef4056;
    border: 1.5px solid #ef4056;
    border-radius: 3px;
}
a.sns-tag-cloud-pocket:hover {
    background: #ef4056;
    color: #fff;
}
a.sns-tag-cloud-line {
    color: #21ba4e;
    border: 1.5px solid #21ba4e;
    border-radius: 3px;
}
a.sns-tag-cloud-line:hover {
    background: #21ba4e;
    color: #fff;
}
.container-profile {
    display: grid;
    grid-gap: 50px;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-family: "Baloo Paaji 2", cursive;
}
.card {
    background-color: #222831 !important;
    height: 37rem;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.card__name {
    margin-top: 15px;
    font-size: 1.5em;
}
.card__image {
    height: 160px;
    width: 160px;
    border-radius: 50%;
    border: 5px solid #272133;
    margin-top: 20px;
    box-shadow: 0 10px 50px #eb196e;
}
.draw-border {
    box-shadow: inset 0 0 0 4px #58cdd1;
    color: #58afd1 !important;
    -webkit-transition: color 0.25s 83.3333333ms;
    transition: color 0.25s 83.3333333ms;
    position: relative;
}
.draw-border::after,
.draw-border::before {
    border: 0 solid transparent;
    box-sizing: border-box;
    content: "";
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
}
.draw-border::before {
    border-bottom-width: 4px;
    border-left-width: 4px;
}
.draw-border::after {
    border-top-width: 4px;
    border-right-width: 4px;
}
.draw-border:hover {
    color: #ffe593;
}
.draw-border:hover::after,
.draw-border:hover::before {
    border-color: #eb196e;
    -webkit-transition: border-color, width 0.25s, height 0.25s;
    transition: border-color, width 0.25s, height 0.25s;
    width: 100%;
    height: 100%;
}
.draw-border:hover::before {
    -webkit-transition-delay: 0s, 0s, 0.25s;
    transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
    -webkit-transition-delay: 0s, 0.25s, 0s;
    transition-delay: 0s, 0.25s, 0s;
}
.btn {
    background: 0 0;
    border: none;
    line-height: 1.5;
    font: 700 1.2rem "Roboto Slab", sans-serif;
    padding: 0.75em 2em;
    letter-spacing: 0.05rem;
    margin: 1em;
    width: 13rem;
}
.btn:focus {
    outline: #55d7dc dotted 2px;
}
.social-icons {
    padding: 0;
    list-style: none;
    margin: 1em;
}
.social-icons li {
    display: inline-block;
    margin: 0.15em;
    position: relative;
    font-size: 1em;
}
.social-icons i {
    color: #fff;
    position: absolute;
    top: 0.95em;
    left: 0.96em;
    transition: 265ms ease-out;
}
.social-icons a {
    display: inline-block;
}
.social-icons a:before {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    content: " ";
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: block;
    background: linear-gradient(45deg, #ff003c, #c648c8);
    transition: 265ms ease-out;
}
.social-icons a:hover:before {
    transform: scale(0);
    transition: 265ms ease-in;
}
.social-icons a:hover i {
    transform: scale(2.2);
    -ms-transform: scale(2.2);
    -webkit-transform: scale(2.2);
    color: #ff003c;
    background: -webkit-linear-gradient(45deg, #ff003c, #c648c8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 265ms ease-in;
}
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    font-size: 1.2em;
}
.toc-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
    transition: 0.5s;
    font-size: inherit;
    font-weight: 400;
}
.toc-btn-in {
    background: #58656e;
    color: #fff;
    padding: 5px 15px 5px 30px;
}
.toc-btn-in:hover {
    background: #487ca3;
}
.toc-open {
    background: #499475;
}
.toc-btn-in:before {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #fff;
    height: 100%;
    width: 80px;
    background: rgba(0, 0, 0, 0.4);
    font-size: 150%;
    font-weight: 400;
    font-family: blogicon;
    content: "\f039";
}
#global2 {
    position: fixed;
    display: none;
}
.entry-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.entry-content thead th {
    background: #31bc86;
    color: #fff;
}
.entry-content img:hover,
.zoom-in {
    cursor: zoom-in;
}
.profile-icon-link img:hover {
    cursor: alias !important;
}
.cboxLoadedContent:hover,
.cboxPhoto:hover,
.zoom-out {
    cursor: zoom-out;
}
.alias {
    cursor: alias;
}
.all-scroll {
    cursor: all-scroll;
}
.auto {
    cursor: auto;
}
.cell {
    cursor: cell;
}
.context-menu {
    cursor: context-menu;
}
.col-resize {
    cursor: col-resize;
}
.copy {
    cursor: copy;
}
.crosshair {
    cursor: crosshair;
}
.default {
    cursor: default;
}
.e-resize {
    cursor: e-resize;
}
.ew-resize {
    cursor: ew-resize;
}
.grab {
    cursor: -webkit-grab;
    cursor: grab;
}
.grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.help {
    cursor: help;
}
.move {
    cursor: move;
}
.n-resize {
    cursor: n-resize;
}
.ne-resize {
    cursor: ne-resize;
}
.nesw-resize {
    cursor: nesw-resize;
}
.ns-resize {
    cursor: ns-resize;
}
.nw-resize {
    cursor: nw-resize;
}
.nwse-resize {
    cursor: nwse-resize;
}
.no-drop {
    cursor: no-drop;
}
.none {
    cursor: none;
}
.not-allowed {
    cursor: not-allowed;
}
.pointer {
    cursor: pointer;
}
.progress {
    cursor: progress;
}
.row-resize {
    cursor: row-resize;
}
.s-resize {
    cursor: s-resize;
}
.se-resize {
    cursor: se-resize;
}
.sw-resize {
    cursor: sw-resize;
}
.text {
    cursor: text;
}
.url {
    cursor: url(myBall.cur), auto;
}
.w-resize {
    cursor: w-resize;
}
.wait {
    cursor: wait;
}
.blog-card.bc-icon.bcib-blue::before {
    color: #4855de;
}
.subscription-count {
    margin-top: 8px;
}
.hatena-follow-button-box {
    margin: auto 15% auto auto;
    display: inline-block;
    padding: 2px 0 24px;
}
.hatena-follow-button {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    width: 130px;
    height: 35px !important;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    padding: 7px;
    border-radius: 25px;
    text-align: center;
    vertical-align: middle;
    transition: none;
}
.hatena-follow-button.unsubscribing {
    color: #5d4640 !important;
    background: #fcaf22;
    border: none !important;
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.25);
    margin: 0 0 -2px;
}
.hatena-follow-button.subscribing:visited,
.hatena-follow-button.unsubscribing:visited {
    color: #5d4640 !important;
}
.hatena-follow-button.unsubscribing:hover {
    color: #7d6059 !important;
    background: #fbcf4b;
    border: none !important;
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.25);
}
.hatena-follow-button.unsubscribing:before:hover,
.hatena-follow-button.unsubscribing:hover:visited {
    color: #7d6059 !important;
}
.hatena-follow-button.unsubscribing:before {
    font-family: "Font Awesome 5 Free";
    content: "\f5da";
    color: #5d4640;
}
.hatena-follow-button.unsubscribing:active {
    box-shadow: none;
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.hatena-follow-button.subscribing {
    color: #5d4640 !important;
    background: #fff;
    border: 2px solid #5d4640 !important;
    height: 31px !important;
    margin: 4px 0 2px;
    line-height: 13px !important;
}
.hatena-follow-button.subscribing:before {
    font-family: fontawesome;
    content: "\f5da";
    color: #5d4640;
}
.hatena-follow-button.subscribing:hover {
    width: 130px;
    color: #fff !important;
    background: grey;
    border: 2px solid #454545 !important;
}
.hatena-follow-button.subscribing:hover:visited {
    color: #fff !important;
}
@media only screen and (min-width: 481px) {
    .hatena-follow-button.subscribing:hover:before {
        font-family: fontawesome;
        content: "\f5da";
        color: #fff !important;
    }
}
@media only screen and (max-width: 480px) {
    .hatena-follow-button.subscribing:hover:before {
        display: none;
    }
}
:root {
    --text: #2b3044;
    --line: #275efe;
    --font-size: 16px;
    --duration: 0.44s;
    --duration-line: 0.84s;
}
.link {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: inherit;
}
.link div {
    overflow: hidden;
}
.link div:first-child {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-size) 0 var(--text);
}
.link div:last-child {
    position: absolute;
    pointer-events: none;
    right: 0;
    left: 0;
    bottom: -3px;
    height: 5px;
}
.link div:last-child svg {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 300%;
    height: 5px;
    fill: none;
    stroke: var(--line);
    stroke-width: 1.5px;
    stroke-linecap: round;
    stroke-dasharray: 63.5px 128px;
    stroke-dashoffset: var(--line-offset, 190.25px);
    -webkit-transform: translateX(var(--line-x)) translateZ(0);
    transform: translateX(var(--line-x)) translateZ(0);
    -webkit-transition: stroke-dashoffset var(--line-d, 0s), -webkit-transform var(--line-d, 0s);
    transition: stroke-dashoffset var(--line-d, 0s), -webkit-transform var(--line-d, 0s);
    transition: transform var(--line-d, 0s), stroke-dashoffset var(--line-d, 0s);
    transition: transform var(--line-d, 0s), stroke-dashoffset var(--line-d, 0s), -webkit-transform var(--line-d, 0s);
}
.link div span {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
    -webkit-transition: -webkit-transform var(--duration) ease;
    transition: -webkit-transform var(--duration) ease;
    transition: transform var(--duration) ease;
    transition: transform var(--duration) ease, -webkit-transform var(--duration) ease;
    -webkit-transform: translateY(var(--m, 0));
    transform: translateY(var(--m, 0));
}
.link div span:first-child {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}
.link div span:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.link div span:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.link div span:nth-child(4) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.link div span:nth-child(5) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.link div span:nth-child(6) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.link div span:nth-child(7) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.link div span:nth-child(8) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.link div span:nth-child(9) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.link div span:nth-child(10) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.link div span:nth-child(11) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}
.link:hover {
    --m: calc(var(--font-size) * -1);
    --line-d: var(--duration-line);
    --line-x: 65.66%;
    --line-offset: 63.5px;
}
.h_purple {
    margin: 0 0.1em;
    padding: 0.1em 0.2em;
    background: #fcfc60 !important;
    background: linear-gradient(to bottom, transparent 60%, #f9f 60%) !important;
}
#discordInvite,
.btn-like-blue {
    margin: 0;
    display: inline-block;
}
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px 20px;
    color: #dcdcdc;
    text-align: center;
}
#move-page-top:hover {
    color: rgba(0, 0, 0, 0.8);
}
body.page-entry #content {
    overflow: unset;
}
.content-inner-follow-buttons {
    width: 100%;
    text-align: center;
    letter-spacing: -0.4em;
}
.content-inner-follow-buttons .follow-title {
    letter-spacing: normal;
    width: 100%;
}
.content-inner-follow-buttons a {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    width: 60%;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding: 20px 0;
    margin: 3px;
    overflow: hidden;
    z-index: 2;
}
.content-inner-follow-buttons .inner-text {
    font-size: 16px;
    padding-left: 5px;
}
.content-inner-follow-buttons .hatena {
    color: #38393c;
    border: 1px solid #38393c;
    background: #fff;
}
.content-inner-follow-buttons a:hover {
    color: #fff;
    transition: 0.3s;
}
.content-inner-follow-buttons a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    z-index: -1;
    transition: 0.2s;
}
.content-inner-follow-buttons .hatena:hover:after {
    top: 0;
    background: #38393c;
}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.btn-like-blue {
    font-family: "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    line-height: 1.8;
    word-break: break-all;
    font-feature-settings: "palt";
    font-size: 100%;
    box-sizing: inherit;
    padding: 0.5em 1em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #00acee;
    outline: rgba(255, 255, 255, 0.5) solid 1px;
    outline-offset: 0px;
    text-shadow: none;
    transition: 1.2s cubic-bezier(0.2, 1, 0.2, 1);
    width: 100%;
    max-width: 540px;
    color: #f2f2f2;
    font-weight: 700;
    text-align: center;
}
.btn-like-blue:hover {
    background-image: linear-gradient(#1c94e0 0, #67ceff 100%);
    color: #eee;
    outline-color: transparent;
    outline-offset: 12px;
    text-shadow: 2px 2px 3px #000;
}
.entry-see-more,
.page-index .table-of-contents {
    list-style-type: none;
}
.iine {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 1em;
}
.iine-l {
    width: 50%;
    color: transparent;
    background-size: cover;
    background-position: center center;
}
.iine-r {
    width: 50%;
    background: #333;
    color: #fff;
    padding: 2em 1em;
    text-align: center;
}
.iine-icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.iine-icon a {
    color: #fff;
    font-size: 0.7rem;
    display: inline-block;
    margin: 1rem 0;
    padding: 0.3rem 0 0.45rem;
    width: 32%;
    text-decoration: none;
}
.iine-hatenablog {
    background: #606060;
}
.iine-twitter {
    background: #1b95e0;
}
.iine-feedly {
    background: #2bb24c;
}
.iine-hatenablog:hover {
    background: #666;
}
.iine-twitter:hover {
    background: #31a3ea;
}
.iine-feedly:hover {
    background: #2ebc50;
}
.iine-icon a::before {
    font-family: blogicon;
    font-size: 0.9rem;
    margin: 0 0.2rem 0 0;
    position: relative;
    top: 0.15rem;
}
.iine-hatenablog::before {
    content: "\f000";
}
.iine-twitter::before {
    content: "\f035";
}
.iine-feedly::before {
    content: "\f04e";
}
.iine-0 {
    font-weight: 700;
    margin: 0 0 0.5rem;
}
.entry-header .entry-date a time > span,
.iine-1 {
    font-size: 0.9rem;
}
.iine-2 {
    font-size: 0.8rem;
}
@media screen and (max-width: 540px) {
    .iine-0,
    .iine-icon a {
        font-size: 0px;
    }
    .iine-icon a {
        width: 31%;
    }
    .iine-icon a::before {
        font-size: 1.2rem;
        margin: 0;
        top: 0;
    }
    .iine-1 {
        font-size: 0.8rem;
    }
    .iine-2 {
        font-size: 0.7rem;
    }
}
.comment-nickname[data-user-name="c-miya"]::after {
    content: "ブログ主";
    display: inline-block;
    background: #333;
    color: #fff;
    border-radius: 2px;
    font-size: 0.65rem;
    margin: 0 0 0 3px;
    padding: 0 3px;
    line-height: 1.8;
}
.follow-me {
    list-style: none;
    margin: 0 0 -8px;
    overflow: hidden;
    padding: 0;
}
.follow-me li {
    float: left;
    margin: 0 0 12px;
    padding: 0;
}
.follow-me li a::before {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    width: 42px;
}
.follow-me li a[href*="amazon.co.jp"]::before,
.follow-me li a[href*="amazon.com"]::before {
    border-color: #f90;
    background-color: #f90;
    content: "\f270";
}
.follow-me li a[href*="codepen.io"]::before {
    border-color: #000;
    background-color: #000;
    content: "\f1cb";
}
.follow-me li a[href*="delicious.com"]::before {
    border-color: #39f;
    background-color: #39f;
    content: "\f1a5";
}
.follow-me li a[href*="deviantart.com"]::before {
    border-color: #05cc47;
    background-color: #05cc47;
    content: "\f1bd";
}
.follow-me li a[href*="digg.com"]::before {
    border-color: #000;
    background-color: #000;
    content: "\f1a6";
}
.follow-me li a[href*="dribble.com"]::before {
    border-color: #000;
    background-color: #ea4c89;
    content: "\f17d";
}
.follow-me li a[href*="dropbox.com"]::before {
    border-color: #007ee5;
    background-color: #007ee5;
    content: "\f16b";
}
.follow-me li a[href*="facebook.com"]::before {
    border-color: #3b5998;
    background-color: #3b5998;
    content: "\f09a";
}
.follow-me li a[href*="feedly.com"]::before {
    border-color: #6cc655;
    background-color: #6cc655;
    content: "\f09e";
}
.follow-me li a[href*="flickr.com"]::before {
    border-color: #0063cc;
    background-color: #0063dc;
    content: "\f16e";
}
.follow-me li a[href*="foursquare.com"]::before {
    border-color: #f94877;
    background-color: #f94877;
    content: "\f180";
}
.follow-me li a[href*="github.com"]::before {
    border-color: #181717;
    background-color: #181717;
    content: "\f09b";
}
.follow-me li a[href*="plus.google.com"]::before {
    border-color: #dc4e41;
    background-color: #dc4e41;
    content: "\f0d5";
}
.follow-me li a[href*="b.hatena.ne.jp"]::before {
    border-color: #008fde;
    background-color: #008fde;
    content: "\f027";
    font-family: blogicon;
}
.follow-me li a[href*="instagram.com"]::before {
    border-color: #125688;
    background-color: #125688;
    content: "\f16d";
}
.follow-me li a[href*="social.vivaldi.net"]::before {
    border-color: #6364ff;
    background-color: #6364ff;
    content: "\f4f6";
}
.follow-me li a[href*="last.fm"]::before {
    border-color: #d51007;
    background-color: #d51007;
    content: "\f202";
}
.follow-me li a[href*="linkedin.com"]::before {
    border-color: #0077b5;
    background-color: #0077b5;
    content: "\f0e1";
}
.follow-me li a[href*="nicovideo.jp"]::before {
    border-color: #eaeaea;
    background-color: #eaeaea;
    content: "\f047";
    font-family: blogicon;
}
.follow-me li a[href*="pinterest.com"]::before {
    border-color: #bd081c;
    background-color: #bd081c;
    content: "\f0d2";
}
.follow-me li a[href*="getpocket.com"]::before {
    border-color: #ef3f56;
    background-color: #ef3f56;
    content: "\f265";
}
.follow-me li a[href*="reddit.com"]::before {
    border-color: #ff4500;
    background-color: #ff4500;
    content: "\f1a1";
}
.follow-me li a[href*="skype.com"]::before,
.follow-me li a[href*="skype:"]::before {
    border-color: #00aff0;
    background-color: #00aff0;
    content: "\f17e";
}
.follow-me li a[href*="slideshare.net"]::before {
    border-color: #2d2d2d;
    background-color: #2d2d2d;
    content: "\f1e7";
}
.follow-me li a[href*="spotify.com"]::before {
    border-color: #84bd00;
    background-color: #84bd00;
    content: "\f1bc";
}
.follow-me li a[href*="steamcommunity.com"]::before {
    border-color: #171a21;
    background-color: #171a21;
    content: "\f1b6";
}
.follow-me li a[href*="stumbleupon.com"]::before {
    border-color: #eb4929;
    background-color: #eb4929;
    content: "\f1a4";
}
.follow-me li a[href*="tumblr.com"]::before {
    border-color: #36465d;
    background-color: #36465d;
    content: "\f173";
}
.follow-me li a[href*="twitch.tv"]::before {
    border-color: #6441a5;
    background-color: #6441a5;
    content: "\f1e8";
}
.follow-me li a[href*="twitter.com"]::before {
    border-color: #55acee;
    background-color: #55acee;
    content: "\f099";
}
.follow-me li a[href*="vimeo.com"]::before {
    border-color: #1ab7ea;
    background-color: #1ab7ea;
    content: "\f27d";
}
.follow-me li a[href*="vine.co"]::before {
    border-color: #11b58a;
    background-color: #11b58a;
    content: "\f1ca";
}
.follow-me li a[href*="weibo.com"]::before {
    border-color: #e6162d;
    background-color: #e6162d;
    content: "\f18a";
}
.follow-me li a[href*="whatsapp.com"]::before {
    border-color: #64d548;
    background-color: #64d548;
    content: "\f232";
}
.follow-me li a[href*="wordpress.com"]::before,
.follow-me li a[href*="wordpress.org"]::before {
    border-color: #21759b;
    background-color: #21759b;
    content: "\f19a";
}
.follow-me li a[href*="youtube.com"]::before {
    border-color: #cd201f;
    background-color: #cd201f;
    content: "\f16a";
}
.follow-me li a[href*="taroj1205.poyo.jp"]::before {
  border-color: #007bff;
  background-color: #007bff;
  content: "\f0ac";
}
.follow-me li a:hover::before {
    background-color: #fff;
}
.follow-me li a[href*="taroj1205.poyo.jp"]:hover::before,
.follow-me li a[href*="taroj1205.poyo.jp"]:hover::before {
    color: #007bff;
}
.follow-me li a[href*="amazon.co.jp"]:hover::before,
.follow-me li a[href*="amazon.com"]:hover::before {
    color: #f90;
}
.follow-me li a[href*="social.vivaldi.net"]:hover::before {
    color: #6364ff;
}
.follow-me li a[href*="codepen.io"]:hover::before,
.follow-me li a[href*="digg.com"]:hover::before {
    color: #000;
}
.follow-me li a[href*="delicious.com"]:hover::before {
    color: #39f;
}
.follow-me li a[href*="deviantart.com"]:hover::before {
    color: #05cc47;
}
.follow-me li a[href*="dribble.com"]:hover::before {
    color: #ea4c89;
}
.follow-me li a[href*="dropbox.com"]:hover::before {
    color: #007ee5;
}
.follow-me li a[href*="facebook.com"]:hover::before {
    color: #3b5998;
}
.follow-me li a[href*="feedly.com"]:hover::before {
    color: #6cc655;
}
.follow-me li a[href*="flickr.com"]:hover::before {
    color: #0063dc;
}
.follow-me li a[href*="foursquare.com"]:hover::before {
    color: #f94877;
}
.follow-me li a[href*="github.com"]:hover::before {
    color: #181717;
}
.follow-me li a[href*="plus.google.com"]:hover::before {
    color: #dc4e41;
}
.follow-me li a[href*="b.hatena.ne.jp"]:hover::before {
    color: #008fde;
}
.follow-me li a[href*="instagram.com"]:hover::before {
    color: #125688;
}
.follow-me li a[href*="last.fm"]:hover::before {
    color: #d51007;
}
.follow-me li a[href*="linkedin.com"]:hover::before {
    color: #0077b5;
}
.follow-me li a[href*="nicovideo.jp"]:hover::before {
    color: #eaeaea;
}
.follow-me li a[href*="pinterest.com"]:hover::before {
    color: #bd081c;
}
.follow-me li a[href*="getpocket.com"]:hover::before {
    color: #ef3f56;
}
.follow-me li a[href*="reddit.com"]:hover::before {
    color: #ff4500;
}
.follow-me li a[href*="skype.com"]:hover::before,
.follow-me li a[href*="skype:"]:hover::before {
    color: #00aff0;
}
.follow-me li a[href*="slideshare.net"]:hover::before {
    color: #2d2d2d;
}
.follow-me li a[href*="spotify.com"]:hover::before {
    color: #84bd00;
}
.follow-me li a[href*="steamcommunity.com"]:hover::before {
    color: #171a21;
}
.follow-me li a[href*="stumbleupon.com"]:hover::before {
    color: #eb4929;
}
.follow-me li a[href*="tumblr.com"]:hover::before {
    color: #36465d;
}
.follow-me li a[href*="twitch.tv"]:hover::before {
    color: #6441a5;
}
.follow-me li a[href*="twitter.com"]:hover::before {
    color: #55acee;
}
.follow-me li a[href*="vimeo.com"]:hover::before {
    color: #1ab7ea;
}
.follow-me li a[href*="vine.co"]:hover::before {
    color: #11b58a;
}
.follow-me li a[href*="weibo.com"]:hover::before {
    color: #e6162d;
}
.follow-me li a[href*="whatsapp.com"]:hover::before {
    color: #64d548;
}
.follow-me li a[href*="wordpress.com"]:hover::before,
.follow-me li a[href*="wordpress.org"]:hover::before {
    color: #21759b;
}
.follow-me li a[href*="youtube.com"]:hover::before {
    color: #cd201f;
}
.follow-me li a[href$="/feed"]:hover::before {
    color: orange;
}
.follow-me li a[href$="/subscribe"]:hover::before {
    color: #363636;
}
#discordData,
#discordInfo {
    display: flex;
    height: 50px;
}
#callToAction,
#callToAction-clicked {
    bottom: 0;
    cursor: pointer;
    height: 40px;
    left: 0;
    min-height: 32px;
    min-width: 73px;
    position: relative;
    right: 0;
    top: 0;
    align-self: center;
    margin: 0 0 0 10px;
    padding: 2px 16px;
}
#buttonText,
#introText,
#serverNameBox,
#status {
    text-overflow: ellipsis;
    overflow: hidden;
}
@font-face {
    font-family: Whitney;
    font-weight: 300;
    src: url(https://discordapp.com/assets/6c6374bad0b0b6d204d8d6dc4a18d820.woff) format("woff");
}
@font-face {
    font-family: Whitney;
    font-weight: 400;
    src: url(https://discordapp.com/assets/e8acd7d9bf6207f99350ca9f9e23b168.woff) format("woff");
}
@font-face {
    font-family: Whitney;
    font-weight: 500;
    src: url(https://discordapp.com/assets/3bdef1251a424500c1b3a78dea9b7e57.woff) format("woff");
}
@font-face {
    font-family: Whitney;
    font-weight: 600;
    src: url(https://discordapp.com/assets/be0060dafb7a0e31d2a1ca17c0708636.woff) format("woff");
}
@font-face {
    font-family: Whitney;
    font-weight: 700;
    src: url(https://discordapp.com/assets/8e12fb4f14d9c4592eb8ec9f22337b04.woff) format("woff");
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#callToAction-clicked,
#discordPoly,
#gDiscord {
    word-wrap: break-word;
    user-select: none;
    overflow-wrap: break-word;
}
#discordInviteBox {
    background-color: #37393e;
    display: inline-block;
}
#discordInvite {
    text-align: left;
    box-sizing: border-box;
    color: #fff;
    background: rgba(47, 49, 54, 0.6);
    border: 1px solid rgba(47, 49, 54, 0.9);
    border-radius: 3px;
    font: 400 16px/16px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 15px 10px 10px;
}
#offlineInd,
#onlineInd {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: 0 4px 0 0;
    display: block;
}
#introText {
    color: #b9bbbe;
    height: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    flex: 1 1 0%;
    font: 600 12px/16px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 8px;
}
#serverImg {
    background-position: 50% 50%;
    bottom: 0;
    cursor: pointer;
    height: 50px;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 50px;
    border-radius: 15px;
    flex: 0 0 auto;
    margin: 0 10px 0 0;
}
#discordInviteError {
    background-color: red;
    color: #fff;
}
#discordInfo {
    align-items: stretch;
    justify-content: center;
    flex: 1 1 auto;
    flex-flow: column nowrap;
}
#callToAction,
#statusIndicators {
    align-items: center;
    display: flex;
}
#serverNameBox {
    color: #f6f6f7;
    cursor: pointer;
    height: 20px;
    font: 600 16px/20px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 4px;
}
#serverNameBox:hover {
    text-decoration: underline;
}
#status,
#statusIndicators {
    font: 600 12px/16px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #72767d;
    height: 16px;
}
#statusIndicators {
    justify-content: flex-start;
}
#onlineInd {
    color: #72767d;
    column-rule-color: #72767d;
    background: #43b581;
    font: italic 600 12px/16px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#numOnline {
    color: #72767d;
    display: block;
    height: 16px;
    font: 600 12px/16px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 8px 0 0;
}
#offlineInd {
    color: #72767d;
    background: #747f8d;
    font: italic 600 12px/16px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#numTotal {
    color: #72767d;
    display: block;
    height: 16px;
    font: 600 12px/16px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#buttonText,
#callToAction,
#callToAction-clicked,
#discordPoly,
#gDiscord,
#joinedDiscord {
    font: 500 14px/20px Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#callToAction {
    color: #fff;
    border: 0;
    justify-content: center;
    background: #43b581;
    border-radius: 3px;
    transition: background-color 0.17s;
}
#callToAction:hover {
    background-color: #3ca374;
}
#callToAction-clicked {
    color: #dcddde;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(114, 118, 126, 0.298);
    border-radius: 3px;
    transition: color 0.17s, background-color 0.17s, border-color 0.17s;
}
#discordPoly,
#gDiscord {
    white-space: nowrap;
    column-rule-color: #dcddde;
    fill: none;
    border: 0 #dcddde;
    cursor: pointer;
    text-align: center;
    fill-rule: evenodd;
}
#callToAction-clicked:hover {
    border-color: hsla(218, 5%, 47%, 0.6);
}
#discordSVG {
    color: #dcddde;
    height: 18px;
    width: 18px;
    margin: 0 0 0 8px;
}
#discordPoly {
    text-decoration: none solid #dcddde;
    stroke: #dcddde;
    stroke-width: 2px;
    caret-color: #dcddde;
    outline: #dcddde 0;
}
#joinedDiscord {
    color: #dcddde;
    cursor: pointer;
    display: flex;
    height: 20px;
    overflow-wrap: break-word;
    text-align: center;
    overflow: hidden;
}
#buttonText {
    cursor: pointer;
    display: flex;
    height: 20px;
    text-align: center;
    margin: 0 8.83px;
}
.loadHidden {
    display: none;
}
.entry-header .entry-date {
    color: #6f8383;
}
.entry-header .entry-date a time {
    font-size: 0;
}
.entry-header .entry-date a time::before {
    font-family: blogicon;
    content: "\f03a";
    font-size: 0.9rem;
    margin-right: 3px;
}
.entry-header .entry-date a time::after {
    content: "作成";
    font-size: 0.9rem;
    margin-left: 3px;
}
.entry-header .entry-date .modified-date {
    font-size: 0.9rem;
    margin-left: 10px;
}
.entry-header .entry-date .modified-date::before {
    font-family: blogicon;
    content: "\f02b";
    font-size: 0.9rem;
    margin-right: 3px;
}
.entry-header .entry-date .modified-date::after {
    content: "更新";
    font-size: 0.9rem;
    margin-left: 3px;
}