@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,
#monthly .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 {
  /*選手画像*/
  /*ドレ―ム戦ヘッダー*/
  /*ドリーム戦レーサーコンテンツ*/
}
#monthly .dream-header {
  background: #efcb00;
  text-align: center;
  height: 23px;
  line-height: 20px;
  border-radius: 10px;
}
#monthly .dream-header h3 {
  margin-right: 15px;
  display: inline-block;
  font-size: 30px;
  color: #000000;
  text-shadow: 3px 3px 3px #efcb00, 3px -3px 3px #efcb00, -3px 3px 3px #efcb00, -3px -3px 3px #efcb00, 0 3px 3px #efcb00, 3px 0 3px #efcb00, 0 -3px 3px #efcb00, -3px 0 3px #efcb00, 0 0 3px #efcb00, 0 0 3px #efcb00, 0 0 3px #efcb00, 0 0 3px #efcb00;
}
#monthly .dream-header span {
  font-weight: bold;
  color: #000000;
}
#monthly .dream-header span:nth-of-type(1) {
  font-size: 20px;
}
#monthly .dream-header span:nth-of-type(2) {
  font-size: 15px;
}
#monthly .dream-contents {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  /*羽野直也*/
  /*関浩哉*/
  /*上條暢嵩*/
  /*宮之原輝紀*/
  /*小池修平*/
  /*上田龍星*/
}
#monthly .dream-contents .racer-content {
  width: 420px;
  height: 1150px;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 1px solid rgb(155, 155, 155);
  box-shadow: 1px 1px 3px rgb(116, 116, 116);
  margin-top: 20px;
  position: relative;
}
#monthly .dream-contents .racer-content:nth-of-type(2n) {
  margin-left: 20px;
}
#monthly .dream-contents .racer-content p {
  line-height: normal;
  letter-spacing: initial;
  text-indent: initial;
  margin-bottom: 0;
}
#monthly .dream-contents .racer-content .content-head {
  display: flex;
  align-items: baseline;
}
#monthly .dream-contents .racer-content .content-head h3 {
  margin-right: 20px;
  font-size: 25px;
  color: #1d2088;
  text-shadow: 2.5px 2.5px 2px #fff, 2.5px -2.5px 2px #fff, -2.5px 2.5px 2px #fff, -2.5px -2.5px 2px #fff, 0 2.5px 2px #fff, 2.5px 0 2px #fff, 0 -2.5px 2px #fff, -2.5px 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}
#monthly .dream-contents .racer-content .content-head p {
  font-weight: bold;
  font-size: 18px;
  color: #fff100;
  text-shadow: 2.5px 2.5px 2px #009265, 2.5px -2.5px 2px #009265, -2.5px 2.5px 2px #009265, -2.5px -2.5px 2px #009265, 0 2.5px 2px #009265, 2.5px 0 2px #009265, 0 -2.5px 2px #009265, -2.5px 0 2px #009265, 0 0 2px #009265, 0 0 2px #009265, 0 0 2px #009265, 0 0 2px #009265;
}
#monthly .dream-contents .racer-content .content-main {
  transform: translateY(500px);
}
#monthly .dream-contents .racer-content .content-main .racer-num {
  display: block;
  transform: translateY(10px);
  font-weight: bold;
  font-size: 30px;
  line-height: 25px;
  color: #000;
  text-shadow: 4px 4px 3px #fff, 4px -4px 3px #fff, -4px 4px 3px #fff, -4px -4px 3px #fff, 0 4px 3px #fff, 4px 0 3px #fff, 0 -4px 3px #fff, -4px 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
