@charset "utf-8";


/* -- webfont setting ------------------------------------------------------------ */

@font-face {
	font-family: 'social-button';
	src: url( '../font/social-button.woff' ) format( 'woff' ),
			 url( '../font/social-button.ttf' ) format( 'truetype' ),
			 url( '../font/social-button.eot' ) format( 'embedded-opentype' ),
			 url( '../font/social-button.svg' ) format( 'svg' );
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}




/* -- social button base setting ------------------------------------------------------------ */

div.social-button ul {
	list-style-type: none;
	line-height: 1;
	font-size: 12px;
	padding-left: 0;
}

div.social-button ul li {
	display: inline-block;
	margin: 0 20px 20px 0;
}

div.social-button ul li a {
	display: inline-block;
	padding: 9px 15px 7px;
	border-radius: 20px;
	text-decoration: none;
	color: black;
	vertical-align: middle;
	border: solid black 1px;
}

div.social-button ul li a:before {
	display: inline-block;
	font-family: 'social-button' !important;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 130%;
	margin-right: 10px;
	vertical-align: middle;
}

div.social-button ul li a:hover {
	opacity: 0.7;
}




/* -- icon only ------------------------------------------------------------ */

div.icon-only ul li a {
	padding: 9px 10px 9px;
}

div.icon-only ul li a:before {
	margin-right: 0px;
}




/* -- circle ------------------------------------------------------------ */

div.circle ul li a {
	display: inline-block;
	padding: 10px;
	border-radius: 20px;
	text-decoration: none;
	color: #ffffff;
	vertical-align: middle;
}




/* -- twitter tweet ------------------------------------------------------------ */

div.social-button ul li.twitter-tweet a {
	background: transparent;
}

div.social-button ul li.twitter-tweet a:before {
	content: "\ea96";
}




/* -- facebook share ------------------------------------------------------------ */

div.social-button ul li.facebook-share a {
	background: transparent;
}

div.social-button ul li.facebook-share a:before {
	content: "\ea91";
}




/* -- instagram follow ------------------------------------------------------------ */

div.social-button ul li.instagram-follow a {
	background: transparent;
}

div.social-button ul li.instagram-follow a:before {
	content: "\ea92";
}

div.icon-only ul li.instagram-follow a {
	background: transparent;
}