/*
Theme Name: Money Charger 2022
*/

/****************************************
		1. General Setting
*****************************************/
.ranking-table-wrapper {
  overflow-x: auto;
}
.ranking-table-wrapper table {
  min-width: 600px; /* 横幅をある程度確保 */
}
.ranking-list > table > tbody > tr > td.ranking-list_name {
  text-align: center;
}
.ranking-list
  > table
  > tbody
  > tr
  > td.ranking-list_name
  .ranking-list_name_logo {
  border: none;
  width: auto;
  height: auto;
  margin: 0;
}

.ranking-list
  > table
  > tbody
  > tr
  > td.ranking-list_name
  .ranking-list_name_logo
  > a {
  padding: 0;
  height: auto;
}
.ranking-list > table > tbody > tr > td.ranking-list_rank {
  width: 145px;
}
.ranking-list_name_text {
  display: flex;
  justify-content: center;
}
.ranking-list > table > tbody > tr > td a {
  display: block;
}
.ranking-list > table > tbody > tr > td .ranking-list_name_text {
  margin: 20px auto 0;
}
.ranking-list > table > tbody > tr > td.ranking-list_name a img {
  width: 180px;
}
@media (max-width: 767px) {
  .ranking-list > table > tbody > tr > td.ranking-list_rank {
    width: 95px;
  }
  .ranking-list > table > tbody > tr > td.ranking-list_rank img {
    width: 50px;
  }
  .ranking-list > table > tbody > tr > td.ranking-list_name a img {
    width: 140px;
  }
  .ranking-list > table > tbody > tr > td .ranking-list_name_text {
    margin: 10px auto 0;
  }
}

.text-red{
	color: #ff6f00!important
}
.subnav-heading{
	display:block;
	margin-top: 2rem;
	margin-bottom:2rem;
	padding:1rem;
	font-weight:bold;
	font-size:20px;
	border-left: 2px solid orange;
	background-color: white;
}

/* =========================================
   WordPress Admin Bar 強制リセット
   必ず一番最後に読み込む
========================================= */

/* 管理バー本体 */
html body #wpadminbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
  overflow: visible !important;
  z-index: 99999 !important;

  background: #1d2327 !important;
  color: #f0f0f1 !important;

  font: 400 13px/32px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-align: left !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: nowrap !important;

  box-sizing: content-box !important;
  transform: none !important;
  filter: none !important;
}

/* 管理バー配下の全要素を強制正常化 */
html body #wpadminbar *,
html body #wpadminbar *::before,
html body #wpadminbar *::after {
  box-sizing: content-box !important;
  position: static !important;
  float: none !important;
  clear: none !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  background: transparent !important;
  color: inherit !important;

  font: inherit !important;
  font-size: 13px !important;
  line-height: 32px !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-align: left !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  word-spacing: normal !important;
  white-space: nowrap !important;

  vertical-align: top !important;

  transform: none !important;
  transition: none !important;
  animation: none !important;
  filter: none !important;
}

/* ul / li 崩れ防止 */
html body #wpadminbar ul,
html body #wpadminbar ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #wpadminbar li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* トップレベルメニュー */
html body #wpadminbar #wp-toolbar,
html body #wpadminbar .quicklinks {
  display: block !important;
  height: 32px !important;
}

html body #wpadminbar #wp-admin-bar-root-default,
html body #wpadminbar #wp-admin-bar-top-secondary {
  display: block !important;
  height: 32px !important;
}

html body #wpadminbar #wp-admin-bar-root-default {
  float: left !important;
}

html body #wpadminbar #wp-admin-bar-top-secondary {
  float: right !important;
}

/* トップメニューの li を横並び化 */
html body #wpadminbar .ab-top-menu > li,
html body #wpadminbar .ab-top-secondary > li {
  position: relative !important;
  display: inline-block !important;
  height: 32px !important;
  vertical-align: top !important;
}

/* a/div の見た目 */
html body #wpadminbar .ab-item,
html body #wpadminbar a.ab-item,
html body #wpadminbar .ab-empty-item {
  display: block !important;
  height: 32px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  cursor: pointer !important;

  color: #f0f0f1 !important;
  background: transparent !important;

  font: 400 13px/32px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* hover */
