@charset "utf-8";

body {
	background:#000;
	position:relative;
	min-width:1100px;

}
#wrapper{
	overflow:hidden;
	width:100%;
	min-width:1100px;
	position:relative;
	padding-bottom:80px;
}
#container{
	position:relative;
	width:100%;
	height:1010px !important;
	min-width:1100px;
	min-height: 950px;
	background-color: #000;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#bg{
	position:relative;
	background:url(../img/top/visual.jpg) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:1010px;
	min-width:1100px;
	min-height: 1010px;
	/*max-width: 1600px;*/
	background-color: #000;
	overflow:hidden;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.official_sns{
	position:absolute;
	left:0;
	top:0;
}
#cont_wrap {
    position: relative;
    width: 1100px;
    height: 100%;
    margin: 0 auto;
}

#wbicon{
    position: absolute;
	right: 190px;
    bottom: 6px;
}
#bg{
	position:absolute;
	bottom:0;
}
#header{
	position:absolute;
	width:100%;
	min-width:1100px;
	height:60px;
	left:0;
	top:0;
	z-index:1;
}
#header_base{
	position:absolute;
	width:100%;
	height:60px;
	background:#2b2b2b;
}


#official_tw{
    position: absolute !important;
    left: 460px;
    margin-left: 353px;
    top: -146%;
}
#banner2{
    position: absolute !important;
    left: 526px;
    margin-left: 353px;
    top: 141px;
    top: 91px;
}
#campain_bnr{
    position: absolute !important;
    top: 280px;
    top: 225px;
    left: 899px;
    cursor: pointer;
}
#campain_bnr2{
    position: absolute !important;
    left: 48px;
    top: 280px;
    top: 230px;
}
#banner1{
    position: absolute !important;
    left: 66px;
    top: 140px;
    top: 90px;
}


/*----------------
@media screen and (min-width:1500px) { 
    /*　画面サイズが1200pxからはここを読み込む　
#official_tw{ 
	left: 96%;
	top: -167%;
	top: -66%;
	}
}

@media screen and (max-width:1200px) { 
    /*　画面サイズが1200pxからはここを読み込む　
#official_tw{ 
	left: 75%;
	top: -167%;
	top: -66%;
	}
}
/*----------------


#rtcampaign{
    position: absolute !important;
	right: 78%;
    /*margin-left: 316px;
	top: -167%;
	top: -66%;
	opacity:1;
	
}
/*----------------
@media screen and (min-width:1500px) { 
    /*　画面サイズが1500pxまではここを読み込む　
#rtcampaign{ 
	right: 86%;
	top: -165%;
	top: -66%;
	}
}

@media screen and (max-width:1200px) { 
    /*　画面サイズが1200pxからはここを読み込む　
#rtcampaign{ 
	right: 72%;
	top: -167%;
	top: -66%;
	}
}

@media screen and (max-width:1100px) { 
    /*　画面サイズが1000pxからはここを読み込む　
#rtcampaign{
	right: 69%;
	top: -167%;
	top: -66%;
	}
	
#rtcampaign img{
	width:125px;	
	height:125px;
}
}
----------------*/


#main{
	position:relative;
	width:1000px;
	margin:0 auto;
}

h1{
	position: absolute;
	left: 374px;
	top: 273px;
}
#copy1{
	position:absolute;
	left:820px;;
	top:91px;
}
#copy2{
	position:absolute;
	left:241px;
	top:91px;
}
#open{
	position:absolute;
	left:854px;
	top:512px;
}
#bt_dvd{
	position: absolute;
	right: 13px;
	top: 424px;
}




h2{
    width: 238px;
    height: 392px;
    position:relative;
	margin:0 auto;
	top: -143%;
	top: -127%;
}
h3{
    width: 212px;
    height: 62px;
    position:relative;
	margin:0 auto;
	top: -130%;
	top: -115%;
}

.center_cont{
	position:absolute;
	width:849px;
	height:261px;
	left:50%;
	margin-left: -425px;
	top:50%;
	margin-top: 159px;
}

/*
h3{
	position:absolute;
	left:0;
	top:15px;
}


#navigation .target{
	color:#d2dae6;
}



#navigation a{
	color:#6a727d;
	text-decoration:none;
}

*/


#tw_btn{
	position:absolute;
	top:10px;
	left:20px;
}

#fb_btn{
	position:absolute;
	top:10px;
	left: 63px;
}

#yt_btn{
	position:absolute;
	top:10px;
	left: 111px;
}

#line_btn{
	position:absolute;
	top:10px;
	left: 160px;
}

#banner{
	position:absolute;
	top:0;
	right:10px;
}



#thumb{
	widht:100%;
	height:80px;
	bottom:10px;
	position:absolute;
	left:0;
}
#thumb li{
	position:absolute;
	left:0;
	top:0;
	width:120px;
	height:80px;
	text-align:center;
	overflow:hidden;
	border:solid 1px #555;
	background:#000;
	cursor:pointer;
}

