.fit {width:100%;height:100%;}
.fitW {width:100%;}
.fitH {height:100%;}

body {
	width:100%;
	height:100%;
	background:#FFF;
}
#wrapper {
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin:0 auto;
	min-width:1200px;
	overflow:hidden;
}
#contents {
	width:100%;
	margin:0;
	position:relative;
	padding-bottom:70px;
}
/*------------------------------------------------------------------------------
								MAIN AREA
------------------------------------------------------------------------------*/

/*---------------------- MAIN -------------------------------------------------*/

#mainArea {
	width:100%;
	height:1080px;
	max-width:2000px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#mainBack1 {
	width:2000px;
	height:1080px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1000px;
	background:url(../../img/top1203/bg1b.jpg) no-repeat center center;
}
#mainBack2 {
	width:2000px;
	height:1080px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1000px;
	background:url(../../img/top1203/bg2b.jpg) no-repeat center center;
}
#mainImg {
	width:2000px;
	height:1080px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1000px;
	background:url(../../img/top1203/main_c.png) no-repeat center center;
}
#copy1 {
	position:absolute;
	width:990px;
	height:40px;
	top:10px;
	left:50%;
	margin-left:-424px;
	background:url(../../img/top1203/copy1.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
}
#copy2 {
	position:absolute;
	width:920px;
	height:40px;
	top:900px;
	left:50%;
	margin-left:-460px;
	background:url(../../img/top1203/copy2.png) no-repeat center center;
	text-indent:-999999px;
}
#academy {
	position:absolute;
	width:120px;
	height:110px;
	top:-18px;
	left:50%;
	margin-left:-557px;
	background:url(../../img/top1203/academy.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
}
#subPhotoArea {
	position:absolute;
	width:920px;
	height:110px;
	top:950px;
	left:50%;
	margin-left:-460px;
}
#subPhotoArea li {
	overflow:hidden;
	float:left;
	height:110px;
}
#subPhotoArea li img {
	width:auto;
	height:110px;
}

