@charset "UTF-8";/*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */#custom_html #toc p{margin-bottom:0;margin-top:0!important;margin-left:2.25rem;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:15px}#custom_html #toc .menu>p{margin-left:0}@media screen and (min-width:768px){#custom_html #toc details>summary:hover,#custom_html #toc p:hover{-webkit-transform:scale(1.03);transform:scale(1.03);cursor:pointer}#custom_html #toc a:hover{text-decoration:underline!important}}#custom_html #toc a{display:block;color:#000}#custom_html #toc details[open]>details,#custom_html #toc details[open]>p{border-left:2px solid #ddd}#custom_html #toc details[open]>summary{font-weight:700}#custom_html #toc details.now>summary{border-left:5px solid #ddd;font-weight:700}#custom_html #toc details>summary.active,#custom_html #toc p.active{font-weight:700;border-right:5px solid #000}@media screen and (min-width:768px){#custom_html #toc.toc2{padding-left:.5em;padding-right:.5em}}#custom_html #toc details{margin-bottom:0}#custom_html #toc details{margin-left:2.25rem}#custom_html #toc div.menu>details{margin-left:0}#custom_html #toc details>summary{margin-bottom:0}#custom_html #toc details>summary::-webkit-details-marker{display:none}#custom_html #toc details>summary::before{border-width:0;width:0;height:0;top:0;left:0}#custom_html #toc details[open]>summary::before{border-width:0}#custom_html #toc details>summary::after{width:0;height:0;top:0;left:0}#custom_html #toc details>summary>.summary_inner{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:15px}#custom_html #toc details .icon{display:block;position:relative;width:16px;margin-left:6px;flex-shrink:0;transform-origin:center 43%;transition:transform .4s}#custom_html #toc details[open]>summary .icon{transform:rotate(180deg)}#custom_html #toc details .icon::after,#custom_html #toc details .icon::before{content:"";position:absolute;display:block;width:10px;height:3px;background-color:#000}#custom_html #toc details .icon::before{left:0;transform:rotate(45deg)}#custom_html #toc details .icon::after{right:0;transform:rotate(-45deg)}@media screen and (min-width:768px){#custom_html #menu-btn-check,#custom_html .menu-btn{display:none}}@media screen and (max-width:767px){#custom_html .menu-btn{position:fixed;position:absolute;top:-28px;left:0;display:flex;height:42px;width:42px;justify-content:center;align-items:center;z-index:99999;background-color:#57564f}#custom_html .menu-btn span,#custom_html .menu-btn span:before,.menu-btn span:after{content:'';display:block;height:3px;width:25px;border-radius:3px;background-color:#fff;position:absolute}#custom_html .menu-btn span:before{bottom:8px}#custom_html .menu-btn span:after{top:8px}#custom_html #toc{border-top:2px solid #e7e7e9;border-bottom:2px solid #e7e7e9}#custom_html #menu-btn-check~.toc2{display:none}#custom_html #menu-btn-check:checked~.toc2{display:block;background:#f8f8f7;margin-bottom:1em;padding:.5em 1em}#custom_html #menu-btn-check:checked~.menu-btn span{background-color:rgba(255,255,255,0)}#custom_html #menu-btn-check:checked~.menu-btn span::before{bottom:0;transform:rotate(45deg)}#custom_html #menu-btn-check:checked~.menu-btn span::after{top:0;transform:rotate(-45deg)}}
#search-bar {
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 0 20px;
  position: relative;

  & #search {
    width: calc(100% - 30px);
    border: none;
    line-height: 44px;
    outline: none;
    border-style: none;
  }

  & #search-result {
    display: none;
    position: absolute;
    top: 48px;
    width: 93%;
    max-height: 325px;
    overflow-y: auto;
    background-color: white;
    box-shadow: 0px 4px 8px 0 #ccc;
    z-index: 99999;

    & .result-item {
      display: block;
      padding: 8px 16px;
      text-decoration: none;

      & .title,
      .summary {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      & .title {
        color: #0f468d;
        padding-bottom: 4px;
        font-size: 18px;
      }

      & .summary {
        color: #757575;
        font-size: 18px;
      }

      &:hover {
        background-color: #e0edf1;
      }
    }
  }
}
@media screen and (max-width:767px) {
  .pdf_view{
    padding: 2em 0em;
  }
}