@charset "utf-8";

/************************************
 * PC/SP共通
 ************************************/

.cfdrateboard {
    margin: 0;
    font-family: "Roboto", "Noto Sans JP", sans-serif;
}
/* カラーパレット */
.cfdrateboard .ratenoca { color: #404040 !important; }
.cfdrateboard .rateup { color: #ff0131 !important; }
.cfdrateboard .ratedown { color: #235aff !important; }
/* 小数点最下位 */
.cfdrateboard span.s { vertical-align: baseline; font-size: 10px; padding-top: 2px; }
/* カテゴリータイトル */
.cfdrateboard .categoryTitle { padding: 6px; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background: #e9f0f5; font-weight: bold; color: #646464; font-size: 16px; text-align: center; }

/************************************
 * PC用設定
 ************************************/
 /* テーブル */
 @media only screen and (min-width: 768px) {
    .tableStyleWrap_mark td { font-size: 16px; }

    .cfdrateboard table td.first img { margin-right: 8px;}

    .cfdrateboard table th.first{ width: 33%;}
    .cfdrateboard table th.bid,.cfdrateboard table th.ask{ width: 14%;}
    .cfdrateboard table th.spread{ width: 11%;}
    .cfdrateboard table th.bidhigh,.cfdrateboard table th.bidlow { width: 14%;}
    
    .cfdrateboard table td.first { width: 33%; text-align: left; color: #404040; font-weight: bold; }
    .cfdrateboard table td.first img { margin-left: 8px; vertical-align: middle; height: 28px; width: 28px; }
    .cfdrateboard table td.bid,.cfdrateboard table td.ask { width: 14%; padding-right: 8px ; text-align: right; }
    .cfdrateboard table td.spread { width: 11%; text-align: right; padding-right: 8px;}
    .cfdrateboard table td.bidhigh,.cfdrateboard table td.bidlow { width: 14%; padding-right: 8px ; text-align: right; }

    /* スワップ強化アイコン 2024/11/21 */
    .cfdrateboard table td { padding: 9px; }
  }

/************************************
 * SP用設定
 ************************************/
 @media screen and (max-width: 767px) {
  .tableStyleWrap_mark td { font-size: 14px; }

    .cfdrateboard table th.first{ width: 32%;}
    .cfdrateboard table th.bid,.cfdrateboard table th.ask { width: 24%;}
    .cfdrateboard table th.spread { width: 20%; text-align: center; padding: 0}

    table td.hd img { margin-right: 5px; vertical-align: middle; height: 13px; width: auto; }
    .cfdrateboard table td.first { width: 32%; text-align: center; font-weight: bold; }
    .cfdrateboard table td.first img { margin: auto; vertical-align: middle; height: 24px; width: 24px; }
    .cfdrateboard table td.bid,.cfdrateboard table td.ask { width: 24%; padding-right: 4px ; text-align: right; }
    .cfdrateboard table td.spread { width: 20%; text-align: center; padding: 0; }

    /* スワップ強化アイコン 2024/11/21 */
    .cfdrateboard table td { padding: 7px 2px; }
}