@charset "utf-8";

/*共通*/

#monthly {
  width: 900px;
  margin: 0px auto 0 auto;
  padding: 0px 5px;
  font-size:16px;
  background: #fce5e7;
  box-sizing:border-box;
    
}
#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;
}

.button--arrowRight{
  box-sizing:border-box;
}

/*各ページ*/

#monthly h3{
    text-align: center;
    padding: 20px 0 0 0 ;
    margin: 0;
}


#monthly #profile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#monthly .profile_box {
  width: 430px;
  margin: 16px 0;
  display: flex;
  flex-wrap: wrap;
}

#monthly hr{
    clear: both;
    width: 878px;
}


/*データの見方*/

#monthly #mikata_box {
  position: relative;
    border: 1px solid #231F20;
    padding: 5px;
    box-sizing: border-box;
    height: 260px;
}

#monthly #mikata_box #mikata {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    background: #77787A;
    line-height: 14px;
    font-size: 13px;
    padding-top: 10px;
    box-sizing: border-box;
}


#monthly #mikata_box img {
    display: block;
    width: 120px;
    height: 140px;
}
#monthly #mikata_box .rightside {
  width: 280px;
  text-align: center;
    padding: 8px 5px;
}

#monthly #mikata_box .prize{
    font-size: 17px;
}

#monthly #mikata_box .number{
    margin-top:5px;
}
#monthly #mikata_box .name {
  clear: both;
  text-align: center;
  color: #DB505D;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 3px;
  font-family: "ＭＳ ゴシック", monospace;
  line-height: 1.2em;
}


#monthly #mikata_box .kikan {
    font-size: 15px;
    padding: 5px 0 0 5px;
    width: 100%;
    margin: 0;
    height: 25px;
}



#monthly #mikata_box p{
    margin-top: 8px;
    margin-bottom: 10px;
    text-indent: 0;
    font-size: 13px;
}

/*ドリーム*/

#monthly #profile .tei{
    position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 60px;
}

#monthly #profile .one{background:linear-gradient(to bottom right, #ffffff,#ffffff,#f8f8f8,#dcdad9, #aaa6a5);}
#monthly #profile .two{background:linear-gradient(to bottom right, #929090,#696666, #403d3c, #3a3636, #3a3636);}
#monthly #profile .three{background:linear-gradient(to bottom right, #f08871,#f08871,#ea5432,#9d3721, #94341e);}
#monthly #profile .four{background:linear-gradient(to bottom right, #6FACDE,#6FACDE,#1789C6,#1375AA, #0E6592);}
#monthly #profile .five{background:linear-gradient(to bottom right, #FFD679,#FFD679,#F7C74B,#D6AE42, #B59237);}
#monthly #profile .six{background:linear-gradient(to bottom right, #69C38E,#69C38E,#138F55,#0E824D, #0A7847);}

#monthly #profile .tei span{
    display: block;
    width: 55px;
    height: 55px;
    border-radius: 60px;
    margin: 5px;
    padding: 8px 0 0 0px;
    box-sizing: border-box;
    font-weight: bold;
}

#monthly #profile .one span{background: #ffffff;}
#monthly #profile .two span{background: #403d3c;color: #fff;}
#monthly #profile .three span{background: #ea5432;color: #fff;}
#monthly #profile .four span{background: #1991D1;color: #fff;}
#monthly #profile .five span{background: #FFCD4D;}
#monthly #profile .six span{background: #1AB36B;color: #fff;}


#monthly #profile .tei span b{
    font-size: 25px;
}


#monthly #profile .dream {
    width: 280px;
    position: relative;
}

#monthly #profile .dream img{
    width:280px;
}

#monthly #profile .dream .rightside {
  width: 280px;
  text-align: center;
    padding: 0;
}

#monthly  #profile .dream .prize{
    padding: 10px 0 5px 0;
}

#monthly  #profile .dream .number{
    display: inline-block;
    line-height: 45px;
    padding-left: 10px
}
#monthly  #profile .dream .name{
    display: inline-block;
}



/*左側*/

#monthly .profile_box img {
  display: block;
  width: 180px;
  height: 230px;
}

/*右側*/
#monthly .profile_box .rightside {
  width: 240px;
  text-align: center;
    padding-top: 5px;
  padding-left: 10px;
}

#monthly .profile_box .prize {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

#monthly .profile_box .prize span{
    float: right;

}

#monthly .profile_box .number {
  text-align: left;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
  color: #DB505D;
}


#monthly .profile_box .name {
  clear: both;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 3px;
  font-family: "ＭＳ ゴシック", monospace;
  line-height: 1.2em;
}

#monthly .profile_box .name a {
  color: #DB505D;
}

#monthly .profile_box .data {
  margin: 8px auto;
  text-align: center;
  letter-spacing: 1px;
}

#monthly .profile_box .rightside .text {
    margin: 0;
    text-align: left;
    font-size: 18px;
    padding: 15px 0 0 0 ;
}

#monthly .profile_box .rightside table {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
}

#monthly .profile_box .rightside table tr th,
#monthly .profile_box .rightside table tr td {
    text-align: center;
    font-weight: normal;
}

#monthly .profile_box .zen{
    background: #FEE5B7;
}

#monthly .profile_box .toku {
    background: #DFC3DD;
}


#monthly .profile_box .rightside table tr th{
    padding-left: 10px;
    letter-spacing: 5px;
}

#monthly .profile_box .rightside table tr td{
    padding-right: 5px;
    
    width:25%;
}
#monthly .profile_box .rightside table tr td span{
    font-size: 13px;
}


/*獲得賞金ランキング*/
#monthly #rekidai{
    width: 430px;

    margin-bottom: 30px;
}

#monthly #rekidai h4{
    border: 1px solid #F15966;
    color: #F15966;
    background: #ffffff;
    padding: 8px 0 3px 0 ;
    margin: 16px 0 10px 0;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
}

#monthly #rekidai h4 span{
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

#monthly #rekidai table{
    width: 430px;
    vertical-align: middle;
    background: #fff;
}

#monthly #rekidai table td,
#monthly #rekidai table th{
    text-align: center;
}

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

#monthly #rekidai table th{
    background: #FFF1BE;
}

#monthly #rekidai table td:nth-child(4){
    font-weight: bold;
    color: #F15966;
}


#monthly #rekidai .taikai {
    text-align: center;
  color: #701E20;
  font-size: 16px;
  font-weight: bold;
  background: #F5E498;
  line-height: 1.8;
  background: linear-gradient(to left bottom, #e7c347, #fffcd1, #e7c347);
  padding: 4px 0px;
  letter-spacing:0.06em;
    margin-top: 5px;
}
#monthly #rekidai .taikai span {
  background: #701E20;
  font-size: 16px;
  color: #FFFFFF;
  padding: 0px 10px;
  margin-left:8px
}
#monthly #rekidai .taikai span.yusho_box {
  color: #701E20;
  font-size: 15px;
  padding: 0px 10px;
    line-height: 16px;
  background: #FFFFFF;
  border: 1px solid #701E20;

}