@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-googleplus: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 {
  padding: 0;
  font-family: sans-serif;
}
 
ul.web-logo-font li {
  float: left;
  list-style-type: none;
  margin-right: 5px;
  padding-right: 5px;
}
 
ul.web-logo-font li a{
  font-size: 20px;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 4px;
}
 
ul.web-logo-font li a:hover{
  opacity: 0.6;
}

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

/* 回り込み解除のためのクラス */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}

/* サークルのスタイル */
.sns_circle{
    position:relative;
    width: 30px;
    height: 30px;
    margin:0 5px;
    -webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #999;
    float:left;
    list-style: none;
}
 
/* Webフォントに関する指定 */
.sns_circle span{
    position:absolute;
    padding:8px;
    font-size:16px;
    color:#FFF;/* 文字の色 */
}
 
/* リンク領域をブロック全体に */
.sns_circle a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
.sns_circle a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
 
/* 横幅を300pxに固定して真ん中に表示 */
ul.circle_group{
    list-style: none;
    padding:0;
}
 
/* アイコン毎の配色と配置 */
.sns_circle.feedly{
    background-color: #6CC655;
}
 
.sns_circle.facebook{
    background-color: #265a96;
}
 
.sns_circle.twitter{
    background-color: #00acec;
}
 
.sns_circle.hatebu{
    background-color: #006fbb;
}
 
.sns_circle.pocket{
    background-color: #EE4256;
}
 
.sns_circle.googleplus{
    background-color: #dd4b39;
}
 
.sns_circle.line{
    background-color: #2cbf13;
}
 
.sns_circle.feed{
    background-color: #ff9900;
}
 
.sns_circle.youtube{
    background-color: #e22d26;
}