@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 h3 {
  font-size: 55px;
}
#monthly h3 .small {
  font-size: 38px;
}
#monthly h3 .day {
  color: #fff;
  font-size: 35px;
  background-image: conic-gradient(#4b4948 66deg, #231815 67deg 113deg, #4b4948 114deg 246deg, #231815 247deg 293deg, #4B4948 294deg);
  margin: 8px;
  padding: 0 24px;
  vertical-align: 8px;
}
#monthly h3 .tuesday {
  color: #fff;
  font-size: 25px;
  border: 1px solid #000;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 27px;
  background-color: #000;
  margin: 0 4px;
  padding-top: 2px;
  vertical-align: 8px;
}
#monthly .box_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
  margin-left: 20px;
}
#monthly .box {
  position: relative;
  background: linear-gradient(138deg, #dae6ed 0%, #dae6ed 44.7%, #fff 44.7%, #fff 100%);
  width: 430px;
  height: 475px;
  border: 1px black solid;
}
#monthly .box .box_top {
  position: relative;
}
#monthly .box .box_top img {
  position: absolute;
  right: 20px;
}
#monthly .box .box_top .wp {
  font-size: 22px;
  position: absolute;
  z-index: 1;
  text-align: -webkit-center;
  background: radial-gradient(#64c0ba, #00875d);
  color: #fff;
  width: 100px;
  height: 80px;
  top: -10px;
  left: -10px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 22% 100%);
  font-weight: bold;
  padding-top: 10px;
}
#monthly .box .box_top .wp .wp_Line {
  font-size: 18px;
  border-bottom: dashed;
  padding-top: 3px;
}
#monthly .box .box_top .course_num1 {
  font-size: 20px;
  position: absolute;
  width: 80px;
  top: 100px;
  text-align: center;
  font-weight: bold;
}
#monthly .box .box_top .course_num1 span {
  font-size: 50px;
  display: block;
  line-height: 0.8em;
}
#monthly .box .box_top .line {
  position: absolute;
  left: 38px;
  top: 170px;
  width: 2px;
  height: 157px;
}
#monthly .box .racer_name_box {
  position: absolute;
  bottom: 72px;
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin-left: 10px;
}
#monthly .box .racer_name_box .reacer_data {
  padding: 8px 10px;
  border: 1px black solid;
  background-color: #fff;
  text-align: center;
  line-height: 1.2;
}
#monthly .box .racer_name_box .racer {
  font-weight: bold;
  position: relative;
}
#monthly .box .racer_name_box .racer .racer_num {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
}
#monthly .box .racer_name_box .racer .racer_kana {
  font-size: 15px;
}
#monthly .box .racer_name_box .racer .racer_name {
  font-size: 45px;
  line-height: 1;
  text-align: center;
}
#monthly .box .racer_name_box table {
  color: #fff;
  background-color: #595656;
  width: 100px;
  height: 80px;
}
#monthly .box .racer_name_box table td {
  font-size: 18px;
  border: 1px #fff solid;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
}
#monthly .box .racer_name_box table th {
  font-size: 13px;
  border: 1px #fff solid;
  text-align: center;
  vertical-align: bottom;
  padding: 0 5px;
}
#monthly .box .comment {
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  left: 20px;
  background-color: #fff;
  width: 390px;
}
#monthly .box2 {
  position: relative;
  background: linear-gradient(138deg, #1e110f 0%, #1e110f 44.7%, #fff 44.7%, #fff 100%);
  width: 430px;
  height: 475px;
  border: 1px black solid;
}
#monthly .box2 .box_top {
  position: relative;
}
#monthly .box2 .box_top img {
  position: absolute;
  right: 20px;
}
#monthly .box2 .box_top .wp {
  font-size: 22px;
  position: absolute;
  z-index: 1;
  text-align: -webkit-center;
  background: radial-gradient(#64c0ba, #00875d);
  color: #fff;
  width: 100px;
  height: 80px;
  top: -10px;
  left: -10px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 22% 100%);
  font-weight: bold;
  padding-top: 10px;
}
#monthly .box2 .box_top .wp .wp_Line {
  font-size: 18px;
  border-bottom: dashed;
  padding-top: 3px;
}
#monthly .box2 .box_top .course_num1 {
  font-size: 20px;
  position: absolute;
  width: 80px;
  top: 100px;
  text-align: center;
  font-weight: bold;
}
#monthly .box2 .box_top .course_num1 span {
  font-size: 50px;
  display: block;
  line-height: 0.8em;
}
#monthly .box2 .box_top .line {
  position: absolute;
  left: 38px;
  top: 170px;
  width: 2px;
  height: 157px;
}
#monthly .box2 .racer_name_box {
  position: absolute;
  bottom: 72px;
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin-left: 10px;
}
#monthly .box2 .racer_name_box .reacer_data {
  padding: 8px 10px;
  border: 1px black solid;
  background-color: #fff;
  text-align: center;
  line-height: 1.2;
}
#monthly .box2 .racer_name_box .racer {
  font-weight: bold;
  position: relative;
}
#monthly .box2 .racer_name_box .racer .racer_num {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
}
#monthly .box2 .racer_name_box .racer .racer_kana {
  font-size: 15px;
}
#monthly .box2 .racer_name_box .racer .racer_name {
  font-size: 45px;
  line-height: 1;
  text-align: center;
}
#monthly .box2 .racer_name_box table {
  color: #fff;
  background-color: #595656;
  width: 100px;
  height: 80px;
}
#monthly .box2 .racer_name_box table td {
  font-size: 18px;
  border: 1px #fff solid;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
}
#monthly .box2 .racer_name_box table th {
  font-size: 13px;
  border: 1px #fff solid;
  text-align: center;
  vertical-align: bottom;
  padding: 0 5px;
}
#monthly .box2 .comment {
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  left: 20px;
  background-color: #fff;
  width: 390px;
}
#monthly .box3 {
  position: relative;
  background: linear-gradient(138deg, #d0111b 0%, #d0111b 44.7%, #fff 44.7%, #fff 100%);
  width: 430px;
  height: 475px;
  border: 1px black solid;
}
#monthly .box3 .box_top {
  position: relative;
}
#monthly .box3 .box_top img {
  position: absolute;
  right: 20px;
}
#monthly .box3 .box_top .wp {
  font-size: 22px;
  position: absolute;
  z-index: 1;
  text-align: -webkit-center;
  background: radial-gradient(#64c0ba, #00875d);
  color: #fff;
  width: 100px;
  height: 80px;
  top: -10px;
  left: -10px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 22% 100%);
  font-weight: bold;
  padding-top: 10px;
}
#monthly .box3 .box_top .wp .wp_Line {
  font-size: 18px;
  border-bottom: dashed;
  padding-top: 3px;
}
#monthly .box3 .box_top .course_num1 {
  font-size: 20px;
  position: absolute;
  width: 80px;
  top: 100px;
  text-align: center;
  font-weight: bold;
}
#monthly .box3 .box_top .course_num1 span {
  font-size: 50px;
  display: block;
  line-height: 0.8em;
}
#monthly .box3 .box_top .line {
  position: absolute;
  left: 38px;
  top: 170px;
  width: 2px;
  height: 157px;
}
#monthly .box3 .racer_name_box {
  position: absolute;
  bottom: 72px;
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin-left: 10px;
}
#monthly .box3 .racer_name_box .reacer_data {
  padding: 8px 10px;
  border: 1px black solid;
  background-color: #fff;
  text-align: center;
  line-height: 1.2;
}
#monthly .box3 .racer_name_box .racer {
  font-weight: bold;
  position: relative;
}
#monthly .box3 .racer_name_box .racer .racer_num {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
}
#monthly .box3 .racer_name_box .racer .racer_kana {
  font-size: 15px;
}
#monthly .box3 .racer_name_box .racer .racer_name {
  font-size: 45px;
  line-height: 1;
  text-align: center;
}
#monthly .box3 .racer_name_box table {
  color: #fff;
  background-color: #595656;
  width: 100px;
  height: 80px;
}
#monthly .box3 .racer_name_box table td {
  font-size: 18px;
  border: 1px #fff solid;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
}
#monthly .box3 .racer_name_box table th {
  font-size: 13px;
  border: 1px #fff solid;
  text-align: center;
  vertical-align: bottom;
  padding: 0 5px;
}
#monthly .box3 .comment {
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  left: 20px;
  background-color: #fff;
  width: 390px;
}
#monthly .box4 {
  position: relative;
  background: linear-gradient(138deg, #062c87 0%, #062c87 44.7%, #fff 44.7%, #fff 100%);
  width: 430px;
  height: 475px;
  border: 1px black solid;
}
#monthly .box4 .box_top {
  position: relative;
}
#monthly .box4 .box_top img {
  position: absolute;
  right: 20px;
}
#monthly .box4 .box_top .wp {
  font-size: 22px;
  position: absolute;
  z-index: 1;
  text-align: -webkit-center;
  background: radial-gradient(#64c0ba, #00875d);
  color: #fff;
  width: 100px;
  height: 80px;
  top: -10px;
  left: -10px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 22% 100%);
  font-weight: bold;
  padding-top: 10px;
}
#monthly .box4 .box_top .wp .wp_Line {
  font-size: 18px;
  border-bottom: dashed;
  padding-top: 3px;
}
#monthly .box4 .box_top .course_num1 {
  font-size: 20px;
  position: absolute;
  width: 80px;
  top: 100px;
  text-align: center;
  font-weight: bold;
}
#monthly .box4 .box_top .course_num1 span {
  font-size: 50px;
  display: block;
  line-height: 0.8em;
}
#monthly .box4 .box_top .line {
  position: absolute;
  left: 38px;
  top: 170px;
  width: 2px;
  height: 157px;
}
#monthly .box4 .racer_name_box {
  position: absolute;
  bottom: 72px;
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin-left: 10px;
}
#monthly .box4 .racer_name_box .reacer_data {
  padding: 8px 10px;
  border: 1px black solid;
  background-color: #fff;
  text-align: center;
  line-height: 1.2;
}
#monthly .box4 .racer_name_box .racer {
  font-weight: bold;
  position: relative;
}
#monthly .box4 .racer_name_box .racer .racer_num {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
}
#monthly .box4 .racer_name_box .racer .racer_kana {
  font-size: 15px;
}
#monthly .box4 .racer_name_box .racer .racer_name {
  font-size: 45px;
  line-height: 1;
  text-align: center;
}
#monthly .box4 .racer_name_box table {
  color: #fff;
  background-color: #595656;
  width: 100px;
  height: 80px;
}
#monthly .box4 .racer_name_box table td {
  font-size: 18px;
  border: 1px #fff solid;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
}
#monthly .box4 .racer_name_box table th {
  font-size: 13px;
  border: 1px #fff solid;
  text-align: center;
  vertical-align: bottom;
  padding: 0 5px;
}
#monthly .box4 .comment {
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  left: 20px;
  background-color: #fff;
  width: 390px;
}
#monthly .box5 {
  position: relative;
  background: linear-gradient(138deg, #fed900 0%, #fed900 44.7%, #fff 44.7%, #fff 100%);
  width: 430px;
  height: 475px;
  border: 1px black solid;
}
#monthly .box5 .box_top {
  position: relative;
}
#monthly .box5 .box_top img {
  position: absolute;
  right: 20px;
}
#monthly .box5 .box_top .wp {
  font-size: 22px;
  position: absolute;
  z-index: 1;
  text-align: -webkit-center;
  background: radial-gradient(#64c0ba, #00875d);
  color: #fff;
  width: 100px;
  height: 80px;
  top: -10px;
  left: -10px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 22% 100%);
  font-weight: bold;
  padding-top: 10px;
}
#monthly .box5 .box_top .wp .wp_Line {
  font-size: 18px;
  border-bottom: dashed;
  padding-top: 3px;
}
#monthly .box5 .box_top .course_num1 {
  font-size: 20px;
  position: absolute;
  width: 80px;
  top: 100px;
  text-align: center;
  font-weight: bold;
}
#monthly .box5 .box_top .course_num1 span {
  font-size: 50px;
  display: block;
  line-height: 0.8em;
}
#monthly .box5 .box_top .line {
  position: absolute;
  left: 38px;
  top: 170px;
  width: 2px;
  height: 157px;
}
#monthly .box5 .racer_name_box {
  position: absolute;
  bottom: 72px;
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin-left: 10px;
}
#monthly .box5 .racer_name_box .reacer_data {
  padding: 8px 10px;
  border: 1px black solid;
  background-color: #fff;
  text-align: center;
  line-height: 1.2;
}
#monthly .box5 .racer_name_box .racer {
  font-weight: bold;
  position: relative;
}
#monthly .box5 .racer_name_box .racer .racer_num {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
}
#monthly .box5 .racer_name_box .racer .racer_kana {
  font-size: 15px;
}
#monthly .box5 .racer_name_box .racer .racer_name {
  font-size: 45px;
  line-height: 1;
  text-align: center;
}
#monthly .box5 .racer_name_box table {
  color: #fff;
  background-color: #595656;
  width: 100px;
  height: 80px;
}
#monthly .box5 .racer_name_box table td {
  font-size: 18px;
  border: 1px #fff solid;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
}
#monthly .box5 .racer_name_box table th {
  font-size: 13px;
  border: 1px #fff solid;
  text-align: center;
  vertical-align: bottom;
  padding: 0 5px;
}
#monthly .box5 .comment {
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  left: 20px;
  background-color: #fff;
  width: 390px;
}
#monthly .box6 {
  position: relative;
  background: linear-gradient(138deg, #007c3b 0%, #007c3b 44.7%, #fff 44.7%, #fff 100%);
  width: 430px;
  height: 475px;
  border: 1px black solid;
}
#monthly .box6 .box_top {
  position: relative;
}
#monthly .box6 .box_top img {
  position: absolute;
  right: 20px;
}
#monthly .box6 .box_top .wp {
  font-size: 22px;
  position: absolute;
  z-index: 1;
  text-align: -webkit-center;
  background: radial-gradient(#64c0ba, #00875d);
  color: #fff;
  width: 100px;
  height: 80px;
  top: -10px;
  left: -10px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 22% 100%);
  font-weight: bold;
  padding-top: 10px;
}
#monthly .box6 .box_top .wp .wp_Line {
  font-size: 18px;
  border-bottom: dashed;
  padding-top: 3px;
}
#monthly .box6 .box_top .course_num1 {
  font-size: 20px;
  position: absolute;
  width: 80px;
  top: 100px;
  text-align: center;
  font-weight: bold;
}
#monthly .box6 .box_top .course_num1 span {
  font-size: 50px;
  display: block;
  line-height: 0.8em;
}
#monthly .box6 .box_top .line {
  position: absolute;
  left: 38px;
  top: 170px;
  width: 2px;
  height: 157px;
}
#monthly .box6 .racer_name_box {
  position: absolute;
  bottom: 72px;
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin-left: 10px;
}
#monthly .box6 .racer_name_box .reacer_data {
  padding: 8px 10px;
  border: 1px black solid;
  background-color: #fff;
  text-align: center;
  line-height: 1.2;
}
#monthly .box6 .racer_name_box .racer {
  font-weight: bold;
  position: relative;
}
#monthly .box6 .racer_name_box .racer .racer_num {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
}
#monthly .box6 .racer_name_box .racer .racer_kana {
  font-size: 15px;
}
#monthly .box6 .racer_name_box .racer .racer_name {
  font-size: 45px;
  line-height: 1;
  text-align: center;
}
#monthly .box6 .racer_name_box table {
  color: #fff;
  background-color: #595656;
  width: 100px;
  height: 80px;
}
#monthly .box6 .racer_name_box table td {
  font-size: 18px;
  border: 1px #fff solid;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
}
#monthly .box6 .racer_name_box table th {
  font-size: 13px;
  border: 1px #fff solid;
  text-align: center;
  vertical-align: bottom;
  padding: 0 5px;
}
#monthly .box6 .comment {
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  left: 20px;
  background-color: #fff;
  width: 390px;
}
#monthly .box6 .course_num1, #monthly .box4 .course_num1, #monthly .box3 .course_num1, #monthly .box2 .course_num1 {
  color: #fff;
}
#monthly .box6 .line, #monthly .box4 .line, #monthly .box3 .line, #monthly .box2 .line {
  background-color: #fff;
}
#monthly .box5 .line, #monthly .box .line {
  background-color: #000;
}/*# sourceMappingURL=dream.css.map */