/*
2023/04/21 Swellとの競合回避のため以下を変更
・font-family：icomoon → icomoon-nav
・アイコン用クラス名：.icon-twitter → .iconnav-twitterなど
*/

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

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

.iconnav-twitter:before {
  content: "\e903";
}
.iconnav-line:before {
  content: "\e904";
}
.iconnav-free-tel:before {
  content: "\e901";
  color: #4b4b4b;
}
.iconnav-phone:before {
  content: "\e900";
}
.iconnav-new-message:before {
  content: "\e902";
}
.iconnav-login:before {
  content: "\e800";
}
.iconnav-book-open:before {
  content: "\e802";
}
.iconnav-target:before {
  content: "\e9b3";
}
.iconnav-heart:before {
  content: "\e9da";
}