@charset "UTF-8";
/**
 * REITO WEB INDEX STYLE
 **/
body main section {
  /**
        * 各種バナー
        */
  /**
        * ランキング
        */ }
  body main section#commonNav .container nav {
    padding: 0 10px; }
    body main section#commonNav .container nav .line-block {
      background-color: #349c3a; }
    body main section#commonNav .container nav a {
      margin: 5px 0; }
    body main section#commonNav .container nav img {
      width: 100%;
      height: auto; }
    body main section#commonNav .container nav div.grid_3 {
      grid-template-rows: 1fr 1fr;
      grid-template-columns: 1fr 1fr; }
      body main section#commonNav .container nav div.grid_3 #insta-link {
        grid-row: 2 / 2;
        grid-column: 1 / 2; }
      body main section#commonNav .container nav div.grid_3 #reito-link {
        grid-row: 2 / 2;
        grid-column: 2 / 3; }
      body main section#commonNav .container nav div.grid_3 a:nth-of-type(2) {
        margin-right: 5px; }
      body main section#commonNav .container nav div.grid_3 a:nth-of-type(3) {
        margin-left: 5px; }
    body main section#commonNav .container nav div.grid_2 {
      grid-template-rows: 1fr;
      grid-template-columns: 1fr 1fr; }
      body main section#commonNav .container nav div.grid_2 #insta-link {
        grid-row: 1 / 2;
        grid-column: 1 / 2; }
      body main section#commonNav .container nav div.grid_2 #reito-link {
        grid-row: 1 / 2;
        grid-column: 2 / 2; }
      body main section#commonNav .container nav div.grid_2 a:nth-of-type(1) {
        margin-right: 5px; }
      body main section#commonNav .container nav div.grid_2 a:nth-of-type(2) {
        margin-left: 5px; }
      body main section#commonNav .container nav div.grid_2 #youtube-link {
        grid-row: 1 / 1;
        grid-column: 1 / 2; }
      body main section#commonNav .container nav div.grid_2 #tiktok-link {
        grid-row: 1 / 1;
        grid-column: 2 / 2; }
    body main section#commonNav .container nav div #ameba-link {
      grid-row: 1 / 2;
      grid-column: 1 / 3; }
  body main section#rankingBlock span.input-group-text {
    background-color: #ffc107;
    color: black;
    border-color: #ffc107;
    border-right: 4px solid black; }
  body main section#rankingBlock input {
    background-color: black;
    color: #ffc107;
    border-color: #ffc107; }
  body main section#rankingBlock select {
    background-color: black;
    color: #ffc107;
    border-color: #ffc107;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffc107' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
  body main section#rankingBlock .table > :not(caption) > * > * {
    background-color: black;
    color: #ffc107; }
  body main section#rankingBlock .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: #111111; }
    body main section#rankingBlock .table-striped > tbody > tr:nth-of-type(odd):hover {
      --bs-table-accent-bg: #222222; }
  body main section#rankingBlock .table-hover > tbody > tr:hover {
    background-color: #222222; }
  body main section#rankingBlock .tr-1 th {
    background: #cc9a06;
    --bs-table-accent-bg: #cc9a06;
    color: black; }
  body main section#rankingBlock .tr-1 td {
    background: #ffc107;
    --bs-table-accent-bg: #ffc107;
    color: black; }
  body main section#rankingBlock .tr-2 th {
    background: #808080;
    --bs-table-accent-bg: #808080;
    color: black; }
  body main section#rankingBlock .tr-2 td {
    background: #b3b3b3;
    --bs-table-accent-bg: #b3b3b3;
    color: black; }
  body main section#rankingBlock .tr-3 th {
    background: #b35605;
    --bs-table-accent-bg: #b35605;
    color: black; }
  body main section#rankingBlock .tr-3 td {
    background: #e66e06;
    --bs-table-accent-bg: #e66e06;
    color: black; }

/*# sourceMappingURL=common.css.map */