ul.shareList {
	list-style:none;
	display: flex;
	flex-wrap:wrap;
	padding:0;
	margin:5px auto 0 auto;
	text-align:center;
}

li.shareList__itema	{
	color:inherit;
	text-decoration:none;
}

.shareList__item {
	height:50px;
	line-height:36px;
	text-align:center;
	margin:9px 0 0 0;
}
.shareList__link {
	display:block;
	color:#ffffff;
	width:165px;
	text-decoration: none;
	transition: .2s;
	border:2px solid;
}

.shareList__link::before{
	font-size:21px;
}

.shareList__link::after{
	content:attr(title);
	font-size:14px;
	font-weight:700;
	vertical-align: top;
	margin-left:5px;
}

.shareList__link:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}

.shareList__link.icon-twitter{background:#000000; border-color:#000000; color:#ffffff;}
.shareList__link.icon-twitter:hover{color:#000000; background:#ffffff; border-color:#000000;}

.shareList__link.icon-facebook{background:#3B5998; border-color:#3B5998; color:#ffffff;}
.shareList__link.icon-facebook:hover{color:#3B5998; background:#ffffff; border-color:#3B5998;}

.shareList__link.icon-hatebu{background:#008FDE;  border-color:#008FDE; color:#ffffff;}
.shareList__link.icon-hatebu:hover{color:#008FDE; background:#ffffff; border-color:#008FDE;}

.shareList__link.icon-line{background:#1dcd00; border-color:#1dcd00; color:#ffffff;}
.shareList__link.icon-line:hover{color:#1dcd00; background:#ffffff; border-color:#1dcd00;}




@media screen and (max-width: 768px)	{

.sns_block_sp	{
	margin:30px 0 0 10px;
	width:100%;
	text-align:center;
	overflow:hidden
}

	li.shareList__item	{
	color:inherit;
	text-decoration:none;
	margin:0 10px 0 10px;
	text-align:center;
}



}