:root {
  /*Scroll*/
  scroll-behavior: smooth;
 }

  :root[theme="light"] {
    color-scheme: light;
    --text-color: #202020;
    /**/
    --background-color: #FFFFFF;
    /**/
    --h1-color: #202020;
    --h2-color: #202020;
    --h3-color: #202020;
    --h4-color: #202020;
    /**/
    --ContentFrame-background-color: #FFFFFF;
    --ContentFrame-color: #171717;
    --TopNavigator-color: #C0C0C0;
    /**/
    --link-color: #0065b3;
    --link-color-visited: #624991;
    --link-color-active: #00579a;
    --link-color-hover: #0065b3;
    /**/
    --PageNavigator-color: #767676;
    --PageNavigator-border-color: #e6e6e6;
    --PageNavigator-hover-color: #767676;
    --PageNavigator-hover-border-color: #0065b3;
    --PageNavigator-hover-background-color: #f4f4f4;
    /*--PageNavigator-hover-background-color: #278cda;*/
    --PageNavigator-active-color: #767676;
    --PageNavigator-active-border-color: #0078d4;
    --PageNavigator-active-background-color: #0078d4;
    --PageNavigator-disable-color: #808080;
    --PageNavigator-disable-border-color: #808080;
    /**/
    --FooterLinkFrameColumnLink-color: #616161;
    --FooterLinkFrameColumnLink-color-visited: #616161;
    --FooterLinkFrameColumnLink-color-active: #616161;
    --FooterLinkFrameColumnLink-color-hover: #616161;
    /**/
    --TopBar-bottom-color: #E0E0E0;
    --BottomBar-color: #616161;
    --BottomBar-background-color: #F1F1F1;
    --FooterLinkFrame-color: #616161;
    /**/
    --LinkNavigator-color: #0065b3;
    --LinkNavigatorFrame-Bottom-color: #E0E0E0;
    --LinkNavigatorLinkButton-color: #171717;
    --LinkNavigatorLinkButton-background-color-hover: #fafafa;
    /**/
    --LinkNavigator-Tag-color: #00508d;
    --LinkNavigator-TagFrame-color: #00508d;
    --LinkNavigator-TagFrame-active-color: #FFFFFF;
    --LinkNavigator-TagFrame-active-backcolor: #00508d;
    --LinkNavigator-IndexedTag-color: #0065b3;
    --LinkNavigator-IndexedTagFrame-color: #0065b3;
    --LinkNavigator-IndexedTagFrame-active-color: #FFFFFF;
    --LinkNavigator-IndexedTagFrame-active-backcolor: #0065b3;
    /* TOC */
    --TableOfContentsFrame-border-color: #A0A0A0;
    --TableOfContentsFrame-h2-color: #171717;
    --TableOfContentsExpandButtonColor: var(--ContentFrame-background-color);
    /**/
    --AuthorFrame-border-color: #C0C0C0;
    --AuthorFrame-background-color: #F8F8F8;
    --AuthorFrameTitle-color: #616161;
    --AuthorName-color: #4b4b4b;
    --AuthorName-border-bottom-color: hsla(206, 100%, 35%, 1);
    --AuthorProfile-color: #4b4b4b;
    /**/
    --FormattedText-border-color: #C0E0E0;
    --FormattedText-background-color: #f5f5f5;
    /**/
    --NoFrameImage-border-color: #000000;
    /**/
    --CodeFrame-background-color: #F0F0F0;
    --code-standard-border-color: none;
    --code-standard-background-color: #f2f2f2;
    /**/
    --Frame-note-background-color: #d7eaf8;
    --Frame-note-border-color: none;
    --Frame-note-caption-color: #004173;
    --Frame-important-background-color: #efd9fd;
    --Frame-important-border-color: none;
    --Frame-important-caption-color: #351e5e;
    --Frame-message-background-color: #efefef;
    --Frame-message-border-color: none;
    --Frame-message-caption-color: #565b60;
    --Frame-code-background-color: #e9eef1;
    --Frame-code-border-color: none;
    --Frame-code-caption-color: #205f85;
    --Frame-tips-background-color: #dff6dd;
    --Frame-tips-border-color: none;
    --Frame-tips-caption-color: #054b16;
    --Frame-caution-background-color: #fff4ce;
    --Frame-caution-border-color: none;
    --Frame-caution-caption-color: #6a4b16;
    --Frame-warning-background-color: #fde7e9;
    --Frame-warning-border-color: none;
    --Frame-warning-caption-color: #470001;
    --Frame-question-background-color: #f2f4f7;
    --Frame-question-border-color: #cccccc;
    --Frame-question-caption-color: #0f1a1c;
    --Frame-talk-background-color: #f5f7f9;
    --Frame-talk-border-color: #e3e5e8;
    --Frame-talk-caption-color: #0f1a1c;
    /**/
    --StandardTable-border-color: #808080;
    --StandardTable-td-border-color: #808080;
    --StandardTable-td-scope-row-border-color: #808080;
    --StandardTable-td-scope-row-background-color: #e9f7ff;
    --StandardTable-thead-border-color: #808080;
    --StandardTable-thead-background-color: #b7dbff;
    --StandardTable-tfoot-border-color: #808080;
    --StandardTable-tfoot-background-color: #D0D0D0;
    /**/
    --ListTable-border-color: #e3e3e3;
    /**/
    --CodeHeader-border-color: #d3d6db;
    --CodeHeader-background-color: #f5f5f5;
    /**/
    --ThemeMenu-color: #171717;
    --ThemeMenu-backgournd-color: #FFFFFF;
    --ThemeMenu-border-color: #e3e3e3;
    --ThemeMenu-backgournd-hover-color: #fafafa;
    /**/
    --SearchTextBox-color: #000000;
    --SearchTextBox-background-color: #FFFFFF;
    --SearchTextBox-border-color: #e3e3e3;
    --SearchTextBox-border-color-hover: #0065b3;
    /* Btn */
    --SearchButton-color: #002b4d;
    --SearchButton-border-color: #0065b3;
    --SearchButton-background-color: transparent;
    --SearchButton-color-hover: #FFFFFF;
    --SearchButton-border-color-hover: #0065b3;
    --SearchButton-background-color-hover: #0065b3;
    /* Navigation */
    --PageGroupNavigationFrame-menu-select-background-color: #e2e2e2;
    --PageGroupNavigationFrame-select-background-color: #f2f2f2;
    --PageGroupNavigationFrame-color: #707070;
    /* Menu Frame*/
    --MenuFramePageBackground-color: #000000;
    --MenuFrame-color: #171717;
    --MenuFrameBackground-color: #FFFFFF;
    --MenuDivLine-color: #e3e3e3;
    /* Keyword Frame*/
    --KeywordFrame-border-color: #C0E0E0;
    --KeywordFrame-background-color: #f5f5f5;
    --Keyword-border-color: #88c5c5;
    --Keyword-background-color: #FCFCFC;
    --Keyword-icon: url("res/keyword.svg");
  }

  :root[theme="dark"] {
    color-scheme: dark;
    --background-color: #171717;
    --text-color: #e3e3e3;
    /**/
    --h1-color: #e3e3e3;
    --h2-color: #e3e3e3;
    --h3-color: #e3e3e3;
    --h4-color: #e3e3e3;
    /**/
    --ContentFrame-background-color: #171717;
    --ContentFrame-color: #e3e3e3;
    --TopNavigator-color: #C0C0C0;
    /**/
    --link-color: #75b6e7;
    --link-color-visited: #ac7ee1;
    --link-color-active: #0078d4;
    --link-color-hover: #278cda;
    /**/
    --PageNavigator-color: #767676;
    --PageNavigator-border-color: #75b6e7;
    --PageNavigator-hover-color: #767676;
    --PageNavigator-hover-border-color: #278cda;
    --PageNavigator-hover-background-color: #212121;
    --PageNavigator-active-color: #171717;
    --PageNavigator-active-border-color: #75b6e7;
    --PageNavigator-active-background-color: #75b6e7;
    --PageNavigator-disable-color: #808080;
    --PageNavigator-disable-border-color: #808080;
    /**/
    --FooterLinkFrameColumnLink-color: #e3e3e3;
    --FooterLinkFrameColumnLink-color-visited: #e3e3e3;
    --FooterLinkFrameColumnLink-color-active: #278cda;
    --FooterLinkFrameColumnLink-color-hover: #e3e3e3;
    /**/
    --TopBar-bottom-color: #454545;
    --BottomBar-color: #e3e3e3;
    --BottomBar-background-color: #2e2e2e;
    --FooterLinkFrame-color: #e3e3e3;
    /**/
    --LinkNavigator-color: #75b6e7;
    --LinkNavigatorFrame-Bottom-color: #454545;
    --LinkNavigatorLinkButton-color: #e3e3e3;
    --LinkNavigatorLinkButton-background-color-hover: #2e2e2e;
    /**/
    --LinkNavigator-Tag-color: #2b89cf;
    --LinkNavigator-TagFrame-color: #2b89cf;
    --LinkNavigator-TagFrame-active-color: #e3e3e3;
    --LinkNavigator-TagFrame-active-backcolor: #2b89cf;
    --LinkNavigator-IndexedTag-color: #75b6e7;
    --LinkNavigator-IndexedTagFrame-color: #75b6e7;
    --LinkNavigator-IndexedTagFrame-active-color: #e3e3e3;
    --LinkNavigator-IndexedTagFrame-active-backcolor: #75b6e7;
    /* TOC */
    --TableOfContentsFrame-border-color: #474747;
    --TableOfContentsFrame-h2-color: #e3e3e3;
    --TableOfContentsExpandButtonColor: var(--ContentFrame-background-color);
    /**/
    --AuthorFrame-border-color: none;
    --AuthorFrame-background-color: #242424;
    --AuthorFrameTitle-color: #e3e3e3;
    --AuthorName-color: #c0c0c0;
    --AuthorName-border-bottom-color: hsla(206, 100%, 35%, 1);
    --AuthorProfile-color: #c0c0c0;
    /**/
    --FormattedText-border-color: #454545;
    --FormattedText-background-color: #2e2e2e;
    /**/
    --NoFrameImage-border-color: #000000;
    /**/
    --CodeFrame-background-color: #2c2c2c;
    --code-standard-border-color: none;
    --code-standard-background-color: #242424;
    /**/
    --Frame-note-background-color: #3b2e58;
    --Frame-note-border-color: none;
    --Frame-note-caption-color: #efd9fd;
    --Frame-important-background-color: #004173;
    --Frame-important-border-color: none;
    --Frame-important-caption-color: #9ccbee;
    --Frame-message-background-color: #303030;
    --Frame-message-border-color: none;
    --Frame-message-caption-color: #c0c0c0;
    --Frame-code-background-color: #2f2d3d;
    --Frame-code-border-color: #dae3ea;
    --Frame-code-caption-color: #dfdbf1;
    --Frame-tips-background-color: #054b16;
    --Frame-tips-border-color: none;
    --Frame-tips-caption-color: #dff6dd;
    --Frame-caution-background-color: #6a4b16;
    --Frame-caution-border-color: none;
    --Frame-caution-caption-color: #fff4ce;
    --Frame-warning-background-color: #630001;
    --Frame-warning-border-color: none;
    --Frame-warning-caption-color: #fde7e9;
    --Frame-question-background-color: #0b1416;
    --Frame-question-border-color: #232b2d;
    --Frame-question-caption-color: #f2f4f5;
    --Frame-talk-background-color: #0d1517;
    --Frame-talk-border-color: #0f3037;
    --Frame-talk-caption-color: #f2f4f5;
    /**/
    --StandardTable-border-color: #808080;
    --StandardTable-td-border-color: #808080;
    --StandardTable-td-scope-row-border-color: #808080;
    --StandardTable-td-scope-row-background-color: #003255;
    --StandardTable-thead-border-color: #808080;
    --StandardTable-thead-background-color: #005088;
    --StandardTable-tfoot-border-color: #808080;
    --StandardTable-tfoot-background-color: #404040;
    /**/
    --ListTable-border-color: #454545;
    /**/
    --CodeHeader-border-color: #454545;
    --CodeHeader-background-color: #242424;
    /**/
    --ThemeMenu-color: #e3e3e3;
    --ThemeMenu-backgournd-color: #171717;
    --ThemeMenu-border-color: #454545;
    --ThemeMenu-backgournd-hover-color: #454545;
    /**/
    --SearchTextBox-color: #e3e3e3;
    --SearchTextBox-background-color: #171717;
    --SearchTextBox-border-color: #454545;
    --SearchTextBox-border-color-hover: #0065b3;
    /* Btn */
    --SearchButton-color: #a3d7ff;
    --SearchButton-border-color: #4db2ff;
    --SearchButton-background-color: transparent;
    --SearchButton--color-hover: #000000;
    --SearchButton-border-color-hover: #4db2ff;
    --SearchButton-background-color-hover: #4db2ff;
    /* Navigation */
    --PageGroupNavigationFrame-menu-select-background-color: #343434;
    --PageGroupNavigationFrame-select-background-color: #242424;
    --PageGroupNavigationFrame-color: #a0a0a0;
    /* Menu Frame*/
    --MenuFramePageBackground-color: #000000;
    --MenuFrame-color: #e3e3e3;
    --MenuFrameBackground-color: #171717;
    --MenuDivLine-color: #454545;
    /* Keyword Frame*/
    --KeywordFrame-border-color: #454545;
    --KeywordFrame-background-color: #2e2e2e;
    --Keyword-border-color: #808080;
    --Keyword-background-color: #0F0F0F;
    --Keyword-icon: url("res/keyword-d.svg");
  }

