@charset "utf-8";

/* フォント設定
--------------------------------------------------- */

/* 共通アイコン */
@font-face {
  font-family: 'picticon';
  src: url('picticon/font/picticon.eot?82885356');
  src: url('picticon/font/picticon.eot?82885356#iefix') format('embedded-opentype'),
       url('picticon/font/picticon.woff2?82885356') format('woff2'),
       url('picticon/font/picticon.woff?82885356') format('woff'),
       url('picticon/font/picticon.ttf?82885356') format('truetype'),
       url('picticon/font/picticon.svg?82885356#picticon') 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: "picticon";
  font-style: normal;
  font-weight: normal;
  /*speak: none;*/
 
  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;
}


/* サイト専用アイコンを使う場合はここに追記 */
/*
.illusticon:before {
  font-family: "XXXX"!important;
}
*/



/* icon position left(default) */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  position: absolute;
  left: -1.5em;
  top: 0px;
}


/* icon position static */
.icon-pos-static{
  display: inline-block;
}
[class^="icon-"].icon-pos-static:before,
[class*=" icon-"].icon-pos-static:before {
  position: static;
}



/* hover blink
--------------------------------------------------- */

a:hover [class^="icon-"]:before,
a:hover [class*=" icon-"]:before,
a[class^="icon-"]:hover:before,
a[class*=" icon-"]:hover:before{
/*
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: blink;
          animation-name: blink;
*/
}

@-webkit-keyframes blink{
      0% {opacity:1;}
     50% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
      0% {opacity:1;}
     50% {opacity:0;}
    100% {opacity:1;}
}
@-ms-keyframes blink{
      0% {opacity:1;}
     50% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
      0% {opacity:1;}
     50% {opacity:0;}
    100% {opacity:1;}
}