/* <system section="theme" selected="26006613698311327"> */
@charset "UTF-8";
/*
  Theme: boilerplate
  Author: Hatena Blog Team
  Responsive: yes
  Description:
    はてなブログのデザインCSSカスタマイズの土台に適したデザインテーマです。
    このテーマをもとにしてCSSを書くと比較的楽にカスタマイズできます。
    特定の部分（例えば記事本文の書式やコメント欄のスタイルなど）だけをコピーして使ってもかまいません。
    もちろんそのままの状態でも、シンプルなテーマとして使うことができます。
    このCSSおよびSCSSファイルは自由に複製・再配布できます。
    このテーマをもとにしたデザインテーマの配布も自由です。
  Released under the MIT License.
*/
@import url(node_modules/bootstrap/dist/css/bootstrap.min.css);
html,
body {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic';
    color: #454545;
    background-color: #fff;
    line-height: 2;
}

a {
    color: #62bafd;
}

a:hover {
    color: #30a4fc;
}

a.keyword {
    text-decoration: none;
    border-bottom: 1px dotted #ddd;
    color: #454545;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    line-height: 1.3;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #454545;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #30a4fc;
}

/* ヘッダ（グローバルヘッダ）
  グローバルヘッダの中はiframeですが、
  #globalheader-container に背景色や文字色を指定することでiframeの中にも色が反映されます。
*/
#globalheader-container {
    background-color: #454545;
    color: #fff;
}

/* container */
#container,
#footer {
    padding-left: 0px;
    padding-right: 0px;
    margin: auto;
    width: 100%;
    font-size: 12pt;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* 2カラムレイアウト */
#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;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 20pt;
}

@media (min-width: 768px) {
    #content-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
}

#wrapper {
    width: 70%;
}

#box2 {
    width: 25%;
    margin-left: 30px;
}

@media (max-width: 992px) {
    #content-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    #wrapper {
        width: 100%;
    }
    #box2 {
        width: 100%;
    }
    #box2-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .hatena-module {
        width: 100%;
    }
}

/* ヘッダ -> なしに設定*/
#blog-title {
    margin: 0pt;
    text-align: center;
}

@media (min-width: 768px) {
    #blog-title {
        margin: 0pt;
        text-align: left;
    }
}

#title {
    margin: 0pt;
    font-size: 0pt;
}

@media (min-width: 992px) {
    #title {
        font-size: 0pt;
    }
}

#title a {
    color: #454545;
}

.nav-space {
    padding: 1em 9em;
}

/* ヘッダ画像を設定したとき */
.header-image-enable #blog-title {
    margin: 0 0 2em;
}

.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-left: 10px;
    margin-right: 10px;
}

/* タイトル下HTML */
#top-editarea {
    margin-bottom: 0pt;
}

/* パンくず（カテゴリー、記事ページで表示されます） */
.breadcrumb {
    font-size: 10pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eeeeee;
    border-radius: 0.25rem;
}

.breadcrumb-inner {
    margin-left: 9%;
    margin-right: 9%;
}

.breadcrumb-gt {
    font-size: 0pt;
}

.breadcrumb-gt::before {
    font-size: 11pt;
    content: "/";
}

/* entry */
.entry {
    position: relative;
    margin-bottom: 4em;
}

.entry-header {
    padding-bottom: 0.1em;
    margin-bottom: 2em;
    border-bottom: 2px solid #ddd;
    position: relative;
}

.date {
    margin-bottom: .5em;
    font-size: .9rem;
}

.date a {
    color: #3d3d3d;
    text-decoration: none;
}

.date a:hover {
    text-decoration: underline;
    color: #62bafd;
}

.entry-title {
    margin: 0 0 .5em;
    font-size: 1.4rem;
}

@media (min-width: 992px) {
    .entry-title {
        font-size: 1.85rem;
    }
}

.categories {
    margin: .5em 0;
    font-size: .9rem;
}

.categories a {
    margin-right: .5em;
    border: 1.5px solid transparent;
    border-radius: .25rem;
    padding: .05rem .30rem;
    border-color: #007bff;
}

