﻿body {
	background-image: url("../img/316_wasure/page/back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 25% 25%;
}

a, a:link, a:visited {
	color: #66cc33;
}

a:hover, a:active {
	color: #ffcc66;
}

hr {
	background-image: url("../img/316_wasure/page/line.png");
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	width: 1174px;
	height: 35px;
}

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

#info-work th, #info-member th, .wide-head {
	background-color: rgba(75, 195, 255, 0.667);
}

#info-work td, #info-member td, .wide-body {
	background-color: rgba(0, 80, 120, 0.667);
}


.titleBackStyle {
	animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes titleBackMove0 {
	0% {
		transform: scale(0.9);
	}
	100% {
        transform: scale(1.2);
	}
}

@keyframes titleBackMove1 {
	0% {
		transform: scale(0.8);
	}
	100% {
        transform: scale(1.1);
	}
}

@keyframes titleBackMove2 {
	0% {
		transform: scale(0.7);
	}
	100% {
        transform: scale(1);
	}
}

@keyframes titleBackMove3 {
	0% {
		transform: scale(0.6);
	}
	100% {
        transform: scale(0.9);
	}
}

@keyframes titleBackMove4 {
	0% {
		transform: scale(0.5);
	}
	100% {
        transform: scale(0.8);
	}
}

@keyframes titleBackMove5 {
	0% {
		transform: scale(0.4);
	}
	100% {
        transform: scale(0.7);
	}
}

@keyframes titleBackMove6 {
	0% {
		transform: scale(0.3);
	}
	100% {
        transform: scale(0.6);
	}
}

@keyframes titleBackMove7 {
	0% {
		transform: scale(0.2);
	}
	100% {
        transform: scale(0.5);
	}
}

@keyframes titleBackMove8 {
	0% {
		transform: scale(0.1);
	}
	100% {
        transform: scale(0.4);
	}
}

@keyframes titleBackMove9 {
	0% {
		transform: scale(0);
	}
	100% {
        transform: scale(0.3);
	}
}

@keyframes titleBackMove10 {
	0% {
		transform: scale(0);
	}
	33.3333% {
		transform: scale(0);
	}
	100% {
        transform: scale(0.2);
	}
}

@keyframes titleBackMove11 {
	0% {
		transform: scale(0);
	}
	66.6667% {
		transform: scale(0);
	}
	100% {
        transform: scale(0.1);
	}
}


.titleMemoryStyle {
	animation-timing-function: linear;
}

@keyframes titleMemoryMove1 {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	35% {
		opacity: 1;
	}
	36% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes titleMemoryMove2 {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	35% {
		opacity: 1;
	}
	55% {
		opacity: 1;
	}
	56% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes titleMemoryMove3 {
	0% {
		opacity: 0;
	}
	45% {
		opacity: 0;
	}
	55% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	76% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes titleMemoryMove4 {
	0% {
		opacity: 0;
	}
	65% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


.titleLetterStyle {
	animation-timing-function: linear;
}

@keyframes titleLetterMove {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
