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

#monthly #yusen_box_master {
    width:900px;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}

/*選出順位*/
#monthly table.sensyutu{
    width:600px;
    border:1px solid #000;
    background-color:#fff;
}

#monthly table.sensyutu th{
    background-color:#842071;
    color:#fff;
    vertical-align: middle;
}

#monthly table.sensyutu th span{
    text-align:center;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    letter-spacing:0.3em;
}

#monthly table.sensyutu td{
    text-indent:-2em;
    padding:4px 10px 4px 40px;
    vertical-align: middle;
}

#monthly table.sensyutu td:last-child{
    border-top:1px dashed #333;
}

#monthly img#challenge{
    margin:40px 20px 40px 0;
    box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
}


/*SG優勝者*/
#monthly .yusen_box1{
    position:relative;
    width:450px;
    margin-top:30px;
}

/*PGI優勝者*/
#monthly .yusen_box2{
    position:relative;
    width:700px;
    margin:30px auto 0;
}

/*SG優勝戦結果*/
#monthly .yusen_box1 .race_box1{
    top:300px;
    left:170px;
}

#monthly .yusen_box1 .race_box1 h5{
    background:#F68D39;
}

/*PGI優勝戦結果*/
#monthly .yusen_box2 .race_box2{
    top:10px;
    left:430px;
}

#monthly .yusen_box2 .race_box2 h5{
    background:#80C047;
}

/*優勝戦結果 共通パーツ*/
#monthly .yusen_box1 .race_box1,
#monthly .yusen_box2 .race_box2{
    position:absolute;
    background:#fff;
    border-radius:10px;
}

#monthly .yusen_box1 .race_box1 h5,
#monthly .yusen_box2 .race_box2 h5{
    text-align: center;
    color:#fff;
    border-radius:10px 10px 0 0;
}

#monthly .yusen_box1 .race_box1 h6,
#monthly .yusen_box2 .race_box2 h6{
    font-size: 14px;
    text-align: center;
    margin: 0;
}

#monthly .yusen_box2 .race_box2 h6.bbc{
    font-size: 12px;
    letter-spacing:-0.1em
}

#monthly table.yusyo{
    width: 230px;
    margin:0 10px 0 10px;
}

#monthly table.yusyo caption{
    text-align: center;
    font-size: 13px;
}

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

table.yusyo th{
    border-bottom: 2px solid #000;
    font-weight: normal;
}

#monthly table.yusyo th,
#monthly table.yusyo td{
    text-align: center;
    font-size: 13px;
}

#monthly .yusen_box1 .race_box1 p,
#monthly .yusen_box2 .race_box2 p,
#monthly #memorial_masters .race_box3 p{
    margin: 5px 0 5px 5px ;
    text-indent: 0;
    font-size: 13px;
}

#monthly .yusen_box1 .race_box1 b,
#monthly .yusen_box2 .race_box2 b,
#monthly #memorial_masters .race_box3 b{
    display: inline-block;
    transform: rotate(30deg);
    margin-right: 5px;
}

#monthly .winner{font-weight: bold;}
#monthly .one{background:#eee;}
#monthly .two{background:#231F20; color:#fff;}
#monthly .three{background:#EE1C25; color:#fff;}
#monthly .four{background:#007DC5; color:#fff;}
#monthly .five{background:#FFF100;}
#monthly .six{background:#00A651; color:#fff;}

/*メモリアル＆マスターズ*/
#monthly #memorial_masters{
    position:absolute;
    top:310px;
    left:10px;
    width:430px;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
}

#monthly #memorial_masters .race_box3{
    width:210px;
    background:#fff;
    border-radius:10px;
}

#monthly #memorial_masters h5{
    text-align: center;
    color:#fff;
    border-radius:10px 10px 0 0;
    background:#F68D39;
}

#monthly #memorial_masters h5#masters{
    background:#80C047;
}

#monthly #memorial_masters h6{
    font-size: 12px;
    text-align: center;
    margin: 0;
}

#monthly #memorial_masters table.yusyo{
    width:200px;
    margin:0 5px;
}

#monthly #memorial_masters table.yusyo caption{
    font-size: 12px;
}

#monthly #memorial_masters table.yusyo th{
    text-align: center;
    font-size: 11px;
    letter-spacing:-0.1em;
}

#monthly #memorial_masters table.yusyo td{
    text-align: center;
    font-size: 12px;
    letter-spacing:-0.05em;
}

#monthly #memorial_masters p,
#monthly #memorial_masters b{
    font-size: 12px;
}

/*SG勝率の表*/
#monthly .yusen_box1 table.syouritsu{
    width: 90%;
    margin:10px auto 10px;
}

/*PGI選手情報*/
#monthly .info_box{
    width:700px;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}

#monthly .name{
    position:absolute;
    top:280px;
    left:30px;
}

#monthly .name_box{
    width:420px;
}

/*PGI勝率の表*/
#monthly .yusen_box2 table.syouritsu{
    width: 100%;
    margin-top:100px;
}

/*勝率の表 共通パーツ*/
#monthly table.syouritsu th{
    border: 1px solid #000;
    font-weight: normal;
    background:#D4C8E3;
}

#monthly table.syouritsu th,
#monthly table.syouritsu td{
    border: 1px solid #000;
    text-align: center;
}

#monthly table.syouritsu th:nth-of-type(1),
#monthly table.syouritsu th:nth-of-type(2),
#monthly table.syouritsu th:nth-of-type(3),
#monthly table.syouritsu th:nth-of-type(4){
    width:20%;
}

#monthly table.syouritsu th:nth-of-type(5),
#monthly table.syouritsu th:nth-of-type(6){
    width:10%;
}

/*SGテキスト部分*/
#monthly .yusen_box1 .text_box {
    width: 90%;
    margin:0px auto;
}

#monthly .yusen_box1 img.photo_right {
    float:right;
    margin:0px 0px 5px 5px;
}


/*PGIテキスト部分*/
#monthly .info_box .text_box{
    width:270px;
    margin-top:45px;
    overflow: hidden;
}

#monthly .info_box .space {
    float:right;
    height:50px;
}

#monthly .info_box img.photo_right{
    float:right;
    clear: both;
    margin:5px 0px 0 5px;
}