@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 .top{
    display: flex;
    margin-top: 30px;
    justify-content: space-around;
}


#monthly .toptitle{
  font-weight: bold;
  margin-top: 30px;
}

#monthly #container{
  display:flex;
  flex-wrap: wrap;
  margin-top: 30px;
  justify-content: space-around;
}

#monthly img{
  border-top-right-radius:30px;
  border-top-left-radius:30px;
}

#monthly span.title{
  font-size: 52px;
}

#monthly span.subtitle{
  font-size: 24px;
}


#monthly .racer{
  position:relative;
  margin-bottom: 200px;
  display:block;
  width:439px;
  height:750px;
}

#monthly #racer1{
  background-color: #fff;
  border-bottom-right-radius:30px;
  border-bottom-left-radius:30px;
  margin-top: -13px;
}

#monthly #racer2{
  background-color: #BCBDC0;
  border-bottom-right-radius:30px;
  border-bottom-left-radius:30px;
  margin-top: -12px;
}

#monthly #racer3{
  background-color: #FABEA6;
  border-bottom-right-radius:30px;
  border-bottom-left-radius:30px;
  margin-top: -12px;
}

#monthly #racer4{
  background-color: #ADCAE6;
  border-bottom-right-radius:30px;
  border-bottom-left-radius:30px;
  margin-top: -11px;
}

#monthly #racer5{
  background-color: #FFF799;
  border-bottom-right-radius:30px;
  border-bottom-left-radius:30px;
  margin-top: -11px;
}

#monthly #racer6{
  background-color: #B3DCC0;
  border-bottom-right-radius:30px;
  border-bottom-left-radius:30px;
  margin-top: -11px;
}

#monthly .shibu1{
  float:right;
  width:50px;
  text-align: center;
  border: 1px solid #333;
  margin-right: 35px;
  margin-top: 1px;
}
#monthly .shibu2{
  float:right;
  width:50px;
  text-align: center;
  border: 1px solid #333;
  background-color: #000;
  color: #fff;
  margin-right: 35px;
  margin-top: 1px;
}
#monthly .shibu3{
  float:right;
  width:50px;
  text-align: center;
  background-color:#ED1C24;
  color: #fff;
  margin-right: 35px;
  margin-top: 1px;
}
#monthly .shibu4{
  float:right;
  width:50px;
  text-align: center;
  background-color:#007DC6;
  color: #fff;
  margin-right: 35px;
  margin-top: 1px;
}
#monthly .shibu5{
  float:right;
  width:50px;
  text-align: center;
  background-color:#FFF200;
  border: 1px solid #333;
  margin-right: 35px;
  margin-top: 3px;
}
#monthly .shibu6{
  float:right;
  width:50px;
  text-align: center;
  background-color:#00A651;
  color: #fff;
  margin-right: 35px;
  margin-top: 1px;
}

#monthly .shoritsu{
  border: 1px solid #333;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 30px;
  margin-left: 30px;
}



#monthly tr{
  border: 1px solid #333;
}

#monthly th{
  border-right: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
  padding-right:3px;
  padding-left:3px;
  background-color: #6E60AA;
  color:#fff;
}

#monthly th.black{
  border-right: 1px solid #333;
  text-align: center;
  vertical-align: middle;
  padding-right:3px;
  padding-left:3px;
  background-color: #6E60AA;
  color:#fff;
}


#monthly td{
  border: 1px solid #333;
  text-align: center;
  vertical-align: middle;
  padding-right:3px;
  padding-left:3px;
  background-color: #fff;
}

#monthly td.blue{
  background-color:#ABD7F3 ;
}

#monthly td.yellow{
  background-color:#FFF9AE ;
}

#monthly .txt{
  margin-right: 30px;
  margin-left: 30px;
  padding-bottom: 20px;

}