@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{
  color      : white;
  font-weight: bold;
  text-align : center;
}

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

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

/* レーサー背景 */

#monthly #ono{
  background-color: #fff;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 65%, #fff 80%, #fff 100%), url("img/dream_ono.jpg");
  height:500px;
  width:390px;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .5);
}

#monthly #endou{
  background-color: #fff;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 65%, #d3d3d4 80%, #d3d3d4 100%), url("img/dream_endou.jpg");
  height:500px;
  width:390px;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .5);
}

#monthly #moriya{
  background-color: #fff;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 65%, #f9d0ba 80%, #f9d0ba 100%), url("img/dream_moriya.jpg");
  height:500px;
  width:390px;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .5);
}

#monthly #taguchi{
  background-color: #fff;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 65%, #c7d8ef 80%, #c7d8ef 100%), url("img/dream_taguchi.jpg");
  height:500px;
  width:390px;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .5);
}

#monthly #kamakura{
  background-color: #fff;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 65%, #fff799 80%, #fff799 100%), url("img/dream_kamakura.jpg");
  height:500px;
  width:390px;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .5);
}

#monthly #hirayama{
  background-color: #fff;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 65%, #cae5cd 80%, #cae5cd 100%), url("img/dream_hirayama.jpg");
  height:500px;
  width:390px;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .5);
}



/* 共通パーツ */

#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{
  font-size      : 16px;
  color          : #c70025;            /* 文字の色 */
  text-shadow    : 
       2px  2px 1px white,
      -2px  2px 1px white,
       2px -2px 1px white,
      -2px -2px 1px white,
       2px  0px 1px white,
       0px  2px 1px white,
      -2px  0px 1px white,
       0px -2px 1px white;        /* 文字の影 */
  padding        :
       0px 10px 0px 10px;
}

#monthly .vote_1{
  font-size      : 14px;
  color          : #c70025;            /* 文字の色 */
  text-shadow    : 
       2px  2px 1px white,
      -2px  2px 1px white,
       2px -2px 1px white,
      -2px -2px 1px white,
       2px  0px 1px white,
       0px  2px 1px white,
      -2px  0px 1px white,
       0px -2px 1px white;        /* 文字の影 */
  padding        :
       0px 10px 0px 10px;
}

#monthly .senshutsu{
  background-color: #fff;
  font-size       : 12px;
  font-weight     : bold;
  text-align      : center;
  line-height     : 18px;
  float           : right;
  border          : 1px solid;
  padding         : 0px 5px 0px 5px;
  margin          : 0px 10px 0px 0px;
}

#monthly .shoritsu{
  font-size       : 18px;
}

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

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

#monthly .ruby{
  float          : right;
  padding        : 8px 6px 0px 0px;
  font-size      : 14px;
  color          : #000;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;
}

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

#monthly .circle div{
  width:70px;
  height:65px;
  text-align:center;
  background-color: rgba(255 ,255 ,255 ,0.8);
  border-radius:100%;
  line-height:1.3;
  margin-top:26px;
  padding-top: 5px;
}

/* #monthly .circle div{
  margin-top:4px;
} */

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

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

#monthly .table{
  margin-top:10px;
  float:right;
  margin:5px 10px 0 10px;
}

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

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

#monthly .zenkoku{
  background-color:#e3eb98;
  color:black;
  font-weight:normal;
  border:1px black solid;
}

#monthly .hamanako{
  background-color:#fbd8b5;
  color:black;
  font-weight:normal;
  border:1px black solid;
}

#monthly .table table th{
  background-color:white;
  border:1px black 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){
  border-left:1px white 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){
  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 #goutei_1{
  font-size            : 16px;
  -webkit-writing-mode : vertical-rl;
  -ms-writing-mode     : tb-rl;
  -o-writing-mode      : vertical-rl;
  writing-mode         : vertical-rl;
  float                : left;
  padding              : 20px 0px 0px 0px;
  color: #fff;
  text-shadow: 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;   /* 文字の影 */
}

