:root {
  /*Scroll*/
  scroll-behavior: smooth;
  /**/
  --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: #1a0dab;
  --link-color-visited: #3929af;
  --link-color-active: #0065b3;
  /*--link-color-hover: #0065b3;*/
  --LinkNavigator-color: #1a0dab;
  /**/
  --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;
  --LinkNavigatorFrame-Bottom-color: #E0E0E0;
  /**/
  --LinkNavigatorLinkButton-color: #171717;
  --LinkNavigatorLinkButton-background-color-hover: #fafafa;
  /**/
  --TableOfContentsFrame-border-color: #A0A0A0;
  --TableOfContentsFrame-h2-color: #171717;
  /**/
  --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-tip-background-color: #dff6dd;
  --Frame-tip-border-color: none;
  --Frame-tip-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;
  /**/
  --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="light"] {
  }

  :root[theme="dark"] {
    color-scheme: dark;
    --background-color: #171717;
    /**/
    --h1-color: #e3e3e3;
    --h2-color: #e3e3e3;
    --h3-color: #e3e3e3;
    --h4-color: #e3e3e3;
    /**/
    --ContentFrame-background-color: #171717;
    --ContentFrame-color: #e3e3e3;
    --TopNavigator-color: #C0C0C0;
    /**/
    --link-color: #8ab4f8;
    --link-color-visited: #569cd6;
    --link-color-active: #4db2ff;
    /*--link-color-hover: #4db2ff;*/
    --LinkNavigator-color: #8ab4f8;
    /**/
    --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;
    --LinkNavigatorFrame-Bottom-color: #454545;
    /**/
    --LinkNavigatorLinkButton-color: #e3e3e3;
    --LinkNavigatorLinkButton-background-color-hover: #2e2e2e;
    /**/
    --TableOfContentsFrame-border-color: #474747;
    --TableOfContentsFrame-h2-color: #e3e3e3;
    /**/

    --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-tip-background-color: #054b16;
    --Frame-tip-border-color: none;
    --Frame-tip-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;
    /**/
    --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, 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-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:active {
    color: var(--LinkNavigator-color);
    text-decoration: none;
  }

  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: 1rem;
  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;
  font-size: 0.8rem;
  line-height: 120%;
  font-weight: 400;
  overflow-x: auto;
  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-top: 0.6rem;
  margin-bottom: 0.6rem;
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
  padding-left: 1.0rem;
  padding-right: 1.0rem;
  background-color: var(--CodeFrame-background-color);
  border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
}

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

div.CodeHeader + pre {
  margin-top: 0px;
}


/* 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");
      */
  }

/*
div.TableOfContentsFrame ul li {
  list-style-type: none;
  list-style-image: none;
  padding:0.2rem 0 0.2rem 0.2rem;
}
*/
/*line-height: 1.6rem;*/
/*
div.TableOfContentsFrame ul ul li {
  list-style-type: none;
  list-style-image: none;
}
*/

/* 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-left: 0;
  margin-right: auto;
  margin-top: 16px;
  margin-bottom: 8px;
}


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;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

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

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

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

  /* 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.tip {
    background-color: var(--Frame-tip-background-color);
    border-color: var(--Frame-tip-border-color);
  }

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

      .frame.tip > 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";
      }

/* Table */
.StandardTable {
  border: solid 1px var(--StandardTable-border-color);
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0px;
  margin-right: 0px;
  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;
}

  .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-top: 0.5rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  /*  width: auto;*/
  height: auto;
}

/*Preタグの上に入るコードヘッダ*/
div.CodeHeader {
  font-size: 0.9rem;
  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;
}


.LeftSideContentFrame {

}

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

.RightSideContentTopFrame {
  /*  border: 1px solid #167000;*/
}

/*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: 1.2rem;
  margin-left: 0;
  flex: 1;
}

.TopBarLogoHyperLink img {
  border: none;
  max-height: 1.4rem;
  max-width: none;
  height: 1.4rem;
  width: auto;
}


/*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 {
  text-align: left;
  margin-right: auto;
  flex: 2;
}

.NavigatorFrame_Manage {
  text-align: right;
}

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


.ContentFrame {
  margin: 0 0 0 0;
  text-align: center;
  background-color: var(--ContentFrame-background-color);
  color: var(--ContentFrame-color);
  word-wrap: break-word;
}

.SingleContentFrame {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  text-align: left;
}

.SingleContent {
  margin: 0 0 0 0;
}

/* Title Frame */
.TitleFrame {
}

