/* CSS Document */


.wave{
	position:relative;
	height:20px;/*何も表示されない場合は各波の親要素に高さを持たせましょう。*/
	background: #5fbcdb;
}

canvas{
	position: absolute;
	bottom: 0;
	left:0;
	width: 120%;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}


@media(max-width: 760px){
	
	canvas{
		height: 20px!important;
	}
	
	.wave{
		height: 20px!important;
	}
	
	
}


@media(max-width: 700px){
	#wrapper{
		position: static!important;
	}
}