@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 p{
  text-align: justify;
}

/* #monthly #line{
  background-color:#fff9b0;
  height:25px;
  text-align:center;
  border-radius: 16px;
} */

#monthly #title{
  font-weight: bold;
  text-align: center;
}

#monthly #title span{
  font-size: 28px;
  text-shadow: 1px 1px 0 #fff57f, -1px -1px 0 #fff57f,
              -1px 1px 0 #fff57f, 1px -1px 0 #fff57f,
               0px 1px 0 #fff57f,  0-1px 0 #fff57f,
              -1px 0 0 #fff57f, 1px 0 0 #fff57f;
}

#monthly #frame{
  background-color: #fff57f;
  border-radius: 16px;
  margin-top: -30px;
}

#monthly #title_1{
  font-size:20px;
  vertical-align:top;
}

#monthly #title_2{
  margin-left:10px;
  font-size:16px;
  font-weight: normal;
  vertical-align:top;
}

/* 個別レーサーの背景 */

#monthly #mine{
  background-image:url("img/dream_mine.jpg");
  height:1000px;
  width:390px;
  border-top-left-radius: 13px;
}

#monthly #nishiyama{
  background-image:url("img/dream_nishiyama.jpg");
  height:1000px;
  width:390px;
  border-top-left-radius: 13px;
}

#monthly #ooyama{
  background-image:url("img/dream_ooyama.jpg");
  height:1000px;
  width:390px;
  border-top-left-radius: 13px;
}

#monthly #busuzima{
  background-image:url("img/dream_busuzima.jpg");
  height:1000px;
  width:390px;
  border-top-left-radius: 13px;
}

#monthly #moriya{
  background-image:url("img/dream_moriya.jpg");
  height:1000px;
  width:390px;
  border-top-left-radius: 13px;
}

#monthly #matui{
  background-image:url("img/dream_matui.jpg");
  height:1000px;
  width:390px;
  border-top-left-radius: 13px;
}



/* ここから共通のパーツ */

#monthly #main{
  margin-top:50px;
}

#monthly .section{
  display: flex;
  justify-content: space-around;
  margin-bottom:40px;
}

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

#monthly .top div{
  margin-top:3px;
}

#monthly .vote_1{
  font-size:20px;
  color          : #cf000d;            /* 文字の色 */
  text-shadow    : 
       2px  2px 1px #e2c667,
      -2px  2px 1px #e2c667,
       2px -2px 1px #e2c667,
      -2px -2px 1px #e2c667,
       2px  0px 1px #e2c667,
       0px  2px 1px #e2c667,
      -2px  0px 1px #e2c667,
       0px -2px 1px #e2c667;        /* 文字の影 */
}

#monthly .vote_2{
  font-size:21px;
  color          : #cf000d;            /* 文字の色 */
  letter-spacing:1px;;
  text-shadow    : 
       2px  2px 1px #e2c667,
      -2px  2px 1px #e2c667,
       2px -2px 1px #e2c667,
      -2px -2px 1px #e2c667,
       2px  0px 1px #e2c667,
       0px  2px 1px #e2c667,
      -2px  0px 1px #e2c667,
       0px -2px 1px #e2c667;        /* 文字の影 */
}

#monthly .sub{
  text-align:right;
  font-size:15px;
  margin-right:17px;
  color          : #330033;            /* 文字の色 */
  letter-spacing : 1px;                /* 文字間 */
  text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;        /* 文字の影 */
}

#monthly .bottom{
  margin-top:440px;
}

#monthly .box_name{
  display: flex;
  margin-left:10px;
}

#monthly .racer{
  margin:0 28px 0 14px;
}

#monthly .rubi_2{
  font-size:17px;
  display        : inline-block;
  color          : #000000;            /* 文字の色 */
  letter-spacing : 1px;                /* 文字間 */
  text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;        /* 文字の影 */
}

#monthly .box_gray{
  width:55px;
  height:68px;
  text-align:center;
  background-color: #dcdddd;
  line-height:1.3;
  margin-top:26px;
}

#monthly .box_gray div{
  margin-top:4px;
}

#monthly .intro{
  padding:0 19px;
}

#monthly .intro p{
  font-size:15px;
}

#monthly .boat{
  width:175px;
  height:90px;
  background:#dcdddd;
  float:right;
  margin:5px 0 0 10px;
}

#monthly .table{
  margin-top:10px;
}

#monthly .table table{
  width:355px;
  margin:auto;
}

#monthly .blank{
  width:52px;
  border-left:1px black solid;
}

#monthly .table table th{
  background-color:#6357a3;
  color:white;
  font-weight:normal;
  border-top:1px black solid;
}

#monthly .table table th:nth-child(8){
  border-right:1px black solid;
}

#monthly .table table th:nth-child(2),
#monthly .table table th:nth-child(3),
#monthly .table table th:nth-child(4),
#monthly .table table th:nth-child(5),
#monthly .table table th:nth-child(6),
#monthly .table table th:nth-child(7),
#monthly .table table th:nth-child(8){
  border-left:1px white solid;
}

#monthly .table table td:nth-child(2),
#monthly .table table td:nth-child(3),
#monthly .table table td:nth-child(4),
#monthly .table table td:nth-child(5),
#monthly .table table td:nth-child(6),
#monthly .table table td:nth-child(7),
#monthly .table table td:nth-child(8){
  background-color:white;
}