/* ベースフィールド */
body {
  /*font-size: 100%;*/
  font-family: Segoe UI, "Helvetica Neue", Helvetica, Arial, Meiryo, sans-serif;
  /*
    font-family: Arial, sans-serif;
    font-family: Segoe UI, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: 'Segoe UI', SegoeUI, 'BIZ UDPGothic', 'Yu Gothic UI', 'Meiryo UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-family: "メイリオ",Meirio,sans-serif;
    font-family: segoe-ui_normal,Segoe UI,Segoe,Segoe WP,Helvetica Neue,Helvetica,sans-serif;
    font-family: Segoe UI,"Helvetica Neue",Helvetica,Arial, "Yu Gothic", sans-serif;
    font-family: 'Segoe UI','Segoe WP', 'BIZ UDPGothic', 'Yu Gothic', Helvetica Neue, Helvetica, sans-serif;
    font-family: segoe-ui_light,'Segoe UI Light','Segoe WP', 'Yu Gothic', Helvetica Neue, Helvetica, sans-serif;
  font-family: Segoe UI, "Helvetica Neue", Helvetica, Arial, sans-serif;
    */
  font-weight: 400;
  text-align: center;
  background-color: var(--background-color);
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  -webkit-text-size-adjust: 100%;
}


  body a:link {
    color: var(--link-color);
    text-decoration: none;
  }

  body a:visited {
    color: var(--link-color-visited);
    text-decoration: none;
  }

  body a:active {
    color: var(--link-color-active);
    text-decoration: none;
  }

  body a:hover {
    color: var(--link-color-hover);
    text-decoration: underline;
  }


  body a.LinkNavigatorLink:link {
    color: var(--LinkNavigator-color);
    text-decoration: none;
  }

  body a.LinkNavigatorLink:visited {
    color: var(--LinkNavigator-color);
    text-decoration: none;
  }

  body a.LinkNavigatorLink:active {
    color: var(--LinkNavigator-color);
    text-decoration: none;
  }

  body a.LinkNavigatorLink:hover {
    color: var(--link-color-hover);
    text-decoration: underline;
  }

  body a.LinkNavigatorTagLink {
    color: var(--LinkNavigator-Tag-color);
    border: 1px solid var(--LinkNavigator-TagFrame-color);
    border-radius: 1rem;
    padding: 0.025rem 0.5rem 0.025rem 0.5rem;
    text-decoration: none;
  }
    body a.LinkNavigatorTagLink:hover {
      color: var(--LinkNavigator-TagFrame-active-color);
      background-color: var(--LinkNavigator-TagFrame-active-backcolor);
    }

  body a.LinkNavigatorIndexedTagLink {
    color: var(--LinkNavigator-IndexedTag-color);
    border: 1px solid var(--LinkNavigator-IndexedTagFrame-color);
    border-radius: 1rem;
    padding: 0.025rem 0.5rem 0.025rem 0.5rem;
    text-decoration: none;
  }
    body a.LinkNavigatorIndexedTagLink:hover {
      color: var(--LinkNavigator-IndexedTagFrame-active-color);
      background-color: var(--LinkNavigator-IndexedTagFrame-active-backcolor);
    }
  body.lock {
    /*
    left: 0px;
    right: 0px;
    top: 0px;
    position: fixed;
    position: sticky;
    */
    overflow: hidden
  }

/*タグスタイル*/

/* Hタグ*/
h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  text-rendering: optimizeLegibility;
  word-wrap: break-word;
  color: var(--h1-color);
  font-feature-settings: "palt";
}

h1 {
  margin-top: 1rem;
  margin-bottom: 2.8rem;
  font-size: calc(1.45833rem + 1.38889vw);
  letter-spacing: -0.01em;
}

  h1.LongCharacter {
    font-size: 1.5rem;
  }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  h1 {
  }

    h1.LongCharacter {
    }
}


