/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-arrow_design {
  background-image: url(sprite.png);
  background-position: -88px 0px;
  width: 47px;
  height: 18px;
}
.icon-arrow_food {
  background-image: url(sprite.png);
  background-position: -88px -18px;
  width: 47px;
  height: 18px;
}
.icon-arrow_from_morimoto {
  background-image: url(sprite.png);
  background-position: -88px -36px;
  width: 47px;
  height: 18px;
}
.icon-arrow_life {
  background-image: url(sprite.png);
  background-position: -88px -54px;
  width: 47px;
  height: 18px;
}
.icon-arrow_person {
  background-image: url(sprite.png);
  background-position: -88px -72px;
  width: 47px;
  height: 18px;
}
.icon-arrow_trip {
  background-image: url(sprite.png);
  background-position: -88px -90px;
  width: 47px;
  height: 18px;
}
.icon-left_arrow {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 44px;
  height: 136px;
}
.icon-right_arrow {
  background-image: url(sprite.png);
  background-position: -44px 0px;
  width: 44px;
  height: 136px;
}
.icon-single-facebook {
  background-image: url(sprite.png);
  background-position: -88px -108px;
  width: 18px;
  height: 18px;
}
.icon-single-line {
  background-image: url(sprite.png);
  background-position: -106px -108px;
  width: 18px;
  height: 18px;
}
.icon-single-twitter {
  background-image: url(sprite.png);
  background-position: -135px 0px;
  width: 18px;
  height: 18px;
}
.icon-single-x {
  background-image: url(sprite.png);
  background-position: -135px -18px;
  width: 18px;
  height: 18px;
}