.lotto-num-box .form-value{
    max-width: 40px;
    min-width: auto;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.bonus-num{
    background-color: var(--color_point);
}

.form-value-number::-webkit-outer-spin-button,
.form-value-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.col-box{
  align-items: baseline;
}

.btn-add-num{
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin: 4px 0;
}

.form-name-lotto{
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}

.num-wrap{
}

.lotto-num-box{
  margin-bottom: 10px;
}
.lotto-num-box:last-child{
  margin-bottom:0;
}
.num-wrap .form-box{
  padding: 0;
}
.form-name{
  max-width: 180px;
}

.form-block-lotto{
  flex-wrap: nowrap;
}

.col-box{
  flex-direction: column;
  padding-left: 4px;
}

.form-name-winnings{
  margin: 0 10px;
}

.winnings-row{
  margin: 10px 0;
}
.text-rate{
  color: rgb(223, 39, 39);
  margin: 6px 2px;
  font-size: 12px;
}

@media only screen and (max-width:710px){
  
  .form-name{
      width: 140PX;
      padding-left: 20px;
      padding-right: 10px;
  }

  .form-name-lotto{
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 auto;
  }
  
}


@media only screen and (max-width:597px){
  .form-block-lotto{
    flex-wrap: wrap;
  }
  .form-box{
    max-width: calc(100% - 140px);
  }
  .form-name-lotto{
    flex: 1;
    min-width: 100%;
    height: auto;
    border-bottom: var(--border_grey_1);
    border-right: 0;
  } 

  .form-name-lotto + .form-box{
    text-align: center;
    max-width: 100%;
  }
  .form-value{
    max-width: calc(100% - 50px);
    min-width: calc(100% - 40px);
  }

  .num-wrap{
    margin: 0 auto;
    margin-right: auto !important;
  }
}
@media only screen and (max-width:480px) {
  .form-name{
    width: 32vw;
    padding: 2vw 2vw 2vw 4vw;
  }

  .form-block{
    max-width: 100%;
  }

  .form-name-lotto{
    padding-left: 0;
    padding-right: 0;
  }

  .btn-add-num {
    padding-left: 4vw;
    padding-right: 4vw;
    margin: 1vw 0;
    font-size: 4vw;
  }

  .num-wrap{
    max-width: 100%;
  }

  .num-wrap .form-box{
    max-width: 100%;
  }

  .lotto-num-box .form-value {
    margin-right: 2vw;
    max-width: calc((100% - 10vw) / 7);
    padding-top: 2.6vw;
    padding-bottom: 2.6vw;
  }

  .card-deck .card {
    margin-bottom: 10px;
  }
}