/* SNSボタン */
.share {margin-top : 40px;}
.share ul {margin : 0;
    padding : 0;
    list-style : none;}

.share li {float : left;
    width : 20%;
    margin : 0 2% 3% 0;
    display : block;
    list-style : none;}

.share li a {display : block;
    position:relative;
    padding : 10px;
    color : #fff;
    border-radius:6px;
    font-size : 80%;
    text-decoration : none;
    text-align : center;
    text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.share li a:hover {
	-webkit-transform: translate3d(0px, 5px, 1px);
	-moz-transform: translate3d(0px, 5px, 1px);
	transform: translate3d(0px, 5px, 1px);
	box-shadow:none;}

.share ul:after {content : "";
    display : block;
    clear : both;}

.share ul li {
    margin : 0 2% 3% 0;
	list-style: none;
	border-bottom:none;
	background: none;
}

    
.share-tw {background:#00acee;
	box-shadow:0 5px 0 #0092ca;}
	
.share-tw a:hover {
	background:#0092ca;}
	
.share-fb {background:#3b5998;
	box-shadow:0 5px 0 #2c4373;}
	
.share-fb a:hover {
	background:#2c4373;}
	
.share-gp {background:#db4a39;
	box-shadow:0 5px 0 #ad3a2d;}
	
.share-gp a:hover {
	background:#ad3a2d;}
	
.share-hb {background:#5d8ac1;
	box-shadow:0 5px 0 #43638b;}
	
.share-hb a:hover {
	background:#43638b;}

.share-fd {background:#87c040;
	box-shadow:0 5px 0 #74a436;}

.share-fd a:hover {
	background:#74a436;}

.share-line {
	background:#25af00;
	box-shadow:0 5px 0 #219900;}

.share-line a:hover {
	background:#219900;}

.share-pocket {
	background:#f03e51;
	box-shadow:0 5px 0 #c0392b;}

.share-pocket a:hover {
	background:#c0392b;}

.share-rss {
	background:#ffb53c;
	box-shadow:0 5px 0 #e09900;}

.share-rss a:hover {
	background:#e09900;}



@media screen and (max-width: 599px) {
.share li {float : left;
    width : 40%;
    margin:0 2% 3% 0;}
.share li a {border-radius:6px;}
}