.accordion-menu {
        padding: 0 15px;
    }
    .accordion-menu ul {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: -1px;
        font-size: 13px;
    }
    .accordion-menu li {
        padding: 0;
        border-bottom: none;
        line-height: 1.6;
    }
    .accordion-menu a {
        display: block;
        padding: 10px;
padding-left: 0;
        text-decoration: none;
        color: #0076BF;
        border-top: 1px solid #ccc;
    }
    .accordion-menu a:hover {
        text-decoration: underline;
    }
    .accordion-menu > li:first-child > a, 
    .accordion-menu > li:first-child > .menu-toggle {
        border-top: none;
    }
    .accordion-menu .submenu a {
        padding-left: 15px;
    }
    .accordion-menu .submenu .submenu a {
        padding-left: 30px;
    }
    .accordion-menu .submenu .submenu .submenu a {
        padding-left: 45px;
    }
    .accordion-menu .submenu .submenu .submenu .submenu a {
        padding-left: 60px;
    }
    .menu-toggle {
        display: block;
        text-decoration: none;
        cursor: pointer;
        border-top: 1px solid #ccc;
        position: relative;
    }
    .menu-toggle a {
       padding-right: 15px;
        border: none;
    }
    .accordion-menu a.leaf-link {
        padding-right: 0;
    }
    /* --- サブメニューのアニメーションをdisplay/opacity/transformで制御 --- */
    .submenu {
        display: none;
        opacity: 0;
        transform: translateY(-10px);
        transition: opacity 0.3s, transform 0.3s;
    }
    .submenu.open {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }
    .menu-toggle::after {
        content: '▶';
color: #0076BF;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.8em;
        transition: transform 0.3s;
    }
    .current-page > .menu-toggle::after {
        color: #ccc;
    }
    .menu-toggle.open::after {
        transform: translateY(-50%) rotate(90deg);
    }
    /* --- ハイライトのスタイル --- */
    .current-page > a, .current-page > .menu-toggle a{
        color: #111!important;
        font-weight: bold;
    }

.content-header .breadcrumb li:last-child a{
    text-decoration:none;
}

.contentsnavi-search-body {
  display: none;
}
.contentsnavi-search-body.is-visible {
  display: block;
}

.cat-list-wrapper{
    margin-bottom:0;
}
.cat-list-wrapper >.cat-list div h2{
    font-size: 21px;
}
.cat-list-wrapper >.cat-list div{
    margin-bottom:0;
    padding-left: 8px;
}
    
pre code.hljs {
  display:block;
  overflow-x:auto;
  padding:1em
}
code.hljs {
  padding:3px 5px
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs {
  color:#24292e;
  background:#fff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  color:#d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  color:#6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-variable {
  color:#005cc5
}
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
  color:#032f62
}
.hljs-built_in,
.hljs-symbol {
  color:#e36209
}
.hljs-code,
.hljs-comment,
.hljs-formula {
  color:#6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-pseudo,
.hljs-selector-tag {
  color:#22863a
}
.hljs-subst {
  color:#24292e
}
.hljs-section {
  color:#005cc5;
  font-weight:700
}
.hljs-bullet {
  color:#735c0f
}
.hljs-emphasis {
  color:#24292e;
  font-style:italic
}
.hljs-strong {
  color:#24292e;
  font-weight:700
}
.hljs-addition {
  color:#22863a;
  background-color:#f0fff4
}
.hljs-deletion {
  color:#b31d28;
  background-color:#ffeef0
}


.content-main img {
border: solid 1px #d3d3d3;
box-sizing: content-box;
box-shadow: -1px 1px 10px #e3e3e3;
}
.content-main table img {
border: none;
box-shadow: none;
}
.content-main img.img-nonstyle {
border: none;
box-shadow: none;
}
.content-main figcaption {
    text-align: center;
    margin-top: 0.5em;
    font-size: 0.875em;
}

.content-main h3 {
  margin-bottom: 18px;
  padding-bottom: 8px;
  font-size: 18px;
  border-bottom: solid 1px #d3d3d3;
  padding-top: 1em;
}
.content-main h2 {
  border-bottom: none;
  position: relative;
  margin: 0 0 18px;
  padding: 1em 0 8px;
}

.content-main h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 4px #0176bf;
  bottom: -4px;
  width: 20%;
}
.content-main > h2:first-of-type {
  padding-top: 0;
}
.pt-0{
padding-top: 0 !important;
}
figure {
margin-bottom: 30px;
text-align: center;
}