/*---------------------- LOGO -------------------------------------------------*/
#logoObi {
	width:100%;
	height:430px;
	position:absolute;
	top:410px;
	left:0px;
	background:url(../../img/top1203/logo_obi.png) no-repeat center center;
}
#logoBox h1 {
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
#logoBox {
	width:1080px;
	height:240px;
	position:absolute;
	top:485px;
	left:50%;
	margin-left:-540px;
}
#logoArea {
	width:1080px;
	height:240px;
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-550px;
}
#logoArea li {
	position:absolute;
}
#logoArea #logo1 {
	width:80px;
	height:90px;
	top:130px;
	left:0px;
}
#logoArea #logo2 {
	width:80px;
	height:100px;
	top:114px;
	left:91px;
}
#logoArea #logo3 {
	width:80px;
	height:100px;
	top:107px;
	left:187px;
}
#logoArea #logo4 {
	width:60px;
	height:60px;
	top:116px;
	left:287px;
}
#logoArea #logo5 {
	width:70px;
	height:70px;
	top:78px;
	left:521px;
}
#logoArea #logo6 {
	width:110px;
	height:110px;
	top:45px;
	left:600px;
}
#logoArea #logo7 {
	width:50px;
	height:60px;
	top:59px;
	left:730px;
}
#logoArea #logo8 {
	width:70px;
	height:50px;
	top:57px;
	left:790px;
}
#logoArea #logo9 {
	width:300px;
	height:90px;
	top:160px;
	left:289px;
}
#logoArea #logoHart {
	width:160px;
	height:150px;
	top:59px;
	left:350px;
}
#day {
	width:200px;
	height:160px;
	position:absolute;
	top:5px;
	left:885px;
	text-indent:-999999px;
	background:url(../../img/top1203/day2.png) no-repeat center center;
	background-size:contain;
}
#sp_bnr_bd_dvd {
	width:240px;
	height:240px;
	position:absolute;
	top:-80px;
	left:860px;
	z-index:2;
}
#spBnr1 {
	width:170px;
	height:170px;
	position:absolute;
	top:70px;
	right:50%;
	margin-right:-520px;
}
#spBnr2 {
	width:170px;
	height:170px;
	position:absolute;
	top:230px;
	right:50%;
	margin-right:-415px;
}
#spBnr3 {
	width:170px;
	height:170px;
	position:absolute;
	top:180px;
	right:50%;
	margin-right:-580px;
}
#spBnr4 {
	width:170px;
	height:170px;
	position:absolute;
	top:250px;
	right:50%;
	margin-right:-600px;
}
#trailerBtnWaku {
	width:260px;
	position:absolute;
	left:50%;
	top:80px;
	margin-left:-560px;
	/*box-sizing:border-box;
	border:2px solid #FFFFFF;*/
	overflow:hidden;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	background:#11215f;
  	box-shadow:
	0 0 10px #FFFFFF,
	0 0 5px #FFFFFF;
}
#trailerBtn {
	width:100%;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	overflow:hidden;
}
#trailerBtnZoom {
	width:100%;
}
#trailerBtn a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.8;
}
#trailerBtn a img {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-25px;
}
/*------------------------------------------------------------------------------
								MENU
------------------------------------------------------------------------------*/
#menuBoxSp {
	width:120%;
	height:auto;
	position:relative;
	min-width:1200px;
	background:#e4007f;
	margin:715px -10% 0;
	transform:rotate(-7deg);
	z-index:10;
}
#menuBoxPc {
	width:120%;
	height:80px;
	min-width:1200px;
	background:#e4007f;
	margin:715px -10% 0;
	transform:rotate(-7deg);
	position:relative;
	z-index:10;
}
#menuIcon {
	display:none;
}
#menuAreaPc {
	width:546px;
	height:80px;
	padding:0;
	margin:0 auto;
	padding-left:20px;
}
#menuAreaPc li {
	height:100%;
	padding:0 0 0 0;
	float:left;
	margin:0 15px;
	position:relative;
}
#menuAreaPc li a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
	z-index:10;
}
#menuAreaPc #menuAboutPc {
	margin:0 0;
	padding:0 15px;
	background:url(../../img/common/menu_b_about_back.png) center top;
	background-size:contain;
	position:relative;
	z-index:10;
}
#menuAreaPc #menuAboutPc .aboutArrow {
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:-10px;
	z-index:10;
}
#menuSubBoxPc {
	width:120%;
	height:60px;
	min-width:1200px;
	box-sizing:border-box;
	background:#FFFFFF;
	margin:0 -10% 0;
	transform:rotate(-7deg);
	overflow:hidden;
}
#menuSubAreaPc {
	width:1150px;
	height:60px;
	padding:0;
	margin:0 auto;
}
#menuSubBoxPc li {
	height:60px;
	padding:0 0 0 0;
	float:left;
	margin:0 15px;
	position:relative;
}
#menuSubBoxPc li a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}
/*------------------------------------------------------------------------------
								MIDDLE
------------------------------------------------------------------------------*/
#middle {
	padding:30px 0 0;
}
#billingArea {
	width:1120px;
	margin:0 auto;
	height:200px;
	background:url(../../img/top1203/billing.gif) no-repeat left top;
}
#cast,#billing ,#billing2 {
	text-indent:-999999px;
}

/*------------------------------------------------------------------------------
								BNR
------------------------------------------------------------------------------*/
.bnrArea {
	width:920px;
	padding-left:10px;
	margin:30px auto 0;
	position:relative;
	overflow:hidden;
}
.bnrArea li {
	float:left;
	width:220px;
	margin:0 10px 10px 0;
}

/*------------------------------------------------------------------------------
								FOOT
------------------------------------------------------------------------------*/
#footerArea {
	width:100%;
	min-width:1200px;
	height:80px;
	position:absolute;
	bottom:0px;
}
#footerWaku {
	width:1120px;
	height:80px;
	margin:0 auto;
	position:relative;
}
#snsArea {
	width:310px;
	position:absolute;
	bottom:20px;
	right:-6px;
	overflow:hidden;
	zoom:1;
}
#snsArea li {
	float:left;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#snsArea li a {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
#tw_btn {
	width:150px;
	height:30px;
	padding:0;
	margin-right:5px;
 }
