/* ///////////////////////SIDE TOC/////////////////////// */
/* 幅が十分にない時はサイドバーを表示しない */
@media screen and (max-width:1549px){
  .table-of-contents{
    visibility: hidden;
    font-size: 0px;
    height: 0px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .table-of-contents > li,
  .table-of-contents > li > ul,
  .table-of-contents > li > ul > li,
  .table-of-contents > li > ul > li > ul,
  .table-of-contents > li > ul > li > ul > li{
    font-size: 0px;
    height: 0px;
    margin: 0;
    padding: 0;
  }
}
/* 幅が十分にある時はサイドバーを表示する */
@media screen and (min-width:1550px){
  h3,h4,h5,h6 {
    scroll-margin-top: 0px;
  }
  .table-of-contents {
    visibility: visible;
    width: 170px;
    position: fixed;
    top: 35px;
    right: calc(50% + 555px);
    background: #333333;
    z-index:1500;
    list-style-type: circle;
    /* 携帯電話風  */
    background-image: url("/common/mp_bg.png");
    border: 6px solid;
    border-image-source: url("/common/mp_border.png");
    border-image-slice: 37.5%;
    border-image-repeat: round;
    font-family: "ＭＳ ゴシック", "Hiragino Sans";
    font-size: 14px;
    color: #ffffff;
    text-shadow    : 
         1px  1px 0px #000000,
        -1px  1px 0px #000000,
         1px -1px 0px #000000,
        -1px -1px 0px #000000,
         1px  0px 0px #000000,
         0px  1px 0px #000000,
        -1px  0px 0px #000000,
         0px -1px 0px #000000;        /* 文字の影 */
    line-height: 1.3em;
    /* ul部分 */
    padding-left: 20px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .table-of-contents > li > ul,
  .table-of-contents > li > ul > li > ul,
  .table-of-contents > li > ul > li > ul > li > ul{
    padding-left: 14px;
    list-style-type: circle;
  }
  .table-of-contents > li,
  .table-of-contents > li > ul > li,
  .table-of-contents > li > ul > li > ul > li {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .table-of-contents > li > A:link,
  .table-of-contents > li > ul > li > A:link,
  .table-of-contents > li > ul > li > ul > li > A:link {
   color: #eeeeee;
   text-decoration-line: none;
  }
  .table-of-contents > li > A:visited,
  .table-of-contents > li > ul > li > A:visited,
  .table-of-contents > li > ul > li > ul > li > A:visited {
   color: #eeeeee;
  }
  .table-of-contents > li > A:hover,
  .table-of-contents > li > ul > li > A:hover,
  .table-of-contents > li > ul > li > ul > li > A:hover {
   color: #aaffcc;
  }

  .toc-highlight {
    background-color: #ff2222;
    color: #fff;
    margin-left: -18px;
    padding-left: 18px;
    background-image: url("/common/sidetoc/mp_cursor_horison.png");
    background-repeat: no-repeat;
  }

  section {
    position: static;
  }
}
/* ///////////////////////SIDE TOC/////////////////////// */