h2 {
  padding-top: 3.6rem;
  padding-bottom: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: var(--h2-color);
  /*font-size: 1.875rem;*/
  font-size: calc(1.39583rem + .97222vw);
  letter-spacing: -0.01em;
}


h3 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: var(--h3-color);
  font-size: calc(1.33333rem + .55556vw);
  letter-spacing: -0.01em;
}

h2 + h3 {
  padding-top: 0;
}

h3.SearchCaption {
  font-size: 1.25rem;
  font-weight: 400;
  margin-left: 0.25rem;
  margin-top: 1.75rem;
  margin-bottom: 0.1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  word-wrap: break-word;
}

h4 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: var(--h4-color);
  font-size: calc(1.29167rem + .27778vw);
  /*font-size: 1.0rem;*/
}

h3 + h4 {
  padding-top: 0;
}


h5 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  letter-spacing: 1px;
}

h4 + h5 {
  padding-top: 0;
}

h6 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
  font-size: 1.25rem;
  letter-spacing: 1px;
}

h5 + h6 {
  padding-top: 0;
}

h7 {
  display: block;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.3rem;
  font-size: 1.0rem;
  font-family: segoe-ui_semibold,Segoe UI Semibold,Segoe WP,'BIZ UDPGothic',Helvetica Neue,Helvetica,sans-serif;
  letter-spacing: 1px;
}


h6 + h7 {
  padding-top: 0;
}


/* PREタグ*/
pre {
  margin: 0 1rem 0 1rem;
  font-size: 1.0rem;
  line-height: 120%;
  font-weight: 400;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-wrap: normal;
  word-break: break-word;
  word-wrap: normal;
  white-space: pre;
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
}

  pre code {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
  }

div.CodeFrame {
  margin: 0.6rem 0 0.6rem 0;
  padding: 1.0rem 1.0rem 1.0rem 1.0rem;
  background-color: var(--CodeFrame-background-color);
  border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
}

code.CodeFrame {
  /*font-size: 1.0rem;*/
  line-height: 120%;
  font-family: 'Segoe UI','Segoe WP', 'BIZ UDPGothic', 'Yu Gothic', Helvetica Neue, Helvetica, sans-serif;
}

div.CodeHeader + pre {
  margin: 0;
}


/* ULタグ*/
ul {
  margin: 0;
  padding-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
}

  ul ul {
    margin: 0;
    padding-left: 2rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.2rem;
  }

    ul ul ul {
      margin: 0;
      padding-left: 2rem;
      padding-top: 0rem;
      padding-bottom: 0rem;
      padding-right: 0.2rem;
    }

  ul li {
    margin: 0;
    padding-top: 0.0rem;
    padding-bottom: 0.0rem;
    padding-left: 0.1rem;
    list-style: disc outside none;
    /*
    list-style: none;
    list-style-image: url("res/list-level-1.svg");
    */
  }

  /*
    ul li:before {
      font-family: iconfont;
      content: "\e907";
    }
    */
  ul ul li {
    margin: 0;
    padding-top: 0.0rem;
    padding-bottom: 0.0rem;
    padding-left: 0.1rem;
    list-style-type: circle;
    /*
    list-style: none;
    list-style-image: url("res/list-level-2.svg");
    */
  }

  ul ul ul li {
    margin: 0;
    padding-top: 0.0rem;
    padding-bottom: 0.0rem;
    padding-left: 0.2rem;
    /*
    list-style: none;
    list-style-image: url("res/list-level-3.svg");
      */
  }

/* olタグ*/
ol {
  margin: 0;
  padding-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
}

  ol ol {
    list-style-type: lower-roman;
    margin: 0;
    padding-left: 2rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.2rem;
  }

    ol ol ol {
      list-style-type: upper-roman;
      margin: 0;
      padding-left: 2rem;
      padding-top: 0rem;
      padding-bottom: 0.5rem;
      padding-right: 0.2rem;
    }

  ol li {
    margin: 0;
    padding-top: 0.0rem;
    padding-bottom: 0.0rem;
    padding-left: 0.2rem;
  }



/* 本文 */

figure {
  margin: 1rem auto 1rem auto;
  /*
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  margin-bottom: 8px;
    */
}

  figure > img.StandardFig {
    margin: 0.25rem 0 0 0;
  }

figcaption {
  font-size: 0.8rem;
  font-weight: 700;
}

input {
  font-family: "Segoe UI", SegoeUI, "Courier New", "Helvetica Neue", Helvetica, "BIZ UDPGothic", "Yu Gothic UI", "Meiryo UI", Arial, sans-serif;
}

textarea {
  font-family: "Segoe UI", SegoeUI, "Courier New", "Helvetica Neue", Helvetica, "BIZ UDPGothic", "Yu Gothic UI", "Meiryo UI", Arial, sans-serif;
  line-height: 1.25;
}


.FormattedText {
  font-size: 1.0rem;
  text-align: left;
  border: solid 1px var(--FormattedText-border-color);
  background-color: var(--FormattedText-background-color);
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  /*
  margin-left: 16px;
  margin-right: 16px;
    */
  word-wrap: break-word;
}

.NoFrameImage {
  border: none 0px var(--NoFrameImage-border-color);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* UpdateDateFrame */
.DateFrame {
  margin: 3.2rem 0 0.5rem 0;
}

.UpdateDate {
  display: inline-block;
}

.RevisionDate {
  display: inline-block;
  padding: 0 0 0 1rem;
}

.RegisterDate {
  display: inline-block;
  padding: 0 0 0 1rem;
}


/* code */
code.standard {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.20rem;
  padding-bottom: 0.20rem;
  background-color: var(--code-standard-background-color);
  border: solid 1px var(--code-standard-border-color);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  /*font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;*/
}


/* Frame Style */
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.otf?p2020051001') format('truetype'), url('font/iconfont.woff?p2020051001') format('woff'), url('font/iconfont.woff2?p2020051001') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bowtie';
  src: url('font/bowtie.otf?p2020051001') format('truetype'), url('font/bowtie.woff?p2020051001') format('woff'), url('font/bowtie.woff2?p2020051001') format('woff2');
  font-weight: normal;
  font-style: normal;
}