#scroller{
	position:absolute;
	left:0;
	top:0;
}
#g_next{
	position:absolute;
	right:0;
	top:10px;
	cursor:pointer;
}
#g_back{
	position:absolute;
	left:0;
	top:10px;
	cursor:pointer;
}
#scroller .g_target{
	border:solid 1px #FF9;
}


#gyallery{
	opacity:0;
	display:none;
}
.gy_inner{
	opacity:0;
}

.dc_link{
	width: 800px;
    height: 40px;
    position: absolute;
    bottom: 105px;
    bottom: 185px;
    left: 50%;
    right: 0;
    margin: 0 auto;
        margin-left: auto;
    z-index: 1;
    margin-left: -340px;
}
.dc_link2{
    width: 800px;
    height: 40px;
    position: absolute;
    bottom: 60px;
    bottom: 140px;
    left: 50%;
    right: 0;
    margin: 0 auto;
        margin-left: auto;
    z-index: 1;
    margin-left: -534px;
    margin-left: -340px;
}
#taka{
	width: 130px;
	height: 40px;
	position: absolute;
	bottom: 40px;
	right: 10px;
	z-index:1;
}

.dc_link>img{
	float:left;
	margin-right:10px;
	width:800px;	
}

#trailer_frame{
    position: absolute;
    bottom: 179px;
    left: 50%;
    cursor: pointer;
    margin-left: 361px;
    margin-left: 280px !important;
}
#frame{
	position:absolute;
	left:0;
	top:0;
}
#trailer_over{
	position: absolute;
	width: 250px;
	height: 140px;
	left:0;
	top:0;
	background:rgba(255,255,255,0.2);
	opacity:0;
}
#trailer_over:hover{
	opacity:1;
}

#sns_link{
	position:absolute;
	right:0;
	top:80px;
	width:94px;
	height:291px;
	overflow:hidden;
}

#sns_link img{
	position:absolute;
	right:-75px;
	top:0;
}
.sns_btn{
	position:absolute;
	display:block;
	width:58px;
	height:58px;
	overflow:hidden;
	text-indent:-9999px;
}
.sns_btn:nth-child(2){
	left:28px;
	top:8px;
}
.sns_btn:nth-child(3){
	left:28px;
	top:79px;
}
.sns_btn:nth-child(4){
	left:28px;
	top:146px;
}
.sns_btn:nth-child(5){
	left:28px;
	top:219px;
}

#tv_banner{
	position:absolute !important;
	left:880px;
	top:360px;
}
#cp_banner{
	position:absolute !important;
    left: 78px;
    top: 366px;
	
    left: 48px;
    top: 230px;	
}
#comment_bnr{
	position:absolute !important;
    left: 78px;
    top: 764px;
}
#comment_bnr2{
    position: absolute !important;
    left: 526px;
    margin-left: 353px;
    top: 141px;
    top: 91px;
}
#column_bnr{
	position:absolute !important;
    left: 78px;
    top: 644px;
    top: 690px;
}
#tieup{
	margin-left:10px;
	padding-bottom:80px;
}

#tieup img{
	display:block;
	vertical-align:top;
	margin:0;
}

#tieup_complete{
	position:relative;
	padding:15px 0;
	height:0;
	height:190px !important;
	background:url(../img/tieup/repeat_y.jpg) repeat-y left top;
}
.complete1{
    position: absolute;
    left: 209px;
    top: 1230px;
}
.complete2{
    position: absolute;
    left: 360px;
    top: 1230px;
}
.complete3{
    position: absolute;
    left: 510px;
    top: 1230px;
}
.complete4{
    position: absolute;
    left: 660px;
    top: 1230px;
}

.allow1{
    position: absolute;
    left: 440px;
    top: 1460px;
}
.allow2{
    position: absolute;
    left: 440px;
    top: 1485px;
}
.allow3{
    position: absolute;
    left: 440px;
    top: 1510px;
}
.complete{
    position: absolute;
    left: 187px;
    top: 1353px;
	height:190px;
}
.submit{
    position: absolute;
    left: 105px;
    top: 1550px;
}
.submit_comp{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}
.comp{
	display:none;
	opacity:0;
}
.finish{
	opacity:0;
}
.allow1 .arrow_b{
	animation: flashing 1s infinite;
}
.allow2 .arrow_b{
	animation: flashing 1s infinite;
	animation-delay:0.25s;
}
.allow3 .arrow_b{
	animation: flashing 1s infinite;
	animation-delay:0.75s;
}
.arrow_b{
	position:absolute;
	left:0;
	top:0;
}


@keyframes flashing {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



#buzzes{
	position:absolute;
	width:100%;
	bottom:80px;
	left:0;
	height:50px;
	visibility:hidden;
	
}
#buzzes-telop-container{
	position:relative !important;
}