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

#monthly #main_t{
  font-size: 30px;
  text-shadow: 1px 1px 0 #bf0008, -1px -1px 0 #bf0008,
              -1px 1px 0 #bf0008, 1px -1px 0 #bf0008,
               0px 1px 0 #bf0008,  0 -1px 0 #bf0008,
              -1px 0 0 #bf0008, 1px 0 0 #bf0008;
  color      : #fff100;
  margin-right:15px;
}

#monthly .small{
  font-size:12px;
  margin-left:5px;
}

#monthly #frame{
  background-color: #bf0008;
  border-radius: 16px;
  margin-top: -30px;
  padding-bottom:2px;
  margin-bottom:15px;
}

#monthly .flex_1{
  display: flex;
  justify-content:space-around;
  margin-top:25px;
}

#monthly .flex_1 #racer_1,
#monthly .flex_1 #racer_2,
#monthly .flex_1 #racer_3,
#monthly .flex_1 #racer_4,
#monthly .flex_1 #racer_5,
#monthly .flex_1 #racer_6{
  box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 4px 5px 3px 1px rgba(0,0,0,0.31);
  box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 8px 16px -2px rgba(4,4,4,0.02), 2px -1px 4px 1px rgba(20,20,20,0.5);
}

#monthly .top_label{
  color:#942f00;
  background:#fddb8f;
  border-top-left-radius:25px;
  height:30px;
}

#monthly .normal{
  color:black;
  font-weight:normal;
  margin-left:110px;
}

#monthly #racer_1 .normal{
  margin-left:55px;
}

#monthly #racer_4 .normal{
  margin-left:120px;
}

#monthly #racer_5 .normal{
  margin-left:100px;
}

#monthly .title_sub{
  vertical-align:7px;
}

#monthly .num_2{
  font-weight: bold;
  display        : inline-block;
  color          : #000000;            /* 文字の色 */
  font-size      : 18pt;               /* 文字のサイズ */
  /* letter-spacing : 0px; */
  text-shadow    : 
       2px  2px 0px #ffffff,
      -2px  2px 0px #ffffff,
       2px -2px 0px #ffffff,
      -2px -2px 0px #ffffff,
       2px  0px 0px #ffffff,
       0px  2px 0px #ffffff,
      -2px  0px 0px #ffffff,
       0px -2px 0px #ffffff;        /* 文字の影 */
  box-shadow:none;
  margin:5px 0 0 -3px;
}

#monthly .name_1{
  font-size:52px;
  writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  font-weight: bold;
  line-height:1.1;
}

#monthly .name_2{
  font-size:52px;
  writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  font-weight: bold;
  line-height:1.1;
}

#monthly .name_3{
  font-size:12px;
  color          : #000000;            /* 文字の色 */
  text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;
  width:120px;
  transform:scale(0.7, 1);
  margin:5px 0 0 335px;
}

#monthly .wrap_1{
  margin-left:350px;
}

#monthly .syoritu{
  border:1px solid black;
  width:105px;
  margin-left:15px;
}

#monthly .zenkoku{
  background:#903d84;
  color:white;
  text-align: center;
  border:1px solid black;
}

#monthly .heiwa{
  background:#007fc3;
  color:white;
  text-align: center;
  border-right:1px solid black;
}

#monthly .cell_1{
  background:white;
  text-align:center;
  border:1px solid black;
}

#monthly .round{
  background:white;
  width:68px;
  height:68px;
  border-radius:50%;
  text-align: center;
  position: relative;
  left:15px;
  bottom:35px;
}

#monthly .round p{
  text-indent:0;
  line-height:1.4;
}

#monthly .ajust_2{
  bottom:55px;
}

#monthly .info{
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  text-shadow    : 
       2px  2px 2px #000000,
      -2px  2px 2px #000000,
       2px -2px 2px #000000,
      -2px -2px 2px #000000,
       2px  0px 2px #000000,
       0px  2px 2px #000000,
      -2px  0px 2px #000000,
       0px -2px 2px #000000;        /* 文字の影 */
  margin-left:20px;
  font-size:17px;
  width: 270px;
  letter-spacing: 1px;
}

#monthly .bottom{
  display:flex;
  margin-top:-25px;
}

#monthly .ajust_1{
  margin-top:-46px;
}


/* ここから峰 */
#monthly #num_1{
  background:white;
  border-radius:20px;
  font-size:26px;
  padding:4px 14px;
  color:black;
  margin-right:15px;
  vertical-align: middle;
  box-shadow: -6px -12px 3px -8px rgba(0,0,0,0.6) inset;
  display: inline-block;
  border:1px black solid;
}

#monthly #racer_1{
  width:425px;
  height:460px;
  border-top-left-radius:25px;
  background-image:url("img/dream_mine.jpg");
}

#monthly #racer_1 .name_1{
  margin-bottom:120px;
}

#monthly #racer_1 .name_1,
#monthly #racer_1 .name_2{
  color          : #ffffff;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 0px #000000,
      -2px  2px 0px #000000,
       2px -2px 0px #000000,
      -2px -2px 0px #000000,
       2px  0px 0px #000000,
       0px  2px 0px #000000,
      -2px  0px 0px #000000,
       0px -2px 0px #000000;        /* 文字の影 */
}

#monthly .ajust_3{
  margin-top:-50px;
}

#monthly .ajust_4{
  bottom:60px;
}

/* ここから白井 */
#monthly #racer_2{
  width:425px;
  height:460px;
  border-top-left-radius:25px;
  background-image:url("img/dream_sirai.jpg");
}