.DocumentContainer {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* DocFrame */
.DocumentFrame {
  flex:6;
  font-size: 1.0rem;
  line-height: 160%;
  margin: 0 0 0 0;
  min-width: 0
}

.LeftSideFrame {
  word-break: break-word;
  display: none;
  flex: 0;
  min-width: 240px;
  max-width: 280px;
  margin: 0.5rem 1.0rem 0 0;
  padding: 0;
}

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

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

/*Navigator*/
.TopNavigator {
  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;
}



/* Menu */
#ShowMenuFrameButton {
  display: inline;
  padding-top: 1.2rem;
  height: 1.4rem;
}

#HideMenuFrameButton {
  display: inline;
  height: 1.4rem;
  padding: 0.25rem 0 1.25rem 0;
}


.HeaderMenuButtonFrame {
  display: block; /* メニューボタンは表示 */
}

#MenuFrameBackGround {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.5;
  background-color: var(--MenuFramePageBackground-color);
  visibility: hidden;
  z-index: 1;
}

#MenuFrame {
  top: 0px;
  right: 0px;
  width: 260px;
  height: 100%;
  position: fixed;
  opacity: 1;
  background-color: var(--MenuFrameBackground-color);
  color: var(--MenuFrame-color);
  visibility: hidden;
  z-index: 2;
  text-align: left;
  padding: 1.0rem 0 1.0rem 1.0rem;
}

.MenuFrameHead {
  display: flex;
  border-bottom: 1px solid var(--MenuDivLine-color);
}

.MenuFrameTitleColumn {
  width: 200px;
  font-size: 1.2rem;
  padding: 0.25rem 0 1.25rem 0;
}

.MenuFrameCloseColumn {
  width: 48px;
}

/* 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: 180px;
  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: 1rem;
  text-align: right;
  flex: 1;
}

/*Related Document*/

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


/* 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;
}

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

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

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

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


.PageNavigatorButtonNextPrev {
  flex: 0;
  flex-basis: 4rem;
  display: block;
  text-align: center;
}

a.PageNavigatorButtonNextPrev:link {
  color: var(--LinkNavigator-color);
  text-decoration: none;
}
a.PageNavigatorButtonNextPrev:visited {
  color: var(--LinkNavigator-color);
  text-decoration: none;
}
a.PageNavigatorButtonNextPrev:active {
  color: var(--LinkNavigator-color);
  text-decoration: none;
}
a.PageNavigatorButtonNextPrev:hover {
  color: var(--LinkNavigator-color);
  text-decoration: none;
}




.PageNavigatorButtonActive {
  flex: 0;
  flex-basis: 2rem;
  display: block;
  text-align: center;
}

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

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

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

.RelatedDocumentFrame {
}

  .RelatedDocumentFrame .RelatedDocumentTitle {
    /*border-top: solid 1px #157eff;*/
  }

  .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*/
.TableOfContentsFrame {
  display: table;
  margin: 1.6rem 0 1.6rem 0;
  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%;
}



/* PageGroupNavigator (Menu) */
/*
.PageGroupNavigationFrame {
  text-align: left;
  margin: 1.6rem 0 2.8rem 0;
  font-size: 0.875rem;
}

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

.TableOfPageGroupNavigationContents {
  font-size: 0.875rem;
}
*/

