@charset "utf-8";
/* CSS Document */
.scriptWrap{
	line-height:0;
	font-size:0;
}
#mainWrap{
	position: relative;
	overflow: hidden;
	
	
}
.mainImgArea {
	position:absolute;
}
#flame{
	position:absolute;
	width:100%;
	height:100%;
	border: 20px solid #FFFFFF;
	box-sizing: border-box;
	z-index:100000000;
}
#flame2{
	position:absolute;
	width:100%;
	height:100%;
	border: 20px solid #EEEEEE;
	box-sizing: border-box;
	z-index:100000006;
}
@media screen and (max-width: 644px) {
	#flame{
		border: 10px solid #FFFFFF;
	}
	#flame2{
		border: 10px solid #EEEEEE;
	}
}
h1{
	position: absolute;
	top: 35px;
	left: 35px;
	width: 120px;
	padding: 10px 20px 5px 22px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	z-index: 100000001;
	border-radius: 5px;
}
h2{
	position:absolute;
	bottom:40px;
	right:50px;
	width:400px;
	z-index:100000002;
}
@media screen and (max-width: 644px) {
	h1{
		top: 20px;
		left: 20px;
		width: 20%;
		padding: 2% 2% 0.5% 3%;
		border-radius: 5px;
	}
	h2{
		bottom:90px;
		right:10%;
		width:80%;
	}
}
h1 img,
h2 img{
	width:100%;
	height:auto;
}
#cop{
	position: absolute;
	bottom: 22px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-size: 70%;
	z-index: 100000003;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 644px) {
	#cop{
		bottom: 12px;
	}
}
#load{
	position: absolute;
	top: 50%;
	left: 50%;
	/*margin-left:-53px;
	margin-top:-100px;*/
	margin-left:-130px;
	margin-top:-140px;
	z-index:100000005;
}
/******************
	ボタン
******************/
#btnArea{
	position:absolute;
	top: 35px;
	left: 0px;
	width:100%;
	z-index:200000000;
	text-align:center;
}
#btnArea a{
	display:inline-block;
	width:200px;
	margin:0 10px;
	background-color:rgba(0,171,208,0.8);
}
#btnArea a span.btn{
	position:relative;
	display: block;
	width:95%;
	height:16px;
	padding:15px 5% 15px 0;
	color:#ffffff;
	font-size: 16px;
	line-height: 16px;
	text-align:center;
	transition: all 0.2s 0s ease;-webkit-transition: all 0.2s 0s ease;
}
@media all and (-ms-high-contrast: none){
  #btnArea a span.btn{
	line-height: 22px;
  }
}
#btnArea a span.btn:after{ 
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(45deg); content: ""; 
	-webkit-transform: rotate(45deg); content: ""; 
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -5px;
}
#btnArea  a:hover span.btn{
	color: #ffffff;
	transition: all 0.4s 0s ease;-webkit-transition: all 0.4s 0s ease;
}
#btnArea a span.over{
	display: block;
	width:0%;
	height:16px;
	padding: 15px 0;
	margin-top:-46px;
	background-color:rgba(0,117,142,0.7);
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	transition: all 0.2s 0s ease;-webkit-transition: all 0.2s 0s ease;
}
#btnArea a:hover span.over{
	width:100%;
	transition: all 0.4s 0s ease;-webkit-transition: all 0.4s 0s ease;
}

@media (max-width: 644px) {
	#btnArea{
		top:inherit;
		bottom:20px;
		left: 0px;
		padding:10px;
		box-sizing:border-box;
	}
	#btnArea a:nth-child(1){
		width:44%;
		margin:0 2% 0 4%;
	}
	#btnArea a:nth-child(2){
		width:44%;
		margin:0 4% 0 2%;
	}
	#btnArea a span.btn:after{ 
		right: 10px;
	}
	#btnArea span.btn,
	#btnArea span.over{
		font-size: 16px;
	}
}

/******************
	END　ボタン
******************/

#img1.mainImgArea{z-index:2;}
#img2.mainImgArea{z-index:1;}
.mainImgArea img{
	width:100%;
	height:auto;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	visibility:visible;
}

.img{
	opacity: 1;
	-webkit-filter: brightness(1);
	filter: brightness(1);
	-webkit-transform: scale(1) translate(0);
	transform: scale(1) translate(0);
	transform: rotate(0.0001deg);
	outline: 1px solid transparent;
	
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	visibility:visible;
	
	transition: all 0s 0s linear;-webkit-transition: all 0s 0s linear;
}
.img.scalemov{
	transform: rotate(0.0001deg);
	outline: 1px solid transparent;
	-webkit-transform: scale(1.3) translate(0);
	transform: scale(1.3) translate(0);
	
	/*-moz-transform: scale3d(1.3,1.3,1.3);
	-webkit-transform: scale3d(1.3,1.3,1.3);
	-o-transform: scale3d(1.3,1.3,1.3);
	-ms-transform: scale3d(1.3,1.3,1.3);*/
	
	
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	visibility:visible;
	
	transition: all 15s 0s linear;-webkit-transition: all 15s 0s linear;
}

.img.fademov{
	opacity: 0;
	-webkit-filter: brightness(12);
	filter: brightness(12);
	transition: all 2s 0s ease;-webkit-transition: all 2s 0s ease;
}