ul.sns_button{
    padding:0;
    overflow:hidden;
}
ul.sns_button li{
    float:left;
    width:calc(100%/4);
    margin:1% 0 1%;
    list-style:none;
}
ul.sns_button li a{
    display:block;
    margin:0 4% 0 0;
    padding:4% 0;
    box-shadow:0 -2px 0 0 rgba(0,0,0,0.2)inset;
    border-radius:1px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    transition:0.2s;
    font-size:12px;
    font-weight:normal;
    white-space: nowrap;
}
@media screen and (min-width: 428px){
ul.sns_button li a{
    font-size:13px;
    font-weight:bold;
}
}
ul.sns_button li:nth-child(5) a,ul.sns_button li:nth-child(10) a,ul.sns_button li:nth-child(15) a{
    margin:0;
}
ul.sns_button li a:hover{
    opacity:0.7;
}
ul.sns_button li a:active{
    box-shadow:0 2px 0 0 rgba(0,0,0,0.2)inset;
}
ul.sns_button li.sns_button_twitter a{
    line-height: 200%;
    background-color:#55acee;
}
ul.sns_button li.sns_button_facebook a{
    line-height: 200%;
    background-color:#3B5998;
}
ul.sns_button li.sns_button_hatena a{
    line-height: 200%;
    background-color:#00A4DE;
}
ul.sns_button li.sns_button_google a{
    background-color:#DB4437;
}
ul.sns_button li.sns_button_pocket a{
    background-color:#EE4056;
}
ul.sns_button li.sns_button_line a{
    line-height: 200%;
    background-color:#00B900;
}
ul.sns_button li.sns_button_slack a{
    background-color:#2AB27B;
}
ul.sns_button li.sns_button_mixi a{
    background-color:#E0C074;
}
ul.sns_button li.sns_button_chatwork a{
    background-color:#F9423A;
}
ul.sns_button li.sns_button_evernote a{
    background-color:#2DBE60;
}
ul.sns_button li.sns_button_feedly a{
    background-color:#87C040;
}
ul.sns_button li.sns_button_linkedin a{
    background-color:#0B49A0;
}
ul.sns_button li.sns_button_skype a{
    background-color:#00AFF0;
}
ul.sns_button li.sns_button_tumblr a{
    background-color:#36465D;
}
ul.sns_button li.sns_button_rss a{
    background-color:#FF9100;
}