@charset "utf-8";


/*common*/
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	/*background:#E79AC8;*/
}
a{
	text-decoration: underline;
	color: white;
}
a:hover{
	text-decoration: none;
}
.otoi{
	margin: 10px;
}
.left{
	float: left;
}
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }
 .alpha:hover{
 	opacity: 0.8;
 }

/*commo-end*/
header{
	padding-top: 5px;
	height: 50px;
	background: #fff;
	border-bottom: solid 3px #ff8a9e;
}
.hd_bnr{
	margin-left: 115px;
}
.inner{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.share{

}
.twitter{
	position: absolute;
	top: 19px;
	right: 0;
	width: 120px;	
}
.facebook{
	position: absolute;
	top: 17px;
	right: 113px;
	width: 120px;
}
/*movie*/
#niko{
	text-align: center;
	background: #000;
}
#cboxLoadedContent{
	background: #000;	
}
.day{
	position: absolute;
	top: 154px;
	left:-45px;
	background: url("img/unlisted.png") no-repeat;
	width: 492px;
	height: 286px;
	z-index: 2;
}
.day p{
	position: absolute;
	top: 158px;
	left: 88px;
	text-align: center;
	font-size: 14px;
	}
/* con1 */
.con1{
	height: 850px;	
	background: url("img/bg_con1_1st.jpg") no-repeat top center;
	overflow: hidden;
}
.game-logo{
	position: absolute;
	top: 8px;
	z-index: 3;
}
#char-main{
	position: absolute;	
	left: 124px;
	top: -64px;
}
.flash-img{
	position: absolute;
	top: 38px;
}

div.btn-hd-sen{
	position: absolute;
	top: 100px;
	z-index: 3;
}

.free{
	position: absolute;	
	top: 430px;
	left: 0px;
	z-index: 3;
	background: url("img/free.png") no-repeat;
	height: 228px;
	width: 401px;
}
.free p{
	margin-top: 106px;
	margin-left: -2px;
	font-size: 14px;
	text-align: center;	
}
.catchcopy{
	position: absolute;	
	top: 482px;
	z-index: 3;
}
.con1 .content{
	position: absolute;
	top: 650px;
	z-index: 3;
	height: 280px;
	width: 960px;
}
.twitter-widgets{
	width: 570px;
}
.bnr{
	position: absolute;
	top: 0;
	left: 580px;
	width: 380px;
}
#update{
	position: absolute;
	top: 410px;
	left: 670px;
	z-index: 3;
	height: 229px;
	width: 252px;
	overflow: hidden;
}
/* con2 */
.con2{
	background: url("img/bg_con2.jpg") no-repeat top center;
	height: 932px;
}
.con2 .inner{
	width: 860px;
	padding: 140px 50px 0;
}
.coma{
	position: absolute;
	top: -35px;
	right: -23px;
	z-index: 1;
}
.gid-box{
	width: 535px;
	height: 60px;
	background: rgba(0, 0, 0, 0.6);
	background: #362636\9;
	padding: 10px;
	border: 2px solid #c490bf;
	outline: 4px solid  rgba(0, 0, 0, 0.6);	
}

.char-list li{
	display: inline-block;
	width: 280px;
	height: 90px;
	overflow: hidden;
}
.con2 dl{
	width: 280px;
	height: 70px;
	background: rgba(255, 21, 105, .85);
	text-align: center;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
	padding-top: 20px;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
}
.con2 dt{
	font-size: 22px;
	font-weight: none;
}
.char-list li:hover dl{
	-webkit-transform: translateY(-95px);
	   -moz-transform: translateY(-95px);
	    -ms-transform: translateY(-95px);
	     -o-transform: translateY(-95px);
	        transform: translateY(-95px);
}
.men{
	position: absolute;
	top: 154px;
	left: 621px;
	z-index: 2;
}
/* con3 */
.con3{
	position: relative;
	background: url("img/bg_con3.jpg") no-repeat top center;
	height: 1600px;
}
.con3-ttl,.char-irina,.hand,.ss1,.ss1-text,.ss2,.ss2-text,.ss3,.ttl3-h3,.ss-set,.kira{
	position: absolute;	
	}
