@charset "UTF-8";

@font-face {
  font-family: myicon;
  src: url("../webfonts/myicon.woff2?ea379d2969bf29d9f4ac78d49b7936ff") format("woff2"),
url("../webfonts/myicon.woff?ea379d2969bf29d9f4ac78d49b7936ff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

.myicon {
  display: inline-block;
  font-family: myicon;
  font-style: normal;
  font-weight: normal;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.myicon-arrow-right::before {
  content: "\F101"
}

.myicon-arrow-right-s::before {
  content: "\F102"
}

.myicon-angle-top::before {
  content: "\F103"
}

.myicon-angle-top-s::before {
  content: "\F104"
}

.myicon-angle-bottom::before {
  content: "\F105"
}

.myicon-angle-bottom-s::before {
  content: "\F106"
}

.myicon-angle-right::before {
  content: "\F107"
}

.myicon-angle-right-s::before {
  content: "\F108"
}

.myicon-angle-left::before {
  content: "\F109"
}

.myicon-angle-left-s::before {
  content: "\F10A"
}

.myicon-plus::before {
  content: "\F10B"
}

.myicon-plus-s::before {
  content: "\F10C"
}

.myicon-minus::before {
  content: "\F10D"
}

.myicon-minus-s::before {
  content: "\F10E"
}

.myicon-doc::before {
  content: "\F10F"
}

.myicon-train::before {
  content: "\F110"
}

.myicon-x::before {
  content: "\F111"
}

.myicon-facebook::before {
  content: "\F112"
}

.myicon-hatena::before {
  content: "\F113"
}

.myicon-line::before {
  content: "\F114"
}

.myicon-donut::before {
  content: "\F115"
}

.myicon-arrow-left-s::before {
  content: "\F116"
}

.myicon-arrow-left::before {
  content: "\F117"
}