body {
	background-image: url("../img/307_alice_in/page/back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}

hr {
	background-image: url("../img/307_alice_in/page/line.png");
	background-position: 0% 0%;
	background-size: contain;
	background-repeat: repeat-x;
	border: none;
	width: 953px;
	height: 20px;
	margin: 30px auto;
}

#play-work {
	display: inline-block;
	padding: 0;
	border: 4px #ffffff solid;
}

.nagatsukiLetter {
	color: rgb(0, 195, 0);
}

.wide-head.nagatsuki {
	background-color: rgba(0, 195, 0, 0.667);
}

.wide-body.nagatsuki {
	background-color: rgba(0, 98, 0, 0.667);
}

.syoutaLetter {
	color: rgb(255, 153, 255);
}

.wide-head.syouta {
	background-color: rgba(255, 153, 255, 0.667);
}

.wide-body.syouta {
	background-color: rgba(128, 77, 128, 0.667);
}

.editorOnStyle {
	transform: rotateZ(0);
	filter: grayscale(0) brightness(1.5);
}

.editorOffStyle {
	transform: rotateZ(180deg);
	filter: grayscale(1) brightness(1);
}

@keyframes editorOffToOn {
	0% {
		transform: rotateZ(-180deg);
		filter: grayscale(1) brightness(1);
		animation-fill-mode: both;
		animation-timing-function: ease-in-out;
	}
	100% {
		transform: rotateZ(0);
		filter: grayscale(0) brightness(1.5);
	}
}

@keyframes editorOnToOff {
	0% {
		transform: rotateZ(0);
		filter: grayscale(0) brightness(1.5);
		animation-fill-mode: both;
		animation-timing-function: ease-in-out;
	}
	100% {
		transform: rotateZ(180deg);
		filter: grayscale(1) brightness(1);
	}
}

.life_Max {
	background-color: #888800 !important;
}

.life_Cleared {
	background-color: #006666 !important;
}