/* Frame Base Style */
.frame {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 0.75rem 1rem 1rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

  .frame > div.content {
    font-size: 1.0rem;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .frame > div.content-with-user {
    font-size: 1.0rem;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    padding: 0.2rem 0.1rem 0.2rem 0.1rem;
  }

  .frame div.caption {
    margin-bottom: 8px;
    font-weight: 600;
  }

    .frame div.caption:before {
      margin-left: 4px;
      margin-right: 4px;
      margin-bottom: 8px;
      font-family: iconfont;
    }

  /* ユーザー情報ありスタイル */
  .frame > div.content-with-user > div.UserInfoFrame {
    flex: 1;
    text-align: center;
    padding: 0 0.5rem 0 0;
    max-width: 6.4rem;
  }
  .frame > div.content-with-user > div.ContentDocumentFrame {
    flex: 5;
    padding: 0 0 0 0.5rem;
  }
  .frame > div.content-with-user > div.UserInfoFrame img {
    width: 100%;
    border-radius: 33%;
  }

  .frame > div.content-with-user > div.UserInfoFrame div.displayname {
    font-weight: 600;
    font-size: 0.7rem;
  }

  .frame > div.content-with-user > div.ContentDocumentFrame div.caption {
      margin-bottom: 1.25rem;
  }

  /* Note Style */
  .frame.note {
    background-color: var(--Frame-note-background-color);
    border-color: var(--Frame-note-border-color);
  }

    .frame.note div.caption {
      color: var(--Frame-note-caption-color);
    }

      .frame.note div.caption:before {
        font-weight: 500;
        content: "\e900";
      }

  /* Imoortant Style */
  .frame.important {
    background-color: var(--Frame-important-background-color);
    border-color: var(--Frame-important-border-color);
  }

    .frame.important div.caption {
      color: var(--Frame-important-caption-color);
    }

      .frame.important div.caption:before {
        font-weight: 500;
        content: "\e901";
      }

  /* Message Style */
  .frame.message {
    background-color: var(--Frame-message-background-color);
    border-color: var(--Frame-message-border-color);
  }

    .frame.message div.caption {
      color: var(--Frame-message-caption-color);
    }

      .frame.message div.caption:before {
        font-weight: 500;
        content: "\e902";
      }

  /* Code Style */
  .frame.code {
    background-color: var(--Frame-code-background-color);
    border-color: var(--Frame-code-border-color);
  }

    .frame.code div.caption {
      color: var(--Frame-code-caption-color);
    }

      .frame.code div.caption:before {
        font-weight: 500;
        content: "\e903";
      }

  /* Tip Style */
  .frame.tips {
    background-color: var(--Frame-tips-background-color);
    border-color: var(--Frame-tips-border-color);
  }

    .frame.tips div.caption {
      color: var(--Frame-tips-caption-color);
    }

      .frame.tips div.caption:before {
        font-weight: 500;
        content: "\e904";
      }


  /* Caution Style */
  .frame.caution {
    background-color: var(--Frame-caution-background-color);
    border-color: var(--Frame-caution-border-color);
  }

    .frame.caution div.caption {
      color: var(--Frame-caution-caption-color);
    }

      .frame.caution div.caption:before {
        font-weight: 500;
        content: "\e905";
      }

  /* Warning Style */
  .frame.warning {
    background-color: var(--Frame-warning-background-color);
    border-color: var(--Frame-warning-border-color);
  }

    .frame.warning div.caption {
      color: var(--Frame-warning-caption-color);
    }

      .frame.warning div.caption:before {
        font-weight: 500;
        content: "\e906";
      }

  /* Question Style */
  .frame.question {
    background-color: var(--Frame-question-background-color);
    /*border-color: var(--Frame-question-border-color);*/
    border: 1px solid var(--Frame-question-border-color);
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem;
  }

    .frame.question div.caption {
      color: var(--Frame-question-caption-color);
    }

    .frame.question div.caption:before {
      font-weight: 500;
      content: "\e919";
    }

  /* Talk Style */
  .frame.talk {
    background-color: var(--Frame-talk-background-color);
    /*border-color: var(--Frame-question-border-color);*/
    border: 1px solid var(--Frame-talk-border-color);
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem;
  }

    .frame.talk div.caption {
      color: var(--Frame-talk-caption-color);
    }

      .frame.talk div.caption:before {
      }


/* Table */
.StandardTable {
  border: solid 1px var(--StandardTable-border-color);
  margin: 1.6em 0 2.0em 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0px;
}

  .StandardTable caption {
    text-align: center;
    margin: 0.2em 0 0.2em 0;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: 700;
  }

  .StandardTable tbody tr td {
    border: solid 1px var(--StandardTable-td-border-color);
    margin: 0px 0px 0px 0px;
    padding: 0.1em 0.1em 0.1em 0.1em;
  }

    .StandardTable tbody tr td[scope="row"] {
      border: solid 1px var(--StandardTable-td-scope-row-border-color);
      margin: 0px 0px 0px 0px;
      padding: 0.25em 0.25em 0.25em 0.25em;
      background-color: var(--StandardTable-td-scope-row-background-color);
      font-weight: 700;
    }

  .StandardTable tbody tr th {
    border: solid 1px var(--StandardTable-td-scope-row-border-color);
    margin: 0px 0px 0px 0px;
    padding: 0.25em 0.25em 0.25em 0.25em;
    background-color: var(--StandardTable-td-scope-row-background-color);
    font-weight: 700;
  }

  .StandardTable thead tr th {
    border: solid 1px var(--StandardTable-thead-border-color);
    margin: 0px 0px 0px 0px;
    padding: 0.25em 0.25em 0.25em 0.25em;
    background-color: var(--StandardTable-thead-background-color);
  }

  .StandardTable tfoot tr td {
    border: solid 1px var(--StandardTable-tfoot-border-color);
    margin: 0px 0px 0px 0px;
    padding: 0.25em 0.25em 0.25em 0.25em;
    background-color: var(--StandardTable-tfoot-background-color);
  }




/* ListTable */
.ListTable {
  border-collapse: collapse;
  margin: 2em 0 2.8em 0;
  padding: 0;
}

  .ListTable caption {
    text-align: center;
    margin: 0.2em 0 0.2em 0;
    padding: 0px 0px 0px 0px;
    font-size: 0.9em;
    font-weight: 700;
  }


  .ListTable tr th {
    padding: 0.5em 0px 0.5em 1em;
  }

  .ListTable tr td {
    padding: 0.5em 0px 0.5em 1em;
    border-top: 1px solid;
    border-color: var(--ListTable-border-color);
  }


/* Figure */
.StandardFig {
  border-style: none;
  margin: 0.5rem auto 1rem auto;
  max-width: 100%;
  /*  width: auto;*/
  height: auto;
}

/*Preタグの上に入るコードヘッダ*/
div.CodeHeader {
  font-size: 1.0rem;
  line-height: 1.2;
  font-weight: 400;
  border-top: solid 1px var(--CodeHeader-border-color);
  border-left: solid 1px var(--CodeHeader-border-color);
  border-right: solid 1px var(--CodeHeader-border-color);
  border-bottom: none;
  background-color: var(--CodeHeader-background-color);
  margin-top: 16px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}





/*TopBar*/
.TopBar {
  text-align: left;
  /*height: 3.4rem;*/
  margin: 0 auto 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--TopBar-bottom-color);
}

.TopBarContentFrame {
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
}

.TopBarLogo {
  padding-left: 0;
  padding-top: 0.8rem;
  margin-left: 0;
  flex: 2;
}

.TopBarLogoHyperLink img {
  border: none;
  width: 8.6rem;
}


/*BottomBar*/
.BottomBar {
  width: 100%;
  border-width: 0px;
  border-style: none;
  margin: 2rem auto 0px auto;
  color: var(--BottomBar-color);
  background-color: var(--BottomBar-background-color);
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.BottomBarContentFrame {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.8rem;
  padding-left: 4vw;
  padding-right: 4vw;
  text-align: right;
}


.BottomBarLogo {
  padding-right: 0.5rem;
  padding-top: 0.2rem;
}

.BottomBarLogoHyperLink img {
  border: none;
  max-height: none;
  max-width: 8rem;
  width: 8rem;
  height: auto;
}


.CopyRightFrame {
  text-align: right;
  /*display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
    */
}

.CopyRightText {
  font-size: 0.8rem;
  /*  flex: 0;
  flex-basis: 180px;
    */
}

.CopyRightLogo {
  /*   
    flex: 0;
   flex-basis: 100px;*/
}



/* Footer Link*/
.FooterLinkFrame {
  color: var(--FooterLinkFrame-color);
  display: block;
}

.FooterLinkFrameColumn1 {
  flex: 1;
  text-align: left;
}

.FooterLinkFrameColumn2 {
  flex: 1;
  text-align: left;
}

.FooterLinkFrameColumn3 {
  display: none;
  flex: 1;
  text-align: left;
}

.FooterLinkFrameColumn4 {
  display: none;
  flex: 1;
  text-align: left;
}

.FooterLinkFrameColumn5 {
  display: none;
  flex: 1;
  text-align: left;
}

.FooterLinkFrameColumn6 {
  display: none;
  flex: 1;
  text-align: left;
}

.FooterLinkFrameColumnTitle {
  font-weight: 600;
  font-size: 1.0rem;
}

.FooterLinkFrameColumnLink {
  font-size: 0.8rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

  .FooterLinkFrameColumnLink a:link {
    color: var(--FooterLinkFrameColumnLink-color);
  }

  .FooterLinkFrameColumnLink a:hover {
    color: var(--FooterLinkFrameColumnLink-color-hover);
    text-decoration: underline;
  }

  .FooterLinkFrameColumnLink a:active {
    color: var(--FooterLinkFrameColumnLink-color-active);
  }

  .FooterLinkFrameColumnLink a:visited {
    color: var(--FooterLinkFrameColumnLink-color-visited);
  }


/*Frame*/
.TopNaviagtorFrame {
  display: flex;
}

.NavigatorFrame_SiteAndTag {
  padding: 0.25rem 0 0 1.2rem;
  margin-right: auto;
  text-align: left;
  flex: 2;
}

.NavigatorFrame_Manage {
  text-align: right;
}

.NavigatorFrame_Menu {
  text-align: right;
  flex: 1;
}

.NavigatorFrame_CategoryText {
  color: var(--text-color);
}

/* Content Container */
.ContentContainer {
  padding-left: calc(50% - 960px);
  padding-right: calc(50% - 960px);
  margin: 0 0 0 0;
  text-align: left;
  background-color: var(--ContentFrame-background-color);
  color: var(--ContentFrame-color);
  word-wrap: break-word;
  /*border: 2px #ff6d00 solid;*/
}

.OuterContentContainer {
  display: flex;
  /*border: 2px solid #0065b3;*/
  /*padding: 0 1.2rem 0 1.2rem;*/
}

.InnerContentContainer {
  display: block;
  /*min-width:0;*/
  /*border: 2px solid #ffbe09;*/
}

/* Document Frame */

.ContentFrame {
  padding: 0 0 0 0;
  flex: 5;
  min-width: 0;
  /*border: 2px solid #73ff82;*/
}

.SingleContent {
  margin: 0 0 0 0;
}

.DocumentFrame {
  flex: 4;
  /*flex: 6;*/
  font-size: 1.0rem;
  line-height: 1.625;
  margin: 0 0 0 0;
  min-width: 0;
  /*border: 2px solid #8424ff;*/
}

.LeftFrame {
  word-break: break-word;
  display: none;
  flex: 0;
  /*
  min-width: 240px;
  max-width: 280px;
  */
  margin: 0;
  padding: 0;
  /*border: 2px solid #940000;*/
}

.RightFrame {
  flex: 0;
  margin: 0 0 0 1.2rem;
  padding: 0;
  text-align: right;
  display: none;
  /*
  background-color: hsl(206, 92%, 86%);
  border: 1px solid #ff6a00;
  */
}

/* Left Ad */
.LeftSideTopContentFrame {
}

.LeftSideStickyContentFrame {
  top: 2rem;
  position: sticky;
  margin: 1rem 0 1rem 0;
  padding: 0 0 0 0;
  /*border: 1px solid #167000;*/
}

/* Right Ad */
.RightSideTopContentFrame {
  /*  border: 1px solid #167000;*/
}

.RightSideStickyContentFrame {
  /*top: 2rem;*/
  top: 1.4rem;
  position: sticky;
  /*margin: 1rem 0 1rem 0;*/
  /*border: 1px solid #167000;*/
}







/* Title Frame */
.TitleFrame {
  margin-left: 0;
  margin-right: 0;
}






.RegisterUpdateInfoFrame {
  font-size: 0.85rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  text-align: left;
}

/*Navigator*/
.TopNavigator {
  padding-left: calc(50% - 960px);
  padding-right: calc(50% - 960px);
  padding: 0.5rem 0 0.5rem 0;
  /*
  padding-left: 4vw;
  padding-right: 4vw;
    */
  margin-left: auto;
  margin-right: auto;
  color: var(--TopNavigator-color);
  font-size: 0.875rem;
  display: block;
}


.LinkNavigatorFrame {
  border-bottom: none;
  /*
  border-bottom-width: 1px;
  border-bottom-style: solid;
  */
  border-bottom-color: var(--LinkNavigatorFrame-Bottom-color);
}

.LinkNavigator {
  flex: 2;
  text-align: left;
}

.LinkNavigatorLink {
}

.LinkNavigatorLinkButton {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  color: var(--LinkNavigatorLinkButton-color);
  text-decoration: none;
}

  .LinkNavigatorLinkButton:link {
    color: var(--LinkNavigatorLinkButton-color);
    text-decoration: none;
  }

  .LinkNavigatorLinkButton:active {
    color: var(--LinkNavigatorLinkButton-color);
    text-decoration: none;
  }

  .LinkNavigatorLinkButton:visited {
    color: var(--LinkNavigatorLinkButton-color);
    text-decoration: none;
  }

  .LinkNavigatorLinkButton:hover {
    color: var(--LinkNavigatorLinkButton-color);
    text-decoration: none;
    background-color: var(--LinkNavigatorLinkButton-background-color-hover);
  }


/*3段組み用 (新着リスト用)*/
.LinkNavigatorLink3 {
}


/*Right Navigator*/
.RightNavigator {
  flex: 1;
  text-align: right;
}

/*Back Navigator*/
.BackLinkNavigator {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
}

/*管理用パネル*/
.EditorPanel {
  display: inline;
}





/* Search */
.SearchTextBox {
  margin-top: 0.6rem;
  padding: 0.25rem 0.2rem 0.25rem 0.2rem;
  outline: 0;
  border: 1px solid var(--SearchTextBox-border-color);
  width: 95%;
  color: var(--SearchTextBox-color);
  background-color: var(--SearchTextBox-background-color);
}

  .SearchTextBox:hover {
    outline: 1px solid var(--SearchTextBox-border-color-hover);
  }

  .SearchTextBox:focus {
    outline: 2px solid var(--SearchTextBox-border-color-hover);
  }

.SearchButton {
  padding: 0.5rem 0 0.5rem 0;
  color: var(--SearchButton-color);
  border: 1px solid var(--SearchButton-border-color);
  background-color: var(--SearchButton-background-color);
  width: 2rem;
}

  .SearchButton:hover {
    color: var(--SearchButton-color-hover);
    border: 1px solid var(--SearchButton-border-color-hover);
    background-color: var(--SearchButton-background-color-hover);
  }



/* Search Result */

.SearchSubCaption {
  margin-top: 0.1rem;
  margin-left: 2rem;
  font-size: 0.9rem;
  word-wrap: break-word;
}

.SearchSummary {
  margin: 0.2rem 1rem 0.2rem 2rem;
  font-size: 0.8rem;
  line-height: 150%;
}

.SearchDivLine {
  width: 90%;
  height: 0.5rem;
  margin-top: 0;
  margin-bottom: 0.8rem;
  /*border-bottom: solid 1px #c0c0c0;*/
}


/* Header Search Frame */
.HeaderSearchFrame {
  display: none;
  margin-top: 0.5rem;
  margin-right: 0;
  text-align: right;
  flex: 1;
}


/* Page Navigator */
.PageNavigator {
  display: flex;
  font-size: 1.10rem;
  padding-bottom: 1rem;
  margin-top: 2.0rem;
  margin-bottom: 5.0rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.PageNavigatorButton {
  flex: 0;
  flex-basis: 2rem;
  display: block;
  text-align: center;
  padding: 0.5rem 0.25rem 0.5rem 0.25rem;
  margin: 0 0.5rem 0 0.5rem;
  /*
  border-radius: 0.2rem;
  border: 1px solid var(--PageNavigator-border-color);
  */
}

  .PageNavigatorButton.Active {
    /*
    flex: 0;
    flex-basis: 2rem;
    display: block;
    text-align: center;
    padding: 0.5rem 0.25rem 0.5rem 0.25rem;
    margin: 0 0.5rem 0 0;
    border: 1px solid #808080;
      */
    /*
    color: var(--PageNavigator-active-color);
    background-color: var(--PageNavigator-active-background-color);
    border-color: var(--PageNavigator-active-border-color);
    */
    border-bottom: 3px solid var(--PageNavigator-active-border-color);
  }


a.PageNavigatorButton:link {
  color: var(--PageNavigator-color);
  text-decoration: none;
}

a.PageNavigatorButton:visited {
  color: var(--PageNavigator-color);
  text-decoration: none;
}

a.PageNavigatorButton:active {
  color: var(--PageNavigator-color);
  text-decoration: none;
}

a.PageNavigatorButton:hover {
  color: var(--PageNavigator-hover-color);
  text-decoration: none;
  background-color: var(--PageNavigator-hover-background-color);
  border-color: var(--PageNavigator-hover-border-color);
}

.PageNavigatorButtonNextPrev {
  flex: 0;
  flex-basis: 4rem;
  display: block;
  text-align: center;
  padding: 0.5rem 0.25rem 0.5rem 0.25rem;
  margin: 0 0.5rem 0 0;
  /*
  border-radius: 0.2rem;
  border: 1px solid var(--PageNavigator-border-color);
    */
}

  .PageNavigatorButtonNextPrev:hover {
    background-color: var(--PageNavigator-hover-background-color);
  }

.PageNavigatorButtonNextPrevImage {
  height: 1rem;
}

.PageNavigatorButtonNextPrev.Disable {
  color: var(--PageNavigator-disable-color);
  border: 1px solid var(--PageNavigator-disable-border-color);
}

  .PageNavigatorButtonNextPrev.Disable:hover {
    color: var(--PageNavigator-disable-color);
    border: 1px solid var(--PageNavigator-disable-border-color);
  }

a.PageNavigatorButtonNextPrev:link {
  color: var(--PageNavigator-color);
  text-decoration: none;
}

a.PageNavigatorButtonNextPrev:visited {
  color: var(--PageNavigator-color);
  text-decoration: none;
}

a.PageNavigatorButtonNextPrev:active {
  color: var(--PageNavigator-color);
  text-decoration: none;
}

a.PageNavigatorButtonNextPrev:hover {
  color: var(--PageNavigator-hover-color);
  text-decoration: none;
  border-color: var(--PageNavigator-hover-border-color);
}


.RightNavigatorMenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0;
  padding: 0 1.2rem 0 0;
}

  .RightNavigatorMenu > li {
    flex: none;
    text-align: center;
    list-style-type: none;
    list-style-image: none;
    margin: 0.25rem 0 0 0.5rem;
  }

/*Related Document*/

.RelatedDocumentContainer {
  margin: 0;
  /*margin: 1rem 1.5rem 1rem 1.5rem;*/
}

.RelatedDocumentFrame {
  text-align: left;
  margin: 2rem 0 1rem 0;
}

  .RelatedDocumentFrame h2 {
    /*border-top: solid 1px #157eff;*/
    margin: 1rem 0 0.5rem 0;
    padding: 0;
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--TableOfContentsFrame-h2-color);
    line-height: 100%;
  }

  .RelatedDocumentFrame .RelatedDocumentItemFrame {
    margin-left: 1rem;
  }

    .RelatedDocumentFrame .RelatedDocumentItemFrame .RelatedDocumentItem {
      margin-top: 0.1rem;
      margin-bottom: 0.1rem;
      font-size: 0.86rem;
    }


/* Author Frame */
.AuthorFrame {
  margin-top: 4rem;
  margin-bottom: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  /*display: flex;*/
  background-color: var(--AuthorFrame-background-color);
  border: solid 1px var(--AuthorFrame-border-color);
  align-items: center;
}

.AuthorFramePortrait {
  /*flex: 1;*/
  text-align: center;
  padding: 2rem 1.2rem 0.5rem 1.2rem;
}

.AuthorFrameInfo {
  /*flex: 1;*/
  padding: 0.4rem 1.2rem 0.5rem 2rem;
}

.AuthorFrameTitle {
  color: var(--AuthorFrameTitle-color);
  font-size: 0.8rem;
  font-weight: 400;
}

.AuthorNameBlock {
  margin-top: 0.5rem;
  margin-bottom: 1.8rem;
}

.AuthorName {
  color: var(--AuthorName-color);
  font-size: 1.2rem;
  display: inline;
  padding-bottom: 0.6rem;
  border-bottom: 0.2rem solid var(--AuthorName-border-bottom-color);
}

.AuthorProfile {
  margin-top: 0.5rem;
  color: var(--AuthorProfile-color);
  font-size: 0.75rem;
}

.AuthorPortraitImage {
  border-radius: 50%;
  width: 7.6rem;
}


/* Table Of Contents*/
.MobileTableOfContentsFrame {
  border: 1px solid var(--TableOfContentsFrame-border-color);
  margin: 1rem 0 1rem 0;
  padding: 0 2rem 0 2rem;
}
.MobileTableOfContents {
  max-height: 200px;
  overflow: hidden;
  transition: max-height .3s;
  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}
  .MobileTableOfContents.expanded {
    max-height: none;
    mask-image: none;
  }
.MobileTableOfContentsExpandButtonFrame {
  text-align:center;
  margin: 0.5rem 0 0.5rem 0;
}

.toc-toggle {
  display: block;
  margin: 12px auto;
  padding: 6px 16px;
  font-size: 0.8rem;
  background-color: var(--TableOfContentsExpandButtonColor);
  border: 1px solid var(--TableOfContentsFrame-border-color);
  border-radius: 20px;
  cursor: pointer;
}

.LeftFrameTableOfContentsFrame {
  margin: 1.6rem 0 4rem 0;
}

.TableOfContentsFrame {
  display: table;
  padding: 0 0 0 0;
  font-size: 0.86rem;
}

.TableOfContents {
  /*
  margin: 1rem 1rem 0 1rem;
  padding: 0.5rem 0 0 0.5rem 0;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  */
}

  .TableOfContents ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0.25rem 0 0.25rem 0;
    /*padding: 0 0 0 0;*/
  }

    .TableOfContents ul li {
      list-style-type: none;
      list-style-image: none;
      padding: 0.25rem 0 0.25rem 0;
      /*padding: 0 0 0 0;*/
    }

    .TableOfContents ul ul {
      list-style-type: none;
      list-style-image: none;
      padding: 0.25rem 0 0.25rem 1rem;
    }

      .TableOfContents ul ul li {
        list-style-type: none;
        list-style-image: none;
        padding: 0.2rem 0 0.2rem 0.0rem;
        /*padding: 0 0 0 0;*/
      }



.TableOfContentsFrame hr {
  border: 0;
  margin: 0.5rem 0 0 0;
  border-bottom: 2px solid var(--TableOfContentsFrame-border-color);
}

.TableOfContentsFrame h2 {
  margin: 1rem 0 0.5rem 0;
  padding: 0;
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--TableOfContentsFrame-h2-color);
  line-height: 100%;
}

