@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{
  margin-bottom:20px;
}

#monthly #main_title{
  font-size:34px;
  color:black;
  position: relative;
  top:-15px;
  left:30px;
}

#monthly #blue_1{
  color:#014099;
  font-size:38px;
  font-weight:bold;
}

#monthly #brown{
  color:#d76c00;
  font-family: serif;
  font-size:29px;
  text-align: center;
}

#monthly #top p{
  text-indent:0;
  position: relative;
  top:-15px;
  left:30px;
}

#monthly #main p{
  text-align: justify;
}

#monthly #main{
  margin-bottom:20px;
}

#monthly .one{
  background:#009595;
    color:#fff;
    font-weight:bold;
    padding:0 3px;
    letter-spacing:2px;
}

#monthly .two{
  background:#009595;
    color:#fff;
    font-weight:bold;
    padding:0 9px;
    letter-spacing:2px;
}

#monthly .green{
  color:#009794;
}

#monthly #tyumoku_t{
  text-align: center;
}

#monthly #tyumoku_t span{
  font-size:22px;
}

#monthly #frame {
  background-color: #fff338;
  margin-top: -22px;
  height:16px;
  margin-bottom:15px;
  display:flex;
}

/* ここから注目モーターの表 */
#monthly #red_num{
  height:180px;
}

#monthly #t_wrapper{
  display: flex;
}

#monthly .text{
  padding:0 8px;
}

#monthly #table_1{
  width:835px;
}

#monthly #table_1 tr td{
  border:1px solid black;
  vertical-align:middle;
  font-size: 15px;
}

#monthly #table_1 tr th{
  border:1px solid black;
  vertical-align:middle;
  font-weight:normal;
}

#monthly .td_1{
  width:75px;
  text-align: center;
  padding:3px 0;
}

#monthly .td_2{
  width:60px;
  background:#d8eae9;
  text-align: center;
}

#monthly .td_3{
  width:70px;
  background:#d8eae9;
  text-align: center;
}

#monthly .round{
  background:#e60012;
  border-radius:25px;
  padding:8px;
  color: white;
}

#monthly .td_5{
  font-size:18px;
  font-weight: bold;
  text-align: center;
}

#monthly .num_1{
    background: #009595;
    color: #fff;
    font-size:18px;
    font-weight:bold;
    padding:0 5px;
    letter-spacing:2px;
    display: inline-block;
    transform: scale(1.3, 1);
}

/* ここからモーター2連ランキング */
#monthly #motor{
  margin-top:40px;
}

#monthly #motor h3{
  border:1px solid #009794;
  font-size:20px;
  font-weight:bold;
  text-align: center;
  color:#009794;
}

#monthly .normal{
  color:black;
  font-weight:normal;
  font-size:14px;
}

#monthly .hurt{
  width:15px;
  height:15px;
  margin-bottom:2px;
}

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

#monthly #motor table tr th{
  background:#009794;
  color:white;
  text-align: center;
  vertical-align: middle;
}

#monthly #motor table tr td{
  text-align: center;
  vertical-align: middle;
  border-bottom:1px dashed black;
  padding:4px;
}

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

#monthly .th_1{
  border-bottom:1px solid black;
}

#monthly #motor table td:nth-child(3),
#monthly #motor table td:nth-child(7),
#monthly #motor table td:nth-child(11){
  border-right:1px solid black;
}

#monthly #motor table .th_m th:nth-child(3),
#monthly #motor table th:nth-child(4),
#monthly #motor table .th_m th:nth-child(5),
#monthly #motor table th:nth-child(8){
  border-right:1px solid black;
}

#monthly #motor table tr:nth-child(12),
#monthly #motor table tr:nth-child(22),
#monthly #motor table tr:nth-child(32),
#monthly #motor table tr:nth-child(42),
#monthly #motor table tr:nth-child(52),
#monthly #motor table tr:nth-child(62){
  border-bottom:1px solid black;
}

#monthly #motor table td:nth-child(7),
#monthly #motor table td:nth-child(11),
#monthly #motor table td:nth-child(15){
  text-align:left;
  padding-left:5px;
}

#monthly .box,
#monthly .box_ad{
  background:#009595;
  color:#fff;
  font-weight:bold;
  width: 30px;
  letter-spacing:2px;
  display:inline-block;
}

#monthly #motor table td:nth-child(3){
  font-weight:bold;
}

#monthly #motor{
  font-size:12px;
}

#monthly .motor_num{
  line-height: 17px;
}

#monthly #caption{
  color:#014099;
  text-align: right;
}