/*リセット
/************************************************************/



/*ベース
/************************************************************/
/************ share *****************/
/*********************************/
.shareList {
	list-style:none;
	display: flex;
	justify-content: flex-end;
	flex-wrap:wrap;
	padding:0;
	margin:-5px 0 0 -5px;
}
.shareList__item {
	flex-grow: 1;
	height:50px;
	line-height:50px;
	min-width:180px;
	text-align:center;
	margin:9px 0 0 5px;
}
.shareList__link {
	display:block;
	color:#ffffff;
	text-decoration: none;
	transition: .2s;
	border:2px solid;
	border-radius: 5px;
}
.shareList__link::before{
	font-size:16px;
}
.shareList__link::after{
	content:attr(title);
	font-size:14px;
	font-weight:700;
	vertical-align: top;
	margin-left:5px;
}
 
 
.shareList__link.icon-twitter{background:#55acee;}
.shareList__link.icon-twitter:hover{color:#55acee; background:#ffffff; border-color:#55acee;}
 
.shareList__link.icon-facebook{background:#3B5998;}
.shareList__link.icon-facebook:hover{color:#3B5998; background:#ffffff; border-color:#3B5998;}
 
.shareList__link.icon-google-plus{background:#dd4b39;}
.shareList__link.icon-google-plus:hover{color:#dd4b39; background:#ffffff; border-color:#dd4b39;}
 
.shareList__link.icon-hatebu{background:#008FDE;}
.shareList__link.icon-hatebu:hover{color:#008FDE; background:#ffffff; border-color:#008FDE;}
 
.shareList__link.icon-pocket{background:#EB4654;}
.shareList__link.icon-pocket:hover{color:#EB4654; background:#ffffff; border-color:#EB4654;}
 
.shareList__link.icon-rss{background:#ff9900;}
.shareList__link.icon-rss:hover{color:#ff9900; background:#ffffff; border-color:#ff9900;}
 
.shareList__link.icon-feedly{background:#6cc655;}
.shareList__link.icon-feedly:hover{color:#6cc655; background:#ffffff; border-color:#6cc655;}
 
.shareList__link.icon-pinterest{background:#cb2027;}
.shareList__link.icon-pinterest:hover{color:#cb2027; background:#ffffff; border-color:#cb2027;}
 
.shareList__link.icon-linkedin{background:#0e76a8;}
.shareList__link.icon-linkedin:hover{color:#0e76a8; background:#ffffff; border-color:#0e76a8;}
 
.shareList__link.icon-line{background:#1dcd00;}
.shareList__link.icon-line:hover{color:#1dcd00; background:#ffffff; border-color:#1dcd00;}
シェアボタンCSSデザインサンプル
/****************************************