.deco-\{, .deco-\} {
    font-size: 1em;
    color: #fff;
    background-color: #b2bcba;
    padding: 0.1em 0.2em 0.1em 0.2em;
    border-radius: 0.4em;
    margin: auto 0.3em;
    display: inline-block;
    max-width: calc(100% - 100px);
    vertical-align: top;
  }
  .deco-\{:before {
    position: absolute;
    margin: 0;
    padding: 0;
    transform: translateX(-100%) translateY(calc(1em - 80%));
    width: 0;
    content: "";
    border-width: 0 0 0.6em 0.6em;
    border-style: solid;
    border-color: #b2bcba transparent;
  }
  .deco-\}:after {
    position: absolute;
    margin: 0;
    padding: 0;
    transform: translateY(calc(1em - 80%));
    width: 0;
    content: "";
    border-width: 0 0.6em 0.6em 0;
    border-style: solid;
    border-color: #b2bcba transparent;
  }
  .deco-\!:before, .deco-\!:after {
    border-color: #ee6666 transparent;
  }
  .deco-\{ a,
  .deco-\} a {
    color: #66F;
  }
 .deco-\! {
   color: #fff; /* 白文字 */
   background-color: #ee6666; /* 赤背景 */
   padding: 0.1em 0.2em 0.1em 0.2em;
 }
/* 二重括弧による強調をマーカーっぽくする */
.line strong:not([class]) { 
  background: linear-gradient(transparent 10%, #ABFF4F 25%, #ABFF4F 70%, transparent 90%) 
}
/* 付箋記法のスタイル例 */
.line:not(.cursor-line) .deco-\~ {
  display: inline-block; position: absolute; top: -0.6em; right: -6vw;
  max-width: 40%; padding: .3rem 1rem;
  border-right: 1rem solid #04B2D9;
  background-color: #f9f8f6;
  transform: rotate(-0.8deg); box-shadow: 4px 1px 3px rgba(0,0,0,.2) }
.presentation .line .deco-\~ { position: static; max-width: 100% }
@media screen and (max-width: 768px) { .line:not(.cursor-line) .deco-\~ { position: static; max-width: 100% } }
@media print { .line:not(.cursor-line) .deco-\~ { 
  right: 0; border-bottom: 1px solid #ccc; background-color: #f9f8f6 } }

/* 太字記法との組み合わせでスタイルを変える場合 */
/* カラーパレット→ https://color.adobe.com/Softie-color-theme-2233237/ */
.line .level-2 .deco-\~ { border-right-color: #009175 }
.line .level-3 .deco-\~ { border-right-color: #EFBB33 }
.line .level-4 .deco-\~ { border-right-color: #F23E2E }

/* 付箋記法内で打消し線記法と下線記法を併用する場合 */
.line .deco-\~.deco-- { text-decoration: line-through }
.line .deco-\~.deco-_ { text-decoration: underline }
/* チェックボックスになるタグ v2 Font Awesome版 */
 .line:not(.cursor-line) a[href='./o']:not(.icon) span,
 .line:not(.cursor-line) a[href='./v']:not(.icon) span {
   display: inline-block; width: 0; text-indent: -9999px }
 .line:not(.cursor-line) a[href='./o']:not(.icon)::after,
 .line:not(.cursor-line) a[href='./v']:not(.icon)::after {
   display: inline-block; min-width: 1.15em; padding-left: 1px;
   font-family: FontAwesome; font-size: 120%; text-align: center; vertical-align: middle }
 .line:not(.cursor-line) a[href='./o']:not(.icon)::after { content: '\f096'; color: #08BDBD }
 .line:not(.cursor-line) a[href='./v']:not(.icon)::after { content: '\f046'; color: #2489C5 }
/* テーブルのセルをわかりやすくする */
.table-block table { background-color: transparent; border-collapse: separate; border-spacing: 2px }
.table-block table tr td { padding: .1em; background-color: rgba(0,0,0,0.04) }
.table-block table tr:nth-child(even) td { background-color: rgba(0,0,0,0.06) } /* 偶数行を濃くする */
.table-block table tr:first-child td { font-weight: bolder; text-align: center } /* 1行目だけ太字&中央揃え */
.table-block table tr td:first-child { padding: 0; background-color: transparent; border-width: 0 }
/* バッヂ風 */
.line a[href="./TODO"], 
.line a[href="./H0"] {
  display: inline-block; min-width: 3.2em; border-radius: .2em;
  text-align: center; font: bolder 100%/normal Futura, Arial, sans-serif; color: #FFF }
.line a[href="./TODO"] { background-color: #08BDBD }
.line a[href="./H0"] { background-color: #FF9914 }