html {
    color: #444;
}
.atwiki-contents h3 {
    padding: 4px 6px;
}

li, .atwiki-contents ul li {
    margin-top: 2px;
    margin-bottom: 2px;
}

hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

span.level {
    display: inline-block;
    float:right;
    margin-left: 1em;
}

#page-top-button {
    position: fixed;                    /* 固定表示 */
    right: 12px;                        /* 右から20ピクセル（任意の位置に設定） */
    bottom: 60px;                       /* 下から60ピクセル（任意の位置に設定）*/
    width: 40px;
    height: 40px;
    transition: opacity 1s;             /* 透過変化時間（1秒） */
    opacity: 0;                         /* 透過（非表示） */
}

#page-top-button.fadeIn {
    position: fixed;                    /* 固定表示 */
    display: block;                     /* ブロック表示 */
    right: 12px;                        /* 右から20ピクセル（任意の位置に設定） */
    bottom: 60px;                       /* 下から60ピクセル（任意の位置に設定）*/
    outline-style: none;                /* アウトライン非表示 */
    box-shadow: none;                   /* 影表示なし */
    cursor: pointer;                    /* ポインタカーソル設定 */
    z-index: 9999;                      /* Zオーダで最上位に設定 */
    transition: opacity 1s;             /* 透過変化時間（1秒） */
    opacity: 0.8;                       /* 非透過80％ */
}

#page-top-button.fadeIn:hover {
    transition: opacity 1ms;            /* 透過変化時間（0.001秒） */
    opacity: 1;                         /* 非透過100％ */
}

ruby {
    ruby-position:under;
    ruby-align:start;
    line-height: 1.2em;
}

ruby > rt {
    font-size:0.8em;
}

a, a:hover {
  color:#a02d11;
}
sub,sup {
   font-size: 70%;
   top:-0.9em;
}
tbody td, tbody th {
background: #ffffff;
}

tbody tr:nth-child(even) td, tbody tr:nth-child(even) td {
background: #eee;
}

thead td, thead th {
background: #7d5100;
color: #ffffff;
}

