@charset "utf-8";

/*共通*/

#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 #kokoga {
  border: solid 2px #6bb42a;
  margin-top: 14px;
  padding: 0 8px;
}
#monthly #kokoga h3 {
  margin-top: -15px;
  text-align: center;
}
#monthly #kokoga h4 {
  margin-top: 10px;
  text-align: center;
}
#monthly #kokoga h5 {
  text-align: center;
  font-family: serif;
  font-size: 24px;
  color: #d76c00;
}
#monthly #kokoga h6 {
  margin-bottom: 8px;
  text-align: center;
  color: #4fa65b;
}
#monthly #kokoga h6 b {
  padding: 2px 10px 0 10px;
  color: #004098;
  background: #fff33f;
}
#monthly #kokoga h6 span {
  font-weight: normal;
  color: #000;
}

#monthly #kokoga table tr th,
#monthly #kokoga table tr td {
  padding: 2px 5px;
  text-align: center;
}
#monthly #kokoga table tr:nth-child(2n+1) {
  background: #fffbc7;
}
#monthly #kokoga table tr th {
  color: #fff;
  background: #4fa65b;
}

#monthly #kokoga .kokoga-left {
  float: left;
  margin-right: 10px;
}

#monthly #kokoga .kokoga-right {
  float: right;
  margin: 0 10px;
}
#monthly #kokoga .kokoga-right table tr th:not(:first-child) {
  border-left: solid 1px #fff;
}
#monthly #kokoga .kokoga-right table tr td {
  text-align: right;
  border-bottom: solid 1px #000;
  border-left: solid 1px #000;
}
#monthly #kokoga .kokoga-right table tr td:first-child {
  border-left: none;
}

#monthly #kokoga .kokoga-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#monthly #kokoga .kokoga-flex p {
  width: 98%;
  text-align: center;
  border: solid 1px #000;
}
#monthly #kokoga .kokoga-flex table {
  width: 48%;
}
#monthly #kokoga .kokoga-flex table tr:not(:first-child) {
  border-bottom: dashed 1px #000;
}
#monthly #kokoga .kokoga-flex table tr.border-solid {
  border-bottom: solid 1px #000;
}
#monthly #kokoga .kokoga-flex table tr.fukuoka-boat {
  background: #f8be83;
  font-weight: bold;
}

#monthly #kokoga #kokoga-haitou {
  margin: 0 auto;
  width: 720px;
}
#monthly #kokoga #kokoga-haitou tr:not(:first-child) {
  border-bottom: dashed 1px #000;
}
#monthly #kokoga #kokoga-haitou tr.border-solid {
  border-bottom: solid 1px #000;
}
#monthly #kokoga #kokoga-haitou tr td {
  padding: 4px 0;
}
#monthly #kokoga #kokoga-haitou tr td span {
  border-radius: 50%;
  padding: 0 0.5em;
  line-height: 1.4;
  margin:0 3px;
  font-size:90%;
}
#monthly #kokoga #kokoga-haitou tr td .waku1 {
  background: #FFF;
  color: #000;
  border: 0.5px solid gray;
}
#monthly #kokoga #kokoga-haitou tr td .waku2 {
  background: #000;
  color: #FFF;
}
#monthly #kokoga #kokoga-haitou tr td .waku3 {
  background: #ee1c25;
  color: #FFF;
}
#monthly #kokoga #kokoga-haitou tr td .waku4 {
  background: #007dc5;
  color: #FFF;
}
#monthly #kokoga #kokoga-haitou tr td .waku5 {
  background: #fff100;
  color: #000;
  border: 0.5px solid gray;
}
#monthly #kokoga #kokoga-haitou tr td .waku6 {
  background: #00a651;
  color: #FFF;
}
#monthly #kokoga #kokoga-graph {
  display: block;
  margin: 0 auto;
}
#monthly #kokoga #kokoga-shinnyu {
  margin: 0 auto 10px auto;
  width: 720px;
}
#monthly #kokoga #kokoga-shinnyu tr {
  background: #fff;
}
#monthly #kokoga #kokoga-shinnyu tr:nth-child(2n) {
  background: #fffbc7;
}
#monthly #kokoga #kokoga-shinnyu tr th {
  vertical-align: middle;
}
#monthly #kokoga #kokoga-shinnyu tr:nth-child(2) th {
  border-top: solid 1px #fff;
}
#monthly #kokoga #kokoga-shinnyu tr td {
  border-bottom: solid 1px #000;
}