.categories a:hover {
    text-decoration: underline;
    color: #ffffff;
    background-color: #007bff;
    border-color: #007bff;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

/* 「編集する」ボタン */
.entry-header-menu {
    position: absolute;
    top: -10pt;
    right: 0;
    font-size: 13pt;
}

.entry-header-menu a {
    margin-right: .5em;
    color: #28a745;
    border: 1.5px solid transparent;
    border-radius: .25rem;
    padding: .50rem 2.0rem;
    border-color: #28a745;
}

.entry-header-menu a:hover {
    text-decoration: underline;
    color: #ffffff;
    background-color: #28a745;
    border-color: #28a745;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

/* 記事内の書式 */
.entry-content img, .entry-content video {
    max-width: 90%;
    height: auto;
    margin: 10pt;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin-top: 1.5em;
    margin-bottom: 1.0rem;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    padding: 0.5em 0.6em;
    margin: em 0;
    border-left: solid 10px #4bb5ff;
}

.entry-content h1 {
    font-size: 1.5rem;
    padding: 0.5em 0.6em;
    margin: em 0;
    background: #2d95de12;
    border-left: solid 10px #4bb5ff;
}

@media (min-width: 992px) {
    .entry-content h1 {
        font-size: 1.7rem;
    }
}

.entry-content h2 {
    font-size: 1.4rem;
    border-bottom: solid;
    border-bottom-color: #4bb5ff;
}

@media (min-width: 992px) {
    .entry-content h2 {
        font-size: 1.6rem;
    }
}

.entry-content h3 {
    font-size: 1.3rem;
    border-left: solid 7px #4bb5ff;
}

@media (min-width: 992px) {
    .entry-content h3 {
        font-size: 1.45rem;
    }
}

.entry-content h4 {
    font-size: 1.2rem;
    border-left: solid 5px #4bb5ff;
}

.entry-content h5 {
    font-size: 1.1rem;
    border-left: solid 5px #4bb5ff;
}

.entry-content h6 {
    font-size: 1.0rem;
    border-left: solid 3px #4bb5ff;
}

.entry-content ul,
.entry-content ol,
.entry-content dd {
    margin: 0 0 1em 1.5em;
    padding: 0;
}

.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 {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic';
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1em;
    margin-bottom: 1em;
    width: 90%;
    overflow: auto;
    display: block;
    font-size: 12pt;
}

@media (min-width: 992px) {
    .entry-content table {
        font-size: 12pt;
    }
}

.entry-content table th,
.entry-content table td {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.entry-content table th {
    background: #f5f5f5;
}

.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 {
    background: #141414;
    border: none;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    line-height: 1.3;
    font-size: 10pt;
    padding: 10px;
    color: #e3e3e3;
}

.entry-content pre > code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: none;
    background-color: #141414;
    color: #e3e3e3;
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content code {
    font-size: 10pt;
    margin: 0 2px;
    padding: 0px 5px;
    color: #e3e3e3;
    background-color: #5e5e5e;
    border-radius: 3px;
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content .hljs-keyword {
    color: #569cd6;
}

.entry-content .hljs-title {
    color: #4ec9b0;
}

.entry-content .hljs-class, .entry-content .hljs-meta {
    color: #4ec9b0;
}

.entry-content .hljs-string, .entry-content .hljs-meta-string {
    color: #d69d85;
}

.entry-content .hljs-comment {
    color: #57a64a;
}

.entry-content .hljs-value {
    color: #b5cea8;
}

.entry-content .hljs-number {
    color: #9cdcfe;
}

.entry-content .hljs-function .hljs-title {
    color: #dcdcaa;
}

.entry-content .hljs-function {
    color: #c8c8c8;
}

.entry-content .hljs-preprocessor, .entry-content .hljs-meta-keyword {
    color: #d8a0df;
}

.entry-content .hljs-built_in, .entry-content .hljs-constant, .entry-content .hljs-literal, .entry-content .hljs-number, .entry-content .hljs-params, .entry-content .hljs-pragma, .entry-content .hljs-preprocessor {
    color: #9cdcfe;
}

.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;
    border: 1px solid #ddd;
}

/* 記事下 */
.entry-footer .social-buttons {
    margin-bottom: 1em;
}

.entry-footer-section {
    color: #333;
    font-size: 1.0rem;
}

.entry-footer-section a {
    color: #999;
}

.entry-tags-wrapper {
    margin: 0em 0em 1em 0em;
    border-top-style: ridge;
}

/* コメント */
.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: 0px;
    width: 50px !important;
    height: 50px !important;
    border-radius: 3px;
}

.comment-user-name {
    margin: 0 0 .4em 0;
    font-weight: bold;
    color: #4bb5ff;
    font-size: 12pt;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.comment-content {
    margin: 0 0 .4em 0;
    word-wrap: break-word;
    color: #454545;
    font-size: 11pt;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.comment-content p {
    margin: 0 0 .6em 0;
}

.comment-metadata {
    color: #999;
    margin: 0;
    font-size: .8rem;
}

.comment-metadata a {
    color: #999;
}

.leave-comment-title {
    margin-top: 10pt;
    font-size: 12pt;
    border: 1.5px solid transparent;
    border-radius: .25rem;
    padding: 0.5rem 0.8rem;
    border-color: #007bff;
}

.leave-comment-title:hover {
    color: #ffffff;
    background-color: #007bff;
    border-color: #007bff;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.leave-comment-title:not([href]) {
    color: #007bff;
    text-decoration: none;
}

.leave-comment-title:not([href]):hover {
    color: #ffffff;
    background-color: #007bff;
    border-color: #007bff;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

/* Pager */
.pager {
    margin: 2em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.pager-next a {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border: 1.5px solid transparent;
    border-radius: .25rem;
    padding: .50rem 1.5rem;
}

.pager-next a:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.pager-prev a {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border: 1.5px solid transparent;
    border-radius: .25rem;
    padding: .50rem 1.5rem;
}

.pager-prev a:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

/* サイドバーモジュール */
.hatena-module {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic';
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 2em;
    font-size: 11pt;
}

@media (min-width: 768px) {
    .hatena-module {
        font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic';
        font-size: .9rem;
    }
}

.hatena-module-title {
    margin-bottom: .6em;
    padding-bottom: .2em;
    border-bottom: 1px solid #ddd;
    font-size: 1rem;
    font-weight: bold;
}

.hatena-module-title a {
    color: #454545;
    text-decoration: none;
}

.hatena-module-title a:hover {
    text-decoration: underline;
}

/* Profile module */
.hatena-module-profile {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic';
}

.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;
}

.sidebar_fixed {
    position: sticky;
    top: 60px;
}

/* urllist module */
.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: #999;
}

.hatena-urllist .urllist-entry-body {
    margin-top: .3em;
}

/* Search module */
.hatena-module-search-box .search-form {
    border: 1px solid #ddd;
    border-radius: 3px;
    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: #454545;
    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;
}

/* About ページ */
.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 */
.archive-header-category {
    text-align: center;
    margin-bottom: 2em;
}

.page-archive .archive-entry {
    border: 1.5px solid transparent;
    border-radius: .25rem;
    padding: 1.5rem 1.5rem;
    border-color: #454545;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3;
}

.page-archive .entry-title {
    margin: .3em auto;
    font-size: 1.5em;
}

.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: 11pt;
}

@media (min-width: 768px) {
    .page-archive .entry-description {
        font-size: 11pt;
    }
}

.page-archive .social-buttons {
    display: block;
    margin-top: .3em;
}

#stoc-module {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

#stoc-module.tracking {
    margin-bottom: 0;
}

#stoc-module.fixed {
    position: fixed;
}

#stoc-module.absolute {
    position: absolute;
}

