/*  -------------------------------MENU BUTTON------------------------------- */
.btn {
	border-radius:0 0 0 3px;
}

/*  -------------------------------CONTENT MENU------------------------------- */
#contents{
	left:50%;
	margin-left:-360px;
	width:720px;
	max-width:calc(100% - 90px);
	border-radius:0 0 3px 3px;
}
#contents ul li a{
	box-sizing:border-box;
	border-bottom:3px solid rgba(50,205,190,0);
	transition:0.75s;
}
#contents ul li a:hover{
	border-bottom:3px solid rgba(50,205,190,1);
}

/*  -------------------------------HEADER------------------------------- */
header{
	height:500px;
	background-position:center;
	background-repeat:repeat-x;
	background-size:2250px auto;
	animation-name:top_bg_pc;
	animation-duration:75s;
	animation-delay:0;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
@keyframes top_bg_pc{
	0%{background-position:2250px 0;}
	100%{background-position:0 0;}
}
h1{
	background-size:auto 55px;
	padding:52px 0 10px;
}
h1 object{
	width:auto;
	height:77px;
}
.head_bg{
	height:100%;
}
.head_bg div{
	padding:375px 0 0;
}
header p{
	height:125px;
	font-size:14px;
	line-height:1.75;
}
header h2{
	margin:-140px 0 0;
	background-image:url(../svg/svg_androom_logo2.svg);
	background-size:auto 34px;
	background-position:center top;
	background-repeat:no-repeat;
}



/*  -------------------------------CONCEPT------------------------------- */
#concept .movie{
	width:640px;
	padding-top:360px;
	margin:30px auto 10px;
}
#concept .movieshort{
	width:316px;
	padding-top:560px;
	margin:0 auto 30px;
}
#concept p{
	box-sizing:border-box;
	width:640px;
	margin:0 auto;
}
#concept p.photo{
	width:420px;
}

.collabo_box{
	width:640px;
	margin:0 auto;
}
#concept .collabo p{
	width:100%;
	font-size:14px;
	line-height:1.75;
	padding:15px 0 35px;
}
.collabo a{
	max-width:60%;
	padding:15px 10px;
	margin:15px auto 0;
	font-size:12px;
	border-radius:3px;
	transition:0.2s;
}
.collabo a:hover{
	opacity:0.5;
	background-size:15px 15px;
}
.loopSlider{
	cursor:grab;
}
.parallax{
	background:none !important;
	text-align:center;
	padding:60px 0;
}
.parallax img{
	display:inline;
	width:auto;
	height:550px;
	border-radius:3px;
}

 /*  -------------------------------INFORMATION------------------------------- */
 .new, .update{
	position:relative;
	width:450px !important;
	height:50px;
	margin:0 0 -50px 0 !important;
}
 #info section{
	width:420px;
	margin:15px auto 40px;
	padding-bottom:15px;
	border-radius:3px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
}
#info h4{
	margin:0 10px 20px;
	padding:15px 0 5px;
}
#info table{
	margin:0 15px 25px;
}
#info th, #info td{
	padding:10px 4px;
}
#info p{
	padding:0 15px 25px;
}
#info div a{
	transition:0.2s;
}
#info div a:hover{
	opacity:0.5;
	background-size:15px 15px;
}

.series_wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:900px;
	margin:0 auto;
}