@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-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";}
.icon-hatena:before {content: "\e00a";}

/* アイコンの色設定 */
ul.web-logo-font {
	padding: 0;
	font-family: sans-serif;
}

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.feedly-btn-icon-link{background-color:#87C040;}

/*Lineはオフィシャル画像*/
.line-btn-icon{
    content: "";
    width: 48px;
    height: 48px;
    background:#00C300 url(icon_sns_line.png) center;
    display: block;
    background-size: contain;
    border-radius: 5px;
}


/* ---------------------------
レイアウト等カスタマイズ
--------------------------- */ 
ul.web-logo-font li {
	list-style-type: none;
	display: inline-block;
	margin-right:6px;
	vertical-align: bottom;
}
ul.web-logo-font li a{
    font-size: 32px;
    text-decoration: none;
    color: white;
    border-radius: 5px;
    height: 48px;
    width: 48px;
	text-align:center;
	line-height:48px;
	padding-top:4px;
	transition: all 0.5s ease;
}
ul.web-logo-font li a:hover{
    box-shadow: 0 -30px 20px rgba(0, 0, 0, 0.15) inset;
}

/*幅に応じて非表示*/
@media screen and (max-width: 412px){
	/*ul.web-logo-font li.google-plus-btn-icon,*/
	ul.web-logo-font li.hatena-btn-icon{
		display:none;
		margin-right:6px;
	}
}