@font-face {
  font-family: 'ks-mall';
  src:  url('fonts/ks-mall.eot?7yna8l');
  src:  url('fonts/ks-mall.eot?7yna8l#iefix') format('embedded-opentype'),
    url('fonts/ks-mall.ttf?7yna8l') format('truetype'),
    url('fonts/ks-mall.woff?7yna8l') format('woff'),
    url('fonts/ks-mall.svg?7yna8l#ks-mall') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

.icon-traffic1 .path1:before {
  content: "\e914";
  color: rgb(0, 154, 255);
}
.icon-traffic1 .path2:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(0, 154, 255);
}
.icon-traffic1 .path3:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(0, 154, 255);
}
.icon-traffic1 .path4:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-traffic1 .path5:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-traffic1 .path6:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-desktop:before {
  content: "\e90d";
  color: #009aff;
}
.icon-traffic .path1:before {
  content: "\e90e";
  color: rgb(0, 154, 255);
}
.icon-traffic .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(0, 154, 255);
}
.icon-traffic .path3:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(0, 154, 255);
}
.icon-traffic .path4:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-traffic .path5:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-traffic .path6:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-osechi:before {
  content: "\e90c";
}
.icon-add-solid:before {
  content: "\e90b";
}
.icon-minus-outline:before {
  content: "\e90a";
}
.icon-search:before {
  content: "\f002";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-angle-double-left:before {
  content: "\f100";
}
.icon-angle-double-right:before {
  content: "\f101";
}
.icon-angle-double-up:before {
  content: "\f102";
}
.icon-angle-double-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop1:before {
  content: "\f108";
}
.icon-circle-o:before {
  content: "\f10c";
}
.icon-product-hunt:before {
  content: "\f288";
}
.icon-building:before {
  content: "\e900";
}
.icon-automobile:before {
  content: "\e901";
}
.icon-car:before {
  content: "\e901";
}
.icon-bed:before {
  content: "\e902";
}
.icon-hotel:before {
  content: "\e902";
}
.icon-chat:before {
  content: "\e903";
}
.icon-briefcase:before {
  content: "\e904";
}
.icon-suitcase:before {
  content: "\e904";
}
.icon-travel:before {
  content: "\e904";
}
.icon-work:before {
  content: "\e904";
}
.icon-arrow_drop_down:before {
  content: "\e909";
}
.icon-close:before {
  content: "\e905";
}
.icon-restaurant:before {
  content: "\e906";
}
.icon-golf:before {
  content: "\e907";
}
.icon-diamond:before {
  content: "\e908";
}

/* カテゴリ用アイコン */ 

.icon-cat1:before {  content: "\f07a";  }
.icon-cat2:before {  content: "\e906";  }
.icon-cat3:before {  content: "\e902";  }
.icon-cat4:before {  content: "\e907";  }
.icon-cat5:before {  content: "\e901";  }
.icon-cat6:before {  content: "\e900";  }
.icon-cat7:before {  content: "\e904";  }
.icon-cat8:before {  content: "\e908";  }
.icon-cat9:before {  content: "\e90e";  } /*その他など*/
.icon-cat10:before {  content: "\e904"; }
.icon-cat11:before {  content: "\f288"; }
.icon-cat12:before {  content: "\e90c"; }
.icon-cat13:before {  content: "\e90d"; } /*交通*/