html body #wpadminbar .ab-item:hover,
html body #wpadminbar .ab-item:focus,
html body #wpadminbar li:hover > .ab-item,
html body #wpadminbar li.hover > .ab-item {
  background: #2c3338 !important;
  color: #72aee6 !important;
}

/* submenu wrapper */
html body #wpadminbar .menupop {
  position: relative !important;
}

html body #wpadminbar .ab-sub-wrapper {
  position: absolute !important;
  top: 32px !important;
  left: 0 !important;
  display: none !important;
  float: none !important;
  width: auto !important;
  min-width: 160px !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 99999 !important;
}

html body #wpadminbar li.menupop:hover > .ab-sub-wrapper,
html body #wpadminbar li.menupop.hover > .ab-sub-wrapper,
html body #wpadminbar li.menupop:focus-within > .ab-sub-wrapper {
  display: block !important;
}

/* submenu */
html body #wpadminbar .ab-submenu {
  display: block !important;
  position: relative !important;
  background: #2c3338 !important;
  padding: 6px 0 !important;
  min-width: 160px !important;
}

html body #wpadminbar .ab-submenu .ab-item,
html body #wpadminbar .ab-submenu .ab-empty-item {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.4 !important;
  padding: 6px 12px !important;
  white-space: nowrap !important;
}

/* サブメニュー内の2階層目 */
html body #wpadminbar .ab-submenu .menupop > .ab-sub-wrapper {
  top: 0 !important;
  left: 100% !important;
}

/* アイコン */
html body #wpadminbar .ab-icon,
html body #wpadminbar .ab-label,
html body #wpadminbar .screen-reader-text {
  line-height: inherit !important;
}

html body #wpadminbar .ab-icon {
  display: inline-block !important;
  width: 20px !important;
  height: 32px !important;
  margin: 0 2px 0 0 !important;
  vertical-align: top !important;
}

/* アバター */
html body #wpadminbar img,
html body #wpadminbar img.avatar,
html body #wpadminbar .avatar {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  border: 0 !important;
  vertical-align: middle !important;
}

/* 検索 */
html body #wpadminbar .admin-bar-search {
  display: inline-block !important;
  height: 32px !important;
}

html body #wpadminbar #adminbarsearch {
  position: relative !important;
  display: block !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body #wpadminbar #adminbarsearch .adminbar-input {
  display: inline-block !important;
  width: 160px !important;
  height: 24px !important;
  margin: 4px 0 0 0 !important;
  padding: 0 6px !important;
  border: 0 !important;
  background: #fff !important;
  color: #2c3338 !important;
  line-height: 24px !important;
  vertical-align: top !important;
}

html body #wpadminbar #adminbarsearch .adminbar-button {
  display: none !important;
}

/* body の押し下げ */
html body.admin-bar {
  margin-top: 32px !important;
  padding-top: 0 !important;
}

/* html の謎マージンを打ち消し */
html {
  margin-top: 0 !important;
}

/* スマホ */
@media screen and (max-width: 782px) {
  html body #wpadminbar {
    height: 46px !important;
    min-width: 0 !important;
  }

  html body #wpadminbar,
  html body #wpadminbar * {
    line-height: 46px !important;
    font-size: 13px !important;
  }

  html body #wpadminbar #wp-toolbar,
  html body #wpadminbar .quicklinks,
  html body #wpadminbar #wp-admin-bar-root-default,
  html body #wpadminbar #wp-admin-bar-top-secondary,
  html body #wpadminbar .ab-top-menu > li,
  html body #wpadminbar .ab-top-secondary > li,
  html body #wpadminbar .ab-item,
  html body #wpadminbar a.ab-item,
  html body #wpadminbar .ab-empty-item {
    height: 46px !important;
    line-height: 46px !important;
  }

  html body #wpadminbar .ab-sub-wrapper {
    top: 46px !important;
  }

  html body.admin-bar {
    margin-top: 46px !important;
  }
}