@charset "utf-8";
#ef {
    position: absolute;
    left: 50%;
    bottom: -540px;
    opacity: 0.6;
    margin-left: -150px;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
}
html,body {
	width:100%;
	height:100%;
	min-width:1200px;
	background:#FFF;
}
#wrapper{
	position:relative;
	width:100%;
	min-width:1200px;
	overflow:hidden;
	z-index:0;
}
#effect{
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	left:50%;
	margin-left:-640px;
}
#particle{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#container4{
	background-image:url(../img/index/bg2.jpg);
	background-repeat:no-repeat;
	background-position:center top;

	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
	opacity:0;
}

#container3{
	background-image:url(../img/index/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;

	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
	opacity:0;
}
#container2{
	background-image:url(../img/index/bg.jpg),url(../img/index/repeat_x.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center top,left top;

	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
}
#container{
	position:relative;
	width: 210px;
	z-index:999;
}
#container2{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
}
#container{
	position:relative;
	width: 210px;
	height:899px;
}
.effect{
	position:absolute;
	left:0px;
	bottom:150px;
	width:200px;
	height:200px;
	overflow:hidden;
}
#efwrap .effect:nth-child(1){
/*	transform:scale(10,10) rotate3d(0,0,0.1,30deg);*/
	-webkit-transform:scale(8,8) rotate3d(0,0,0.1,30deg);
	transform:scale(8,8) rotate3d(0,0,0.1,30deg);
	left:52%;
	top:43%;
}
.ef{
	position:absolute;
	left:0;
	top:0;
}
#efwrap{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-450px;
	opacity:0.3;
	width:900px;
	height:100%;
	
}


/*-----------------------
navigation
-----------------------*/
#navigation{
	position:absolute;
	left:0;
	top:0;
	width:200px;
	height:899px;
	background:url(../img/index/navibg.jpg) no-repeat left top;
	-webkit-transform:translate3d(-200px,0,0);
	transform:translate3d(-200px,0,0);
}
.navi_li img{
	display:block;
}
.navi img{
	display:block;
}
.tw_link{
    position: absolute;
    left: 70px;
    top: 484px;
    top: 448px;
    top: 584px;
    top: 514px;

	cursor:pointer;
}
.rollover_bt_fade{
	cursor:pointer;
}

/*----------------------
character
-----------------------*/
#character{
	position:absolute;
	left:200px;
	height:899px;
	top:0;
}
.chs{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
#ch_base{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-394px;
}
.ch1{
	position: absolute;
	left: 164px;
	top: 54px;
}

.ch2{
	position: absolute;
	left: 58px;
	top: 321px;
}
.ch3{
	position: absolute;
	left: 155px;
	top: 416px;
}
.ch4{
	position: absolute;
	left: 536px;
	top: 371px;
}
.ch5{
	position: absolute;
	left: 477px;
	top: 480px;
}
.ch6{
	position: absolute;
	left: 226px;
	top: 445px;
}
.ch7{
	position: absolute;
	left: 4px;
	top: 432px;
}
.ch8 {
    position: absolute;
    left: 693px;
    top: 445px;
}
.ch9 {
	position: absolute;
	left: 664px;
	top: 432px;
}
.ch10 {
    position: absolute;
    left: 485px;
    top: 434px;
}
.ch11 {
    position: absolute;
    left: 525px;
    top: 425px;
}
.ch12 {
    position: absolute;
    left: 195px;
    top: 449px;
}
#cloud{
	position:absolute;
    left: 50%;
    margin-left: -429px;
    bottom: 40px;
    opacity: 0.5;
}
#broke{
	position:absolute;
	left:50%;
	margin-left:-640px;
	bottom:0;
}
#man{
	position:absolute;
	left: 232px;
	top:0;
	opacity:0;
}
.cfa{
	opacity:0;
}


