/* overwrite */
rt {
  color: #C32830;
}
.text-primary {
  color: #232323 !important;
}
a:hover,
a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active,
.hover a.text-primary {
  color: #C32830 !important;
}
a.badge {
  text-decoration: none;
}
.item-content .badges {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.item-content .badges .badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
a.badge-info,
a.badge-success {
  background-color: #FFF !important;
  color: #232323 !important;
  border: 1px solid #232323;
  padding: 0.75em 1.1em;
}
.-showTGRuby a.badge-info,
.-showTGRuby a.badge-success {
  padding-bottom: 0.2em;
  min-height: 3.5em !important;
}
a.badge-info rt,
a.badge-success rt {
  color: #232323 !important;
}
a.badge-info:focus,
a.badge-info:hover,
a.badge-success:focus,
a.badge-success:hover {
  color: #c32830 !important;
  border-color: #c32830;
}
a.badge-info:focus rt,
a.badge-info:hover rt,
a.badge-success:focus rt,
a.badge-success:hover rt {
  color: #c32830 !important;
}
/*
.-showTGRuby .item-subtitle .badges .badge.badge-info,
.-showTGRuby .section-head .section-info .category .badge.badge-info,
.-showTGRuby .tags-block a {
  min-height: auto !important;
}
*/
.-showTGRuby .badge .tsutaeruRuby__translation,
.-showTGRuby .badge ruby {
  line-height: 1.2;
}
.-showTGRuby .badge-info .tsutaeruRuby__translation,
.-showTGRuby .badge-success .tsutaeruRuby__translation {
  line-height: 2.5;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #c32830 !important;
  color: #FFF !important;
}
.btn-secondary rt {
  color: #FFF;
}
.-hideTGRuby ruby,
.-hideTGRuby .tsutaeruRuby__translation {
  line-height: inherit;
}
.-hasRuby.-hideTGRuby .item-subtitle .badges .badge.badge-info,
.-hasRuby.-hideTGRuby .section-head .section-info .category .badge.badge-info {
  min-height: auto;
}
.section-head .section-info {
  align-items: center;
}
.navbar {
  overflow: visible !important;
}
/* === responsive === */
.nav-section {
  margin-top: 0px !important;
}
.nav-section nav.navbar {
  position: relative !important;
}
.switch-area {
  margin-bottom: 1rem;
}
.search-box {
  margin-top: 1.5rem;
}
@media (min-width: 992px) {
  .nav-section {
    margin-top: 50px !important;
  }
  .nav-section nav.navbar {
    position: fixed !important;
  }
  .switch-area {
    margin-bottom: 0;
  }
  .search-box {
    margin-top: 0;
  }
}
/* === /responsive === */

.nav-section .navbar.navbar-short {
  min-height: 70px;
}
.nav-section .navbar.navbar-short .navbar-brand {
  min-height: 70px;
  padding: 10px 0;
}
@media (max-width: 991px) {
  .nav-section .navbar.navbar-short .navbar-brand {
    padding-bottom: 0;
  }
}
.nav-section .navbar-brand,
.nav-section .navbar-brand span,
.nav-section .navbar-caption {
    vertical-align: baseline !important;
}
.navbar-dropdown .navbar-caption {
    display: inline-block;
}
.nav-section .navbar-brand {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.5rem;
}
.nav-section .navbar-brand,
.nav-section .navbar-brand * {
  font-weight: bold !important;
}
.nav-section .navbar-brand rt {
  font-weight: normal !important;
  font-size: 55%;
}
.nav-section .navbar-brand img#logo {
  width: 200px;
  vertical-align: middle !important;
  margin-top: 5px;
}
/*
.-showTGRuby .nav-section .navbar-brand img#logo {
  margin-top: 5px;
}
*/
@media (min-width: 992px) {
  #switch-container {
    margin-right: 20px;
  }
  .nav-section .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
      margin-right: 0px !important;
  }
}
footer rt {
  color: inherit !important;
}
.footer-section {
  color: inherit;
  background-color: #f0f0f0;
}
.foot-menu-item a {
  color: inherit !important;
}
.foot-menu-item a:hover {
  color: #C32830 !important;
}
.footer-info {
  margin-bottom: 1rem;
}
.footer-info .footer-info-1 {
  font-size: 1.05rem;
}

.ranking-section .counter-container ol li:nth-child(-n+3)::before {
  background: #C32830;
  color: #FFF;
}
.ranking-section .counter-container ol li:nth-child(n+4)::before {
  background: #dbdbdb;
  color: #232323;
}
.list-active {
  background-color: #f1f3f4;
}