/* Expand Frame */
.AccordionFrame {
}

.AccordionContentFrame {
  max-height: 480px;
  overflow: hidden;
  transition: max-height .3s;
  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}

  .AccordionContentFrame.expanded {
    max-height: none;
    mask-image: none;
  }

  .AccordionExpandButtonFrame {
    max-height: none;
    mask-image: none;
  }

.accordion-toggle {
  display: block;
  margin: 12px auto;
  padding: 6px 16px;
  font-size: 0.8rem;
  background-color: var(--TableOfContentsExpandButtonColor);
  border: 1px solid var(--TableOfContentsFrame-border-color);
  border-radius: 20px;
  cursor: pointer;
}

/* PageGroupNavigator */
.TableOfPageGroupNavigationContents {
  text-align: left;
  font-size: 0.875rem;
  /*
  margin: 1rem 1rem 0 1rem;
  padding: 0.5rem 0 0 0.5rem 0;
    margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
    */
}

  .TableOfPageGroupNavigationContents h2 {
    margin: 1rem 0 0.5rem 0;
    padding: 0;
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--TableOfContentsFrame-h2-color);
    line-height: 100%;
  }

  .TableOfPageGroupNavigationContents > ul {
    padding: 0 0 0 0;
  }

    .TableOfPageGroupNavigationContents > ul ul {
      padding: 0;
    }

    .TableOfPageGroupNavigationContents > ul li {
      padding: 0.25rem 0 0.25rem 0;
      margin: 0;
      list-style: none;
      list-style-image: none;
      color: var(--PageGroupNavigationFrame-color);
    }

    .TableOfPageGroupNavigationContents > ul ul li {
      padding: 0.25rem 0 0.25rem 1rem;
      margin: 0;
      list-style: none;
      list-style-image: none;
      color: var(--PageGroupNavigationFrame-color);
    }


    .TableOfPageGroupNavigationContents > ul li span {
      display: block;
      padding: 0.25rem 0 0.25rem 0;
      color: var(--PageGroupNavigationFrame-color);
    }

      .TableOfPageGroupNavigationContents > ul li span:before {
        padding: 0 1.0rem 0 0;
        font-family: iconfont;
        content: "\E90E";
      }

    .TableOfPageGroupNavigationContents > ul li a {
      display: block;
      /*padding: 0.25rem 0 0.25rem 0.5rem;*/
      padding: 0.12rem 0 0 0.12rem;
      color: var(--ContentFrame-color);
    }

    .TableOfPageGroupNavigationContents > ul > li a.OwnLink {
      font-weight: 700;
      background-color: var(--PageGroupNavigationFrame-menu-select-background-color);
    }


