ul#sns_btn {
    width:100%;
    float: left;
    clear: both;
    padding: 0px;
    margin: 0px 0px 30px 0px;
}

@media (max-width: 769px) {
ul#sns_btn {
    margin: 0px 0px 15px 0px;
}
}

ul#sns_btn:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul#sns_btn li.sns_btnInner {
    width: 24.25%;
    float: left;
    padding: 0px;
    margin: 0px 1% 5px 0px;
    list-style-type: none;
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner {
    width: 32%;
    margin: 0px 2% 5px 0px;
}
}

ul#sns_btn li.sns_btnInner:nth-child(4n) {
    margin: 0px 0px 5px 0px;
}

ul#sns_btn li.sns_btnInner:nth-child(4n+1) {
    clear: both;
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner:nth-child(4n) {
    margin: 0px 2% 5px 0px;
}
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner:nth-child(4n+1) {
    clear: none;
}
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner:nth-child(3n) {
    margin: 0px 0px 5px 0px;
}
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner:nth-child(3n+1) {
    clear: both;
}
}

ul#sns_btn li.sns_btnInner a {
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    color:#ffffff;
    display: block;
    padding: 10px 0px;
    margin: 0px;
    background-color:#dcdcdc;
    border:solid 1px #dcdcdc;
    text-align:center;
    text-decoration: none;
    border-radius:3px;
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner a {
    font-size: 1.4vw;
}
}

@media (max-width: 969px) {
ul#sns_btn li.sns_btnInner a {
    font-size: 2.4vw;
}
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a {
    font-size: 3.2vw;
    padding: 3vw 0px;
    border-radius:3px;
}
}

ul#sns_btn li.sns_btnInner a:hover,
ul#sns_btn li.sns_btnInner a:active {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

ul#sns_btn li.sns_btnInner a.twitter {
    background-color: #00acee;
    border:solid 1px #00acee;
}

ul#sns_btn li.sns_btnInner a.twitter:before {
    content: '\f099';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}

ul#sns_btn li.sns_btnInner a.twitter:after  {
    content: 'ツイートする';
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner a.twitter:after  {
    content: 'ツイート';
}
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a.twitter:after  {
   content: 'ツイートする';
}
}

ul#sns_btn li.sns_btnInner a.facebook {
    background-color: #3b5998;
    border:solid 1px #3b5998;
}

ul#sns_btn li.sns_btnInner a.facebook:before {
    content: '\f09a';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}

ul#sns_btn li.sns_btnInner a.facebook:after {
    content: 'シェアする';
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner a.facebook:after {
    content: 'シェア';
}
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a.facebook:after {
    content: 'シェアする';
}
}

ul#sns_btn li.sns_btnInner a.google_plus {
    background-color: #dd4b39;
    border:solid 1px #dd4b39;
}

ul#sns_btn li.sns_btnInner a.google_plus:before {
    content: '\f0d5';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}

ul#sns_btn li.sns_btnInner a.google_plus:after {
    content: '共有する';
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner a.google_plus:after {
    content: '共有';
}
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a.google_plus:after {
    content: '共有する';
}
}

ul#sns_btn li.sns_btnInner a.hatena {
    background-color: #2D4C86;
    border:solid 1px #2D4C86;
}

ul#sns_btn li.sns_btnInner a.hatena:before {
    content: 'B!';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}

ul#sns_btn li.sns_btnInner a.hatena:after {
    content: 'ブックマーク';
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner a.hatena:after {
    content: 'はてブ';
}
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a.hatena:after {
    content: 'ブックマーク';
}
}

ul#sns_btn li.sns_btnInner a.pocket {
    background-color: #EE4056;
    border:solid 1px #EE4056;
}

ul#sns_btn li.sns_btnInner a.pocket:before {
    content: '\f13a';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}

ul#sns_btn li.sns_btnInner a.pocket:after {
    content: 'pocket';
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a.pocket:after {
    content: 'pocket';
}
}

ul#sns_btn li.sns_btnInner a.feedly {
    background-color: #87c040;
    border:solid 1px #87c040;
}

ul#sns_btn li.sns_btnInner a.feedly:before {
    content: '\f09e';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}

ul#sns_btn li.sns_btnInner a.feedly:after {
    content: 'feedlyで購読';
}

@media (max-width: 1229px) {
ul#sns_btn li.sns_btnInner a.feedly:after {
    content: 'feedly';
}
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a.feedly:after {
    content: 'feedlyで購読';
}
}

ul#sns_btn li.sns_btnInner a.rss {
    background-color: #FFA500;
    border:solid 1px #FFA500;
}

ul#sns_btn li.sns_btnInner a.rss:before {
    content: '\f09e';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}

ul#sns_btn li.sns_btnInner a.rss:after {
    content: 'RSSで購読';
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a.rss:after {
    content: 'RSSで購読';
}
}

ul#sns_btn li.sns_btnInner a.line {
    background-color: #5ae628;
    border:solid 1px #5ae628;
}

ul#sns_btn li.sns_btnInner a.line:before {
    content: '\f075';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}

ul#sns_btn li.sns_btnInner a.line:after {
    content: 'LINEで送る';
}

@media (max-width: 769px) {
ul#sns_btn li.sns_btnInner a.line:after {
    content: 'LINEで送る';
}
}

.sns_btn_description {
    width:100%;
    float: left;
    clear: both;
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    color:#c80000;
    padding: 0px;
    margin: -5px 0px 5px 0px;
}

@media (max-width: 769px) {
.sns_btn_description {
    display:none;
}
}

.sns_btn_description:before {
    content: '\f0d7';
    font-family: FontAwesome;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
}