@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 #onlyone{
  margin-bottom:60px;
}

#monthly #onlyone p.first{
  text-indent:0;
}

#monthly img#kayahara{
  float:left;
  margin-right:15px;
  clear:both;
}

#monthly img#kayahara_boat{
  margin:45px 0 20px 100px;
}

#monthly #onlyone h3{
  color:#AD3149;
  font-size:38px;
  font-weight:bold;
  text-shadow:2px 2px 0 #FFF,
   -2px -2px 0 #FFF,
   -2px 2px 0 #FFF,
   2px -2px 0 #FFF,
   0px 2px 0 #FFF,
   0 -2px 0 #FFF,
   -2px 0 0 #FFF,
   2px 0 0 #FFF,
   2.5px 2.5px 5.5px #000;
  line-height:55px;
  transform: skewX(-15deg);
}

#monthly #onlyone h3#right{
  text-align:right;
  margin-top:-15px;
}

#monthly #onlyone h4{
  margin:30px 0 10px 0;
  font-size:26px;
  font-weight:bold;
  text-align:center;
  letter-spacing:1px;
  color:#E56801;
}

/*データ室*/
#monthly #dataroom {
  border: 1px solid #7E4E9C;
  padding: 15px;
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-top:30px;
}

#monthly #dataroom .data_box{
  width: 420px;
}

#monthly #dataroom p {
  line-height: 2rem;
  font-weight: bold;
  margin-left:-1em;
  color: #7E4E9C;
  font-size:20px;
  text-align:center;
  line-height:24px;
  margin-top:5px;
}

#monthly #dataroom p span {
  font-size: 28px;
}

#monthly #dataroom span.kikan{
  font-weight:normal;
  color: #000;
  font-size:14px;
}

#monthly table.total {
  border-collapse: collapse;
  vertical-align: middle;
  width:100%;
}

#monthly .total span {
  font-size: 0.8rem;
  font-weight: normal;
  float: right;
  margin: 0;
  padding: 0;
}

#monthly .total th {
  text-align: left;
  padding: 3px;
}

#monthly .total tr:nth-child(2){
  background: #D5D8E9;
  text-align: center;
  border-top: 2px solid #305497;
}

#monthly .total td:nth-of-type(1){
  text-align: center;
  padding-left:15px;
  padding-right: 0;
  box-sizing:content-box;
  letter-spacing:0;
}

#monthly .total td{
  border-bottom: 1px solid #305497;
  text-align: right;
  padding: 3px;
}

#monthly .total td:nth-child(5),
#monthly .total td:nth-child(6){
  text-align: center;
}

#monthly .part{
  width:100%;
}

#monthly .part:nth-child(2){
  margin-top:15px;
}

#monthly .part th {
  font-weight: bold;
  border-bottom: 2px solid #305497;
  text-align: left;
}

#monthly .part td {
  border-bottom: 1px dashed #305497;
  text-align: center;
  padding: 3px;
}

#monthly .part td.kaisai {
  text-align: left;
}

#monthly .part td.seiseki {
  letter-spacing: 0.3rem;
  text-align: left;
}

/*歴代優勝者*/
#monthly #rekidai{
  width:800px;
  margin:0px auto 60px auto;
}

#monthly #rekidai h3{
  width:780px;
  font-size:20px;
  color:#7D488B;
  padding:5px;
  text-align:center;
  margin-bottom:10px;
  border:1px solid #7D488B;
  border-radius:20px;
}

#monthly #yusyo{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  justify-content:space-between;
}

#monthly #yusyo table{
  width:390px;
}

#monthly #yusyo table th,
#monthly #yusyo table td{
  padding:5px;
  text-align:center;
  vertical-align: middle;
  border-bottom:solid 1px black;
}

#monthly #yusyo table tr{
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}

#monthly #yusyo table th{
  font-weight:normal;
  background:#DCDDDD;
}

#monthly #yusyo table td{
  background:#fff;
}

#monthly #yusyo table td:nth-of-type(4){
  color:#7D488B;
  font-weight:bold;
}

#monthly #yusyo table td.taikai{
  text-align: center;
  color:#7D488B;
  font-size:16px;
  font-weight:bold;
  line-height:1.8em;
  background:linear-gradient(to left bottom, #e7c347, #fffcd1, #e7c347);
  padding:27px 0px;
  letter-spacing:0.06em;
}

#monthly #yusyo table td.taikai span{
  background:#7D488B;
  font-size:16px;
  color:#FFFFFF;
  padding:0px 10px;
  margin-left:8px
}

#monthly #yusyo table td.taikai span.yusho_box{
  color: #7D488B;
  font-size:15px;
  padding:0px 10px;
  line-height:16px;
  margin-right:8px;
  background:#FFFFFF;
  border:1px solid #7D488B;
  border-radius:8px;
}

/*賞金*/
#monthly #syokin{
  width:800px;
  margin:0px auto 0px;
}

#monthly #side_box{
  width:160px;
  height:290px;
  background-color:#DFCDE0;
  float:left;
  margin-right:10px;
  padding:10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#monthly #side_box p{
  font-size:14px;
  text-align:center;
  line-height:20px;
}

#monthly #side_box p span{
  color:#1E2188;
  font-size:22px;
  font-weight:bold;
}

#monthly #syokin table{
  width:600px;
}

#monthly #syokin table th,
#monthly #syokin table td{
  padding:5px;
}

#monthly #syokin table th{
  text-align:center;
  background-color:#DFCDE0;
  font-weight:normal;
  border-top:solid 1px black;
  border-bottom:solid 1px black;
}

#monthly #syokin table td{
  text-align:right;
  background-color:#FFF;
  border-bottom:dotted 1px black;
}

#monthly #syokin table td:first-child{
  text-align:center;
}

#monthly #syokin p{
  text-indent:0;
  margin-top:10px;
  margin-bottom:0;
}