@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 a {
  text-decoration: underline;
}

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


/*各ページ*/
#monthly #background {
  background-color: #2E323D;
  height: 1761px;
}

#monthly #motor_title {
  font-size: 54px;
  color: black;
  font-weight: bold;
  padding: 30px;
  font-family: serif;
  text-align: center;
}

#monthly .text_blue {
  color: #add8e6;
}

#monthly .text_white {
  padding: 10px;
}


#monthly .text_komoji_1 {
  font-size: 20px;
  text-align: end;
}

#monthly .text_komoji_2 {
  font-size: 16px;
  position: relative;
  top: -18px;
  left: -8px;
  font-weight: normal;
}


#monthly .text_komoji_3 {
  font-size: 16px;
  position: relative;
  top: -5px;
}

#monthly .text_komoji_4 {
  font-size: 16px;
  position: relative;
  top: -18px;
  left: 105px;
  font-weight: normal;
}

#monthly .motor_komidashi {
  color: #add8e6;
  font-size: 30px;
  font-weight: bold;
  padding-left: 10px;
  font-family: serif;
}

#monthly .square {
  background-color: #FFF100;
  color: #231916;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}

#monthly .flex1 {
  display: flex;
  position: relative;
  left: 75px;
  bottom: -17px;
}

#monthly .motor_img1 {
  height: fit-content;
}

#monthly #motor_img2 {
  margin: auto;
  display: block;
}


/* ランキング */
#monthly .motor_ranking_title {
  font-size: 30px;
  font-weight: bold;
}

/* #monthly .text_komoji_align {
  text-align: end;
} */


#monthly #motor_ranking {
  border: 2px solid #231916;
  width: 750px;
  margin: auto;
}

#monthly #motor_ranking th{
  background-color: #00416C;
  color: #fff;
  font-weight: normal;
  border-right: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}

#monthly #motor_ranking td {
  text-align: center;
  border: 1px solid black;
}

#monthly #motor_ranking .rank {
  background-color: #727171;
  font-weight: bold;
  color: #fff;
}

#monthly #motor_ranking .evaluation_A {
  background-color: #C7000C;
  font-weight: bold;
  color: #fff;
}

#monthly #motor_ranking .evaluation_B {
  background-color: #F6AB00;
  font-weight: bold;
  color: black;
}

#monthly #motor_ranking .evaluation_C {
  background-color: #78A7D9;
  font-weight: bold;
  color: black;
}

#monthly #motor_ranking .normal {
  font-weight: bold;
  background-color: #fff;
}

#monthly #motor_ranking .circle {
  background-color: #fff;
}

#monthly #motor_ranking .double_circle {
  color: #C7000C;
  background-color: #fff;
}

#monthly #motor_ranking .short_comment {
  background-color: #fff;
}


/* 背景グレー */
#monthly #motor_ranking .normal_gray {
  font-weight: bold;
  background-color: #EEEFEF;
}

#monthly #motor_ranking .double_circle_gray {
  color: #C7000C;
  background-color: #EEEFEF;
}

#monthly #motor_ranking .short_comment_gray {
  background-color: #EEEFEF;
}

#monthly #motor_ranking .circle_gray {
  background-color: #EEEFEF;
}

#monthly #table_comment {
  text-align: end;
  background-color: #231916;
  color: #fff;
  width: 750px;
  margin: auto;
}


/* 進入コース */
#monthly .flex2 {
  display: flex;
  margin-top: 33px;
  position: relative;
  left: 75px;
  bottom: 5px;
}

#monthly #sinnyucourse  {
  width: 750px;
  border: 2px solid;
  margin: auto;
}

#monthly #sinnyucourse th {
  background-color: #00416C;
  color: #fff;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid;
  text-align: center;
}

#monthly #sinnyucourse td {
  text-align: center;
  border: 1px solid black;
  background-color: #fff;
}

#monthly #sinnyucourse .background_blue {
  background-color: #5B689A;
  color: #fff;
  font-weight: normal;
}

#monthly #sinnyucourse .background_gray {
  background-color: #E6E6E7;
}

#monthly #sinnyucourse #first {
  background-color: #EEEFEF;
}

#monthly #sinnyucourse #secound {
  background-color: #231916;
  color: #fff;
}

#monthly #sinnyucourse #third {
  background-color: #B60007;
  color: #fff;
}


#monthly #sinnyucourse #fourth {
  background-color: #0064B4;
  color: #fff;
}


#monthly #sinnyucourse #fifth {
  background-color: #FED900;
}


#monthly #sinnyucourse #sixth {
  background-color: #007C36;
  color: #fff;
}