body {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; }

#btn-threads, #btn-twitter {
  display: none; }

.menu-sec {
  width: 12em; }

.title {
  font-size: 42px;
  text-align: center; }
  @media screen and (max-width: 1180px) {
    .title {
      font-size: 34px; } }
  @media screen and (max-width: 576px) {
    .title {
      font-size: 8vw; } }
  .title h2 {
    letter-spacing: 0; }

.download-main, .nav-btn-main {
  width: 11em;
  font-size: 20px; }

@media screen and (orientation: portrait) and (max-width: 576px) {
  #news {
    padding-bottom: 40vw; } }

@media screen and (orientation: portrait) and (max-width: 576px) {
  #setting {
    margin-bottom: 35vw; } }

@media screen and (max-width: 1180px) {
  #setting .content span {
    display: inline; } }

@media screen and (max-width: 576px) {
  #setting .content {
    line-height: 1.5; } }

.character_info_system {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; }

.character_info_name, .character_info_race {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; }

.character_info_name {
  letter-spacing: 0;
  font-size: 2.4em;
  line-height: 1.3; }

@media screen and (orientation: portrait) and (max-width: 576px) {
  .character_info_name {
    font-size: 1.6em;
    line-height: 2;
    height: 2em;
    padding-right: .5em; }
    .character_info_name::after {
      border-top-width: 2em; } }

.character_info_content {
  line-height: 1.5; }

.features {
  line-height: 1.5; }
  .features_title {
    font-size: 1.8em;
    letter-spacing: 0; }