@charset "utf-8";
/************************************
 * PC/SP共通
************************************/
  .rateboard,
  .cfdrateboard {
    margin: 0;
    font-family: "Roboto", "Noto Sans JP", sans-serif;
  }

  /* カラーパレット */
  .rateboard .ratenoca,.cfdrateboard .ratenoca { color: #404040 !important; }
  .rateboard .rateup,.cfdrateboard .rateup { color: #ff0131 !important; }
  .rateboard .ratedown,.cfdrateboard .ratedown { color: #235aff !important; }

  /* 小数点最下位 */
  .rateboard span.s,.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: 12px;
    text-align: center;
  }

  .tableStyleWrap_mark th {
    vertical-align: middle;
    font-size: 12px;
    height: 40px;
    border: solid 1px #bfbfbf;
    background-color: #e5e5e5;
    color: #404040;
    text-align: center;
    font-weight: bold;
  }
  .tableStyleWrap_mark td {
    border:solid #bfbfbf ;
    border-width: 0px 1px 1px 1px;
    vertical-align: middle;
  }


/************************************
 * PC用設定
************************************/
@media only screen and (min-width: 768px) {
  .pcRateSetting {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-between;
  }
  .pcRateSetting li { width: 47.75%; }
  .pcRateSetting h3 {
    overflow: hidden;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
  }
  .tableStyleWrap_mark td { font-size: 12px; }


  .rateboard table td.first img:last-of-type { margin-right: 8px;}
  .rateboard table td.first img { vertical-align: middle; height: 16px; width: 24px; }

  .rateboard table th.first { width: 34%; }
  .rateboard table th.bid, .rateboard table th.ask,.rateboard table th.spread { width: 22%; }

  .rateboard table td.first { width: 34%; text-align: center; color: #404040; font-weight: bold; }
  .rateboard table td.bid,.rateboard table td.ask,.rateboard table td.spread { width: 22%; }

  .rateboard table td.bid,.rateboard table td.ask { text-align: right; }
  .rateboard table td.spread { text-align: center; }

  .rateboard table td { padding: 11px; }


  .cfdrateboard table td.first img { margin-right: 8px; vertical-align: middle; height: 24px; width: 24px; }

  .cfdrateboard table th.first { width: 34%; }
  .cfdrateboard table th.bid,.cfdrateboard table th.ask,.cfdrateboard table th.spread { width: 22%; }

  .cfdrateboard table td.first { width: 34%; text-align: center; color: #404040; font-weight: bold; }
  .cfdrateboard table td.bid,.cfdrateboard table td.ask,.cfdrateboard table td.spread { width: 22%; }

  .cfdrateboard table td.bid,.cfdrateboard table td.ask { text-align: right; }
  .cfdrateboard table td.spread { text-align: center; }

  .cfdrateboard table td{ padding: 9px;}

}







/************************************
 * SP用設定
************************************/
@media screen and (max-width: 767px) {
  .markTab { font-size: 14px; }
  .markTab .tabTitle { margin-bottom: 20px; }
  .markTab .tabTitle ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .markTab .tabTitle ul { overflow: hidden; }
  .markTab .tabTitle ul li {
    width: calc(100% / 2) ;
    text-align: center;
  }
  .markTab .tabTitle ul li .tabBtn { display: inline-block; padding: 13.5px 6px; }

  .markTab h3 {
      overflow: hidden;
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.375;
      text-align: center;
  }


  .rateboard table td.first img { margin: auto; vertical-align: middle; height: 16px; width: 24px; }

  .rateboard table th.first { width: 32%; }
  .rateboard table th.bid, .rateboard table th.ask { width: 24%; }
  .rateboard table th.spread { width: 20%; }

  .rateboard table td.first { width: 32%; text-align: center; font-weight: bold; line-height: 1.6; }
  .rateboard table td.bid, .rateboard table td.ask { width: 24%; }
  .rateboard table td.spread { width: 20%; }

  .rateboard table td.bid,.rateboard table td.ask { text-align: right; }
  .rateboard table td.spread { text-align: center; }

  .rateboard table td { padding: 5px; }


  .cfdrateboard table td.first img { margin: auto; vertical-align: middle; height: 24px; width: 24px; }

  .cfdrateboard table th.first{ width: 28%;}
  .cfdrateboard table th.bid,.cfdrateboard table th.ask { width: 26%; }
  .cfdrateboard table th.spread { width: 20%; }

  .cfdrateboard table td.first { width: 28%; text-align: center; font-weight: bold; line-height: 1.6; }
  .cfdrateboard table td.bid,.cfdrateboard table td.ask { width: 26%; }
  .cfdrateboard table td.spread { width: 20%; }

  .cfdrateboard table td.bid,.cfdrateboard table td.ask { text-align: right; }
  .cfdrateboard table td.spread { text-align: center; }

  .cfdrateboard table td { padding: 7px;}

}