.TableOfPageGroupNavigationContents {
  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 > 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;
  /*margin: 1.6rem 0 2.8rem 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;
    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;
}

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





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

.AdsContainerDocumentBottom {
  display: flex;
  margin: 1.6rem 0 1.6rem 0;
  max-height: 284px;
}

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

.AdsContainerRight {
  flex: 1;
  margin: 0 0 0 0.9rem;

}

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

.AdsContainerSideTop {
}

.AdsContainerSide {
}

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




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

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

  h2 {
    font-size: 2.125rem;
  }

  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 {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    max-width: 100%;
    width:none;
    height:none;
  }

  /* PREタグ*/
  pre {
    font-size: 0.9rem;
    line-height: 120%;
  }

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

  /*TopBar*/
  .TopBar {
  }

  .TopBarLogo {
  }

  .TopBarLogoHyperLink img {
  }

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

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


  /*Frame*/
  .SingleContentFrame {
    padding: 0 1.0rem 0 1.0rem;
    /*
    padding-left: 2vw;
    padding-right: 2vw;
    */
    max-width: 1800px;
  }

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

  .DocumentContainer {
    display: flex;
  }

  /* DocFrame */
  .DocumentFrame {
    font-size: 1.0rem;
    margin-left: 0;
    margin-right: 0;
  }

  .LeftSideFrame {
    display: none;
  }

  .RightSideFrame {
    display: none;
  }

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

  /* Menu */
  .HeaderMenuButtonFrame {
    display: none; /* PC画面ではメニューボタン非表示 */
  }

  /*Navigator*/
  .TopNavigator {

  }

  /* 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*/
  .TagListLine {
    display: flex;
  }

  .TagListCell {
    flex: 1;
  }

  .TagListCellEnd {
    clear: left;
  }

  /* Ads */
  .AdsContainerRight {
    display: none;
  }
}


@media (min-width: 480px) {
  /* 横幅 480以上は左右に1.6rem余白 */

  .SingleContentFrame {
   padding: 0 1.0rem 0 1.0rem;
  /*
  padding-left: 4vw;
  padding-right: 4vw;
  */
  }

  .LeftSideFrame {
    display: none;
  }

  .RightSideFrame {
    display: none;
  }


  /* 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;
      */
  }

  /* Ads */
  .AdsContainerRight {
    display: none;
  }
}

@media (min-width: 640px) {
    .SingleContentFrame {
    }

    .LeftSideFrame {
      display: none;
    }

    .RightSideFrame {
      display: block;
      min-width: 166px;
      max-width: 166px;
    }

  /* Ads */
  .AdsContainerRight {
    display: none;
  }

}

  @media (min-width: 728px) {
    .DocmentFrame {
    }

    .SingleContentFrame {
    }

    .LeftSideFrame {
      display: none;
    }

    .RightSideFrame {
      display: block;
      min-width: 166px;
      max-width: 166px;
    }

    /* 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;
    }


    /* Ads */
    .AdsContainerRight {
      display: none;
    }


  }

  @media (min-width: 860px) {
    .DocmentFrame {
    }

    .SingleContentFrame {
    }

    .LeftSideFrame {
      display: none;
    }

    .RightSideFrame {
      display: block;
      min-width: 220px;
      max-width: 220px;
      margin-left: 1.6rem;
    }




    /* Ads */
    .AdsContainerRight {
      display: none;
    }

  }

  @media (min-width: 960px) {
    .DocumentFrame {
    }

    .SingleContentFrame {
      margin:0 0.8rem 0 0.8rem;
    }

    .LeftSideFrame {
      display: block;
      min-width: 180px;
      max-width: 180px;
      margin-right: 1.6rem;
    }

    .RightSideFrame {
      display: block;
      min-width: 240px;
      max-width: 240px;
      margin-left: 1.6rem;
    }

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

    /* Ads */
    .AdsContainerRight {
      display: none;
    }
  }



  @media (min-width: 1200px) {
    .DocumentFrame {
    }

    .LeftSideFrame {
      display: block;
      min-width: 200px;
      max-width: 200px;
    }

    .RightSideFrame {
      display: block;
      min-width: 306px;
      max-width: 306px;
    }

    .RightSideOuterFrame {
      display: none;
    }

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


  @media (min-width: 1440px) {
    .RightSideOuterFrame {
      display: block;
      min-width: 166px;
      max-width: 166px;
    }

    .LeftSideFrame {
      display: block;
      min-width: 240px;
      max-width: 240px;
    }

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

    .AuthorFramePortrait {

    }

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

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

  }

  @media (min-width: 1800px) {
    .DocumentFrame {
    }

    .LeftSideFrame {
      display: block;
    }

    .RightSideFrame {
      display: block;
      min-width: 306px;
      max-width: 306px;
    }

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

  }

  @media (min-width: 1980px) {
  }