#monthly .dream-contents .racer-content .content-main .racer-name {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
#monthly .dream-contents .racer-content .content-main .racer-name .racer-ruby {
  display: block;
  transform: translate(-15px, -10px);
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-shadow: 2.5px 2.5px 2px #fff, 2.5px -2.5px 2px #fff, -2.5px 2.5px 2px #fff, -2.5px -2.5px 2px #fff, 0 2.5px 2px #fff, 2.5px 0 2px #fff, 0 -2.5px 2px #fff, -2.5px 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}
#monthly .dream-contents .racer-content .content-main .racer-name .racer-char {
  font-weight: bold;
  font-size: 75px;
  line-height: 80px;
  text-align: center;
}
#monthly .dream-contents .racer-content .content-main .racer-descript {
  display: flex;
  align-items: center;
  font-size: 15px;
  justify-content: space-between;
  margin-bottom: 15px;
}
#monthly .dream-contents .racer-content .content-main .racer-descript p {
  color: #000;
  padding: 0px 8px;
  background: #c7e8fa;
  margin-right: 5px;
  font-size: 15px;
}
#monthly .dream-contents .racer-content .content-main .racer-descript table {
  border: 1px solid #000;
  color: #000;
}
#monthly .dream-contents .racer-content .content-main .racer-descript table td {
  padding: 0px 8px;
}
#monthly .dream-contents .racer-content .content-main .racer-descript table td:nth-of-type(1) {
  background: #fcc800;
}
#monthly .dream-contents .racer-content .content-main .racer-descript table td:nth-of-type(3) {
  border-left: 1px solid #000;
  background: #cbe3ae;
}
#monthly .dream-contents .racer-content .content-main .racer-descript table td:nth-of-type(2), #monthly .dream-contents .racer-content .content-main .racer-descript table td:nth-of-type(4) {
  background: #fff;
  padding: 0px 15px;
}
#monthly .dream-contents .racer-content .content-main .racer-comment {
  margin-bottom: 20px;
  color: #000;
}
#monthly .dream-contents .racer-content .content-main .racer-result .result-header {
  border: 1px solid #000;
  padding: 0;
  text-align: center;
}
#monthly .dream-contents .racer-content .content-main .racer-result .result-header span {
  font-size: 14px;
  font-weight: lighter;
}
#monthly .dream-contents .racer-content .content-main .racer-result .result-table {
  margin-top: 10px;
  width: 100%;
  background: #fff;
}
#monthly .dream-contents .racer-content .content-main .racer-result .result-table tr {
  border-bottom: 1px solid #000;
}
#monthly .dream-contents .racer-content .content-main .racer-result .result-table tr td {
  font-size: 13px;
  text-align: center;
  padding-left: 5px;
}
#monthly .dream-contents .racer-content .content-main .racer-result .result-table tr td .tb-bold {
  font-weight: bold;
}
#monthly .dream-contents .racer-content .content-main .racer-result .result-table tr td:nth-of-type(1), #monthly .dream-contents .racer-content .content-main .racer-result .result-table tr td:nth-of-type(2) {
  width: 30px;
  text-align: right;
  padding-left: 8px;
}
#monthly .dream-contents .racer-content .content-main .racer-result .result-table tr td:nth-of-type(4), #monthly .dream-contents .racer-content .content-main .racer-result .result-table tr td:nth-of-type(5) {
  text-align: left;
  padding-left: 13px;
}
#monthly .dream-contents .racer01 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, #f7f8f8 60%, #f7f8f8 85%, rgba(0, 0, 0, 0.3) 100%), url("img/dream_01_4831.jpg") #f7f8f8 no-repeat;
}
#monthly .dream-contents .racer01 .content-main::before {
  content: "1号艇";
  position: absolute;
  top: -55px;
  left: 0px;
  width: 80px;
  text-align: center;
  padding: 8px 11px;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  border-radius: 15px;
  box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) inset, -3px -3px 3px rgba(0, 0, 0, 0.7) inset;
  border: solid 1px rgb(75, 75, 75);
  color: #000;
  background: #f7f8f8;
}
#monthly .dream-contents .racer01 .content-main::after {
  content: "";
  position: absolute;
  top: -150px;
  right: -15px;
  width: 200px;
  height: 130px;
  transform: rotateZ(-10deg);
  box-shadow: 1px 1px 3px rgb(116, 116, 116);
  border: 8px solid white;
  background: url("img/dream-boat_01_4831.jpg") white no-repeat;
}
#monthly .dream-contents .racer01 .racer-char {
  color: #fff;
  text-shadow: 4px 4px 3px #000, 4px -4px 3px #000, -4px 4px 3px #000, -4px -4px 3px #000, 0 4px 3px #000, 4px 0 3px #000, 0 -4px 3px #000, -4px 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
}
#monthly .dream-contents .racer01 .result-header {
  background: #fdfdfd;
}
#monthly .dream-contents .racer02 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, #c9caca 60%, #c9caca 85%, rgba(0, 0, 0, 0.3) 100%), url("img/dream_02_4851.jpg") #c9caca no-repeat;
}
#monthly .dream-contents .racer02 .content-main::before {
  content: "2号艇";
  position: absolute;
  top: -55px;
  left: 0px;
  width: 80px;
  text-align: center;
  padding: 8px 11px;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  border-radius: 15px;
  box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) inset, -3px -3px 3px rgba(0, 0, 0, 0.7) inset;
  border: solid 1px rgb(75, 75, 75);
  color: #fff;
  background: #000;
}
#monthly .dream-contents .racer02 .content-main::after {
  content: "";
  position: absolute;
  top: -150px;
  right: -15px;
  width: 200px;
  height: 130px;
  transform: rotateZ(-10deg);
  box-shadow: 1px 1px 3px rgb(116, 116, 116);
  border: 8px solid white;
  background: url("img/dream-boat_02_4851.jpg") white no-repeat;
}
#monthly .dream-contents .racer02 .racer-char {
  color: #000000;
  text-shadow: 4px 4px 3px #fff, 4px -4px 3px #fff, -4px 4px 3px #fff, -4px -4px 3px #fff, 0 4px 3px #fff, 4px 0 3px #fff, 0 -4px 3px #fff, -4px 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