/* PageGroupNavigator (PageBottom) */
/*
.PageGroupNavigationFrame {
  text-align: left;
  margin: 0 4rem 2rem 0;
  font-size: 0.875rem;
}

.PageGroupNavigationTitle {
  margin: 0.25rem 0.5rem 0.5rem 0;
}

.PageGroupNavigationFrame {
  font-size: 0.875rem;
}

.PageGroupNavigationFrame > ul {
  padding: 0 0 0 0;
}

.PageGroupNavigationFrame > ul ul{
  padding: 0 0 0 0.5rem;
}

  .PageGroupNavigationFrame > ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-image: none;
    color: var(--PageGroupNavigationFrame-color);
  }

    .PageGroupNavigationFrame > ul li span {
      display: block;
      padding: 0.25rem 0 0.25rem 0;
      color: var(--PageGroupNavigationFrame-color);
    }

      .PageGroupNavigationFrame > ul li span:before {
        padding: 0 1.0rem 0 0;
        font-family: iconfont;
        content: "\E90E";
      }

    .PageGroupNavigationFrame > ul li a {
      display: block;
      padding: 0.25rem 0 0.25rem 0.5rem;
      color: var(--ContentFrame-color);
    }

  .PageGroupNavigationFrame > ul > li a.OwnLink {
    font-weight: 700;
    background-color: var(--PageGroupNavigationFrame-select-background-color);
  }
  */

/* KeyWordListFrame */
.KeyWordListFrame {
  margin: 2.4rem 0 2.4rem 0;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: 1px solid var(--KeywordFrame-border-color);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  background-color: var(--KeywordFrame-background-color);
  font-size: 0.86rem;
  /*font-size: 0.6rem;*/
}

  .KeyWordListFrame .title {
    font-size: 0.72rem;
    font-weight: 700;
  }

  .KeyWordListFrame ul li {
    border: 1px solid var(--Keyword-border-color);
    background-color: var(--Keyword-background-color);
    border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
    margin: 0 0.1rem 0 0.1rem;
    line-height: 2rem;
    padding: 0.25rem 0.48rem 0.25rem 0.48rem;
    display: inline;
  }

    .KeyWordListFrame ul li:before {
      width: 0.92rem;
      padding: 0 0.25rem 0 0;
      display: inline-block;
      content: var(--Keyword-icon);
    }

