input.circletw{
    -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
    box-shadow:inset 0px 1px 0px 0px #fbafe3;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #e63191) );
    background:-moz-linear-gradient( center top, #ff5bb0 5%, #e63191 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#e63191');
    background-color:#ff5cb1;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #ee1eb5;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    font-style:normal;
    height:45px;
    line-height:45px;
    width:100%;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #c70067;
}input.circletw:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e63191), color-stop(1, #ff5bb0) );
    background:-moz-linear-gradient( center top, #e63191 5%, #ff5bb0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e63191', endColorstr='#ff5bb0');
    background-color:#e63191;
}input.circletw:active {
    position:relative;
    top:1px;
}
            
         
        
            
     input.ippantw{
    -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    box-shadow:inset 0px 1px 0px 0px #cae3fc;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color:#79bbff;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #469df5;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    font-style:normal;
    height:45px;
    line-height:45px;
    width:100%;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #287ace;
}input.ippantw:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
    background-color:#4197ee;
}input.ippantw:active {
    position:relative;
    top:1px;
}
            
input[type=button]{
font-family: FontAwesome /*FontAwesomeをフォント指定*/;
} 


/*---------------------スマホ対応-----------------------------------*/
@media (max-width: 768px){

input.circletw{font-size: 75% !important}
input.ippantw{font-size: 75% !important}
    
    }