/* == info-section == */
.info-section {
  position: relative;
  color: inherit;
  background-color: #f0f0f0;
  width: 100%;
}
.info-section .global-info {
  height: 30px;
  margin: 0px auto;
  padding: 0 1rem;
  text-align: right;
}
@media (min-width: 992px) {
  .info-section {
    position: fixed;
    top: 0px;
    z-index: 100000;
  }
  .nav-section {
    margin-top: 70px !important;
  }
  .nav-section nav.navbar {
    top: 30px;
  }
}
@media (max-width: 991.98px) {
  .info-section .container {
    padding-right: 0;
    padding-left: 0;
  }
}

/* Header overflow */
@media (min-width: 768px) {
  .nav-section .container {
    overflow: auto;
  }
  .nav-section ul.navbar-nav {
    flex-wrap: nowrap;
  }
  .nav-section ul.navbar-nav li.nav-item {
    white-space: nowrap;
  }
}

/* top page */
@media (min-width: 768px) {
  .item-full-width .item-img {
    min-width: 50%;
    padding-right: 15px;
  }
  .item-full-width .item-wrapper {
    flex-flow: row
  }
  .item-full-width .item-content .item-title {
    font-size: 1.26rem;
    font-size: 1.4rem;
  }
  .item-full-width .item-content {
    padding-left: 1rem !important;
    width: 100%;
  }
}

/* == image height == */
@media (min-width: 768px) {
  .new-section .item .item-img,
  .new-section .item img {
    height: 200px;
  }
  .new-section .item.feature-1 .item-img,
  .new-section .item.feature-1 img {
    height: 300px;
  }
  .new-section .item.feature-3 .item-img,
  .new-section .item.feature-3 img {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .new-section .item .item-img,
  .new-section .item img {
    height: 240px;
  }
  .new-section .item.feature-1 .item-img,
  .new-section .item.feature-1 img {
    height: 400px;
  }
  .new-section .item.feature-3 .item-img,
  .new-section .item.feature-3 img {
    height: 300px;
  }
}

.new-section.search-section .item-img {
  height: auto;
  width: auto;
}
.new-section.search-section .item-img img {
  height: 100px;
  width: 100px;
}
@media (min-width: 766px) {
  .new-section.search-section .item-img {
    height: auto;
    width: auto;
  }
  .new-section.search-section .item-img img {
    height: 150px;
    width: 150px;
  }
}
@media (min-width: 992px) {
  .new-section.search-section .item-img {
    height: auto;
    width: auto;
  }
  .new-section.search-section .item-img img {
    height: 240px;
    width: 240px;
  }
}

.search-box button.btn-secondary,
.search-box button.btn-secondary:hover,
.search-box button.btn-secondary:focus {
  width: auto;
  white-space: nowrap;
  background-color: #666666 !important;
  color: #FFF !important;
}
.search-box input::placeholder {
  opacity: 0.75 !important;
}
.next-prev-btns a.btn-secondary {
  background-color: #666666 !important;
  color: #FFF !important;
}
.footer-section .media-container-row .row-note p {
  font-size: 0.9rem;
}

.entry-note {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.8rem;
}
.explanation-note {
  font-size: 0.8rem;
  margin: 0;
}
.entry-relation {
  background: #efefef;
  border: none;
  border-radius: 0px;
}
.entry-relation a {
  color: inherit !important;
}
.entry-relation a:hover,
.entry-relation a:focus {
  color: #C32830 !important;
}

/* == toppage-entries-n == */
.toppage-entries-3 > .item:last-child  {
  display: none;
}
.toppage-entries-4 > .item:first-child  {
  display: block;
}
.toppage-entries-4 > .item:last-child  {
  display: none;
}

@media (min-width: 768px) {
  .toppage-entries-3 > .item:last-child  {
    display: block;
  }
  .toppage-entries-4 > .item:first-child  {
    display: none;
  }
  .toppage-entries-4 > .item:last-child  {
    display: block;
  }
}
@media (min-width: 992px) {
  .toppage-entries-3 > .item:last-child  {
    display: none;
  }
  .toppage-entries-4 > .item:first-child  {
    display: block;
  }
  .toppage-entries-4 > .item:last-child  {
    display: none;
  }
}

/* == #switch-container-sub == */
#switch-container-sub {
    text-align: center;
    /* padding: 1rem 5px 0px 5px; */
    width: 100%;
}
@media (max-width: 991px) {
  .nav-section .navbar .navbar-brand {
    padding-bottom: 0px;
    min-height: 70px;
  }
}

/* ==== form ==== */
.form-control-feedback {
  margin-top: 0.5em;
}