.pisocials:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.pisocials {
	list-style: none;
}
.pisocials li {
	list-style: none;
	float: left;
	margin: 0 5px 0 0;
}
.pisocials .btn_fb_share_m,
.pisocials .btn_fb_share_l {
	background: #3b5998;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	box-sizing: border-box;
	border-radius:2px;
}
.pisocials .btn_fb_share_m {
	width: 60px;
	height: 20px;
	font-size: 12px;
}
.pisocials .btn_fb_share_l {
	width: 60px;
	height: 60px;
	font-size: 12px;
}
.pisocials .piso-fb-icon {
	background:url(./images/icon_01.png);
	margin: 0 auto 5px auto;
	width: 20px;
	height: 20px;
}
.pisocials .share-preview {
	margin: 10px 0 0 0;
	opacity: 0.5;
}
.pisocials .share-preview ._title {
	font-size: 14px;
}
.pisocials .share-preview ._url {
	font-size: 10px;
}
.pisocials a:hover {
	opacity: 0.85;
}


/* 
* フラットデザイン
*/
.pisocials.piso-flat {
	font-weight: bold;
	color: #fff;
}
.pisocials.piso-flat a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
}
.pisocials.piso-round-5 a { border-radius:5px;}
.pisocials.piso-round-10 a { border-radius:10px;}
.pisocials.piso-round-20 a { border-radius:20px;}
.pisocials.piso-round-40 a { border-radius:40px;}

.pisocials .piso-icon {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
}
.pisocials .piso-count {
	display: block;
	float: left;
	opacity: 0.5;
	margin: 0 0 0 3px;
}
.pisocials.piso-color-white .piso-count {
	color: #000;
}


/* サイズ */
.pisocials .piso-S { padding: 7px; font-size: 12px;}
.pisocials .piso-M { padding: 10px; font-size: 14px;}
.pisocials .piso-L { padding: 20px; font-size: 18px;}


/* 配色 */
.pisocials .piso-facebookShare { background: #3b5998;}
.pisocials .piso-facebookLike { background: #3b5998;}
.pisocials .piso-twitter { background: #0087ba;}
.pisocials .piso-googleplus { background: #dd4b39;}
.pisocials .piso-hatena{ background: #00A4DE;}
.pisocials .piso-pocket{ background: #D04659;}

.pisocials.piso-color-glay .piso-facebookShare,
.pisocials.piso-color-glay .piso-facebookLike,
.pisocials.piso-color-glay .piso-twitter,
.pisocials.piso-color-glay .piso-googleplus,
.pisocials.piso-color-glay .piso-hatena,
.pisocials.piso-color-glay .piso-pocket{ background: #888;}

.pisocials.piso-color-lglay .piso-facebookShare,
.pisocials.piso-color-lglay .piso-facebookLike,
.pisocials.piso-color-lglay .piso-twitter,
.pisocials.piso-color-lglay .piso-googleplus,
.pisocials.piso-color-lglay .piso-hatena,
.pisocials.piso-color-lglay .piso-pocket{ background: #aaa;}

.pisocials.piso-color-black .piso-facebookShare,
.pisocials.piso-color-black .piso-facebookLike,
.pisocials.piso-color-black .piso-twitter,
.pisocials.piso-color-black .piso-googleplus,
.pisocials.piso-color-black .piso-hatena,
.pisocials.piso-color-black .piso-pocket{ background: #000;}

.pisocials.piso-color-white .piso-facebookShare,
.pisocials.piso-color-white .piso-facebookLike,
.pisocials.piso-color-white .piso-twitter,
.pisocials.piso-color-white .piso-googleplus,
.pisocials.piso-color-white .piso-hatena,
.pisocials.piso-color-white .piso-pocket{ background: #fff;}

/* アイコン */
.pisocials .piso-facebookLike .piso-icon { background:url(./images/icon_01.png);}
.pisocials .piso-facebookShare .piso-icon { background:url(./images/icon_01.png);}
.pisocials .piso-twitter .piso-icon { background:url(./images/icon_02.png); }
.pisocials .piso-googleplus .piso-icon { background:url(./images/icon_03.png);}
.pisocials .piso-hatena .piso-icon { background:url(./images/icon_04.png);}
.pisocials .piso-pocket .piso-icon { background:url(./images/icon_05.png);}

.pisocials.piso-color-white .piso-facebookLike .piso-icon { background:url(./images/icon_b_01.png);}
.pisocials.piso-color-white .piso-facebookShare .piso-icon { background:url(./images/icon_b_01.png);}
.pisocials.piso-color-white .piso-twitter .piso-icon { background:url(./images/icon_b_02.png); }
.pisocials.piso-color-white .piso-googleplus .piso-icon { background:url(./images/icon_b_03.png);}
.pisocials.piso-color-white .piso-hatena .piso-icon { background:url(./images/icon_b_04.png);}
.pisocials.piso-color-white .piso-pocket .piso-icon { background:url(./images/icon_b_05.png);}