.social-buttons-pc {
	margin-bottom:5em
}
.social-buttons-pc ul {
	display:table;
	list-style:none;
	padding:0;
	margin:0 auto
}
.social-buttons-pc ul li {
	display:table-cell;
	vertical-align:bottom;
	color:#9c9d9d;
	width:114px;
	padding:0 .5em
}
.social-buttons-pc ul li .balloon {
	position:relative;
	display:block;
	border:1px solid #9c9d9d;
	text-align:center;
	width:114px;
	height:25px
}
.social-buttons-pc ul li .balloon:after,.social-buttons-pc ul li .balloon:before {
	top:100%;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}
.social-buttons-pc ul li .balloon:after {
	border-color:rgba(255,255,255,0);
	border-top-color:#fff;
	border-width:6px;
	margin-left:-6px
}
.social-buttons-pc ul li .balloon:before {
	border-color:rgba(187,187,187,0);
	border-top-color:#9c9d9d;
	border-width:8px;
	margin-left:-8px
}
.social-buttons-pc ul li .button a {
	display:block;
	position:relative;
	top:12px;
	color:#fff;
	font-size:11px;
	font-size:0.6875rem;
	line-height:37px;
	text-align:center;
	width:114px;
	height:39px;
	outline:none
}
.social-buttons-pc ul li .button a i {
	position:relative;
	top:3px;
	right:3px;
	font-style:normal
}
.social-buttons-pc ul li .button a i img {
	height:15px
}
.social-buttons-pc ul li .button a:hover {
	color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80)
}
.social-buttons-pc ul li.button-facebook .button a {
	background-color:#3c5a99
}
.social-buttons-pc ul li.button-twitter .button a {
	background-color:#55acee
}
.social-buttons-pc ul li.button-googleplus .button a {
	background-color:#dd4b39
}
.social-buttons-pc ul li.button-hatena .button a {
	background-color:#3c7dd1
}
.social-buttons-sp {
	display: none;
}



@media screen and (max-width: 768px) {
	.social-buttons-pc {
		display: none;
	}
	.social-buttons-sp {
		display: block;
		margin-bottom:4em;
		padding: 0 15px
	}
	.snsbv {
		list-style:none;
		display:table;
		width:100%;
		padding:0;
		margin:0 auto
	}
	.balloon-btn-vertical {
		display:table-cell;
		vertical-align:bottom;
		color:#9c9d9d;
		width:20%;
		padding:0 .15em
	}
	.balloon-btn-set {
		width:100%
	}
	.balloon-btn-set a {
		display:block;
		color:#777;
		font-size:14px;
		font-size:0.875rem;
		text-decoration:none
	}
	a.arrow-box-vertical-link {
		font-weight:bold;
		text-align:center
	}
	a.arrow-box-vertical-link:hover {
		color:#777
	}
	a.balloon-btn-vertical-link {
		font-size:11px;
		font-size:0.6875rem;
		position:relative;
		top:12px;
		color:#fff;
		line-height:1;
		width:101%;
		height:auto
	}
	a.balloon-btn-vertical-link i {
		display:block;
		font-style:normal;
		padding:.4em 0
	}
	a.balloon-btn-vertical-link i img {
		width:auto;
		height:15px
	}
	a.balloon-btn-vertical-link:hover {
		color:#fff;
		opacity:0.8
	}
	a.twitter-balloon-btn-vertical-link {
		background-color:#55acee
	}
	a.facebook-balloon-btn-vertical-link {
		background-color:#3c5a99
	}
	a.line-balloon-btn-vertical-link {
		background-color:#00c300
	}
	a.googleplus-balloon-btn-vertical-link {
		background-color:#dd4b39
	}
	a.hatena-balloon-btn-vertical-link {
		background-color:#3c7dd1
	}
	.arrow-box-vertical {
		position:relative;
		background:#fff;
		border:1px solid #9c9d9d;
		text-align:center;
		width:100%;
		height:32px;
		line-height:1.8;
		display:inline-block
	}
	.arrow-box-vertical:after,.arrow-box-vertical:before {
		position:absolute;
		top:100%;
		left:50%;
		border:solid transparent;
		content:" ";
		width:0;
		height:0;
		pointer-events:none
	}
	.arrow-box-vertical:after {
		border-color:rgba(255,255,255,0);
		border-top-color:#fff;
		border-width:6px;
		margin-left:-6px
	}
	.arrow-box-vertical:before {
		border-color:rgba(187,187,187,0);
		border-top-color:#9c9d9d;
		border-width:8px;
		margin-left:-8px
	}
	.twitter-balloon-btn-vertical .arrow-box-vertical,.line-balloon-btn-vertical .arrow-box-vertical {
		border:none;
		width:100%;
		height:auto;
		top:inherit
	}
	.twitter-balloon-btn-vertical .arrow-box-vertical:after,.twitter-balloon-btn-vertical .arrow-box-vertical:before,.line-balloon-btn-vertical .arrow-box-vertical:after,.line-balloon-btn-vertical .arrow-box-vertical:before {
		display:none
	}
	.twitter-balloon-btn-vertical .balloon-btn-vertical-link,.line-balloon-btn-vertical .balloon-btn-vertical-link {
		top:12px
	}
	.twitter-balloon-btn-vertical {
		padding-right:.2em
	}
}