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

*{position:relative; font-family:メイリオ, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'sans-serif';}

div::-webkit-scrollbar{
	display:none;
}

/*--PC用--*/
@media screen and (min-width: 768px) {
.SPonly{ display:none;}
	
html{
	background:url(../image/index/main_chara.png),url(../image/share/index.jpg) top;
	background-size: contain,cover;
	background-repeat: no-repeat;
	min-width: 1600px;
	}
	
body{/*--background:url(../image/share/duel_vsr_mainbg.png) top center no-repeat;--*/}

#header { width: 100%; height: 30px; z-index: 5; position: fixed; top: 0; background: url(../image/share/header_bg.png); text-align:center;}
#header #headerInner { width:960px; margin:0 auto;}

#container{ background-image:url(../image/index/duel_vsr_main.png); background-position:center top; background-repeat:no-repeat;}
#main{ width:960px;  margin:0 auto; background-image:url(../image/index/duel_vsr_main_s.png); background-position:center top; background-repeat:no-repeat; margin-bottom:70px;}
#main h1{ text-indent:-9999em;}

#main .wrap { margin-top:90px;}
#main #area_movie{position:relative; margin-top: 200px;}
#main #area_movie #limit_days{position:absolute;color:#fff800;font-weight:bold;top:272px;left:46px;font-size:38px;}
#main #movie_none { width:560px; margin:15px auto 0 auto;background-color: #000000; color: #fff800;font-size:20px;font-weight: bold;text-align: center;}
#main #movie { width:560px; margin:10px auto 0 auto;}
#main #area_movie #txt_movie{background:#2c0507;width:560px;min-height:30px;margin:0 auto;padding:10px 0 5px; text-align:center; margin-top: -3px;font-size:16px;}
#main #area_movie #txt_movie p span.title{font-weight:bold;color:#fff800;}
.title02{font-weight:bold;color:#fff800;font-size:20px;}
#main #topL { float:left; width:573px; margin-top:8px;}
#main #topL .news { float:left; width:569px;}

#main #topL .news_txt { float:left; width:542px; background-color: #212121; margin:0 0 0 15px; overflow: auto;}

#main #topL .news iframe {
	width: 550px;
	border: 0;
	height: 150px;
	overflow: hidden;
	background-color: transparent;
}

#main #topR { float:right; width:387px; margin-top:9px; text-align:center;}
#main #topR .twitwrap { padding:0 0 0 11px; background: url(../image/index/duel_vs_tw_bg.png) repeat-y; width:364px;}

#banner { width:960px; margin:30px auto;}
#banner .bannerInner01 { float:left; width:305px; text-align:center; margin-left:13px;}
#banner .bannerInner02 { float:left; width:305px; text-align:center; margin-left:10px;}
#banner .bannerInner03 { float:left; width:305px; text-align:center; margin-left:10px;}
#banner .bannerInner04 { float:left; width:305px; text-align:center; margin-left:10px; margin-top:15px;}
#banner .bannerInner05 { float:left; width:305px; text-align:center; margin-left:10px; margin-top:15px;}

#footer { background:#FFFFFF; padding:20px 0 30px 0;}
#footer .footerInner { width:960px; position:relative; text-align:center; margin:0 auto;}
#footer .footerInner .backToTop { position:absolute; right:46px; top:-65px;}

#frame_movie_popup{background:url(../image/index/bg.png) repeat;text-align:center;width:100%;min-height:1249px;z-index:10;position:absolute;display:none;}
#movie_popup{width:853px;height:480px;margin:100px auto;z-index:10;}
#btn_close{cursor:pointer;float:right;margin:5px 0 0 0;}
#btn_movie{cursor:pointer;}

/*-------------------------------
 for splash movie 14.07.19
---------------------------------*/
#Splash {
		position:absolute;
		width:100% !important;
		background:url(../image/index/splash/splashBG.png);
		min-height:1550px;
		left:0;
		top:0;
		z-index:1000;
	}
		#SplashContents {
			width:768px;
			margin:auto;
			position:relative;
			z-index:5;
		}
		
		#SplashClose {
			width:100%;
			height:100%;
			position:absolute;
			z-index:4;
			top:0;
			left:0;
		}
		#Splash ._btnClose {
			width:768px;
			height:27px;
			text-align:right;
			margin:25px auto 10px auto;
		}
	
	.haisinhennkou{width:516px; background-color: #ff0000; border: solid #ffffff 3px;margin: 180px auto 0 auto;padding: 20px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;}

}

/*--SP用--*/
@media screen and (max-width: 767px) {
	
	#movie {
    padding-top: 0%;
}
	
	html{background: #ffffff;}
	
	.PConly{ display:none;}
	
	img{width:100%; height:auto;}
	
	#main{ padding:0 7px;}
	
	#container{width:100%; padding:0;}
	
	#main #area_movie{ width:100%; height:auto; background:url(../image/index/sp/movie_bg.png);}
	
	#movie_none {
    top: 0%;
    position:relative;
    width: 100%;
    padding-top: 2%;
	background-color: #000000; color: #fff800;font-size:20px;font-weight: bold;text-align: center;
}
	
	#movie {
    top: 0%;
    position:relative;
    width: 100%;
    padding-top: 55%;
}
#movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#main #area_movie #txt_movie{background:#2c0507;width:100%; text-align:center !important;}
#main #area_movie #txt_movie p{margin:0;  padding:10px;}
#main #area_movie #txt_movie p span.title{font-weight:bold;color:#fff800; text-align:center !important;}
.title02{font-weight:bold;color:#fff800;}
#main #topL a{ margin:10px 0;}

#main #topL .news {width:100%;}
#main #topL .news_txt {width:95.2%; margin-left:2.5%; background-color: #212121; margin-top: -2%; overflow: auto;}


#main #topL .news iframe {
	width: 100%;
	border: 0;
	height: 158px;
	overflow: hidden;
	background-color: transparent;
}

#footer { position:relative; bottom:0; background:#ffffff; padding:2%; margin:0;}
#footer .footerInner { width:100%; position:relative; margin:0;}


.backToTop {}
.backToTop img {height:auto; width: 35%;
    left: 63%;}

#main h1{ text-indent:-9999em;position: absolute;}
.guide{display:none;}

.limit_days{ margin:5px 0; width:98.5%; background:-webkit-gradient(radial, 200 -50, 98, 220 -257, 465, from(#0076FF), to(#0000FF)); box-shadow:0px 0px 9px 4px rgba(255,223,34,1.7)/* IE10+, W3C */ inset; border:solid 3px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

background:#0735C7;
}

.limit_days ul{ text-align:center; list-style-type:none; padding: 0;}

.limit_days ul li{ display:inline-block;}

.limit_t01{ color:#f91616; font-weight:bold; text-shadow:0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000; font-size:100%;}

.limit_t02{ color:#fff800; font-size:140%; margin:0 5px;}

.limit_t03{font-weight:bold; text-shadow:0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000; font-size:100%;}

.haisinhennkou{ background-color: #ff0000; border: solid #ffffff 3px;margin: 0 auto 10px auto;padding: 10px;font-size:100%;
    color: #ffffff;
    text-align: center;
    font-weight: bold;}

}
	
}