img,
video {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  line-height: 1;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  color: currentColor;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  button:hover {
    opacity: 0.5;
  }
}

a {
  color: currentColor;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.5;
  }
}

[x-cloak],
[v-cloak] {
  display: none !important;
}

*:focus {
  outline: none;
}

@media (min-width: 600px) {
  .sp {
    display: none;
  }
}

.pc {
  display: none;
}
@media (min-width: 600px) {
  .pc {
    display: block;
  }
}