@charset "UTF-8";


/*------------------  top  ------------------*/

#header{
	width:65%;
	text-align: center;
	position:absolute;
}
#header p{
	padding:80px 0 30px 40px;
}
#header h1{
	display: block;
	padding-left:40px;
}
#header h1 img{
	display: block;
	margin:0 auto;
}
#player-wrapper{
	width:698px;
	margin:0 auto;
	height:425px;
	padding-top:110px;
}
#player{
	position:relative;
	margin-left:35px;
	width:427px;
	height:280px;
	background:#000;
}
#player-inner{
	width:100%;
	height:100%;
}
#player .btn{
	display: block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:247px;
	background:url(../img/top/btn_trailer.png) no-repeat center center;
	opacity:0;
	transition:opacity 0.2s ease 0;
}
#player .btn:hover{
	opacity:1;
}


#wrapper{
	position:relative;
	width:100%;
	height:100%;
	min-height:808px;
	
}
#bg{
	position: absolute;
	overflow: hidden;
	width:100%;
	height:100%;
}
#bg img{
	position:absolute;
	right:0;
	top:50px;
	width:100%;
	min-width:1415px;
	max-width:1600px;
}

#content{
	position:relative;
	width:100%;
	height:808px;
}

#top-right{
	position:absolute;
	right:28px;
	bottom:0px;
}
#top-right small{
	display: block;
	text-align: right;
	padding:20px 0 10px;
}
#roadshow{
	text-align: center;
	padding-bottom:5px;
}
#top-right ul li{
	padding-bottom:6px;
}
#top-right ul li img{
	display: block;
}


#share{
	width:60%;
	position:absolute;
	bottom:0;
	left:0;
}
#share ul{
	background:url(../img/top/share.png) no-repeat 20px center;
	display: block;
	width:600px;
	height:30px;
	margin:0 auto;
	padding-left:65px;
}
#share li{
	display: inline-block;
	padding:5px;
}
#share li.facebook{
	padding-top:2px;
}
#share li.twitter{
	width:105px;
}
#share li.gp{
	width:70px;
}
#share.hover,#share.hover #btn-share{
	background-color:#353535;
}
#share.hover ul{
	margin-right:0px;
}
#sub ul {
	width: 900px;
	padding-left: 100px;
}
#tieup{
	position:absolute;
	right:50%;
	bottom:98px;
	margin-right:-460px;
}

#tieup1{
	position:absolute;
	top:33px;
	right:0;
}
#tieup2{
	margin-right:68px;
}

#special{
	position:absolute;
	top:610px;
	left:-725px;
	-webkit-transition: all 0.5s cubic-bezier(.79, 0, .17, 1) 0;
	-moz-transition: all 0.5s cubic-bezier(.79, 0, .17, 1) 0;
	-ms-transition: all 0.5s cubic-bezier(.79, 0, .17, 1) 0;
	-o-transition: all 0.5s cubic-bezier(.79, 0, .17, 1) 0;
	transition: all 0.5s cubic-bezier(.79, 0, .17, 1) 0;
}
#special:hover{
	left:0;
	/*left:-387px;*/
	
}
#special .inner{
	position: relative;
}
#special ul{
	display: block;
	background:#ffcc00;
	padding:2px 3px 2px 60px;
}
#special ul li{
	display: block;
	width:163px;
	height:90px;
	background:#000;
	border-left:3px solid #ffcc00;
	float:left;
}
#special .btn{
	position:absolute;
	right:-168px;
	top:-25px;
	width:176px;
	height:119px;
}
#special .btn .fuki{
	position:absolute;
	right:0;
	top:0;
	-webkit-transform: rotate(15deg);
	   -moz-transform: rotate(15deg);
	    -ms-transform: rotate(15deg);
	     -o-transform: rotate(15deg);
	        transform: rotate(15deg);
	transform-origin: 10% bottom;
	animation: fuki 1s ease-in-out 0 infinite alternate;
	     -o-animation: fuki 0.5s ease-in-out 0 infinite alternate;
	    -ms-animation: fuki 0.5s ease-in-out 0 infinite alternate;
	   -moz-animation: fuki 0.5s ease-in-out 0 infinite alternate;
	-webkit-animation: fuki 0.5s ease-in-out 0 infinite alternate;
}
@-moz-keyframes fuki {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(15deg);}
}

@-webkit-keyframes fuki {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(15deg);}
}

@-o-keyframes fuki {
	0% {-o-transform:rotate(0deg);}
	100% {-o-transform:rotate(15deg);}
}

@-ms-keyframes fuki {
	0% {-ms-transform:rotate(0deg);}
	100% {-ms-transform:rotate(15deg);}
}