@charset "UTF-8";
@import url("set.css");
@import url("print.css");
@import url("inview.css");
@import url("toggle_menu.css");


/* Scroll Navi Part */

@media only screen and (min-width:1000px) {
#toTop {
  position: fixed;
  bottom: 10px;
  right: 15px;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 3px;
  border: none;
  cursor: pointer;

  /* 初期は非表示 */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10000;
}

/* スクロール量1000px超えで表示 */
#toTop.show {
  opacity: 1;
  visibility: visible;
}
}

@media only screen and (min-width: 570px) and (max-width:999px) {
#toTop {
  position: fixed;
  bottom: 60px;
  right: 15px;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 3px;
  border: none;
  cursor: pointer;

  /* 初期は非表示 */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10000;
}

/* スクロール量1000px超えで表示 */
#toTop.show {
  opacity: 1;
  visibility: visible;
}
}

@media only screen and (max-width: 569px) {
#toTop {
  position: fixed;
  bottom: 60px;
  right: 15px;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 3px;
  border: none;
  cursor: pointer;

  /* 初期は非表示 */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10000;
}

/* スクロール量1000px超えで表示 */
#toTop.show {
  opacity: 1;
  visibility: visible;
}
}