@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('MonoSocialIconsFont-1.10.eot');
    src: url('MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('MonoSocialIconsFont-1.10.woff') format('woff'),
         url('MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.symbol, a.symbol:before {
	font-size: 2.8em;
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.socialicon-box a { text-decoration:none;}
a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 1.5em;
}

a.symbol {
    background: #9f9f9f;
    padding: 7px 5px 3px 5px;
    color: white;
    text-decoration: none;
}
/*ソーシャル
a .facebook{ color:#38599e; opacity:0.7;}
a .twitterbird{ color:#45b0e4; opacity:0.7;}
a .youtube{ color:#e80032; opacity:0.7;}*/
a .facebook:hover{ color:#38599e;}
a .twitterbird:hover{ color:#45b0e4;}
a .youtube:hover{ color:#e80032;}
a .facebook:before{ color:#38599e;}
a .twitterbird:before{ color:#45b0e4;}
a .youtube:before{ color:#e80032;}

a .facebook,a .twitterbird,a .youtube {
	color:#C0C0C0;
	}

a .facebook:hover,a .twitterbird:hover,a .youtube:hover{
	opacity:1; text-decoration: none;}

.socialicon-box {
	background-color: #EDEDED;
	border-top:1px solid #D9D9D9;
	padding:0;
	text-align:center;
	}

  .socialicon-box02 {
  	background-color: #EDEDED;
  	border-top:1px solid #D9D9D9;
  	padding:12px 0;
  	text-align:center;
  	}