/*body{
	background-color: #FC3;
}*/
h1{
  text-align:center;
  color:#39F;
  letter-spacing:0.05em;
}

.stage1{
	width: 1000px;
	height: 900px;
	margin: 0 auto;
	background-color: #FC6;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.stage2{
	width: 1000px;
	height: 900px;
	margin: 0 auto;
	background-color: #F99;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.stage3{
	width: 1000px;
	height: 900px;
	margin: 0 auto;
	background-color: #969;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.stage4{
	width: 1000px;
	height: 900px;
	margin: 0 auto;
	background-color: #696;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.stage5{
	width: 1000px;
	height: 900px;
	margin: 0 auto;
	background-color: #39C;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
li{
	display: inline-block;
	width: 80px;/*幅も指定できる*/
  padding: 10px 0;/*余白も指定できる*/

}
/*
li a{
	display: block;
	padding: 0 10px;
	background-color: #fff;
	border-bottom: 5px solid #aaa;

	color: #00ccff;
	text-decoration: none;
	line-height: 2;
}

li a:hover{
	position: relative;
	top: 3px; 
	border-bottom: 2px solid #aaa;
}



.hoge{
	color:#fff;
	font-weight: bold;
	font-size: 50px;
	text-align: center;
	position: relative;
	top: 50px;
}
*/

.btn-circle-stitch {
  display: inline-block;
  text-decoration: none;
  background: #87befd;
  color: #FFF;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 0px 0px 5px #87befd;
  border: dashed 1px #FFF;
  transition: .4s;
}

.btn-circle-stitch:hover {
  background: #668ad8;
  box-shadow: 0px 0px 0px 5px #668ad8;
}