html{
  scroll-behavior: auto;
}

:target .q-line{
  animation-name: Flash;
  animation-duration: .8s;
  animation-iteration-count: 2;
  animation-play-state: running;
}
/* アニメーション */
@keyframes Flash{
  50%{
    background-color: seagreen;
    color: white;
  }
}

.divider{
  height: 30px;
}

.guide-btn{
  background-color: aliceblue;
  color: black;
}

.fa-caret-square-down{
  color:slategrey;
}

img{
  width: 100%;
}

* div{
  padding: 0;
}

div a, div a:hover{
  text-decoration: none;
  color: black;
}

.drop-list a{
  background-color: seashell;
}

.qa-box{
  margin-top: -150px;
  padding-top: 150px;
}

.qa-category{
  background-color: honeydew;
  border-left: 8px seagreen solid;
  font-size: 1.2em;
}

.answer a, .answer a:visited{
  display: contents;
  color: seagreen;
}

.move-top{
  position: fixed;
  right: 20px;
  bottom: 10px;
}

.move-top a, .move-top a:link, .move-top a:visited{
  text-decoration: none;
  font-size: 1.8em;
  color: red;
  opacity: .8;
}