@charset "UTF-8";

/*------------------------------------------------------------
ソーシャルボタンのスタイル
-------------------------------------------------------------*/

.share{
	width:100%;
}
.share h4{
	font-size:120%; 
	text-align:center;
}

.sns{
	margin:0 auto;
	text-align:center;
	
}
.sns ul {
	list-style:none;
	margin: 0!important;
	padding: 0!important;

}
.sns li {
	display: inline-block;
	width: 18%;
	margin: 0 0 3% 0;
}
.sns li a {
	font-size:80%;
	position:relative;
	display:block;
	padding:10px 4px;
	color:#fff;
	border-radius:6px;
	text-align:center;
	text-decoration: none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns li a span {
	position: absolute;
	bottom: -3px;
	right: 8px;
}
.sns li a:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}
.sns li a:active {
	-webkit-transform: translate3d(0px, 5px, 1px);
	-moz-transform: translate3d(0px, 5px, 1px);
	transform: translate3d(0px, 5px, 1px);
	box-shadow:none;
}

/* ツイッター */
.sns .twitter a {
	background:#00acee;
	box-shadow:0 5px 0 #0092ca;
}

/* Facebook */
.sns .facebook a {
	background:#3b5998;
	box-shadow:0 5px 0 #2c4373;
}

/* グーグル */
.sns .googleplus a {
	background:#db4a39;
	box-shadow:0 5px 0 #ad3a2d;
}

/* はてぶ */
.sns .hatebu a {
	background:#5d8ac1;
	box-shadow:0 5px 0 #43638b;
}
/* LINE */
.sns .line a {
	background:#25af00;
	box-shadow:0 5px 0 #219900;
}

/* RSS */
.sns .rss a {
	background:#ffb53c;
	box-shadow:0 5px 0 #e09900;
}