@charset "UTF-8";
/* CSS Document */

/* 以下は「2016/08/19 追加 SNSアイコン」用のCSS専用 */


/* Social icons
------------------------------------------------------------------------- */

#socialIcons {
	margin-left: 12px;
}
#socialIcons a {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 70px;
	height: 28px;
	margin: 0 10px 10px 0;
	padding: 0;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
}
#socialIcons i, #socialIcons span {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 28px;
	margin: 0;
	background: #d35889;
	line-height: 28px;
	text-align: center;
	transition: .3s;
}
#socialIcons i {
	z-index: 2;
	transform: rotateY(0deg);
}
#socialIcons a:hover i {
	z-index: 1;
	transform: rotateY(180deg);
}
#socialIcons span {
	z-index: 1;
	transform: rotateY(-180deg);
}
#socialIcons a:hover span {
	z-index: 2;
	transform: rotateY(0deg);
}


/* Clear
------------------------------------------------------------------------- */

.clear {
	clear: both;
}



/* Margin
------------------------------------------------------------------------- */

.marginTop80px {
	margin-bottom: 80px;
}