div.sidebar {
  background: #ede7d5;
  border: solid .3em #ddd1b1;
  border-radius: .4em;
  /*background: #eeeadd;*/
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.note {
  background: #f7f4ed;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.note-notoppad {
  background: #f7f4ed;
  padding: 0em 1em 1em 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

h4 {
  background: #fff8f0;
  padding: .2em .4em;
  border-bottom: 3px solid rgb(204, 204, 204);
  font-size: 1.1rem;
  font-weight: 700;
  color: #666;
}

h5 {
  padding: .0em .2em;
  border-bottom: 1px solid rgb(204, 204, 204);
}

span.reflink {
  display: inline-block;
  margin: 0em 0.2em;
}

span.reflink a {
    color: transparent;
}

span.prdj {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: bottom;
  width: 1.15em;
  height: 1.15em;
  margin: 0em 0.2em;
  position: relative;
  top: -0.1em;
  overflow: hidden;
  color: transparent;
  background-image: url(//img.atwiki.jp/magepf/pub/prdj.png);
}

span.AoN {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: bottom;
  width: 1.4em;
  height: 1.4em;
  margin: 0em 0.2em;
  overflow: hidden;
  color: transparent;
  background-image: url(//img.atwiki.jp/magepf/pub/AoN.png);
}

span.trait, div.trait b, div.trait i
{
  display: inline-block;
  background: #522e2c;
  color: white;
  border: solid .2em #d8c483;
  border-radius: .3em;
  padding: .05em .3em;
  margin: 0em .1em;
  font-weight: bold;
  font-size: .8em;
  vertical-align:.15em;
}

span.inf
{
  display: inline-block;
  background: #772e77;
  color: white;
  border: solid .2em #d883c4;
  border-radius: .3em;
  padding: .05em .3em;
  margin: 0em .1em;
  font-weight: bold;
  font-size: .8em;
  vertical-align:.15em;
}

span.traitsize
{
  display: inline-block;
  background: #478c42;
  color: white;
  border: solid .2em #d8c483;
  border-radius: .3em;
  padding: .05em .3em;
  margin: 0em .1em;
  font-weight: bold;
  font-size: .8em;
  vertical-align:.15em;
}

span.uncommon
{
  display: inline-block;
  background: #b44400;
  color: white;
  border: solid .2em #d8c483;
  border-radius: .3em;
  padding: .05em .3em;
  margin: 0em .1em;
  font-weight: bold;
  font-size: .8em;
  vertical-align:.15em;
}

span.rare
{
  display: inline-block;
  background: #0c1466;
  color: white;
  border: solid .2em #d8c483;
  border-radius: .3em;
  padding: .05em .3em;
  margin: 0em .1em;
  font-weight: bold;
  font-size: .8em;
  vertical-align:.15em;
}

span.unique
{
  display: inline-block;
  background: #800080;
  color: white;
  border: solid .2em #d8c483;
  border-radius: .3em;
  padding: .05em .3em;
  margin: 0em .1em;
  font-weight: bold;
  font-size: .8em;
  vertical-align:.15em;
}

h4 + div.trait {
  margin-top: -.5em;
  margin-bottom: .3em;
}
div.trait i {
  background-color: #4ad;
  font-style: normal;
}
span.trait a, div.trait a, span.inf a, span.uncommon a {
  color:white;
}
.level {
  display: inline-block;
  float: right;
  margin-left: 1em;
}

div.datablock{
  border-bottom: solid thin #888;
  padding-bottom: .3em;
  margin-bottom: .5em;
}
div.heighten {
  border-top: solid thin #888;
  padding-top: .3em;
  margin-top: .5em;
}

div.widelist > ul,
div.widelist > ol
{
  columns: 12em;
}

div#contents ul {
  padding-left: 1.7em;
}

div#contents li>ul {
  padding-left: 1.4em;
}

h1>small,
h2>small,
h3>small,
h4>small,
h5>small,
h6>small
{ opacity: .5; }

.a0 {
  display: inline-block;
  background-image: url(//img.atwiki.jp/p2rdj/pub/icons/0A.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  width: .9em;
  height: .9em;
  margin-right: 0.3em;
  overflow: hidden;
  color: transparent;
  position: relative;
  top: 0.1em;
}
.a1 {
  display: inline-block;
  background-image: url(//img.atwiki.jp/p2rdj/pub/icons/1A.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  width: .9em;
  height: .9em;
  margin-right: 0.3em;
  overflow: hidden;
  color: transparent;
  position: relative;
  top: 0.08em;
}
.a2 {
  display: inline-block;
  background-image: url(//img.atwiki.jp/p2rdj/pub/icons/2A.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  width: 1.406em;
  height: .9em;
  margin-right: 0.3em;
  overflow: hidden;
  color: transparent;
  position: relative;
  top: 0.08em;
}
.a3 {
  display: inline-block;
  background-image: url(//img.atwiki.jp/p2rdj/pub/icons/3A.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  width: 1.845em;
  height: .9em;
  margin-right: 0.3em;
  overflow: hidden;
  color: transparent;
  position: relative;
  top: 0.08em;
}
.ar {
  display: inline-block;
  background-image: url(//img.atwiki.jp/p2rdj/pub/icons/RA-2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  width: .9em;
  height: .9em;
  margin-right: 0.3em;
  overflow: hidden;
  color: transparent;
}

.ra {
  display: inline-block;
  background-image: url(//img.atwiki.jp/magepf/pub/ResA.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  position: relative;
  top: 0.15em;
  width: 0.95em;
  height: 0.95em;
  margin-right: 0.25em;
  overflow: hidden;
  color: transparent;
}
.rb {
  display: inline-block;
  background-image: url(//img.atwiki.jp/magepf/pub/ResB.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  position: relative;
  top: 0.1em;
  width: 0.9em;
  height: 0.9em;
  margin-right: 0.3em;
  overflow: hidden;
  color: transparent;
}
.rc {
  display: inline-block;
  background-image: url(//img.atwiki.jp/magepf/pub/ResC.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  position: relative;
  top: 0.18em;
  left:-0.03em;
  width: 0.95em;
  height: 0.95em;
  margin-right: 0.23em;
  overflow: hidden;
  color: transparent;
}
.rf {
  display: inline-block;
  background-image: url(//img.atwiki.jp/magepf/pub/ResF.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: baseline;
  position: relative;
  top: 0.08em;
  width: 0.8em;
  height: 0.8em;
  margin-left:0.05em;
  margin-right: 0.35em;
  overflow: hidden;
  color: transparent;
}

.result {
  display: inline-block;
  vertical-align: center;
  text-align:center;
  width: .9em;
  height: .9em;
  margin-right: 0.3em;
  font-weight: bold;
}