@charset "UTF-8";
/*メインフルスクリーンエリア======================================*/
.bx-viewport {
  left: 0;
  box-shadow: none;
  border: none;
}
#slider {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
#slider li {
  height: 100vh;
  background: center / cover no-repeat;
}
#Mainimg {
	width: 100%;
	height: 100vh;
	background-size: cover;
		text-align: center;
		position: relative;
		overflow: hidden;
}
#Mainimg video {
		margin: 0 auto;
		z-index: 1;
	height: 100vh;
	}
.pattern {
  width: 100%;
  height: 100vh;
  background: url(http://hokurikuengei.com/images/yokojima.png);
	position: absolute;
  z-index: 2;
}
#Mainimg p#mainlogo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:450px;
	height:146px;
	z-index:99;
}
#Mainimg p#scroll {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto 100px;
	width:40px;
	height:56px;
	z-index:99;
}
#loading{
    position: absolute;
    left: 50%;
    top: 30%;
}
 
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;
    z-index: 1;
}
/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/*========================================================================================
↓トップ_inview=======================================================================
========================================================================================*/
.inviewnone {
  opacity: 0;
}

.inviewvisible {
  opacity: 1.0;
  -webkit-transition: 2.0s;
  -moz-transition: 2.0s;
  -o-transition: 2.0s;
  -ms-transition: 2.0s;
  transition: 2.0s;
}
@media screen and (max-width: 768px) {
	#Mainimg img {
		display: none;
	}
	#Mainimg {
	width: 100%;
	height: auto;
	background-size: cover;
		text-align: center;
		position: relative;
		overflow: hidden;
}
	#Mainimg video {
		width: 100%;
		height: auto;
	}
	.pattern {
		display: none;
}
}