#monthly #num_2{
  background:black;
  border-radius:20px;
  font-size:26px;
  padding:4px 14px;
  color:white;
  margin-right:15px;
  vertical-align: middle;
  box-shadow:5px 9px 3px -6px rgba(255,255,255,0.6) inset,
  0px -9px 5px -5px rgba(0,0,0,0.6) inset;
  display: inline-block;
  border:1px black solid;
}

#monthly #racer_2 .name_1{
  margin-bottom:60px;
}

#monthly #racer_2 .name_1,
#monthly #racer_2 .name_2{
  color          : #000000;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 0px #ffffff,
      -2px  2px 0px #ffffff,
       2px -2px 0px #ffffff,
      -2px -2px 0px #ffffff,
       2px  0px 0px #ffffff,
       0px  2px 0px #ffffff,
      -2px  0px 0px #ffffff,
       0px -2px 0px #ffffff;        /* 文字の影 */
}

#monthly .ajust_5{
  margin-top:-20px;
}

/* ここから池田 */

#monthly #racer_3{
  width:425px;
  height:460px;
  border-top-left-radius:25px;
  background-image:url("img/dream_ikeda.jpg");
}

#monthly #num_3{
  background:#e60012;
  border-radius:20px;
  font-size:26px;
  padding:4px 14px;
  color:white;
  margin-right:15px;
  vertical-align: middle;
  box-shadow:5px 10px 3px -6px rgba(255,255,255,0.6) inset, 
  0px -9px 5px -5px rgba(0,0,0,0.6) inset;
  display: inline-block;
  border:1px black solid;
}

#monthly #racer_3 .name_1{
  margin-bottom:60px;
}

#monthly #racer_3 .name_1,
#monthly #racer_3 .name_2{
  color          : #e60012;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
  2px  2px 0px #ffffff,
  -2px  2px 0px #ffffff,
   2px -2px 0px #ffffff,
  -2px -2px 0px #ffffff,
   2px  0px 0px #ffffff,
   0px  2px 0px #ffffff,
  -2px  0px 0px #ffffff,
   0px -2px 0px #ffffff;        /* 文字の影 */
}

/* ここから上野 */
#monthly #racer_4{
  width:425px;
  height:460px;
  border-top-left-radius:25px;
  background-image:url("img/dream_ueno.jpg");
}

#monthly #num_4{
  background:#0075c1;
  border-radius:20px;
  font-size:26px;
  padding:4px 14px;
  color:white;
  margin-right:15px;
  vertical-align: middle;
  box-shadow: 0px -9px 5px -5px rgba(0,0,0,0.6) inset,
  5px 10px 3px -6px rgba(255,255,255,0.6) inset;
  display: inline-block;
  border:1px black solid;
}

#monthly #racer_4 .name_1{
  /* margin-bottom:40px; */
}

#monthly #racer_4 .name_1,
#monthly #racer_4 .name_2{
  color          : #0075c1;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
  2px  2px 0px #ffffff,
  -2px  2px 0px #ffffff,
   2px -2px 0px #ffffff,
  -2px -2px 0px #ffffff,
   2px  0px 0px #ffffff,
   0px  2px 0px #ffffff,
  -2px  0px 0px #ffffff,
   0px -2px 0px #ffffff;        /* 文字の影 */
}

#monthly #racer_4 .name_3{
  margin-left: 325px;
}

/* ここから桐生 */

#monthly #racer_5{
  width:425px;
  height:460px;
  border-top-left-radius:25px;
  background-image:url("img/dream_kiryu.jpg");
}

#monthly #num_5{
  background:#fff100;
  border-radius:20px;
  font-size:26px;
  padding:4px 14px;
  color:black;
  margin-right:15px;
  vertical-align: middle;
  box-shadow: 0px -9px 5px -5px rgba(0,0,0,0.6) inset,
  5px 10px 3px -6px rgba(255,255,255,0.6) inset;
  display: inline-block;
  border:1px black solid;
}

#monthly #racer_5 .name_1{
  margin-bottom:60px;
}

#monthly #racer_5 .name_1,
#monthly #racer_5 .name_2{
  color          : #fff100;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 0px #000000,
      -2px  2px 0px #000000,
       2px -2px 0px #000000,
      -2px -2px 0px #000000,
       2px  0px 0px #000000,
       0px  2px 0px #000000,
      -2px  0px 0px #000000,
       0px -2px 0px #000000;        /* 文字の影 */
}

#monthly #racer_5 .name_3{
  margin-left: 320px;
}

/* ここから濱野谷 */

#monthly #racer_6{
  width:425px;
  height:460px;
  border-top-left-radius:25px;
  background-image:url("img/dream_hamanoya.jpg");
}

#monthly #num_6{
  background:#17a255;
  border-radius:20px;
  font-size:26px;
  padding:4px 14px;
  color:white;
  margin-right:15px;
  vertical-align: middle;
  box-shadow: 0px -9px 5px -5px rgba(0,0,0,0.6) inset,
  5px 10px 3px -6px rgba(255,255,255,0.6) inset;
  display: inline-block;
  border:1px black solid;
}

#monthly #racer_6 .name_1{
  /* margin-bottom:40px; */
}

#monthly #racer_6 .name_1,
#monthly #racer_6 .name_2{
  color          : #17a255;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
  2px  2px 0px #ffffff,
  -2px  2px 0px #ffffff,
   2px -2px 0px #ffffff,
  -2px -2px 0px #ffffff,
   2px  0px 0px #ffffff,
   0px  2px 0px #ffffff,
  -2px  0px 0px #ffffff,
   0px -2px 0px #ffffff;        /* 文字の影 */
}