/*-----------------------------------------------------
pc sp on off
-------------------------------------------------------*/




/*PCの場合*/
.pc	{ display:inline!important; }
.mb	{ display:none!important; }
@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.mb { display:inline!important; }
}





/*-----------------------------------------------------
hover effect
-------------------------------------------------------*/

a,
a span {
  display: inline-block;
}
a span {
  transition: .5s;
}
a:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}


/*-----------------------------------------------------
BLINK
-------------------------------------------------------*/


.blink{animation:BLINK 1.5s ease-in-out infinite alternate;}
@keyframes BLINK {0%{opacity:1.0;}100% {opacity:0.3;}}　
  /*右側のopacityを0にすると完全に消える*/


.blink{animation:BLINK 1.5s ease-in-out infinite alternate;}
@keyframes BLINK {0%{opacity:1.0;}100% {opacity:0.3;}}　
  /*右側のopacityを0にすると完全に消える*/



/*-----------------------------------------------------
filter
-------------------------------------------------------*/


.dark0 {
  filter: brightness(0%);
}


.dark10 {
  filter: brightness(10%);
}


.dark20 {
  filter: brightness(20%);
}

.dark30 {
  filter: brightness(30%);
}

.dark40 {
  filter: brightness(40%);
}


.dark50 {
  filter: brightness(50%);
}


.dark60 {
  filter: brightness(60%);
}


.dark70 {
  filter: brightness(70%);
}

.dark80 {
  filter: brightness(80%);
}

.dark90 {
  filter: brightness(90%);
}




/* Localized */