/* Google Map*/
.MapCanvas {
  width: 95%;
  height: 32rem;
}

.prettyprint {
  overflow: auto;
}


#ThemeMenu {
  text-align: left;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  /*top: 5rem;*/
  right: 1rem;
  width: 160px;
  margin-top: 0.5rem;
  position: absolute;
  display: none;
  z-index: 1;
  border: 1px solid var(--ThemeMenu-border-color);
  color: var(--ThemeMenu-color);
  background-color: var(--ThemeMenu-backgournd-color);
}

  #ThemeMenu > div {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: 1.5rem;
  }

    #ThemeMenu > div:hover {
      background-color: var(--ThemeMenu-backgournd-hover-color);
      cursor: pointer;
    }

    #ThemeMenu > div.selected {
      border: 1px solid #0065b3;
    }


/* ImageViewer */
#ImageViewer {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  text-align: center;
  width: 100vw;
  height: 100vh;
}

#ImageViewerBackGround {
  z-index: 3;
  opacity: 0.95;
  background-color: #000000;
  width: inherit;
  height: inherit;
}

.ImageViewerContentFrame {
}

.ImageViewerImageFrame {
  /*margin: 2rem 10rem 10rem 10rem;*/
  margin: 3.2rem 0 2rem 0;
  /*max-width: 80vw;*/
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.CloseButtonFrame {
  margin: 2rem auto 0 auto;
  padding: 0 0 0;
  width: 1.6rem;
  min-width: 1.6rem;
}

.CloseButtonImage {
  width: 100%;
}


#ImageViewerImage {
  padding: 0 1rem 0 1rem;
  margin: 0 auto 0 auto;
  max-width: calc(100% - 4rem);
  max-height: calc(100% - 16rem);
}


/* Hub Page */

.HubItemFrame {
  padding: 0.5rem 0 0.5rem 0;
  display: flex;
}

.HubItemIcon {
  min-width: 4.8rem;
  max-width: 4.8rem;
}

  .HubItemIcon img {
    width: 100%;
  }

.HubItemCaption {
  padding: 0 0 0 0.5rem;
  align-content: flex-start;
  overflow-wrap: anywhere;
}

.HubPageFrame {
}

