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

[class^="iconm-"], [class*=" iconm-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
}

.iconm-present:before {
  content: "\e900";
}
.iconm-line:before {
  content: "\e901";
}
.iconm-user:before {
  content: "\e971";
}
.iconm-facebook:before {
  content: "\ea90";
}
.iconm-twitter:before {
  content: "\ea96";
}

.header_sns_icons {
  float: right;
  text-align: left;
  margin-top: 10px;
}
.header_sns_icons a {
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  background: #858585;
  text-align: center;
  line-height: 36.5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.header_sns_icons span {
  color: #fff;
  font-size: 22px;
}
/*.header_sns_icons .hsns_03 span {
  font-size: 29px;
}*/
.header_sns_icons .hsns_01:hover {
  background-color: #3B5998;
}
.header_sns_icons .hsns_02:hover {
  background-color: #5ae628;
}
.header_sns_icons .hsns_03:hover {
  background-color: #00aced;
}
.header_sns_icons .hsns_04:hover {
  background-color: #333;
}
.header_sns_icons .hsns_05:hover {
  background-color: #d74f40;
}