#monthly #num_1{
  font-weight    : bold;
  font-size      : 19px;
  display        : inline-block;
  color          : #000;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;
}

#monthly #boat_num_1{
  float          : left;
  padding        : 0px 0px 0px 10px;
  color: #fff;
  text-shadow: 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;   /* 文字の影 */
  font-size:50px;
}

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

/* 遠藤エミ */
#monthly #goutei_2{
  font-size            : 16px;
  -webkit-writing-mode : vertical-rl;
  -ms-writing-mode     : tb-rl;
  -o-writing-mode      : vertical-rl;
  writing-mode         : vertical-rl;
  float          : left;
  padding        : 20px 0px 0px 0px;
  color          : #000;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;
}

#monthly #num_2{
  font-weight    : bold;
  font-size      : 19px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #000;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;
}

#monthly #boat_num_2{
  float          : left;
  padding        : 0px 0px 0px 10px;
  color: #000;
  text-shadow: 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;   /* 文字の影 */
  font-size:50px;
}

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

/* 守屋美穂 */
#monthly #goutei_3{
  font-size            : 16px;
  -webkit-writing-mode : vertical-rl;
  -ms-writing-mode     : tb-rl;
  -o-writing-mode      : vertical-rl;
  writing-mode         : vertical-rl;
  float          : left;
  padding        : 20px 0px 0px 0px;
  color: #e60012;
  text-shadow: 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;   /* 文字の影 */
}
#monthly #num_3{
  margin-right:70px;
  font-weight: bold;
  font-size      : 19px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #000;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;
}

#monthly #boat_num_3{
  float          : left;
  padding        : 0px 0px 0px 10px;
  color: #e60012;
  text-shadow: 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;   /* 文字の影 */
  font-size:50px;
}

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

/* 田口節子 */
#monthly #goutei_4{
  font-size            : 16px;
  -webkit-writing-mode : vertical-rl;
  -ms-writing-mode     : tb-rl;
  -o-writing-mode      : vertical-rl;
  writing-mode         : vertical-rl;
  float          : left;
  padding        : 20px 0px 0px 0px;
  color: #0075c1;
  text-shadow: 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;   /* 文字の影 */
}

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

#monthly #boat_num_4{
  float          : left;
  padding        : 0px 0px 0px 10px;
  color: #0075c1;
  text-shadow: 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;   /* 文字の影 */
  font-size:50px;
}

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

/* 鎌倉涼 */
#monthly #goutei_5{
  font-size            : 16px;
  -webkit-writing-mode : vertical-rl;
  -ms-writing-mode     : tb-rl;
  -o-writing-mode      : vertical-rl;
  writing-mode         : vertical-rl;
  float          : left;
  padding        : 20px 0px 0px 0px;
  color: #fff100;
  text-shadow: 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;   /* 文字の影 */
}

#monthly #num_5{
  margin-right:103px;
  font-weight: bold;
  font-size      : 19px;               /* 文字のサイズ */
  display        : inline-block;
  color          : #000;              /* 文字の色 */
  text-shadow    :
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;
}

#monthly #boat_num_5{
  float          : left;
  padding        : 0px 0px 0px 10px;
  color: #fff100;
  text-shadow: 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;   /* 文字の影 */
  font-size:50px;
}

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


/* 平山智加 */
#monthly #goutei_6{
  font-size            : 16px;
  -webkit-writing-mode : vertical-rl;
  -ms-writing-mode     : tb-rl;
  -o-writing-mode      : vertical-rl;
  writing-mode         : vertical-rl;
  float          : left;
  padding        : 20px 0px 0px 0px;
  color: #009944;
  text-shadow: 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;   /* 文字の影 */
}

#monthly #num_6{
  font-weight    : bold;
  font-size      : 19px;
  display        : inline-block;
  color          : #000;            /* 文字の色 */
  text-shadow    :
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;
}

#monthly #boat_num_6{
  float          : left;
  padding        : 0px 0px 0px 10px;
  color: #009944;
  text-shadow: 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;   /* 文字の影 */
  font-size:50px;
}

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