.con3-ttl{
	top: 14px;
	left: -11px;
}
.con3 .char-irina{
	top: -14px;	
	right: -77px;
}
.hand{
	z-index: 3;
	top:280px;
	left:299px;
}
/* hand anime*/
.hand{
	-webkit-animation: handman 3s infinite;
	-moz-animation: handman 3s infinite;
	-ms-animation: handman 3s infinite;
	-o-animation: handman 3s infinite;
}
@-webkit-keyframes handman{
	0%{top: 325px; left: 344px;}	
	20%{top:280px; left:299px;}
	30%{top: 297px; left: 311px;}
	35%{top:280px; left:299px;}
	50%{top: 297px; left: 311px;}
	55%{top:280px; left:299px;}	
	80%{top: 325px; left: 344px;}
	100%{top: 325px; left: 344px;}
}
@-moz-keyframes handman{
	0%{top: 325px; left: 344px;}	
	20%{top:280px; left:299px;}
	30%{top: 297px; left: 311px;}
	35%{top:280px; left:299px;}
	50%{top: 297px; left: 311px;}
	55%{top:280px; left:299px;}	
	80%{top: 325px; left: 344px;}
	100%{top: 325px; left: 344px;}
}
@-ms-keyframes handman{
	0%{top: 325px; left: 344px;}	
	20%{top:280px; left:299px;}
	30%{top: 297px; left: 311px;}
	35%{top:280px; left:299px;}
	50%{top: 297px; left: 311px;}
	55%{top:280px; left:299px;}	
	80%{top: 325px; left: 344px;}
	100%{top: 325px; left: 344px;}
}
@-o-keyframes handman{
	0%{top: 325px; left: 344px;}	
	20%{top:280px; left:299px;}
	30%{top: 297px; left: 311px;}
	35%{top:280px; left:299px;}
	50%{top: 297px; left: 311px;}
	55%{top:280px; left:299px;}	
	80%{top: 325px; left: 344px;}
	100%{top: 325px; left: 344px;}
}
@keyframes handman{
	0%{top: 325px; left: 344px;}	
	20%{top:280px; left:299px;}
	30%{top: 297px; left: 311px;}
	35%{top:280px; left:299px;}
	50%{top: 297px; left: 311px;}
	55%{top:280px; left:299px;}	
	80%{top: 325px; left: 344px;}
	100%{top: 325px; left: 344px;}
}

/* end anime */

.ss1{
	top: 140px;
	left: 7px;
}
.ss1-text,.ss2-text{
	text-shadow: 0px 0px  2px #041750,
	0px 0px  10px #041750,
	0px 0px  10px #041750,	
	0px 0px  10px #041750,			
	0px 0px  20px #041750,	
	0px 0px  30px #041750,
	0px 0px  40px #041750;		
}
.ss1-text{
	top: 400px;
	left: 47px;	
}
.ss2{
	top: 433px;
	left: 30px;
}
.ss2-text{
	top: 703px;
	left: 60px;
}
h3.ttl3-h3{
	top: 753px;
	left: 53px;
}
.ss-set{
	top: 845px;
	left: 59px;
	z-index: 2;
}
.ss-set dl{
	margin-bottom: 15px;
}
.ss-set dl:nth-child(2n){
	margin-left: 20px;
}
.btn-sen{
	position: absolute;
	top: 1430px;
}
.btn-member{
	position: absolute;
	top: 1430px;	
	left: 500px;
}
.kira{
	top: -69px;
	left: -102px;
	z-index: 1;
}

/* footer */
footer{
	background: #1c1c1c;
	padding: 20px 0 0px;
	font-size: 12px;
	height: 150px;
}
footer .company{
	margin-bottom: 15px;
}
footer .logo-mmv{
	width: 117px;
}
.copyright li{
	color:#d6d6d6;
}
.product{
	border-radius: 3px;
	background: #303030;
	padding: 10px 15px;
	margin-right: 10px;
	width: 450px;
}
.product dt{
	clear: left;
	float: left;
	width: 85px;
}	
.product dt,.product dd{
	margin-bottom: 5px;
}
.pslogo{
	margin-top: 5px;
	width: 450px;
}
/* gotoTop*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 3;
}
#page-top a {
	background: url("img/btn_gototop.png") no-repeat;
	text-decoration: none;
	width: 124px;
	display: block;
	height: 88px;
}
#page-top a:hover {
	opacity: 0.8;
}



/*20150806add*/

#btn-cp{

	position: absolute;
	width: 398px;
	height: 161px;
	top: 475px;
	left: 275px;
}
#btn-dl{

	position: absolute;
	width: 277px;
	height: 64px;
	top: 570px;
	right: 0px;
}

#twitter-widget-1{

	width: 570px !important;
}

a.movie{

	display: block;
	margin-top: 5px;
}

h1{

	position: absolute;
	top: 176px;
	left: 255px;
}