body {
  font-size: 14px;
  font-weight: normal;
}

header {
  margin-bottom: 20px;
  position: static;
}

h1 {
  max-width: 100%;
  font-size: 120%;
}

nav ul {
  list-style-type: none;
  padding: 0;
  display: block;
}

nav ul li {
  width: inherit;
}

nav ul li a {
  border-top: 1px hidden #000;
  border-left: 1px hidden #000;
  border-right: 1px hidden #000;
  border-bottom: 3px solid #000;
  max-width: 100%;
  display: block;
  padding: 10px 30px;
  background-color: #fff;
}

table {
  min-width: 0;
}

.top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.top a {
  border-radius: 50px;
  padding: 10px 16px;
  font-size: 200%;
}

.articlehead {
  font-size: 2.0em;
}

/*free space*/
.character .table h2 {
  font-size: 1.6em;
}

.character .table h3 {
  padding: 10px 18px;
  border: 4px solid #444;
  font-size: 1.4em;
}

.character .e {
  background-image: none;
}

.character .n {
  background-image: none;
}

.character .s {
  background-image: none;
}

.character .v {
  background-image: none;
}

.character .status td {
  width: 60px;
}

.character .table .name-e {
  border-left-color: #C0C0C0;
  background-color: #e0e0e0;
  background-image: url(../img/big-e.png);
  background-repeat: no-repeat;
  background-position: 100px -120px;
}

.character .table .name-n {
  border-left-color: #00A000;
  background-color: #40e040;
  background-image: url(../img/big-n.png);
  background-repeat: no-repeat;
  background-position: 80px -160px;
}

.character .table .name-s {
  border-left-color: #FFC4FF;
  background-color: #FFE0FF;
  background-image: url(../img/big-s.png);
  background-repeat: no-repeat;
  background-position: 120px -220px;
}

.character .table .name-v {
  border-left-color: #404000;
  background-color: #808040;
  background-image: url(../img/big-v.png);
  background-repeat: no-repeat;
  background-position: 90px -160px;
}

.item .table h2 {
  font-size: 1.6em;
}

.item .table h3 {
  padding: 10px 18px;
  border: 4px solid #444;
  font-size: 1.4em;
}

.chart h2, .chart h3, .side h2 .side h3 {
  font-size: 1.4rem;
  padding-left: 5px;
}

.chart .articlenav ul {
  display: block;
}

.chart .articlenav ul li {
  width: inherit;
}

.chartcontent, .sidecontent {
  width: 100%;
}

.sideaside {
  width: 100%;
}

.chartcontent .spacewrap {
  margin-left: 0;
}

.chart .topnote {
  margin-left: 20px;
}

.chart .enemydesc p.enemypic {
  width: 100%;
}

.chart .enemydesc ul {
  text-indent: 0;
}

.draftmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.draftmenu li {
  margin: 0 auto;
  width: 80%;
  text-align: center;
  margin-bottom: 1rem;
}

.draftmenu li a {
  margin: 0 auto;
  padding: 14px 0;
}

.modal {
  padding: 5px;
  border-radius: 0;
}

.mapbutton {
  width: 33.3%;
  outline: none;
}

.mapbutton a {
  padding: 30px 0;
}

.draftflex {
  display: block;
}

.draft div.b {
  width: 100%;
  border: none;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}

.gallery a img {
  max-width: 100%;
  max-height: 320px;
}