#stoc-module.sticky {
    position: sticky;
}

#stoc-module.fade-in {
    -webkit-animation: fadeIn 300ms;
            animation: fadeIn 300ms;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#stoc {
    overflow-y: auto;
}

#stoc.shadow {
    /* Shadows */
    background: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.17), transparent) top/100% 11px, radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.17), transparent) bottom/100% 11px;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

#stoc ol {
    margin: 0;
    padding: 0 0 0 1em;
    list-style-type: none;
}

#stoc > ol {
    padding-left: 0;
}

#stoc.shadow > ol {
    /* Shadow covers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), to(transparent)) top/100% 40px, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, #fff)) bottom/100% 40px;
    background: linear-gradient(#fff 30%, transparent) top/100% 40px, linear-gradient(transparent, #fff 70%) bottom/100% 40px;
    background-repeat: no-repeat;
    background-attachment: local;
    overflow-y: hidden;
}

#stoc li {
    margin: 8px 0;
    font-size: 12pt;
}

#stoc a {
    padding: 2px 2px 2px 6px;
    display: block;
    text-decoration: none;
    color: #363636;
    padding-left: 10pt;
}

#stoc:not(.touch) a:hover {
    background-color: #eff7ff;
    text-decoration: underline;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    /*color: #333;*/
}