#monthly .dream-contents .racer02 .result-header {
  background: #f1f2f2;
}
#monthly .dream-contents .racer03 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, #f8c5ac 60%, #f8c5ac 85%, rgba(0, 0, 0, 0.3) 100%), url("img/dream_03_4719.jpg") #f8c5ac no-repeat;
}
#monthly .dream-contents .racer03 .content-main::before {
  content: "3号艇";
  position: absolute;
  top: -55px;
  left: 0px;
  width: 80px;
  text-align: center;
  padding: 8px 11px;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  border-radius: 15px;
  box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) inset, -3px -3px 3px rgba(0, 0, 0, 0.7) inset;
  border: solid 1px rgb(75, 75, 75);
  color: #fff;
  background: #e60012;
}
#monthly .dream-contents .racer03 .content-main::after {
  content: "";
  position: absolute;
  top: -150px;
  right: -15px;
  width: 200px;
  height: 130px;
  transform: rotateZ(-10deg);
  box-shadow: 1px 1px 3px rgb(116, 116, 116);
  border: 8px solid white;
  background: url("img/dream-boat_03_4719.jpg") white no-repeat;
}
#monthly .dream-contents .racer03 .racer-char {
  color: #e60012;
  text-shadow: 4px 4px 3px #fff, 4px -4px 3px #fff, -4px 4px 3px #fff, -4px -4px 3px #fff, 0 4px 3px #fff, 4px 0 3px #fff, 0 -4px 3px #fff, -4px 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