#tw_btn a {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
#snsIcon {
	width:30px;
	height:30px;
	padding:0px;
	box-sizing:border-box;
	margin-left:10px;
	background:none;
}
.menuSns {
	width:30px;
	height:30px;
	padding:0px;
	box-sizing:border-box;
	margin-left:6px;
}
#copyright {
	width:340px;
	height: 10px;
	text-indent:-999999px;
	background:url(../../img/top1203/copyrights.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	bottom:20px;
	left:0px;
}
#udBnrArea {
	width:400px;
	overflow:hidden;
	position:relative;
	margin:10px auto 0;
}
#udBnrArea li {
	width:49%;
	margin-right:2%;
	float:left;
}
#udBnrArea li:last-child {
	margin-right:0px;
}
/*------------------------------------------------------------------------------
								TRAILER
------------------------------------------------------------------------------*/
#trailerOver {
	position:fixed;
	width:100%;
	height:100%;
	background:url(../../img/top1203/over_bg.png) repeat center top;
	z-index:999;
	top:0px;
	left:0px;
	display:none;
}
#trailerOver #trailerCloseArea {
	position:absolute;
	right:20px;
	top:20px;
	width:40px;
	height:40px;
}
#trailerOver #trailerCloseArea #trailerCloseB {
	width:40px;
	height:40px;
	overflow:hidden
}
#trailerOver #trailerCloseArea #trailerCloseB img {
	height:40px;
}

.prArea {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  
	margin: 0 auto 0 auto;
	padding:0 0 0px 0;
	color: #000;
	font-size: 16px;
	line-height: 1.6em;
	width:75%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0;
}
.video-container iframe {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------------------------------------------------------------------------------
								ANIME
------------------------------------------------------------------------------*/

.scaleDownBgOut {
	transform: scale(1.2,1.2);
	opacity: 1.0;
}
.scaleDownBgIn {
	-webkit-transition: all 2.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 2.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownMainOut {
	transform: scale(1.5,1.5);
	opacity: 1.0;
}
.scaleDownMainIn {
	-webkit-transition: all 2.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 2.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
@keyframes scale-easeOutBounce {	
	0% {transform: scale(0);}
	12% {transform: scale(0.11);}
	24% {transform: scale(0.44);}
	36% {transform: scale(0.98);}
	54% {transform: scale(0.75);}
	74% {transform: scale(0.98);}
	82% {transform: scale(0.94);}
	92% {transform: scale(0.99);}
	96% {transform: scale(0.98);}
	100% {transform: scale(1);}
}
.topEaseOutBounceOut {
	transform: scale(0.0,0.0);
}
.topEaseOutBounceIn {
	transform: scale(1.0,1.0);
	animation-name: scale-easeOutBounce;
	animation-duration: 1.5s;
}
@keyframes scale-easeOutElastic {
	0% {transform: scale(0);}
	16% {transform: scale(1.1);}
	28% {transform: scale(0.95);}
	44% {transform: scale(1.03);}
	59% {transform: scale(0.99);}
	73% {transform: scale(1.01);}
	88% {transform: scale(1);}
	100% {transform: scale(1);}
}
.topEaseOutElasticOut {
	transform: scale(0.0,0.0);
}
.topEaseOutElasticIn {
	transform: scale(1.0,1.0);
	animation-name: scale-easeOutElastic;
	animation-duration: 1.5s;
}

.fromBottomOut {
	transform: translate(0,40px);
	opacity: 0.0;
}
.fromBottomIn {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	
	transform: translate(0,0);
	opacity: 1.0;
}
.fromBottomOut2 {
	transform: translate(0,80px);
	opacity: 0.0;
}
.fromBottomIn2 {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	
	transform: translate(0,0);
	opacity: 1.0;
}
.scaleUpOut {
	transform: scale(0.5,0.5);
	opacity: 0.0;
}
.scaleUpIn {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleUpBtnOut {
	transform: scale(0.5,0.5);
	opacity: 0.0;
}
.scaleUpBtnIn {
	-webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition:         all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownOut {
	transform: scale(1.5,1.5);
	opacity: 1.0;
}
.scaleDownIn {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownOut2 {
	transform: scale(1.5,1.5);
	opacity: 0.0;
}
.scaleDownIn2 {
	-webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition:         all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownOut3 {
	transform: scale(1.25,1.25);
	opacity: 0.0;
}
.scaleDownIn3 {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.alphaOut {
	opacity: 0.0;
}
.alphaIn {
	-webkit-transition: all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
	transition:         all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
	opacity: 1.0;
}
.alphaOut2 {
	opacity: 0.0;
}
.alphaIn2 {
	-webkit-transition: all 1.0s cubic-bezier(0.47, 0, 0.745, 0.715);
	transition:         all 1.0s cubic-bezier(0.47, 0, 0.745, 0.715);
	opacity: 1.0;
}