@charset "utf-8";



/* フォント設定

--------------------------------------------------- */



/* 共通アイコン */

@font-face {

  font-family: 'preset_icon';

  src: url('preset_icon/font/preset_icon.eot?65642474');

  src: url('preset_icon/font/preset_icon.eot?65642474#iefix') format('embedded-opentype'),

       url('preset_icon/font/preset_icon.woff2?65642474') format('woff2'),

       url('preset_icon/font/preset_icon.woff?65642474') format('woff'),

       url('preset_icon/font/preset_icon.ttf?65642474') format('truetype'),

       url('preset_icon/font/preset_icon.svg?65642474#preset_icon') format('svg');

  font-weight: normal;

  font-style: normal;

}



/* サイト専用アイコンを使う場合はここに追記 */

/*

@font-face {

}

*/









/* 表示設定

--------------------------------------------------- */



a[class^="icon-"],

a[class*=" icon-"] {

  position: relative;

}





[class^="icon-"]:before,

[class*=" icon-"]:before {

  font-family: "preset_icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  

  margin: 0 0.5em 0 0;

 

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  text-align: center;

  /* opacity: .8; */

 

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;

  text-transform: none;

     

  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;

}







/* hover blink

--------------------------------------------------- */





@-webkit-keyframes richblink{

      0% {opacity:0;}

     50% {opacity:1;}

    100% {opacity:0;}

}

@keyframes richblink{

      0% {opacity:0;}

     50% {opacity:1;}

    100% {opacity:0;}

}