#enter {
	width: 100%;
	max-width: 700px;
	margin: 20px auto;
	display: flex;
	justify-content: space-around;
}
#enter li {
	width: 70%;
	text-align: center;
}
#leave {
	width: 100%;
	max-width: 400px;
	margin: 20px auto;
	display: flex;
	justify-content: space-around;
}
#leave li {
	width: 70%;
	text-align: center;
}
.btn-open {
  display: inline-block;
  width: 100%;
  height:50px;
	padding-top: 30px;
  text-align: center;
  background-color: rgba(255,255,255,0.60);
  font-size: 2em;
	line-height: 0.4em;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #000;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
	outline: #4D4D4D  1px solid;
	outline-offset: -5px;
}
.btn-open span:last-child {
  font-size: 0.4em;
}
.btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background :rgba(0,0,0,0.80);
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open:hover{
  color: #fff;
}
.btn-open:hover:after{
  height: 300%;
  opacity: 1;
}
.btn-open:active:after{
  height: 400%;
  opacity: 1;
}
.r18 {
	width: 80px;
	height: auto;
	display: block;
	margin: 20px auto;
}
.index_text {
	color: #fff;
}
#leave .btn-open {
	width: 70%;
	text-align: center;
  height:30px;
	padding-top: 20px;
  font-size: 1em;
}