/* ----------------------------------------------------------
.block-faq
---------------------------------------------------------- */

.block-faq .inputBox{
    margin: 3vw 0 6.25vw;
    white-space: nowrap;
}

.block-faq .inputKeyword{
    background: #fff;
    padding: 1vw 0 1vw 9vw;
    background-image: url(/rewards/images/faq/icon-search.png);
    background-position: 3vw 3.4vw;
    background-repeat: no-repeat;
    background-size: 4vw;
    display: inline-block;
    margin: 0 1vw 0 0;
    width: calc(100% - 31vw);
}

.block-faq .inputKeyword input{
    border: none;
    font-size: 3.75vw;
    width: calc(100% - 2vw);
    padding: 2.3vw 0 2.3vw 0;
}

.block-faq .inputKeyword input::placeholder {
  color: #c7c7c7;
}

.block-faq .submit{
    background: #3D3A35;
    color: #B4A759;
    font-size: 3.75vw;
    height: 11vw;
    width: 20vw;
    border-radius: 1vw;
    border: solid 1px #DCBB6E;
}

.block-faq .submit:hover{
  background: #d6b866;
  color: #3d3935;
  cursor: pointer;
}

@media print, screen and (min-width: 910px){
    .block-howto-set .block-faq ._t1 {
        left: 72%;
        width: 20%;
    }

    .block-faq .inputBox{
        margin: 0;
        position: absolute;
        width: 24.44%;
        left: 68.88%;
        top: 31%;
    }

    .block-faq .inputKeyword{
        padding: 0 10px 0 35px;
        background-position: 10px 13px;
        background-size: 16px;
        margin: 0 0 0;
        width: calc(100% - 139px);
    }

    .block-faq .inputKeyword input{
        font-size: 1.25vw;
        padding: 14px 0 14px 0;
    }

    .block-faq .submit{
        font-size: 1.25vw;
        width: 80px;
        height: calc(1.25vw + 30px);
        border-radius: 4px;
        margin: 0 0 0 10px;
    }
    .block-howto-set .block-faq ._btn{
        top: 48%;
    }
}

@media print, screen and (min-width: 1280px){
    .block-faq .inputBox{
        top: 33%;
    }
    .block-howto-set .block-faq ._btn{
        top: 50%;
    }
}