/*========= スクロールダウンのためのCSS ===============*/

/*====== 9-1-1 縦線が動いてスクロールを促す =======*/

/*スクロールダウン全体の場所*/
.scrolldown1{
  /*描画位置※位置は適宜調整してください*/
  left : 49.7%;
  /*全体の高さ*/
	height : 200px;
  top : 0px;
  z-index : 3;
  width : 10px;
}
/*Scrollテキストの描写*/
/* 線の描写 */
.scrolldown1::after{
  content: "";
  /*描画位置*/
	position: absolute;
  top: 0;
  /*線の形状*/
	width : 5px;
  height : 200px;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #92c5e3;
  /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
  opacity:0;
}
/*高さ・位置・透過が変化して線が上から下に動く*/
.div_scroll{
  width : 100%;
  position : relative;
}
@keyframes pathmove{
  0%{
  height:0;
  top:0;
  opacity: 0;
}
30%{
  height:30px;
  opacity: 1;
}
100%{
  height:0;
  top:100px;
  opacity: 0;
}
}