@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-qz7pb2');
	src:url('fonts/icomoon.eot?#iefix-qz7pb2') format('embedded-opentype'),
		url('fonts/icomoon.woff?-qz7pb2') format('woff'),
		url('fonts/icomoon.ttf?-qz7pb2') format('truetype'),
		url('fonts/icomoon.svg?-qz7pb2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-evernote:before {
	content: "\e004";
}
.icon-feedly:before {
	content: "\e007";
}
.icon-pocket:before {
	content: "\e008";
}
.icon-line:before {
	content: "\e009";
}
.icon-hatena:before {
	content: "\e00a";
}
.icon-feedly-square:before {
	content: "\e601";
}
.icon-gplus:before {
	content: "\e608";
}
.icon-facebook:before {
	content: "\e60d";
}
.icon-instagram:before {
	content: "\e610";
}
.icon-twitter:before {
	content: "\e611";
}
.icon-feed:before {
	content: "\e614";
}
.icon-youtube:before {
	content: "\e617";
}
.icon-flickr2:before {
	content: "\e61e";
}
.icon-githubmark:before {
	content: "\e626";
}
.icon-github:before {
	content: "\e627";
}
.icon-wordpress:before {
	content: "\e629";
}
.icon-tumblr:before {
	content: "\e62d";
}
.icon-yahoo:before {
	content: "\e62f";
}
.icon-apple:before {
	content: "\e631";
}
.icon-android:before {
	content: "\e633";
}
.icon-windows:before {
	content: "\e634";
}
.icon-windows8:before {
	content: "\e635";
}
.icon-skype:before {
	content: "\e636";
}
.icon-delicious:before {
	content: "\e638";
}
.icon-pinterest:before {
	content: "\e63a";
}

/*フォント色を設定*/
ul.web-logo-font a.twitter-btn-icon-link{color:#55ACEE;}
ul.web-logo-font a.facebook-btn-icon-link{color:#3C5A99;}
ul.web-logo-font a.google-plus-btn-icon-link{color:#DD4B39;}
ul.web-logo-font a.hatena-btn-icon-link{color:#3C7DD1;}
ul.web-logo-font a.pocket-btn-icon-link{color:#EE4257;}
ul.web-logo-font a.line-btn-icon-link{color:#00C300;}
ul.web-logo-font a.feedly-btn-icon-link{color:#2BB24C}

/*--------------------------------
SNS Box
---------------------------------*/
.sns-box .button {
	display: block;
	width: 65px;
	margin: 8px 0 0 0;
	background: linear-gradient(to bottom,#FFF,#e5e5e5);
	background: -moz-linear-gradient(top,#FFF 0,#e5e5e5);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#e5e5e5));
	border: 1px solid #DDD;
	color: #111;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;
	height: 18px;
}
.sns-box .balloon {
	position: relative;
	background: #fefefe;
	border: 1px solid #bbb;
	width: 65px;
	height: 33px;
	text-align: center;
	font-weight: 700;
	color: #666;
	border-radius: 1px;
}
.sns-box .num {
	height: 33px;
	line-height: 33px;
	font-size: 13px;
}

.sns-box .button .text {
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	line-height: 17px;
	color: #555;
}

.sns-box .balloon:after, .sns-box .balloon:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.sns-box .balloon:before {
	border-color: rgba(237,237,237,0);
	border-top-color: #bbb;
	border-width: 5px;
	margin-left: -5px;
}
.sns-box .balloon:after {
	border-color: rgba(252,252,252,0);
	border-top-color: #fcfcfc;
	border-width: 4px;
	margin-left: -4px;
}
.sns-box .twitter-button, .sns-box .fb-button, .sns-box .pocket-button, .sns-box .gplus-button, .sns-box .hatena-button, .sns-box .feedly-button {
	float: left;
	margin: 10px 0 10px 5px;
	padding: 0;
}

.sns-box .button:hover {
	background: linear-gradient(to bottom,#efefef,#dedede);
	background: -moz-linear-gradient(top,#efefef 0,#dedede);
	background: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#dedede));
}

.sns-box .button .icon-twitter {
	color: #00ABEC;
	margin: 0 5px 0 3px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 17px;
}

.sns-box .button .icon-facebook {
	color: #4561AF;
	margin: 0 6px 0 3px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 17px;
}

.sns-box .button .icon-gplus {
	color: #E26B5C;
	margin: 0 15px 0 3px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 17px;
}

.sns-box .button .icon-hatena {
	color: #008FDE;
	margin: 0 3px 0 3px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 17px;
}

.sns-box .button .icon-pocket {
	color: #EE4156;
	margin: 0 5px 0 3px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 17px;
}
.sns-box .button .icon-feedly {
	color: #7BCE54;
	margin: 0 6px 0 3px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 17px;
}