/*****************************
 * CSSキャッシュさせない
 *****************************/

.bonusModalBK3{
  position:fixed;
  z-index:1003;
  height:100%;
  width:100%;
  background:#000;
  opacity: 0;
  display:none;
}
.bonusModalImg3{
  z-index:1004;
  
  position:fixed;
  width:94%;
  top:50%; /* 上から半分 */
  left:50%; /* 左から半分 */
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  display:none;
}
.MonthlyBonusBG{
  filter: drop-shadow(5px 5px 5px #555);
}
.bonusModalInner3{
  display:table-cell;
  vertical-align:middle;
  font-weight:600;
  font-size:14px;
  color:#000;
  padding:0 10px;
  text-align:center;
}
.Head_Img{
  width:90%;
  position:fixed;
  z-index:1007;
  top:-10%;
  left:5%;
}
.MonthlyTableDiv{
  position:fixed;
  top:22%;
  left: 50%;
  transform: translateX(-50%);
  margin:0;
  padding:0;
}
.MonthlyTable{
  background-color:#fff;
  margin:0;
  padding:0;
}
table.MonthlyTable tr td{
  width:15%;
  border:1px solid #eee;
}
.MonthlyDiv{
  position:relative;
  padding:3px;
}
.MonthlyDivNum{
  position:absolute;
  z-index:1006;
  bottom:2px;
  left:2px;
  font-size:16px;
  font-weight:600;
  color:#333;
  -webkit-text-stroke: 1px #fff;
}
.MonthlyIsGet{
  position:absolute;
  z-index:1007;
  top:0px;
  left:0px;
  width:70%;
  display:inline;
}
.avaterContainer{
  overflow-x:hidden;
}