.any-hover {
  width:300px;
  height:300px;
  background-color:#ddd;
  cursor:pointer;
  &::before {
    content:'';
    display:block;
    font-size:20px;
  }
  @media (any-hover: hover) {
    &:hover {
      &::before {
        content: "マウスオーバーに対応";
      }
    }
  }
  @media (any-hover: none) {
    &:hover {
      &::before {
        content: "マウスオーバーに非対応";
      }
    }
  }
}