@charset "utf-8";

/*共通*/

.button--arrowRight {
  box-sizing: border-box;
}

#monthly {
  width: 900px;
  margin: 0px auto 0 auto;
  padding: 0px;
  font-size:16px;
}
#monthly p {
  line-height: 1.6;
  letter-spacing:0.05em;
  text-indent:1em;
  margin-bottom:0.6em;
}
#monthly p.ketujyo {
  margin-bottom:10px;
  text-align:left;
  text-indent:0;
}
#monthly .midashi{
  width:900px;
}

#monthly table {
  border-collapse:collapse;
}

#monthly br.clear {
  clear: both;}

#monthly .cf:before,
.cf:after {
    content: " ";
    display: table;
}

#monthly .cf:after {
    clear: both;
}

#monthly .cf {
    *zoom: 1;
}

#monthly a {
  text-decoration: underline;
}

#monthly a:hover {
  text-decoration: none;
}


/*各ページ*/



#monthly h4 {
  font-size: 24px;
  text-align: center;
  color: #f9c03c;
}

#monthly h5 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
     text-shadow:
      #0e7fbc 3px 0px, 
      #0e7fbc -3px 0px,
      #0e7fbc 0px -3px,
      #0e7fbc 0px 3px, 
      #0e7fbc 3px 3px, 
      #0e7fbc -3px 3px, 
      #0e7fbc 3px -3px, 
      #0e7fbc -3px -3px, 
      #0e7fbc 1px 3px, 
      #0e7fbc -1px 3px, 
      #0e7fbc 1px -3px, 
      #0e7fbc -1px -3px,
      #0e7fbc 3px 1px, 
      #0e7fbc -3px 1px,
      #0e7fbc 3px -1px,
      #0e7fbc -3px -1px;
}



#monthly span {
  color: #9ad8fa;
  font-weight: bold;
}

#monthly span.number0 {
    color: #fff;
    background-color: #0e7fbc;
    font-size: 24px;
    font-weight: bold;
    display   : inline-block;
    transform  : scale(1.0, 0.9);
}

  
#monthly span.number {
    color: #fff;
    background-color: #0e7fbc;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 5px;
}




#monthly span.number4 {
    font-size: 12px;
    color: #fff;
    background-color: #0e7fbc;
    padding:  0px 7px 0.5px 7px;
    font-weight: bold;
}

#monthly span.percent1 {
    color: black;
    font-size: 20px;  
    font-weight: bold;
}

#monthly span.deashi1 {
    color: black; 
    background-color: #bfdaa1;
    padding: 0px 7px; 
    margin-left: 45px; 
}

#monthly span.deashi {
    color: black; 
    background-color: #bfdaa1;
    padding: 0px 7px; 
    margin-left: 35px; 
}

#monthly span.nobi {
    color: black;  
   background-color: #f3d13d;
    padding: 0px 7px;
}

#monthly span.mawari {
    color: black; 
   background-color: #57c1d1;
    padding: 0px 7px;
}

#monthly #ranking_title {
    margin: 20px 0 2px 0;
    color: #a2c2ea;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-indent: 0em;
}

#monthly #ranking_title span.normal {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

#monthly #motor {
    width: 850px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

#monthly #motor table {
    width: 400px;
}
#monthly table {
    margin: 0 auto;
  
}

#monthly #waku  {
   border: 1px solid #231815;
   padding: 30px 30px;
}

#monthly tr.line {
    border-bottom: 1px dashed #231815;
    vertical-align: middle;
    
}

#monthly td, th {
    text-align:  center;
    vertical-align: baseline;
    padding: 0;
}

#monthly th {
     color: #fff;
    background-color: #6ba0cf;
    padding: 0px 7px;
    font-weight: bold;
}



#monthly p.owari {
  text-align: right;
}

#monthly span.number2 {
    color: #fff;
    background-color: #0e7fbc;
    padding: 0px 7px;
    font-weight: bold;
    font-size: 22px;
}

#monthly span.yellow {
    background: yellow;
    color: #333;
    border-radius: 50%;
    padding-right: 5.0px;
    padding-left: 5.0px;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
    line-height: 1.4;
    margin: 0 px 0 px;
    font-size: 12px;
    border: 0.5px solid #333;
    vertical-align: middle;
}

#monthly span.blue {
    background: #0075c1;
    color: #ffffff;
    border-radius: 50%;
    padding-right: 5.0px;
    padding-left: 5.0px;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
    line-height: 1.4;
    margin: 0 px 0 px;
    font-size: 12px;
    border: 0.5px solid #333;
    vertical-align: middle;
}

#monthly span.red {
    background: #e60012;
    color: #ffffff;
    border-radius: 50%;
    padding-right: 5.0px;
    padding-left: 5.0px;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
    line-height: 1.4;
    margin: 0 px 0 px;
    font-size: 12px;
    border: 0.5px solid #333;
    vertical-align: middle;
}

#monthly span.black {
    background: #231815;
    color: #ffffff;
    border-radius: 50%;
    padding-right: 5.0px;
    padding-left: 5.0px;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
    line-height: 1.4;
    margin: 0 px 0 px;
    font-size: 12px;
    border: 0.5px solid #333;
    vertical-align: middle;
}

#monthly span.white {
    background: #ffffff;
    color: #333;
    border-radius: 50%;
    padding-right: 5.0px;
    padding-left: 5.0px;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
    line-height: 1.4;
    margin: 0 px 0 px;
    font-size: 12px;
    border: 0.5px solid #333;
    vertical-align: middle;
    text-align: center;
}

#monthly span.number3 {
    background: #ffffff;
    color: #333;
    border-radius: 50%;
    padding-right: 5.0px;
    padding-left: 5.0px;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
    line-height: 1.4;
    margin: 0 px 0 px;
    font-size: 12px;
    border: 0.5px solid #333;
    vertical-align: middle;
    text-align: center;
}

#monthly span.number5 {
    background: #ffffff;
    color: #333;
    border-radius: 50%;
    padding-right: 2.0px;
    padding-left: 2.0px;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
    line-height: 1.4;
    margin: 0 px 0 px;
    font-size: 12px;
    border: 0.5px solid #333;
    vertical-align: middle;
    text-align: center;
}