@charset "utf-8";
/* CSS Document */

  .page .Main .TopColumn_Rank {
    margin: 2% 2% 2% 2%;
    border: #dbc99e 2px solid;
    background: #FFF; }
    .page .Main .TopColumn_Rank .TopCol_RankHead {
      color: #FFF;
      padding: 6px 0;
      font-size: 12px;
      font-size: 3.75vw;
      text-align: center;
      background: #6d9639;
      /* Old browsers */
      background: -moz-linear-gradient(top, #6d9639 0%, #62912f 5%, #5e8e2c 14%, #397112 55%, #276206 82%, #164f00 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #6d9639 0%, #62912f 5%, #5e8e2c 14%, #397112 55%, #276206 82%, #164f00 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #6d9639 0%, #62912f 5%, #5e8e2c 14%, #397112 55%, #276206 82%, #164f00 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d9639', endColorstr='#164f00',GradientType=0 );
      /* IE6-9 */ }
    .page .Main .TopColumn_Rank .TopCol_RankCont {
      padding: 8px; }
    .page .Main .TopColumn_Rank .TopCol_RankText {
      padding: 4px 0;
      line-height: 1.2;
      font-size: 12px;
      font-size: 3.75vw; }
      .page .Main .TopColumn_Rank .TopCol_RankText .TopCol_RankSpan {
        color: #100d7a;
        font-weight: bold; }
      .page .Main .TopColumn_Rank .TopCol_RankText .TopCol_Red {
        color: #f32164;
        font-weight: bold; }
        .page .Main .TopColumn_Rank .TopCol_RankText .TopCol_Red span {
          font-size: 10px;
          font-size: 3.125vw; }
    .page .Main .TopColumn_Rank .TopCol_RankText2 {
      font-size: 10px;
      font-size: 3.125vw;
      margin-bottom: 3%; }

/*--- ランクメーター ---*/
.RankMeter {
  border: solid 1px #ab925c;
  height: 20px;
  height: 6.25vw;
  background: #CCC;
  margin-top: 4px;
  margin-bottom: 8px; }
  .RankMeter .MeterColor {
    height: 20px;
    height: 6.25vw;
    background: #f25883;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f25883 0%, #ff4381 5%, #fe4180 35%, #ed175a 55%, #ba063e 90%, #ab0337 95%, #96012e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f25883 0%, #ff4381 5%, #fe4180 35%, #ed175a 55%, #ba063e 90%, #ab0337 95%, #96012e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f25883 0%, #ff4381 5%, #fe4180 35%, #ed175a 55%, #ba063e 90%, #ab0337 95%, #96012e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25883', endColorstr='#96012e',GradientType=0 );
    /* IE6-9 */ }
  .RankMeter .Meter0 {
    width: 0; }
  .RankMeter .Meter1 {
    width: 16%; }
  .RankMeter .Meter2 {
    width: 32%; }
  .RankMeter .Meter3 {
    width: 48%; }
  .RankMeter .Meter4 {
    width: 64%; }
  .RankMeter .Meter5 {
    width: 80%; }
  .RankMeter .Meter6 {
    width: 100%; }