@media (min-width: 769px) {
.mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.menu_link:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}
.seat_link:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}
.ec_img:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}
}
@media (max-width: 769px) {
.mask {
	width:			100%;
	height:			93%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.5);
	-webkit-transition:	all 0.9s ease;
	transition:		all 0.9s ease;
	animation-delay:1s;
}
.mask.mskmotion {
	opacity:		1;	/* マスクを表示する */
	padding-top:		5vw;	/* ホバーで下にずらす */
}
}
.maphover{ background:#111; }
.maphover:hover{
	opacity:0.5;
	transition:0.3s;
}
.box:hover {
	animation: rotateY-anim 2s linear;
}
.btnhover:hover{
	opacity:0.7;
}

@keyframes rotateY-anim {
	0% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}
.fade{
  opacity: 0;		
}
.header .head-right .head-navi .overlay.open .fade{
  animation: img-wrap 1s cubic-bezier(.4, 0, .2, 1);
  animation-delay: 0.1s; 
  opacity: 1;	
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}

.scrollView {
  transition: all 1.2s 0s ease;
  opacity: 0;
  -webkit-transform: scale(1, 1) translate(0, 100px);
  transform: scale(1, 1) translate(0, 100px);
  transition-delay: 0s;
}
.scrollView.view {
  opacity: 1;
  -webkit-transform: scale(1, 1) translate(0%, 0%);
  transform: scale(1, 1) translate(0%, 0%);
}