@charset "UTF-8";
/* CSS Document */

html, body {  
background: #000;
 height: 100%;
 margin: 0;
	padding: 0;

 }
body {

	 
}




#content {
	background: #000;
	/*min-height: 100%;
	height: 100%;*/
	padding-top: 0%;	/*max-width: 1200px;*/
	padding-bottom:0px;
	/*min-width: 860px !important;	*/
}


.fadeOut {
    -webkit-animation: fadeOut .5s cubic-bezier(.55,0,.1,1) both;
    animation: fadeOut .5s cubic-bezier(.55,0,.1,1) both;
}
.fadeIn {
    -webkit-animation: fadeIn .5s cubic-bezier(.55,0,.1,1) both;
    animation: fadeIn .5s cubic-bezier(.55,0,.1,1) both;
}

@-webkit-keyframes fadeOut { 100% { opacity: 0; -webkit-transform: scale(1.2); }}
@keyframes fadeOut { 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }}
@-webkit-keyframes fadeIn { ０% { opacity: 0; -webkit-transform: scale(.8); }}
@keyframes fadeIn { 0% { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }}



#Stage {
	position: relative;
	/*-webkit-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	transform: translateY(-10%);*/
	width: 100%;
	/*max-width: 1200px;*/
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	min-width: 860px !important;	
}



#logo {
	/*background-color: hsla(359,82%,45%,1.00);*/
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	max-width: 800px;
	/*height: 200px;*/
	margin-left: auto;
	margin-right: auto;
}

#logo img{
width:100%;	
}

#topMovie {
	/*background-color: hsla(359,82%,45%,1.00);*/
	/*position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
	/* [disabled]margin-top: 100px; */
	margin-left: auto;
	margin-right: auto;
}



div#footerLink {
	position: fixed;
	overflow: hidden;
	/*background-color: #D33B3E;*/
	bottom: 50px;
	width: 100%;
}

div#footerLink ul {
	position: relative;
	left: 50%;
	float: left;
	list-style-type: none;
	margin: 0px;	
	padding: 0px;	
}

div#footerLink li {
	position: relative;
	left: -50%;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}



/*footer*/

#footer{
	width: 100%;
	background-color: hsla(0,0%,0%,1);
	/*height: 30px;*/
	position: fixed;
	bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 100;
	overflow: visible;
	padding-top: 0px;
	padding-bottom: 0px;
	
	/*min-width: 860px !important;	*/
}






#copy {
	position: relative;
	bottom: 0px;
	margin: 0px;
	
	overflow: hidden;
	float: right;
	top:10px;
}

#copy ul {
	position: relative;
	/*float: left;*/
	list-style-type: none;
	margin: 0px;	
	padding: 0px;	
}

#copy li {
	position: relative;
	float: left;
	margin-right: 10px;
	
	color: hsla(0,0%,55%,1.00);
	font-size: 60%;
	padding: 0px;
	overflow: hidden;
	display: inline-block;	
}

.smallCopy{
	font-size: 50% !important}

.copyright{
	font-size: 60%;
	margin-top: 0px;
	color: #9D9D9D ;
	
}

#copy li a{
	
	color: #9D9D9D ;
}

#copy li a:hover{
	
	color: #ffffff;
}

#copy li img {
	/*width: 100%;*/
}

.copyImg{
	position: absolute;
	
	display: inline-block;	
}




/*SNS*/

.white {
	color: hsla(0,0%,100%,1.00);	
}

div#sns {
	height: 20px;
	margin: 0px;
	padding-top: 5px;
	float: left;

	/*background-color: hsla(359,69%,45%,1.00);*/
}

div#sns ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	left: 0px;
	height: 20px;
	

}

div#sns li {
	position: relative;
	float: left;
	margin-right: 5px;
	margin-left: 0px;
	line-height: 20px;

}



li.fb-like{
	position: relative;
	top:0px;
}

li.fb{
	top: 3px;
	width: 70px;
}

li.tw{
	top:3px;
	width: 70px;
	
}

li.line{
	top:-1px;
width: 88px;

}


li.gp{
	width:60px;
}

li.film{
	top:-1px;
	width:100px;
}

li.eigacom{
	width: 90px;
}

li.twitterIcon{
	color: #FFFFFF;
	
	font-size: 19px;
	margin-left: 18px;
}

li.twitterIcon a{
	color: #C7C7C7;
}

li.twitterIcon a:hover{
	color: #FFFFFF;	

}

.twitterIconText{
	font-size: 50%;
	color: #C7C7C7;
	line-height: 10px!important;/*	background-color: #921D1F;
	display: block;
	height: 18px;*/
}






#privacy{
	font-size: 60%;
	text-align: right;
	line-height: 28px;
	float: right;
	
 }
 
#privacy a {
	color: #9D9D9D !important;
	text-decoration: none;
}
#privacy a:hover,
#privacy a:focus {
	color: #C1C1C1 !important;
	text-decoration: none;
}
 
 
  .social {
	display: block;
	position: fixed;  /*margin-top: 10px;*/
	z-index: 5000;
	right: 10px;
	top: 10px;
}
 .social a {
  margin: 0 2px;
  padding: 9px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
 .social a i {
	width: 1em;
	text-align: center;
}



 .social a {
  border: 1px solid #ffffff;
}
 .social a i {
  color: #ffffff;
}
 .social a:hover {
  background: #ffffff;
}
 .social a:hover i {
  color: #66cdcc;
}



/*imgロールオーバー*/

a.overwhite2 img{
   /* background-color:#ffffff;*/
    display:block;
	
	filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
}

a.overwhite2:hover img{
    cursor:pointer;
    filter: alpha(opacity=100);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=100)";  /* ie 8 */
    -moz-opacity:1;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 1;              /* Safari 1.x */
    opacity:1;
    zoom:1;
}


a.overwhite{
    /*background-color:#ffffff;*/
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=90);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=90)";  /* ie 8 */
    -moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.9;              /* Safari 1.x */
    opacity:0.9;
    zoom:1;
}


a.overwhite3{
    /*background-color:#ffffff;*/
    display:block;
}

a.overwhite3:hover img{
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}





/*youtube*/
.youtube {
	position: relative;
	/* padding-bottom: 56.25%;
    padding-top: 30px;*/
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	/* [disabled]background-color: #FFFFFF; */
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: #FFFFFF;
}


#nextBt{
	
	z-index: 1000;
	bottom: 50px;
	width: 100%;
	position: fixed;
}


#closeBt {
	position: fixed;
	z-index: 1000;
	width:60px;
	right: 4%;
	top: 3%;
}

#closeBt img {
	width:100%;
}


.centerBox{
	width:110px;
	margin-left: auto;
	margin-right: auto;

}
@media (max-width: 850px){
	

#closeBt {
	width:50px
}

#nextBt{
	
	bottom: 200px;
	
}
	
}

@media (max-width: 657px){
	
	
	div#footerLink {

	bottom: 100px;

}
	
	#footer{

padding-bottom:5px;

}
	
	div#sns {

}	


 
 #nextBt{
	
	bottom: 200px;
	
}

#closeBt {
	width:40px;
	right: 4%;
	top: 3%;
}
}