/*.Page {
  position: relative;
}*/
@media screen and (min-width: 768px) {
.ScrollTop_m {
  position: fixed;
  /*right: -140px;*/
  /*top: 50vh;*/
  /*width: 40px;
  height: 40px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*background: #5bc8ac;*/
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  z-index:1000000;
}
}
.ScrollTop_m.isActive {
  opacity: 1;
  transition: all 0.65s;
}
@media screen and (max-width: 767px) {
/*スマホ横 タブレット縦*/
.ScrollTop_m {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  /*width: 40px;
  height: 40px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*background: #5bc8ac;*/
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  z-index:1000000;
}
}
@media screen and (max-width: 480px) {
/*スマホ横 タブレット縦*/
.ScrollTop_m {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  /*width: 40px;
  height: 40px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*background: #5bc8ac;*/
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  z-index:1000000;
}
}

/*hobberで左に伸びる*/
.hover_stretch_left {/*boddy に overflow-x: hidden;*/
  position: fixed;
  /*top:0;*/
  right: -140px;
  z-index: 2;
  width: 200px;
  height: 50px;
  background: #46ceb4;
  -webkit-transition: .3s;
  transition: .3s;
}
.hover_stretch_left:hover {
  -webkit-transform: translateX(-140px);
  transform: translateX(-140px);
}

/*ボタンが縦長　hoverで色が変わる*/
@media screen and (min-width: 768px) {
.hover_colorchange {
  position: fixed;
  z-index: 2;
  background: rgba(30,156,131,0.7);
  -webkit-transition: .3s;
  transition: .3s;
}
.hover_colorchange:hover {
  background: rgba(0,133,200,0.7);
}