@charset "utf-8";
/* CSS Document */

.sp-quantity {
    display: flex;
    align-items: center;
    /*width:200px;*/
    height:42px;
    /*font-family:"ProximaNova Bold", Helvetica, Arial;*/
    margin-bottom: 10px;
    margin-right: 5px;
}
.sp-minus {
    width:36px;
    height:36px;
    /*border:1px solid #e1e1e1;*/
    float:left;
    text-align:center;
}
.sp-input {
    display: flex;
    justify-content: center;
    align-items: center;
    width:36px;
    height:36px;
    border:1px solid #aaa;
    /*border-left:0px solid black;*/
    float:left;
    margin:0 3px;
}
.sp-plus {
    width:36px;
    height:36px;
    /*border:1px solid #e1e1e1;*/
    border-left:0px solid #e1e1e1;
    float:left;
    text-align:center;
}
.sp-input input {
    width:30px;
    height:34px;
    text-align:center;
    font-family:"ProximaNova Bold", Helvetica, Arial;
    border: none;
}
.sp-input input:focus {
    border:1px solid #e1e1e1;
    border: none;
}
.sp-minus a, .sp-plus a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /*padding-top: 5px;*/
    background-color: #8f9f38;
    color: #fff;
    border: 1px solid #8f9f38;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.sp-minus a:hover, .sp-plus a:hover{
    background-color: #fff;
    color: #8f9f38;
}
/*.sp-minus a:focus, .sp-plus a:focus{
    background-color:aqua;
}*/