#stoc .active {
    background-color: #eff7ff;
    color: #007bff;
    border: 1.5px solid;
    border-left: solid 10px #4bb5ff;
}

#stoc::-webkit-scrollbar {
    width: 8px;
    background: #ececec;
}

#stoc::-webkit-scrollbar-button {
    display: none;
}

#stoc::-webkit-scrollbar-thumb {
    background: #b1b1b1;
}

/* マウスカーソルをあわせた時 */
#stoc:not(.touch) a:hover {
    color: #4bb5ff;
}

/* footer */
#footer {
    background-color: #343a40;
    margin-top: 0em;
    padding-bottom: 2rem;
    padding-top: 2rem;
    text-align: center;
    font-size: .8rem;
    color: #f8f9fa;
}

#footer a {
    color: #f8f9fa;
    top: 2em;
}

#footer p {
    color: #f8f9fa;
    margin: .5em auto;
}

.page-static_page {
    width: 100%;
}

.page-static_page .entry-content img, .page-static_page .entry-content video {
    max-width: 100%;
}

.page-static_page #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;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 20pt;
}

.page-static_page #wrapper {
    width: 100%;
}

.archive-module-calendar-selector, .js-archive-module-calendar-selector {
    border-color: #007bff;
}

.archive-module-calendar-selector:hover, .js-archive-module-calendar-selector:hover {
    border-color: #007bff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(20, 122, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(20, 122, 255, 0.25);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.navbar-brand {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding-left: 10%;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJvaWxlcnBsYXRlLmNzcyIsIi4uL3Njc3MvYm9pbGVycGxhdGUuc2NzcyIsIi4uL3Njc3MvbGliL19jb3JlLnNjc3MiLCIuLi9zY3NzL2xpYi9fdmFyaWFibGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUNDakI7Ozs7Ozs7Ozs7OztFQVlFO0FBS0YsK0RBQU87QUNsQlA7O0lBRUksd0dBQXVHO0lBQ3ZHLGVDSVU7SURIVix1QkNEYTtJREViLGVBQWM7Q0FDakI7O0FBQ0Q7SUFDSSxlQ0lVO0NES2I7O0FBVkQ7SUFHUSxlQ0drQjtDREZyQjs7QUFKTDtJQU1RLHNCQUFxQjtJQUNyQiwrQkNFSztJRERMLGVDUk07Q0RTVDs7QUFFTDtJQUNJLFlDVmM7SURXZCxpQkFBZ0I7Q0FRbkI7O0FBVkQ7SUFJUSxlQ2ZNO0lEZ0JOLHNCQUFxQjtDQUl4Qjs7QUFUTDtJQU9ZLGVDWmM7Q0RhakI7O0FBSVQ7OztFQUdFO0FBQ0Y7SUFDSSwwQkM1QlU7SUQ2QlYsWUNqQ2E7Q0RrQ2hCOztBQUVELGVBQWU7QUFFZjs7SUFFSSxrQkFBaUI7SUFDakIsbUJBQWtCO0lBQ2xCLGFBQVk7SUFDWixZQUFXO0lBQ1gsZ0JBQWU7SUFDZix5REFBd0Q7Q0FDM0Q7O0FBRUQsZUFBQTtBQUNBO0lBQ0kscUJBQWE7SUFBYixxQkFBYTtJQUFiLGNBQWE7SUFDYiw2QkFBc0I7SUFBdEIsOEJBQXNCO1FBQXRCLDJCQUFzQjtZQUF0Qix1QkFBc0I7SUFDdEIsMEJBQThCO1FBQTlCLHVCQUE4QjtZQUE5QiwrQkFBOEI7SUFDOUIsaUJBQWdCO0lBQ2hCLGtCQUFpQjtJQUNqQixpQkFBZ0I7Q0FJbkI7O0FBSEc7SUFQSjtRQVFRLCtCQUFtQjtRQUFuQiw4QkFBbUI7WUFBbkIsd0JBQW1CO2dCQUFuQixvQkFBbUI7S0FFMUI7Q0Z1QkE7O0FFdEJEO0lBQ0ksV0FBVTtDQUNiOztBQUNEO0lBQ0ksV0FBVTtJQUNWLGtCQUFpQjtDQUNwQjs7QUFHRDtJQUNJO1FBQ0ks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 */
/* </system> */
.hatena-module-search-box .search-form {
    border: 1px solid #ddd;
    border-radius: 3px;
    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;
    height: 40px;
}
    code {
        font-size: 10pt;
        margin: 0 2px;
        padding: 0px 5px;
        color: #e3e3e3;
        background-color: #5e5e5e;
        border-radius: 3px;
        font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
    }
    .page-static_page{
    width: 100%;
    .entry-content {
        img, video {
            max-width: 100%;
        }
    }
    #content-inner {
        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;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 20pt;
    }
    #wrapper {
        width: 100%;
    }
}
.page-archive {
    .archive-entry {
        border: 1.5px solid transparent;
        border-radius: .25rem;
        padding: 1.5rem 1.5rem;
        border-color: #454545;
        margin-bottom: 2em;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.3;
    }
    .entry-title {
        margin: .3em auto;
        font-size: 1.5em;
    }
    .entry-thumb {
        width: 80px;
        height: 80px;
        background-size: cover;
        @media #{$mq-sm} {
            width: 120px;
            height: 120px;
        }
    }
    .entry-description {
        margin: 0;
        font-size: 11pt;
        @media #{$mq-sm} {
            font-size: 11pt;
        }
    }
}