#monthly .table table tr td,
#monthly .table table tr th{
  font-size:14px;
  text-align:center;
}

#monthly .table table tr td{
  height:23px;
  border:1px black solid;
}

#monthly .yellow{
  background-color:#fff9b0;
}

#monthly .pink{
  background-color:#f7c8dc;
}

#monthly .record img{
  float:left;
  width:60px;
  height:53px;
  margin-right:7px;
  margin-top:5px;
}

#monthly .record{
  border:1px solid black;
  border-radius:13px;
  height:120px;
  width:350px;
  margin:10px auto;
  background: white;
}

#monthly .record p{
  line-height:1.4;
  font-size:15px;
  margin:5px;
  text-indent:0;
}

/* ここから峰個別 */
#monthly #num_1{
  margin-right:90px;
  font-weight: bold;
  font-size:19px;
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  text-shadow    : 
  1px  1px 1px #000000,
  -1px  1px 1px #000000,
   1px -1px 1px #000000,
  -1px -1px 1px #000000,
   1px  0px 1px #000000,
   0px  1px 1px #000000,
  -1px  0px 1px #000000,
   0px -1px 1px #000000;
}

#monthly #boat_num_1{
  color:black;
  background-color:white;
  padding:3px 10px 0 10px;
  border-radius:13px;
  margin-right:10px;
  font-size:22px;
}

#monthly #name_1{
  font-size:55px;
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow: 
       2px  2px 1px #000000,
      -2px  2px 1px #000000,
       2px -2px 1px #000000,
      -2px -2px 1px #000000,
       2px  0px 1px #000000,
       0px  2px 1px #000000,
      -2px  0px 1px #000000,
       0px -2px 1px #000000;/* 文字の影 */
}

/* ここから西山個別 */
#monthly #num_2{
  margin-right:50px;
  font-weight: bold;
  font-size      : 19px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #000000;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;
}

#monthly #boat_num_2{
  background-color:#241916;
  color:white;
  padding:3px 10px 0 10px;
  border-radius:13px;
  margin-right:10px;
  font-size:22px;
}

#monthly #name_2{
  font-size      : 55px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #000000;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
}

/* ここから大山千広個別 */
#monthly #num_3{
  margin-right:70px;
  font-weight: bold;
  font-size      : 19px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #e60012;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;
}

#monthly #boat_num_3{
  color:white;
  background-color:#e60012;
  padding:3px 10px 0 10px;
  border-radius:13px;
  margin-right:188px;
  font-size:22px;
}

#monthly #name_3{
  font-size      : 55px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #e60012;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
  2px  2px 1px #ffffff,
  -2px  2px 1px #ffffff,
   2px -2px 1px #ffffff,
  -2px -2px 1px #ffffff,
   2px  0px 1px #ffffff,
   0px  2px 1px #ffffff,
  -2px  0px 1px #ffffff,
   0px -2px 1px #ffffff;       /* 文字の影 */
}

/* ここから毒島誠個別 */

#monthly #num_4{
  margin-right:70px;
  font-weight: bold;
  font-size      : 19px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #3391cd;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;
}

#monthly #boat_num_4{
  color: white;
  background-color:#3391cd;
  padding:3px 10px 0 10px;
  border-radius:13px;
  margin-right:188px;
  font-size:22px;
}

#monthly #name_4{
  font-size      : 55px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #3391cd;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
  2px  2px 1px #ffffff,
  -2px  2px 1px #ffffff,
   2px -2px 1px #ffffff,
  -2px -2px 1px #ffffff,
   2px  0px 1px #ffffff,
   0px  2px 1px #ffffff,
  -2px  0px 1px #ffffff,
   0px -2px 1px #ffffff;       /* 文字の影 */
}

/* ここから守屋美穂個別 */
#monthly #num_5{
  margin-right:103px;
  font-weight: bold;
  font-size      : 19px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #fff100;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #000000,
      -1px  1px 1px #000000,
       1px -1px 1px #000000,
      -1px -1px 1px #000000,
       1px  0px 1px #000000,
       0px  1px 1px #000000,
      -1px  0px 1px #000000,
       0px -1px 1px #000000;
}

#monthly #boat_num_5{
  color: black;
  background-color:#fff100;
  padding:3px 10px 0 10px;
  border-radius:13px;
  margin-right:188px;
  font-size:22px;
}

#monthly #name_5{
  font-size      : 55px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #fff100;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
  2px  2px 1px #000000,
  -2px  2px 1px #000000,
   2px -2px 1px #000000,
  -2px -2px 1px #000000,
   2px  0px 1px #000000,
   0px  2px 1px #000000,
  -2px  0px 1px #000000,
   0px -2px 1px #000000;       /* 文字の影 */
}


/* ここから松井繁個別 */
#monthly #num_6{
  margin-right:87px;
  font-weight: bold;
  font-size      : 19px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #009944;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;
}

#monthly #boat_num_6{
  color:white;
  background-color:#009944;
  padding:3px 10px 0 10px;
  border-radius:13px;
  margin-right:10px;
  font-size:22px;
}

#monthly #name_6{
  font-size      : 55px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #009944;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
  2px  2px 1px #ffffff,
  -2px  2px 1px #ffffff,
   2px -2px 1px #ffffff,
  -2px -2px 1px #ffffff,
   2px  0px 1px #ffffff,
   0px  2px 1px #ffffff,
  -2px  0px 1px #ffffff,
   0px -2px 1px #ffffff;       /* 文字の影 */
}