HTML {
	padding: 0px;
	margin: 0px;
	background-image: url("files/theme-bg-50.jpg");
	background-size: cover;
	min-height: 100vh;
	overflow-x: hidden;
	color: #FFF;
	font-family: 'OpenSans';
	font-size: 2vw;
	background-position: center center;
}

BODY .wrapper {
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);
	perspective: 300px;
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	-ms-perspective: 300px;
	padding-bottom: 200px;
}

BODY {
	background-color: rgba(0, 0, 0, 0.6);
	min-height: 100vh;
	margin: 0px;
}

A {
	color: #AAAAFF;
}

A:HOVER {
	text-decoration: none;
}

IMG {
	border: 0px none #000000;
}

H1 {
	font-size: inherit;
	margin: 0px;
	display: block;
}

H2 {
	font-size: inherit;
	margin: 0px;
	display: block;
}

H3 {
	font-size: inherit;
	margin: 0px;
	display: block;
}

.article P {
	margin: 0.0em 0.0em 0.4em 0.0em;
}

.article UL {
	margin: 0.0em 0.0em 0.4em 2em;
}

.article OL {
	margin: 0.0em 0.0em 0.4em 2em;
}

.article .article_image {
	max-width: 300px;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}

.article IMG {
	max-width: 100%;
}

.article {
	width: 85%;
	max-width: 1024px;
	margin: 0 auto 0px;
	transform: rotateX(5deg);
	-webkit-transform: rotateX(5deg);
	-moz-transform: rotateX(5deg);
	-ms-transform: rotateX(5deg);
	animation: bever 30s infinite ease-in-out;
	-webkit-animation: bever 30s infinite ease-in-out;
	-moz-animation: bever 30s infinite ease-in-out;
	-ms-animation: bever 30s infinite ease-in-out;
	transform-origin: 50% 0% 0px 0px;
	-webkit-transform-origin: 50% 0% 0px 0px;
	-moz-transform-origin: 50% 0% 0px 0px;
	-ms-transform-origin: 50% 0% 0px 0px;
}

.article_head {
	font-size: 4vw;
	margin-bottom: 0.4em;
}

.article_head_insert {
	font-size: 18px;
}

.article_head_between {
	font-size: 22px;
}

.article_head_sub {
	font-size: 22px;
}

.recent TH {
	border: 1px solid #000000;
}

.recent TD {
	border: 1px solid #000000;
}

.recent {
	border-collapse: collapse;
}

.wrapper IMG {
	width: 50vw;
	filter: drop-shadow(0px 0px 30px #000);
}

.wrapper {
	text-align: center;
	font-weight: 900;
	line-height: 1;
}

.big-logo {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 9vw;
}

.big-date {
	font-size: 3vw;
	font-weight: 700;
	text-transform: uppercase;
}

.big-year {
	font-size: 10vw;
	font-weight: 900;
}

.menuarea A {
	color: #FFFFFF;
	font-weight: 100;
	text-transform: uppercase;
	display: inline-block;
	margin: 0px 20px;
	padding: 5px 10px;
	text-decoration: none;
}

.menuarea .menu_level1_active A {
	border-bottom: 2px solid #FFF;
}

.menuarea {
	margin-bottom: 20px;
}

@keyframes bever {
 0% {
	color: #FFFFAA;
	transform: rotateY(-4deg) rotateX(5deg);
	-webkit-transform: rotateY(-4deg) rotateX(5deg);
	-moz-transform: rotateY(-4deg) rotateX(5deg);
	-ms-transform: rotateY(-4deg) rotateX(5deg);
}

 100% {
	color: #FFFFAA;
	transform: rotateY(-4deg) rotateX(5deg);
	-webkit-transform: rotateY(-4deg) rotateX(5deg);
	-moz-transform: rotateY(-4deg) rotateX(5deg);
	-ms-transform: rotateY(-4deg) rotateX(5deg);
}

 50% {
	transform: rotateY(4deg) rotateX(5deg);
	-webkit-transform: rotateY(4deg) rotateX(5deg);
	-moz-transform: rotateY(4deg) rotateX(5deg);
	-ms-transform: rotateY(4deg) rotateX(5deg);
	color: #AAFFFF;
}

}

@-webkit-keyframes bever {
 0% {
	color: #FFFFAA;
	transform: rotateY(-4deg) rotateX(5deg);
	-webkit-transform: rotateY(-4deg) rotateX(5deg);
	-moz-transform: rotateY(-4deg) rotateX(5deg);
	-ms-transform: rotateY(-4deg) rotateX(5deg);
}

 100% {
	color: #FFFFAA;
	transform: rotateY(-4deg) rotateX(5deg);
	-webkit-transform: rotateY(-4deg) rotateX(5deg);
	-moz-transform: rotateY(-4deg) rotateX(5deg);
	-ms-transform: rotateY(-4deg) rotateX(5deg);
}

 50% {
	transform: rotateY(4deg) rotateX(5deg);
	-webkit-transform: rotateY(4deg) rotateX(5deg);
	-moz-transform: rotateY(4deg) rotateX(5deg);
	-ms-transform: rotateY(4deg) rotateX(5deg);
	color: #AAFFFF;
}

}

.genre {
	position: absolute;
	z-index: 10;
	opacity: 0.5;
	filter:alpha(opacity=50);
	transition: all 2s linear;
	-webkit-transition: all 2s linear;
	-moz-transition: all 2s linear;
	-ms-transition: all 2s linear;
	pointer-events: none;
	color: #DDFFDD;
	transform: translate(5px, 0px);
	-webkit-transform: translate(5px, 0px);
	-moz-transform: translate(5px, 0px);
	-ms-transform: translate(5px, 0px);
}

.genre.hidden {
	opacity: 0;
	filter:alpha(opacity=0);
	margin-left: 0px;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
}

.genre.done {
	opacity: 0;
	filter:alpha(opacity=0);
	transform: translate(10px, 0px);
	-webkit-transform: translate(10px, 0px);
	-moz-transform: translate(10px, 0px);
	-ms-transform: translate(10px, 0px);
}

.menu_header {
	font-size: 4vw;
	margin-bottom: 0.4em;
}

.mlay_1 .mwrap_0 {
	width: 25%;
	display: inline-block;
}

.mlay_1 IMG {
	max-width: 100%;
}

.mlay_1 .article_head_list {
	font-size: 14px;
	font-weight: 100;
}

.mlay_1 A {
	text-decoration: none;
	color: #FFF;
}

.mlay.mlay_1 {
	width: 85%;
	max-width: 1024px;
	margin: 0 auto;
}

.lay_3 .article_content {
	margin: 0 auto;
	max-width: 768px;
	width: 90%;
}

.article.article_back {
	margin-top: 100px;
}

.ele_12 {
	margin-top: 10px;
}

.mlay_2 > .mrow > .mcell {
	display: block;
}

@media only screen and (max-width: 767px)  {
HTML {
	font-size: 16px;
}

.article_head {
	font-size: 24px;
}

.mlay_1 .article_head_list {
	font-size: 12px;
}

}