#wing{
	position:absolute;
	left:50%;
	margin-left:-440px;
	top:0;
	/*
	mix-blend-mode: screen;
	*/
	opacity:0;
	width:100%;
	height:100%;
	transform:scale(0.9);
}
.wings{
	position:absolute;
}
.wing1{
    left: 196px;
    top: 28px;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.wing2{
    left: 630px;
    top: -42px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.wing3{
    left: 697px;
    top: 245px;
    -webkit-transform: rotate(-80deg);
	transform: rotate(80deg);
}
.wing4{
    left: 390px;
    top: 656px;
    -webkit-transform: rotate(-80deg);
    transform: rotate(80deg);
}
.wing5{
    left: 569px;
    top: 756px;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
}
.wing6{
    left: 886px;
    top: 687px;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.wing7{
    left: 881px;
    top: 770px;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.wing8{
    left: 790px;
    top: 820px;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.wing9{
    left: 744px;
    top: 736px;
    -webkit-transform: rotate(-70deg);
	transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
#wing_w{
	position:absolute;
	left:0;
	top:0;
}


/*---------------------------
textarea
---------------------------*/
#text_area{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-align:center;
	z-index:999;
	opacity:0;
}
h1{
	position:absolute;
	right:50px;
	top:28px;
}
h2{
	position:absolute;
	left:50%;
	margin-left:42px;
	top:47px;
	opacity:0;
	-webkit-transform:scale(2) rotate(-30deg);
	transform:scale(2) rotate(-30deg);
}
h3{
	position:absolute;
	right:50px;
	top:691px;
}
#billing{
	position:absolute;
	left:50px;
	top:751px;
}
#bnr1{
	position:absolute;
	left:48px;
	top:34px;
	cursor:pointer;
}
#bnr2{
	position:absolute;
	left:152px;
	top:147px;
	cursor:pointer;

    position: absolute;
    left: 162px;
    top: 160px;
    cursor: pointer;
}
#bnr3{
	position:absolute;
	left:53px;
	top:275px;
	cursor:pointer;
}
#bnr4{
    position: absolute;
    left: 50%;
    margin-left: 272px;
    top: 207px;
	-webkit-transform: translate3d(-50px, 0, 0px);
	transform: translate3d(-50px, 0, 0px);
}
#bnr5{
	position:absolute;
	left:53px;
	top:275px;
	cursor:pointer;
}

#copy2{
	position:absolute;
	left:50%;
	margin-left:-47px;
	top:376px;
}


#bnr0215{
    position: absolute;
    left: 15px;
    top: 604px;
    top: 536px;
}

#dvd_box{
	position: absolute;
    right: 50px;
    top: 730px;
	width: 310px;
     height: 140px; 
}

#banner_area1{
    position: absolute;
    right: 50px;
    top: 796px;
	width:274px;
	height:74px;
	overflow:hidden;
}
.bnr1_set{
	position:absolute;
	left:0;
	top:0;
}
#bnr1_l{
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
}
#bnr1_r{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
}

.rotation{
    position: absolute;
    right: 15px;
    top: 0;
	width:244px;
	height:74px;
	overflow:hidden;
}
.carousel{
	position:absolute;
	left:0;
	top:0;
}




.bnner_area2{
	position:absolute;
	left:-400px;
	left:-760px;
/*
	left:-580px;
*/
	top:668px;
	top:590px;
	width:580px;
	width:760px;
/*
	width:940px;
	width:860px;
*/
	height:200px;
	background:url(../img/index/banner_area2/base.png) no-repeat left top;
}
.rotation_a{
	position:absolute;
	left:385px;
/*
	left:745px;
	left:565px;
*/
	top:15px;
	width:170px;
	height:80px;
	overflow:hidden;
}
.rotation_b{
	position:absolute;
	left:385px;
/*	left:745px;
	left:565px;
*/
	top:105px;
	width:170px;
	height:80px;
	overflow:hidden;
}
.rotation_c{
	position:absolute;
	left:385px;
	top:105px;
	width:170px;
	height:80px;
	overflow:hidden;
}
.bnr_move_a,
.bnr_move_b,
.bnr_move_c{
	position:absolute;
	left:0;
	top:0;
}
.ra2{
	position:absolute;
}
.rotation_a .ra2:nth-child(1){
	left:0;
	top:0;	
}
.rotation_a .ra2:nth-child(2){
	left:180px;
	left:0;
	top:0;	
}

.rotation_b .ra2:nth-child(1){
	left:0;
	top:0;	
}
.rotation_b .ra2:nth-child(2){
	left:180px;
	top:0;
}
.rotation_c .ra2:nth-child(1){
	left:0;
	top:0;	
}
.rotation_c .ra2:nth-child(2){
	left:180px;
	top:0;
}
#cannes{
	position:absolute;
	left:50%;
	margin-left:-373px;
	top:621px;
}


/*----------------------
news追加
-----------------------*/
#news_base{
	position:relative;
	margin:0 auto;
	padding-top:30px;
	width:1000px;	
}
.news_text{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
	font-family:"ＭＳ Ｐゴシック" !important;
    color: #000;
    width: 100%;
}
.news_text:nth-child(2){
	left:100%;	
}
.news_text:nth-child(3){
	left:100%;	
}
.news_text:nth-child(4){
	left:100%;	
}
.news_text:nth-child(5){
	left:100%;	
}
.news_str{
	position:absolute;
    left: 110px;
    top: 43px;
	width: 788px;
	height:40px;
	overflow:hidden;
}
.news_day{
	color:#E96EA4;
}
#more{
	position:absolute;
	right:0;
    top: 39px;
	height:40px;
	width:100px;
	background:rgba(0,0,0,0);
}
#footer{
	height:310px;
}
#sns_btns{
	top:105px;
}