@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 .dream_wrapper {
  display: flex;
  justify-content: space-evenly;
  width: 900px;
}
#monthly h3 {
  text-align: center;
  font-size: 28px;
}
#monthly h3 .dream {
  font-size: 35px;
  margin: 0 6px;
  padding: 0 10px;
  color: white;
  background-image: linear-gradient(90deg, rgb(134, 35, 35) 10%, rgb(212, 41, 41));
}
#monthly h3 .dream:last-child{
  padding-right: 1rem;
}
#monthly h3 .youbi {
  font-size: 24px;
  margin-bottom: .2rem;
  padding: .1rem .45rem 0;
  border: 1px solid #000;
  border-radius: 50%;
}
#monthly h3 .sensyutu {
  font-size: 15px;
  padding-left: 1rem;
}
#monthly .BOX_wrapper, #monthly .BOX2_wrapper, #monthly .BOX3_wrapper, #monthly .BOX4_wrapper, #monthly .BOX5_wrapper, #monthly .BOX6_wrapper {
  height: 588px;
  width: 432px;
  -webkit-clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
          clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
}
#monthly .BOX_wrapper {
  background: #d2d0cf;
}
#monthly .BOX2_wrapper {
  background: #140402;
}
#monthly .BOX3_wrapper {
  background: #e8340c;
}
#monthly .BOX4_wrapper {
  background: #0075c1;
}
#monthly .BOX5_wrapper {
  background: #fff100;
}
#monthly .BOX6_wrapper {
  background: #009944;
}
#monthly .BOX, #monthly .BOX2, #monthly .BOX3, #monthly .BOX4, #monthly .BOX5, #monthly .BOX6, #monthly .BOX_wrapper, #monthly .BOX2_wrapper, #monthly .BOX3_wrapper, #monthly .BOX4_wrapper, #monthly .BOX5_wrapper, #monthly .BOX6_wrapper {
  margin-top: 20px;
}
#monthly .BOX {
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 80%, #fff 0%), url(img/dream_3941.jpg);
  -webkit-clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
          clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
}
#monthly .BOX .racer_name {
  font-weight: bold;
  font-size: 60px;
  color: white;
  text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black, 0px 2px 0 black, -1px 0 black, -2px 0 0 black, 2px 0 0 black;
}
#monthly .BOX .course_num1 {
  color: white;
  text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black, 0px 2px 0 black, 0 1px 0 black, -2px 0 0 black, 2px 0 0 black, 0 -2px 0 black;
}
#monthly .BOX2 {
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 80%, #fff 0%), url(img/dream_4586.jpg);
  -webkit-clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
          clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
}
#monthly .BOX2 .racer_name {
  font-weight: bold;
  font-size: 60px;
  Color: #140402;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, 0 -1px 0 white, -2px 0 0 white, 2px 0 0 white;
}
#monthly .BOX2 .course_num1 {
  color: #140402;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, 0 1px 0 white, -2px 0 0 white, 2px 0 0 white, 0 -2px 0 white;
}
#monthly .BOX3 {
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 80%, #fff 0%), url(img/dream_4238.jpg);
  -webkit-clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
          clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
}
#monthly .BOX3 .racer_name {
  font-weight: bold;
  font-size: 60px;
  Color: #e8340c;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, 0 -1px 0 white, -2px 0 0 white, 2px 0 0 white;
}
#monthly .BOX3 .course_num1 {
  color: #e8340c;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, 0 1px 0 white, -2px 0 0 white, 2px 0 0 white, 0 -2px 0 white;
}
#monthly .BOX4 {
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 80%, #fff 0%), url(img/dream_3960.jpg);
  -webkit-clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
          clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
}
#monthly .BOX4 .racer_name {
  font-weight: bold;
  font-size: 60px;
  Color: #0075c1;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, 0 -1px 0 white, -2px 0 0 white, 2px 0 0 white;
}
#monthly .BOX4 .course_num1 {
  color: #0075c1;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, 0 1px 0 white, -2px 0 0 white, 2px 0 0 white, 0 -2px 0 white;
}
#monthly .BOX5 {
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 80%, #fff 0%), url(img/dream_4831.jpg);
  -webkit-clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
          clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
}
#monthly .BOX5 .racer_name {
  font-weight: bold;
  font-size: 60px;
  Color: #fff100;
  text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black, 0px 2px 0 black, 0 -1px 0 black, -2px 0 0 black, 2px 0 0 black;
}
#monthly .BOX5 .course_num1 {
  color: #fff100;
  text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black, 0px 2px 0 black, 0 1px 0 black, -2px 0 0 black, 2px 0 0 black, 0 -2px 0 black;
}
#monthly .BOX6 {
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 80%, #fff 0%), url(img/dream_4262.jpg);
  -webkit-clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
          clip-path: polygon(0% 2%, 3% 2%, 3% 0%, 100% 0%, 100% 98%, 97% 98%, 97% 100%, 0% 100%, 0% 2%);
}
#monthly .BOX6 .racer_name {
  font-weight: bold;
  font-size: 60px;
  Color: #009944;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, 0 -1px 0 white, -2px 0 0 white, 2px 0 0 white;
}
#monthly .BOX6 .course_num1 {
  color: #009944;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, 0 1px 0 white, -2px 0 0 white, 2px 0 0 white, 0 -2px 0 white;
}
#monthly .BOX, #monthly .BOX2, #monthly .BOX3, #monthly .BOX4, #monthly .BOX5, #monthly .BOX6 {
  height: 582px;
  width: 426px;
  position: relative;
  background-position: left bottom;
  margin: 3px 0px 0px 3px;
}
#monthly .BOX .box_top, #monthly .BOX2 .box_top, #monthly .BOX3 .box_top, #monthly .BOX4 .box_top, #monthly .BOX5 .box_top, #monthly .BOX6 .box_top {
  display: flex;
  position: relative;
}
#monthly .BOX .box_top .course_num1, #monthly .BOX2 .box_top .course_num1, #monthly .BOX3 .box_top .course_num1, #monthly .BOX4 .box_top .course_num1, #monthly .BOX5 .box_top .course_num1, #monthly .BOX6 .box_top .course_num1 {
  position: absolute;
  left: 20px;
  line-height: 1.2;
  font-size: 35px;
  transform: skewX(-15deg);
  position: relative;
  font-family: sans-serif;
  font-weight: bold;
}
#monthly .BOX .box_top .course_num1 .num1, #monthly .BOX2 .box_top .course_num1 .num1, #monthly .BOX3 .box_top .course_num1 .num1, #monthly .BOX4 .box_top .course_num1 .num1, #monthly .BOX5 .box_top .course_num1 .num1, #monthly .BOX6 .box_top .course_num1 .num1 {
  font-size: 80px;
  margin-right: 5px;
}
#monthly .BOX .box_top .comment, #monthly .BOX2 .box_top .comment, #monthly .BOX3 .box_top .comment, #monthly .BOX4 .box_top .comment, #monthly .BOX5 .box_top .comment, #monthly .BOX6 .box_top .comment {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
  text-align: justify;
  text-shadow: 1px 1px 0 white, -1px -1px 0 white, -1px 1px 0 white, 1px -1px 0 white, 0px 1px 0 white, -1px 0 white, -1px 0 0 white, 1px 0 0 white;
}
#monthly .BOX .point, #monthly .BOX2 .point, #monthly .BOX3 .point, #monthly .BOX4 .point, #monthly .BOX5 .point, #monthly .BOX6 .point {
  position: absolute;
  bottom: 115px;
  left: 20px;
  padding: 2px 15px;
  box-shadow: 2px 2px 0 #fff;
  background-color: #e71e31;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#monthly .BOX .reacer_data, #monthly .BOX2 .reacer_data, #monthly .BOX3 .reacer_data, #monthly .BOX4 .reacer_data, #monthly .BOX5 .reacer_data, #monthly .BOX6 .reacer_data {
  position: absolute;
  right: 20px;
  bottom: 80px;
  line-height: 1.3;
  text-align: center;
  width: 70px;
  height: 65px;
  background-color: #d3d3d4;
  border-radius: 50%;
  border: solid 1px white;
}
#monthly .BOX .racer_name_box, #monthly .BOX2 .racer_name_box, #monthly .BOX3 .racer_name_box, #monthly .BOX4 .racer_name_box, #monthly .BOX5 .racer_name_box, #monthly .BOX6 .racer_name_box {
  position: absolute;
  bottom: -10px;
  left: 20px;
  width: 260px;
}
#monthly .BOX .racer_name_box .racer_kana, #monthly .BOX2 .racer_name_box .racer_kana, #monthly .BOX3 .racer_name_box .racer_kana, #monthly .BOX4 .racer_name_box .racer_kana, #monthly .BOX5 .racer_name_box .racer_kana, #monthly .BOX6 .racer_name_box .racer_kana {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: white;
  text-shadow: 1px 1px 0 black, -1px -1px 0 black, -1px 1px 0 black, 1px -1px 0 black, 0px 1px 0 black, -1px 0 black, -1px 0 0 black, 1px 0 0 black;
  margin-bottom: -10px;
}
#monthly .BOX .racer_name_box .racer_kana .racer_num, #monthly .BOX2 .racer_name_box .racer_kana .racer_num, #monthly .BOX3 .racer_name_box .racer_kana .racer_num, #monthly .BOX4 .racer_name_box .racer_kana .racer_num, #monthly .BOX5 .racer_name_box .racer_kana .racer_num, #monthly .BOX6 .racer_name_box .racer_kana .racer_num {
  font-size: 25px;
  color: black;
  text-shadow: 2px 2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px -2px 0 white, 0px 2px 0 white, -1px 0 white, -2px 0 0 white, 2px 0 0 white;
  font-weight: bold;
}
#monthly .BOX table, #monthly .BOX2 table, #monthly .BOX3 table, #monthly .BOX4 table, #monthly .BOX5 table, #monthly .BOX6 table {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 100px;
  height: 32px;
}
#monthly .BOX table tr, #monthly .BOX2 table tr, #monthly .BOX3 table tr, #monthly .BOX4 table tr, #monthly .BOX5 table tr, #monthly .BOX6 table tr {
  border: solid 1px black;
}
#monthly .BOX table th, #monthly .BOX table td, #monthly .BOX2 table th, #monthly .BOX2 table td, #monthly .BOX3 table th, #monthly .BOX3 table td, #monthly .BOX4 table th, #monthly .BOX4 table td, #monthly .BOX5 table th, #monthly .BOX5 table td, #monthly .BOX6 table th, #monthly .BOX6 table td {
  text-align: center;
}
#monthly .BOX table .zen, #monthly .BOX2 table .zen, #monthly .BOX3 table .zen, #monthly .BOX4 table .zen, #monthly .BOX5 table .zen, #monthly .BOX6 table .zen {
  background: #f08200;
  color: #fff;
}
#monthly .BOX table .tokuyama, #monthly .BOX2 table .tokuyama, #monthly .BOX3 table .tokuyama, #monthly .BOX4 table .tokuyama, #monthly .BOX5 table .tokuyama, #monthly .BOX6 table .tokuyama {
  background: #925da3;
  color: #fff;
}/*# sourceMappingURL=dream.css.map */