@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 h3 {
  color: #008A7B;
  text-align: center;
  font-size: 22px;

}

#monthly span.normal {
  color: #333;
  font-weight: normal;
  font-size: 15px;
}


#monthly span.normal_w {
  color: #ffffff;
  font-weight: normal;
  font-size: 15px;
}

#monthly .rookie_table {
  display: flex;
  justify-content: center;
}

#monthly .rookie {
  width: 300px;
  margin: 15px;
  border: solid 0.5px #333 ;
}

#monthly .rookie th {
  background-color: #27A79E;
  color:#ffffff;
  text-align: center;
  border: solid 0.5px #333 ;

}

#monthly .rookie td {
  text-align: center;
  border: solid 0.5px #333 ;
}

#monthly .boat {
  text-align: center;
  margin-bottom: 15px;
}

/*イースタンウエスタン共通*/

#monthly .eastwest {
  display: flex;
  justify-content: center;
}


#monthly .one {
  color: #333;
  background-color: white;
  border-radius: 50%;
  padding:0 6px;
  line-height: 1.4;
  margin: 0px 2px;
  font-size: 14px;
  border: 0.5px solid #333;
  vertical-align: middle;
}

#monthly .two {
  color: white;
  background-color: black;
  border-radius: 50%;
  padding:1px 7px;
  line-height: 1.4;
  margin: 0px 2px;
  font-size: 14px;
  vertical-align: middle;
}

#monthly .three {
  color: white;
  background-color: #EE1D23;
  border-radius: 50%;
  padding:1px 7px;
  line-height: 1.4;
  margin: 0px 2px;
  font-size: 14px;
  vertical-align: middle;
}

#monthly .four {
  color: white;
  background-color: #057EC5;
  border-radius: 50%;
  padding:1px 7px;
  line-height: 1.4;
  margin: 0px 2px;
  font-size: 14px;
  vertical-align: middle;
}

#monthly .five {
  color: #333;
  background-color: #FFF101;
  border-radius: 50%;
  padding:0 6px;
  line-height: 1.4;
  margin: 0px 2px;
  font-size: 14px;
  border: 0.5px solid #333;
  vertical-align: middle;
}

#monthly .six {
  color: white;
  background-color: #00A54F;
  border-radius: 50%;
  padding:1px 7px;
  line-height: 1.4;
  margin: 0px 2px;
  font-size: 14px;
  vertical-align: middle;
}

#monthly .basic {
  color: black;
  background-color: white;
  border-radius: 50%;
  padding:0 6px;
  line-height: 1.4;
  margin: 0px 2px;
  font-size: 14px;
  border: 0.5px solid #333;
  vertical-align: middle;
}

#monthly .round_dark {
  color: black;
  background-color: white;
  border-radius: 50%;
  padding:0 6px;
  line-height: 1.4;
  margin: 0px 2px;
  font-size: 14px;
  border: 0.5px solid #333;
  vertical-align: middle;
  font-weight: bold;
}

#monthly .dark {
  font-weight: bold;
}


#monthly .young_table{
  width: 370px;
  margin: auto;
  padding: 10px;

}

#monthly .young_table th {
  border-bottom: solid 2px #333;
  font-weight: normal;
  text-align: center;
}


#monthly .young_table tr td{
  border-bottom:1px solid black;
  text-align: center;
}

#monthly .frame{
  border:1px solid black;
  padding: 0 4px;
  line-height:1.9;
}

#monthly .frame_dark{
  border:1px solid black;
  padding: 0 4px;
  line-height:1.9;
  font-weight: bold;
}

#monthly .table_caption{
  margin-top: 8px;
}

#monthly .result {
  padding: 18px;
}

#monthly .table_caption span.arrow {
  display:inline-block;
  transform: rotate(90deg);
}


/*イースタン優勝戦*/

#monthly .east{
  margin: 25px;
  border: solid 0.5px #B72F8C ;
}

#monthly h4.eastern {
  color: #ffffff;
  background-color: #B72F8C;
  text-align: center;
  padding: 10px;
  font-size: 20px;
}

/*ウエスタン優勝戦*/

#monthly .west{
  margin: 25px;
  border: solid 0.5px #0070B2 ;
}


#monthly h4.western {
  color: #ffffff;
  background-color: #0070B2;
  text-align: center;
  padding: 10px;
  font-size: 20px;
}