.fairy-nav {
  position: relative;
  margin-top: 60px;
  padding-bottom: 20px;
}

/* 共通ボタン */
.fairy-nav a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: block;

  background: #baddc1;
  border: 2px solid #62716e;
  border-radius: 20px;

  transition: transform 0.25s ease;
}

/* SVG */
.fairy-nav svg {
  width: 100%;
  height: 100%;
  stroke: #377760;
  stroke-width: 2;
  fill: none;
  transition: 0.25s;
}

.icon path {
  fill: none;
  stroke-width: 2.8;

  stroke-linecap: round;
  stroke-linejoin: round;

  opacity: 0.85;
  transition: all 0.25s ease;
}

.fairy-nav a:hover svg {
  stroke: #aeffd0;
}

/* 左 */
.fairy-nav #prev_fairy {
  left: 10px; 
}

/* 右 */
.fairy-nav #next_fairy {
  right: 10px;
}

/* ホバーで拡大 */
.fairy-nav a:hover {
  transform: translateY(-50%) scale(1.2);
}