.page-static_page{
    #box2 {
    width: 25%;
    margin-left: 30px;
    display: none;
    }
}

.box {
    padding: 0.5em 1em;
    margin: 2em 0;
    //color: #007bff;
    background: #2d95de12;
    border-top: solid 10px #007bff;
}
.box p {
    margin: 0; 
    padding: 0;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    //color: #007bff;
    background: #28a74610;
    border-top: solid 10px #28a745;
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    //color: #007bff;
    background: #ff910011;
    border-top: solid 10px #ff9100;
}
.box3 p {
    margin: 0; 
    padding: 0;
}

       .hljs-keyword, .hljs-tag .hljs-string{
        color: #569cd6;
    }
    .hljs-title{
        color: rgb(78, 201, 176);
    }
    .hljs-class, .hljs-meta {
        color:rgb(78, 201, 176);
    }
    .hljs-string, .hljs-meta-string{
        color: rgb(214, 157, 133);
    }
    .hljs-comment{
        color: rgb(87, 166, 74);
    }
    .hljs-value  {
        color: rgb(181, 206, 168);
    }
    .hljs-number, .hljs-tag .hljs-attribute, .hljs-attr{
        color: rgb(156, 220, 254);
    }
    .hljs-function .hljs-title{
        color: rgb(220, 220, 170);
    }
    .hljs-function {
        color: rgb(200, 200, 200);
    }
    .hljs-preprocessor, .hljs-meta-keyword{
        color: rgb(216, 160, 223)
    }
    .hljs-built_in, .hljs-constant, .hljs-literal, .hljs-number, .hljs-params, .hljs-pragma, .hljs-preprocessor, .hljs-string .hljs-subst{
        color: rgb(156, 220, 254);
    }
    .hljs-tag .hljs-name {
        color: #e3e3e3;
    }
    .xml-hljs .hljs-meta{
        color: #343a40;
    }
    
    .navbar-brand {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 0%;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 10%;
    padding-right: 10%;
}