.HubCategoryFrame {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

/* Promotion */
.PromotionFrame {
  margin: 0.5rem 0 0.5rem 0;
}

.PromotionText {
  text-align: center;
}

  .PromotionText a:link {
    color: var(--text-color);
  }

  .PromotionText a:visited {
    color: var(--text-color);
  }

  .PromotionText a:hover {
    color: var(--text-color);
  }

  .PromotionText a:active {
    color: var(--text-color);
  }

.PromotionImage {
  width: 100%;
}

/* Ads */
.AdsContainerDocumentTop {
  display: flex;
  margin: 1.6rem 0 1.6rem 0;
  min-height: 256px;
  max-height: 284px;
}

.AdsContainerDocumentBottom {
  display: flex;
  margin: 1.6rem 0 1.6rem 0;
  min-height: 256px;
}

.AdsContainerLeft {
  flex: 1;
  margin: 0 0.9rem 0 0;
}

.AdsContainerCenterLeft {
  display: none;
  flex: 1;
  margin: 0 0.9rem 0 0.9rem;
}

.AdsContainerCenterRight {
  display: none;
  flex: 1;
  margin: 0 0.9rem 0 0.9rem;
}

.AdsContainerRight {
  display: none;
  flex: 1;
  margin: 0 0 0 0.9rem;
}

.AdsContainerSingle {
  flex: 1;
  margin: 0 0.9rem 0 0.9rem;
}

.AdsContainerSide {
  margin: 1.25rem 0 0 0;
  text-align: center;
  /*border: 1px solid #ff6500;*/
}


.AdsContainerImageViewer {
  margin: 5rem auto 2rem auto;
  padding: 2rem 0 6rem 0;
  /*border: 1px solid #ff6500;*/
  width: 80vw;
}

.AdsWidthUnder300 {
  text-align: center;
  display: block;
}

.AdsWidthOver300 {
  text-align: center;
  display: none;
}





/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* PC画面 */
/* 解像度別 表示タグ */
/* 狭幅PC (Tablet) */
@media (min-width: 300px) {
  /*
  h1 {
    font-size: 2.5rem;
  }

    h1.LongCharacter {
      font-size: 2.34em;
    }

  h2 {
    font-size: 2.125rem;
  }

  h2.IndexCategory {
    font-size: 1.6rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.25rem;
  }

  h7 {
    font-size: 1.0rem;
  }
  */

  /*ULタグ*/

  /*OLタグ*/

  /* 本文 */
  .FormattedText {
  }

  .NoFrameImage {
  }

  /* Table */
  .StandardTable caption {
    text-align: left;
  }

  .ListTable caption {
    text-align: left;
  }

  /* Figure */
  .StandardFig {
  }

  /* PREタグ*/
  pre {
  }

  /* クラススタイル */
  /* ベースフィールド */
  body {
    margin-right: auto;
    margin-left: auto;
  }


  .ContentContainer {
    margin: 0 0.6rem 0 0.6rem;
  }

  /*TopBar*/
  .TopBar {
    padding-left: calc(50% - 960px);
    padding-right: calc(50% - 960px);
  }

  .TopBarLogo {
  }

  .TopBarLogoHyperLink img {
  }

  /*BottomBar*/
  .BottomBarLogoHyperLink img {
    max-width: 8rem;
    width: 8rem;
  }

  /* Footer Link*/
  .FooterLinkFrame {
    display: flex;
  }

  /*Frame*/

  /* Title Frame */
  .TitleFrame {
  }

  /* Content Container */
  .InnerContentContainer {
    display: block;
  }
  /* Document Frame */

  .LeftFrame {
    display: none;
  }

  .RightFrame {
  }

  .RegisterUpdateInfoFrame {
    margin: 0.25rem auto 0.25rem auto;
  }

  /*Navigator*/
  .TopNavigator {
    padding-left: calc(50% - 960px);
    padding-right: calc(50% - 960px);
  }

  /* Search */
  .SearchTextBox {
    /*width: 12rem;*/
  }

  .SearchButton {
    width: 6rem;
  }

  .SearchNavi {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
  }

  .SearchNaviSearchPage {
    margin: 1.0rem 0 1.0rem 0;
  }

  /* Search Result */
  .SearchCaption {
  }

  .SearchSubCaption {
  }

  /* Header Search Frame */
  .HeaderSearchFrame {
    display: block;
  }

  /* Author Frame */
  .AuthorFrame {
  }

  .AuthorFramePortrait {
  }

  .AuthorFrameInfo {
  }

  .AuthorFrameTitle {
  }

  .AuthorNameBlock {
  }

  .AuthorName {
  }

  .AuthorProfile {
    font-size: 0.9rem;
  }

  .AuthorPortraitImage {
  }


  /*Tag List*/
  .TagListFrame {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .TagListCell {
    font-size: 0.9rem;
    /*margin: 0.2rem 0.8rem 0.20rem 0;*/
  }


  /* Page Navigator */
  .PageNavigator {
    justify-content: center;
  }

  .PageNavigatorButton {
    display: none;
  }

    .PageNavigatorButton.Active {
      display: block;
    }

  /* Ads */
  .AdsContainerLeft {
  }

  .AdsContainerCenterLeft {
    display: none;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: none;
  }

  .AdsContainerSide {
  }

  .AdsWidthUnder300 {
    display: block;
  }

  .AdsWidthOver300 {
    display: none;
  }
}


@media (min-width: 480px) {
  h1 {
    font-size: 2.28rem;
  }

    h1.LongCharacter {
      font-size: 2.06em;
    }

  h2 {
    font-size: 1.96rem;
  }

    h2.IndexCategory {
      font-size: 1.6rem;
    }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.25rem;
  }

  h7 {
    font-size: 1.0rem;
  }


  /* Content Container */

  .ContentFrame {
    /*padding: 0 1.2rem 0 1.2rem;*/
  }

  .InnerContentContainer {
    display: block;
  }

  /* Document Frame */
  .LeftFrame {
    display: none;
  }

  .RightFrame {
  }

  /* Author Frame */
  .AuthorFrame {
    margin-top: 4rem;
    margin-bottom: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
  }

  .AuthorFramePortrait {
    /*flex: 1;*/
    text-align: center;
    padding: 2rem 1.2rem 2rem 1.2rem;
  }

  .AuthorFrameInfo {
    /*flex: 1;*/
    padding-left: 0.5rem;
    padding-right: 1.4rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    /*
    flex: 2;

    padding-left: 1rem;
    padding-right: 2rem;
      */
  }

  /* Page Navigator */
  .PageNavigator {
    justify-content: center;
  }

  .PageNavigatorButton {
    display: none;
  }

    .PageNavigatorButton.Active {
      display: block;
    }

  /*Tag List*/
  .TagListFrame {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }


  /* Ads */
  .AdsContainerLeft {
    display: block;
  }

  .AdsContainerCenterLeft {
    display: none;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: none;
  }

  .AdsContainerSide {
  }

  .AdsWidthUnder300 {
    display: block;
  }

  .AdsWidthOver300 {
    display: none;
  }

  .AdsContainerDocumentBottom {
    margin: 1.6rem 1rem 1.6rem 1rem;
  }
}

@media (min-width: 640px) {

  /* Content Container */
  .InnerContentContainer {
    display: block;
  }

  /* Logo */
  .TopBarLogoHyperLink img {
    border: none;
    width: 10.8rem;
  }

  /* Document Frame */
  .LeftFrame {
    display: none;
  }

  .RightFrame {
  }

  /* Search */
  .SearchTextBox {
    margin-top: 1.2rem;
    max-width: 16rem;
  }

  /* Page Navigator */
  .PageNavigator {
    justify-content: left
  }

  .PageNavigatorButton {
    display: block;
  }

    .PageNavigatorButton.Active {
      display: block;
    }

  /* Frame */
  .frame {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
  .frame.question > div.content {
    /*
      font-size: 1.0rem;
      margin-top: 0px;
      margin-bottom: 0px;
      */
    display: flex;
    padding: 1rem 1.25rem 0.75rem 1.25rem;
  }

    .frame.question div.QuestionContentImageFrame {
      flex: 1;
      text-align: center;
      padding: 0 1.0rem 0 0;
      max-width: 6.4rem;
    }
    .frame.question div.QuestionContentDocumentFrame {
      flex: 5;
      padding: 0 0 0 1.0rem;
    }


  /* Hub Page */
  /* Hub Page */
  .HubPageFrame {
  }

  .HubCategoryFrame {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }



  /* Ads */
  .AdsContainerLeft {
    display: block;
  }

  .AdsContainerCenterLeft {
    display: none;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: block;
  }

  .AdsContainerSide {
  }

  .AdsWidthUnder300 {
    display: block;
  }

  .AdsWidthOver300 {
    display: none;
  }




}

@media (min-width: 728px) {
  /* Content Container */
  .InnerContentContainer {
    display: flex;
  }

  /* Document Frame */
  .LeftFrame {
    display: none;
  }

  .RightFrame {
    min-width: 180px;
    max-width: 180px;
  }

  /* Footer Column */
  .FooterLinkFrameColumn3 {
    display: block;
    flex: 1;
    text-align: left;
  }

  .FooterLinkFrameColumn4 {
    display: block;
    flex: 1;
    text-align: left;
  }

  /* Image Viewer */
  .ImageViewerContentFrame {
    display: flex;
    flex-direction: row-reverse;
  }

  #ImageViewerImage {
    padding: 0 4rem 0 2rem;
    /*margin: 0 auto 0 auto;*/
    max-width: calc(100vw - 9.2rem); /* 100 - 1.6 - 1.6 - 4 - 2 = 100-9.2*/
    max-height: calc(100vh - 16rem);
  }

  .CloseButtonFrame {
    margin: 0 0 0 1.6rem;
    padding: 0 0 0;
    width: 1.6rem;
    min-width: 1.6rem;
  }


  /* Author Frame */
  .AuthorFrame {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .AuthorFramePortrait {
    padding: 2rem 1.8rem 2rem 1.8rem;
  }

  .AuthorFrameInfo {
    /*flex: 7;*/
    padding-left: 0.6rem;
    padding-right: 1.2rem;
  }


  /*Tag List*/
  .TagListFrame {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
  }

  /* Ads */
  .AdsContainerLeft {
    display: block;
  }

  .AdsContainerCenterLeft {
    display: none;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: block;
  }

  .AdsWidthUnder300 {
    display: block;
  }

  .AdsWidthOver300 {
    display: none;
  }
}

@media (min-width: 860px) {
  /* Document Frame */

  .LeftFrame {
    display: none;
  }

  .RightFrame {
    display: block;
    min-width: 180px;
    max-width: 180px;
  }

  /* Hub Page */
  .HubPageFrame {
  }

  .HubCategoryFrame {
    display: grid;
    grid-template-columns: 1fr 1fr　1fr;
    gap: 1rem;
  }




  /* Ads */
  .AdsContainerLeft {
  }

  .AdsContainerCenterLeft {
    display: none;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: block;
  }

  .AdsWidthUnder300 {
    display: block;
  }

  .AdsWidthOver300 {
    display: none;
  }


}



@media (min-width: 960px) {

  .ContentContainer {
    margin: 0 1.2rem 0 1.2rem;
  }

  /* Document Frame */
  .LeftFrame {
  }

  .RightFrame {
    flex: 1;
    display: block;
    min-width: 240px;
    max-width: 240px;
  }
  /*
    .ContentFrame {
      flex: 5;
    }
    */

  .TopNavigator {
    padding-left: calc(50% - 960px);
    padding-right: calc(50% - 960px);
    display: flex;
    flex-direction: row-reverse;
  }

  /* Footer Column */
  .FooterLinkFrameColumn5 {
    display: block;
    flex: 1;
    text-align: left;
  }

  .FooterLinkFrameColumn6 {
    display: block;
    flex: 1;
    text-align: left;
  }

  /* Author Frame */
  .AuthorFrame {
    margin-left: 0rem;
    margin-right: 2rem;
  }

  /* Hub Page */
  .HubPageFrame {
  }

  .HubCategoryFrame {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }

  /*Tag List*/
  .TagListFrame {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0.5rem;
  }


  /* Ads */
  .AdsContainerLeft {
  }

  .AdsContainerCenterLeft {
    display: none;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: block;
  }

  .AdsWidthUnder300 {
    display: block;
  }

  .AdsWidthOver300 {
    display: none;
  }
}

@media (min-width: 1180px) {
  /* Document Frame */
  .LeftFrame {
    flex: 1;
    display: block;
    min-width: 10px;
    max-width: 120px;
    padding: 0 1rem 0 0;
    /*margin-right: 1.6rem;*/
  }

  /* TOC */
  .MobileTableOfContentsFrame {
    display: none;
  }



  /* Ads */
  .AdsContainerLeft {
  }

  .AdsContainerCenterLeft {
    display: block;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: block;
  }
}


@media (min-width: 1280px) {
  /* Document Frame */
  .LeftFrame {
    min-width: 180px;
    max-width: 180px;
    padding: 0 2rem 0 0;
  }

  .RightFrame {
    min-width: 320px;
    max-width: 320px;
  }



  /* Ads */
  .AdsContainerLeft {
  }

  .AdsContainerCenterLeft {
    display: block;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: block;
  }

  .AdsWidthUnder300 {
    display: none;
  }

  .AdsWidthOver300 {
    display: block;
  }
}



@media (min-width: 1440px) {
  /* Document Frame */
  .LeftFrame {
    /*display: block; */
    min-width: 220px;
    max-width: 220px;
  }

  .RightFrame {
    min-width: 320px;
    max-width: 320px;
  }

  /* Author Frame */
  .AuthorFrame {
    margin-left: 0;
    margin-right: 4.8rem;
  }

  .AuthorFramePortrait {
  }

  .AuthorFrameInfo {
    padding-left: 1.2rem;
    padding-right: 2.0rem;
  }

  /* Hub Page */
  .HubPageFrame {
  }

  .HubCategoryFrame {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
  }

  /*Tag List*/
  .TagListFrame {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 0.5rem;
  }



  /* Ads */
  .AdsContainerLeft {
  }

  .AdsContainerCenterLeft {
    display: block;
  }

  .AdsContainerCenterRight {
    display: none;
  }

  .AdsContainerRight {
    display: block;
  }
}

@media (min-width: 1600px) {
  /* Ads */
  .AdsContainerLeft {
  }

  .AdsContainerCenterLeft {
    display: block;
  }

  .AdsContainerCenterRight {
    display: block;
  }

  .AdsContainerRight {
    display: block;
  }
}

@media (min-width: 1800px) {
  /* Document Frame */
  .LeftFrame {
    min-width: 240px;
    max-width: 240px;
  }

  .RightFrame {
    min-width: 340px;
    max-width: 340px;
  }
}

@media (min-width: 1980px) {
  /* Document Frame */
  .LeftFrame {
    min-width: 280px;
    max-width: 280px;
  }
}