#monthly .dream-contents .racer03 .result-header {
  background: #fdf0ea;
}
#monthly .dream-contents .racer04 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, #bbd1ed 60%, #bbd1ed 85%, rgba(0, 0, 0, 0.3) 100%), url("img/dream_04_4939.jpg") #bbd1ed no-repeat;
}
#monthly .dream-contents .racer04 .content-main::before {
  content: "4号艇";
  position: absolute;
  top: -55px;
  left: 0px;
  width: 80px;
  text-align: center;
  padding: 8px 11px;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  border-radius: 15px;
  box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) inset, -3px -3px 3px rgba(0, 0, 0, 0.7) inset;
  border: solid 1px rgb(75, 75, 75);
  color: #fff;
  background: #0075c2;
}
#monthly .dream-contents .racer04 .content-main::after {
  content: "";
  position: absolute;
  top: -150px;
  right: -15px;
  width: 200px;
  height: 130px;
  transform: rotateZ(-10deg);
  box-shadow: 1px 1px 3px rgb(116, 116, 116);
  border: 8px solid white;
  background: url("img/dream-boat_04_4939.jpg") white no-repeat;
}
#monthly .dream-contents .racer04 .racer-char {
  color: #0075c2;
  text-shadow: 4px 4px 3px #fff, 4px -4px 3px #fff, -4px 4px 3px #fff, -4px -4px 3px #fff, 0 4px 3px #fff, 4px 0 3px #fff, 0 -4px 3px #fff, -4px 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
#monthly .dream-contents .racer04 .result-header {
  background: #eef3fa;
}
#monthly .dream-contents .racer05 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, #fff899 60%, #fff899 85%, rgba(0, 0, 0, 0.3) 100%), url("img/dream_05_4907.jpg") #fff899 no-repeat;
}
#monthly .dream-contents .racer05 .content-main::before {
  content: "5号艇";
  position: absolute;
  top: -55px;
  left: 0px;
  width: 80px;
  text-align: center;
  padding: 8px 11px;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  border-radius: 15px;
  box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) inset, -3px -3px 3px rgba(0, 0, 0, 0.7) inset;
  border: solid 1px rgb(75, 75, 75);
  color: #000;
  background: #fff100;
}
#monthly .dream-contents .racer05 .content-main::after {
  content: "";
  position: absolute;
  top: -150px;
  right: -15px;
  width: 200px;
  height: 130px;
  transform: rotateZ(-10deg);
  box-shadow: 1px 1px 3px rgb(116, 116, 116);
  border: 8px solid white;
  background: url("img/dream-boat_05_4907.jpg") white no-repeat;
}
#monthly .dream-contents .racer05 .racer-char {
  color: #fff100;
  text-shadow: 4px 4px 3px #000, 4px -4px 3px #000, -4px 4px 3px #000, -4px -4px 3px #000, 0 4px 3px #000, 4px 0 3px #000, 0 -4px 3px #000, -4px 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
}
#monthly .dream-contents .racer05 .result-header {
  background: #fffde5;
}
#monthly .dream-contents .racer06 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, #bedfc2 60%, #bedfc2 85%, rgba(0, 0, 0, 0.3) 100%), url("img/dream_06_4908.jpg") #bedfc2 no-repeat;
}
#monthly .dream-contents .racer06 .content-main::before {
  content: "6号艇";
  position: absolute;
  top: -55px;
  left: 0px;
  width: 80px;
  text-align: center;
  padding: 8px 11px;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  border-radius: 15px;
  box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) inset, -3px -3px 3px rgba(0, 0, 0, 0.7) inset;
  border: solid 1px rgb(75, 75, 75);
  color: #fff;
  background: #009944;
}
#monthly .dream-contents .racer06 .content-main::after {
  content: "";
  position: absolute;
  top: -150px;
  right: -15px;
  width: 200px;
  height: 130px;
  transform: rotateZ(-10deg);
  box-shadow: 1px 1px 3px rgb(116, 116, 116);
  border: 8px solid white;
  background: url("img/dream-boat_06_4908.jpg") white no-repeat;
}
#monthly .dream-contents .racer06 .racer-char {
  color: #009944;
  text-shadow: 4px 4px 3px #fff, 4px -4px 3px #fff, -4px 4px 3px #fff, -4px -4px 3px #fff, 0 4px 3px #fff, 4px 0 3px #fff, 0 -4px 3px #fff, -4px 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
#monthly .dream-contents .racer06 .result-header {
  background: #eff7f0;
}/*# sourceMappingURL=dream.css.map */