@charset "UTF-8";
/********************/
/*ローディング*/
/********************/
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		display: none;
		opacity: 0;
		z-index: -11;
	}
}
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #ffffff;
	/* 環境によって「z-index」追加 */
	z-index: 999;
}
/* 読み込み完了後に「loaded」を付与する */
#loader.loaded {
	animation: fadeOut 3s forwards;
}
.spinner_text{
  	position: fixed;
  	display: block;
	text-align: center;
	font-family: 'FINALOLD', sans-serif;
	color: #333333;
	top: 350px;
	left: 0;
  	width: 100%;
	font-size:8px;
  	letter-spacing: 0.1em;
}
/********************/
/*変える場合はこの下*/
/********************/
.ml9 {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	font-weight: 200;
	font-size: 2em;
	font-family: 'FINALOLD', sans-serif;
  	text-align: center;
	color: #333333;
}

.ml9 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml9 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
}