@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 .soutenbou h4 {
    font-size: 24px;
    text-align: center;
    color:#936439;
    margin-top: 40px;
}

#monthly .soutenbou span {
    font-weight: bold;
    color:#4c4398;
}

#monthly .kisha {
    text-align: right;
    font-weight: bold;
}

#monthly .image {
    margin-top: 25px;
    margin-left: 8px;
}

/*歴代優勝者テーブル*/

#monthly #winnerstable .winnerstabletitle{
    width: 96%;
    padding: 10px;
    text-align: center;
    background: #0075a9;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 15px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 15px;
    box-shadow:4px 5px 11px -4px #212121,
    3px 3px 5px rgba(200,222,232,0.8) inset;
}

#monthly #winnerstable{
    margin-left:auto;
    margin-right:auto;
}
#monthly #winnerstable table{
    float: left;
    margin-left:5px;
    margin-right:13px; 
    width:48%;
}

#monthly #winnerstable table .name{
    font-weight:bold;
    color:#0075a9;
}

#monthly  #winnerstable .name span.ranna {
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    display: inline-block;
    margin: 0 -3em 0 0;
}

#monthly #winnerstable table th {
    background: #d3e1ed;
    border-top: 2px solid #221815;
    border-bottom: 2px solid #221815;
    text-align: center;
}

#monthly #winnerstable table tr{
    border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;
}

#monthly #winnerstable table td{
    padding: 3px;
    text-align: center;
}

#monthly #winnerstable .date{
    width:210px;
    height:210px;
    margin-top:-230px;
    margin-left:5px;
    margin-right:88px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius:50%;
    float:right;
    box-shadow:4px 5px 11px -4px #212121;

    background-image:linear-gradient(45deg, #e1be52, #fffcd1, #e1c226, #f0dd88)
}

#monthly #winnerstable .date .place{
    height:30px;
    color:#b94b00;
    text-align:center;
    font-weight:bold;
    font-size:20px;
    padding-top: 50px;
}
#monthly #winnerstable .date .place span{
    display: inline-block;
    font-weight:bold;
    background-color:#b94b00;
    color:#ffffff;
    padding:0px 10px;
    height:25px;
}
#monthly #winnerstable .date .name{
    height:22px;
    width:60px;
    margin:5px 80px;
    background-color:#ffffff;
    color:#b94b00;
    border:solid 1px #b94b00;
    text-align:center;
    border-radius: 5px;
}
#monthly #winnerstable .date .day{
    height:33px;
    color:#b94b00;
    text-align:center;
}
#monthly #winnerstable .date .day span{
    font-weight:normal;
    font-size:22px;
}
#monthly #winnerstable .date .day .circle{
    display: inline-block;
    font-size:12px;
    border-radius: 50%;
    border:solid 1px #76171b;
    height:13px;
    width:15px;
    padding-bottom:2px;
}