@charset "utf-8";

/* CSS Document */

/* ----------------------------------------------------------------
	- common
---------------------------------------------------------------- */
* {

	margin: 0;
	padding: 0;

	/* iOS対策 */
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);

	/* タッチ対応 */
	user-select: none;
	-webkit-user-select: none;
}

::selection {

	background: none;
}

::-moz-selection {

	background: none;
}

body {

	/*background-color: transparent;*/
	background-color: black;
	overflow: hidden;
}

#overlay {

	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background-color: #c2c3c4;*/
}

#loading {

	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 128px;
	height: 128px;
	margin: auto;
}

#ic_360 {

	position: absolute;
	right: 3%;
	bottom: 3%;
	width: auto;
	height: 20%;
}

.fadein {

	animation-name: kf_fadein;
	animation-duration: 0.60s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

.fadeout {

	animation-name: kf_fadeout;
	animation-duration: 0.60s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes kf_fadein {

	0% { opacity: 0.00 }
  100% { opacity: 1.00 }
}

@keyframes kf_fadeout {

	  0% { opacity: 1.00 }
	100% { opacity: 0.00 }
}