/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/ 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body { line-height: 1.2em; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after,q:before, q:after { content: '';	content: none; }
    /* table { border-collapse: collapse;	border-spacing: 0; } */
    
html {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #fff;
    color: #666;
}
body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    word-wrap: break-word;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Yu Gothic,YuGothic,sans-serif;
}

 /* ==== Selfbase CSS ================================================= */
 /* #contents.plugin_highlight pre {  */
.plugin_highlight,
.plugin_highlight * {
    color: white !important;
    background-color: #1F1F1F !important;
}


 /* ==== Headings ===== */
    h2 {
        display: block;
        font-size: 1.5em;
        font-weight: bold;
        margin: 13px 0;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        border-bottom: 3px solid rgb(255, 174, 0);
    }
    h3 {
        display: block;
        font-size: 1.1em;
        font-weight: none;
        margin: 13px 0;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        border-bottom: 3px solid rgb(92, 119, 186);
    }
    h4 {
        display: block;
        font-size: 0.9em;
        font-weight: none;
        margin: 1.5em 0;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        border-bottom: 1px solid rgb(97, 97, 97);
   }
    #wrapper.box #contents #wikibody.box .plugin_tag_cloud{
     font-size: 0.8em;
     background: #dee8fa;
     line-height: 2.2em;
    }
    
    #wrapper.box #contents #wikibody.box .plugin_tag_cloud a{
     padding-left: 5px;
    }
    #wrapper.box #contents #wikibody.box .plugin_tag_cloud a:active{
     color: #000;
     background-color: #FFF;
     padding-left: 5px;
    }
    #wrapper.box #contents #wikibody.box .plugin_tag_cloud a:hover{
     color: #000;
     background-color: rgb(175, 175, 175);
     padding-left: 5px;
    }
    
    #wrapper.box #contents #wikibody.box .plugin_tag_cloud a.weight3 {
      border: 1px solid #afadad;
      border-radius: 5px;
      padding: 2px;
      text-decoration: none;
    }
    
    /* コメント  #divclass(クラス名,クラス名,クラス名){文字列} */
    .comment {
      font-size: 80%;
      color: blue;
      background: #f5f5f5;
      padding: 7px;
    }
    
    .commentout {
      font-weight: bold;
      color: #529955;
    }

.plugin_highlight {
 margin: 0 0 0 1em;
}
.plugin_highlight pre{
 background-color: #3E3E3E;
color: white;
 padding: 0.5em 0.5em 0.5em 0.5em;
 
   }
    

<!-- 警告 告知-->
    /* 警告１ */
    .cautionred {
        padding: 0.5em 1em;
        margin: 2em 0;
        font-weight: bold;
        color: #ffffff;/*文字色*/
        background: #F00;
        border: solid 1px #d64e51;/*線*/
        border-radius: 10px;/*角の丸み*/
    }
    .cautionred p {
        margin: 0; 
        padding: 0;
    }

    /* 警告2 */
    .cautionblack {
        padding: 0.5em 1em;
        margin: 2em 0;
        font-weight: bold;
        color: #f00;/*文字色*/
        background: #000;
        border: solid 1px #d64e51;/*線*/
        border-radius: 10px;/*角の丸み*/
    }
    .cautionblack p {
        margin: 0; 
        padding: 0;
    }

    /* コード（背景黒、文字白 */
    .codeblack {
        background-color: #AFAFAF;
        color: white;
    }


    /* 注意 */
    /* 変更履歴：外枠のマージンが広すぎたので２⇒0.8に縮小 */
    .notion {
        padding: 0.5em 1em;
        margin: 0.8em 0;
        font-weight: bold;
        color: #6091d3;/*文字色*/
        background: #FFF;
        border: solid 1px #d64e51;/*線*/
        border-radius: 10px;/*角の丸み*/
    }
    .notion p {
        margin: 0; 
        padding: 0;
    }

/* 警告ボタン https://webparts.cman.jp/button/a/　*/

.alarmbutton{
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.alarmbutton:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

/* バージョンバッジ */
.badge {
    display: inline-flex;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: white !important; ;
    text-decoration: none;
}

.badgeleft {
    background-color: #4c4c4c  !important; /* 灰色の背景色 */
    padding: 5px 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
white-space: nowrap;
}

.badgeright {
    background-color: #4CAF50; /* 緑色の背景色 */
    padding: 5px 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/* <－－－－－－－－ */

/* ========================
   Custom UL/LI style (global)
   ======================== */
ul {
  list-style: none;
  margin: 1em 0;
  padding-left: 0;
}

ul li {
  position: relative;
  padding-left: 1.5em;  /* マーカー分の余白 */
  margin: 0.4em 0;
  list-style: none;     /* デフォルトマーカーを消す */
  padding-left: 1.5em;  /* マーカー分の余白 */
  margin: 0.4em 0;
}

ul li::before {
  content: "●";              /* 1階層目: オレンジ丸 */
  position: absolute;
  left: 0;
  top: 0.2em;
  color: #ffae00;             /* h2カラーと統一 */
  font-size: 0.8em;
  line-height: 1;
}

/* ========================
   Nested UL/LI style
   ======================== */

/* 2階層目: グレー小丸 */
ul ul li::before {
  content: "◯";
  color: #999;
  font-size: 0.7em;
  top: 0.25em;
}

/* 3階層目: ダッシュ記号 */
ul ul ul li::before {
  content: "–";
  color: #666;
  font-size: 0.9em;
  top: 0.15em;
}