@charset "utf-8";

.wrapper {
  min-height: 100vh;
}

.backToTop {
  text-align: center;
  font-family: "Arial", "MS UI Gothic", "MS PGothic";
}

/**
 *目次ボックス
 */
.articleMenu-container {
  padding: 16px;
  width: 500px;
  max-width: 80%;
  margin: auto auto 20px;
}

/**
 * 目次リンク
 */
.articleMenu-container a {
  font-size: 16px;
  color:#333;
  overflow: hidden;
  text-decoration: none;
}

/**
 * 目次メニュー
 */
.articleMenu {
  transition: ease .2s;
  padding: 16px;
  border-bottom: 1px solid #888;
}
 
.articleMenu:hover {
  background: #888;
  color: #FFF;
}

.articleMenu.top {
  border-top: 1px solid #888;
}

.articleMenu.current {
  color: #ccc;
}

.slider-item img {
  max-height: 100vh;
  max-width: 100%;
  margin: 0 auto;
  opacity: 0;
}

.slider-item div {
  margin: 0 auto;
  max-height: 100vh;
  max-width: 100%;
  height: fit-content;
  width: fit-content;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 110% 110%;
  image-rendering: smooth;
}

.slider-item.last div {
  background-size: 50%;
}