@charset "utf-8";
.sp{display:block;}
.pc{display:none;}	



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

body{ background-color:#fff6e4; background-image: none;line-height:1.5;
-webkit-text-size-adjust: 100%;}


body>div#kt_header{
	height:300px;!important
	background-color:#E00;!important
	
}

.clear{clear:both;}
img {
 max-width: 100%;
 height: auto;
}
.small{font-size:70%; line-height:150%; text-align:left;}
small{font-size:80%;}

.centering{text-align:center;}
img.center_img{display:block; margin:0 auto}

html{
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#410101;
	text-shadow:0 0 2px rgba(52,0,0,0.1) ,0 0 4px rgba(52,0,0,0.3);
	}
	
body{background-image:url(../img/bg1.jpg),url(../img/bg_footer.jpg);
background-position:center top,center bottom;
background-size:contain;
background-repeat:no-repeat,repeat-x;}


.common_img{width:90%; margin:0 auto; display:block;}

#wrapper{ position:relative;}

#page_top img{width:70%;}

div.stage_img{
	margin:0 auto;
	padding:0;
	width:100%;
	}
div.stage_img img{
	float:left;
	margin:0;
	padding:0;
	width:50%;
}


img.common{display:block;width:90%; margin:0 auto;}


.footer { width:100%; background-repeat:repeat-x; min-height:224px; background-position:center bottom;
	padding-bottom:3em;text-align: center;}
	
img.sns{width:11%; margin:2%;}

.link{width:100%;}
.link a:nth-child(1){ width:30%;float:left; }
.link a:nth-child(2){ width:70%;float:left;}
.link a img{width:100%;}


#top{
position:relative;
	}
	
#mainvisual {
	width:100%;
	
}

.share{vertical-align:middle;}

	
/*更新履歴の流れるところ*/	
#info{
	margin:0px auto;/* 2px auto*/
	margin-bottom:0;/* 15*/
	color:#FFF6E4;
	height:2em;
	width:100%;
	background-image:url(../img/topic_bg.jpg);
	background-repeat:repeat-x;
	background-size:auto 100%;
	z-index:9999;
	position:relative;
	
}

#info #topic{
	width:90%;/*90%*/
	height:2em;
	margin:0 auto;
	float:left;
	
}

#info #topic #text{
	width:90%;/*820px*/
	overflow:hidden;
}

#info #topic #text span{
	white-space:nowrap;
}

#info #topic #text span a{
	color:#ebff9c;
	text-decoration:none;
	font-weight:bold;
}

#info #topic #text span a:hover{
	text-decoration:underline;
	font-weight:bold;
}

#info #bn-opener{
	display: block;
	width: 1em;
	height: 1em;
	vertical-align:top;
	color:#FFF6E4;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	float: left;
	cursor: pointer;
}

#info #topic-backnumber{
	width:100%;
	margin:0 auto;
	border-radius:7px;
	display:none;
	
	
}

#info #topic-backnumber table{
	font-size:13px;
	border-collapse:collapse;
	background-color:rgba(0,0,0,0.8);
	width:100%;
	
}

#info #topic-backnumber *{
	vertical-align:top;
	padding:5px;
}

#info #topic-backnumber tr{
	border:1px #CCC dotted;
	border-width:1px 0 0 0;
	
}
#info #topic-backnumber tr:first-child{
	border-width:0;
}

#info #topic-backnumber a{
	color:#ebff9c;
	text-decoration:underline;
}



/*更新履歴おわり*/

	/*
#character{ margin-bottom:-60px;}*/


h3{
	font-size:120%;
	font-weight:bold;
	color:#410101;
	text-shadow:0 0 2px rgba(52,0,0,0.3) ,0 0 4px rgba(52,0,0,0.3);
	
	margin-top:4%;
	margin-bottom:2%;
	}

#page_top {
    position: fixed;
	bottom:-1000px;
    right: 1%;
    font-size: 77%;
}

#page_top a {    
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 50px 0;
    text-align: center;
    display: block;   
}

#page_top a img:hover{
	opacity:0.9;
}

#nav{margin:0 auto;width:100%;}
#nav ul{
	width:100%;
	margin:0;
	
	}
	
#nav ul li{
	float:left;
	width:33.3%; margin:0;
	}
	
#nav ul li img{
	width:100%;
	border-radius:2px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
	
	}
.kakomi img{display:block; margin:0;}	
.section{
	margin:0 auto;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	
	/*background-image:url(../img/section_bg.png);*/
	background-image:url(../img/section_bg_middle.png);
	background-repeat:repeat-y;
	background-size:100%;
	
	}	
	
h4{ width:90%;
margin:5%;
/*margin-top:3% !important;*/
font-size:20px;
	font-weight:bold;
	color:#410101;
	text-shadow:0 0 2px rgba(52,0,0,0.3) ,0 0 4px rgba(52,0,0,0.3);}

h4,.section p{ width:90%; margin:5%;}


	
.section h2{
	
	font-size:100%;
	margin:0 auto;
	margin-bottom:3% !important;
	width:100%;
	background-image:url(../img/h2_bg.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:2em;
	display:table;
	/*font-family: 'Roboto Slab', serif;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	
	position:relative;
	margin-top:7%;
	}

	

.section .area:first-child h2{
	margin-top:0;
}


.section h2 p {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    line-height:1.5em;
    
    width:100%;
}
.new_icon{
	z-index:100;
    position:relative;
    width:3em;
    top:2.4em;
    
    position:absolute;
    top:0;
    left:2%;
    width:15%;
    margin-top:-4%;
	}

h4,.section p{ width:90%; margin:0 auto; line-height:1.5;}



.playableChara,.enemyChara{ width:100%; margin:0 auto; }

.newchara_wiiU{
	box-shadow:0 0 10px 10px rgba(0,0,0,0.4)inset;
	width:100%;/*96.8%*/
	margin:0 auto;
	padding:3.2%;
	background-image:url(../img/chara_wiiu_bg.jpg);
	border-radius:10px;
	color:#FFF;
	box-sizing:border-box;
	font-size:90%;
	}
	
.newchara_wiiU ul li p{
	display:block;
	margin:-4em 1em auto 1em;
	color:white; z-index:10;
	text-shadow:0 0 2px rgba(0,0,0,0.9),0 0 10px rgba(0,0,0,0.9),;
	text-align:left;
            	}
				
.newchara_wiiU span{color:#FFF6E4;}
.newchara_wiiU img{width:100%;}
img.icon_wiiu{width:20%;display:block; position:relative; margin-bottom:-20%;z-index:100;}

.newchara_wiiU a{display:block; color:#fff; color:#fff6e5; margin:1em;padding:1em;
text-align:center; text-decoration:none; border-radius:1em;}

.newchara_wiiU p{
width:100% !important;
txet-align:center;
color:#FFF;
line-height:1.3 !important;
margin:2% auto !important;
font-size:150%;
font-weight:bold;
}

#spec_info{box-shadow:0 0 10px 10px rgba(0,0,0,0.4)inset;
	width:90%;
	margin:0 auto;
	padding:3.2%;
	background-image:url(../img/chara_wiiu_bg.jpg);
	border-radius:10px;
	color:#FFF;}
	
#spec_info img{ display:block;}	
.spec_frame{width:90%; padding:0 5%; background-image:url(../img/spec_frame_middle.png);
background-repeat:repeat-y; background-size:100%;
text-shadow:0 0 2px rgba(0,0,0,0.9),0 0 10px rgba(0,0,0,0.9);}

.spec_frame ul li:first-child{
	background-image:url(../img/icon_triforce.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:2em;
	font-size:120%;
	margin:0.2em auto;
}

.spec_frame ul:nth-child(3),.spec_frame ul:nth-child(4){ margin:0;border-top:1px solid #FEC26C;}
.spec_frame ul:nth-child(3){margin-bottom:0.5em; } 



ul.shokai{ margin:0;border-top:1px solid #fff7bf;}
ul.shokai li{
	color:#fff7bf;
	}



.tgs{position:absolute;top:0.5%; left:0.5%; width:20%;}


/*-----bxslider----*/
.bx-wrapper .bx-controls-direction a.bx-next,
.bx-wrapper .bx-controls-direction a.bx-prev{
background-size:60%;
background-repeat:no-repeat !important;
}
.bx-wrapper .bx-controls-direction a.bx-next{
background-position:center right !important;
}
.bx-wrapper .bx-controls-direction a.bx-prev{
background-position:center left !important;
}

.bx-wrapper .bx-next{
right:-30% !important;
}
.bx-wrapper .bx-prev{
left:-30% !important;
}


.fb-like{vertical-align:top; margin-top:0; padding-top:0;}
.footer{margin-top: 2em ;}

#movies ul{ margin: 0 auto; width:90%;}
#movies ul li{float:left; width:100%;}
#movies ul li a img{ width:100%;}



img.update,img.update2{
	
	position:relative;
	top:0; left:0;  margin-bottom:-10px;
	display:block;
	width:35px;
	z-index:998;
	}
img.update3{display:none;}	
	

.floatRight{display:block; float:right;
			zoom: 100%;}
				
#cero{width:10%;}


.spec_img_limited{ display:block;width:30%;}
.spec_img_limited img{ width:100%;}

.floatRight.pc{display:none;}


#bx-pager1{
	width:100%;
	text-align:center;
	margin-bottom:30px;	
	}
	
	
	
#bx-pager3{
	width:100%;
	text-align:center;
}

#bx-pager1 img,#bx-pager3 img{
	width:20%;
}

#sp_menu{
	width:45%; 
	height:1.5em; 
	background-color:#C00;
	display:none;
	position:fixed;
	right:0;
	top:0;
	z-index:998;
	text-align:center;
	cursor:pointer;
	color:#fff;
	
}

#menu-wrap2 {
  width: 45%;
  height: auto;
  box-shadow: 0 1px 10px #333;
  background: rgba(87,66,49,1);
  display:none;
  z-index: 999;
  position:fixed;
  right:0;
  top:1.5em;
}
#menu2 {
  list-style-type: none;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
}
#menu2 li {
font-size:0.8em;
  width:100%;
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu2 li a {
  display: block;
  width : 100%;
  padding: 1em 0;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  cursor:pointer;
}
#menu2 li a:hover:not(.snsbtn) {
  background: #000;
}
.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
}

.box1 .feature_link{
	display:none;}
	
.box1,.box2,.box3{
	width:100%;}

hr{color:#E9B966;background-color:E9B966;border:none;border-bottom:1px solid #E9B966;width:100%;height:1px;}
#nav2{ display:none;}
.spnav{
	width:100%;
	background-color:#000;
}
.spnav img.spnav_logo{
	
}
.spnav img.spnav_menu{
	display:block;
	float:right;
}
.spnav{zoom:100%;}
.spnav:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}	


.li_tab.select2 img{
	
	-webkit-filter: brightness(1.5);
     -moz-filter: brightness(1.5);
     -o-filter: brightness(1.5);
     -ms-filter: brightness(1.5);
     filter: brightness(1.5);
	}
	#youtube_jump{ border:1px solid #E00; background-color:rgba(255,255,255,0.5);color:#E00; width:80%; margin:0 10% 0.5em; position:relative;  text-align:center; }
#youtube_jump a{text-decoration:none;color:#E00;}

img.platinum{display:block; width:100%;}
div.triger{
	position:relative;
	width:100%;
	height:3em;
	background-position:center;
	background-size:contain;
	background-image:url(../img/btn_mottomiru_sp.png);
	background-repeat:no-repeat;
	}
	
div.active_acordion{
	position:relative;
	background-image:url(../img/btn_mottomiru_sp_close.png);
	
}

ul.mov_top{ position:relative;display:block; height:auto; }
ul.mov_top li{ display:inline-block;}
ul.mov_top li:nth-child(1){width:80%; margin-left:10%; height:auto; }
ul.mov_top li:nth-child(2){width:37.5%; margin-left:10%; margin-right:1%;}
ul.mov_top li:nth-child(3){width:37.5%; margin-left:1%; margin-right:10%;}
ul.mov_top li:nth-child(4){width:37.5%; margin-left:10%; margin-right:1%;}
ul.mov_top li:nth-child(5){width:37.5%; margin-left:1%; margin-right:10%;}
ul.mov_top2 li{
	width: 37.5%;
	height: auto;
	position: relative;
	display:inline-block;
}

ul.mov_top2 li:nth-child(2n-1){
	margin-left:10%; margin-right:1%; margin-top:0; margin-bottom:0;}
ul.mov_top2 li:nth-child(2n){
	margin-left:1%; margin-right:10%; margin-top:0; margin-bottom:0;}

#wrap_sbnn{
	width:100%;
	background-color:#331a16; 
	background-image:url(../img/sbnn_base.jpg); 
	background-repeat:repeat-x;
	background-position:top center;	
	margin:0; padding:10px 0 1px 0;
}
#wrap_sbnn ul{ width:100%; height:80px; display:block; margin:0; padding:0;}
#wrap_sbnn ul li{margin:0; padding:0; width:50%;  }

#explain_sp{
	font-size:70%;
	text-align:center;
	text-decoration:none;
	display:block;
	color:#C03;
	border:1px solid #C03;
	margin:0.5em;

}



#apology_sp{
	background-color:#fff;
	font-size:90%;
	text-align:center;
	text-decoration:none;
	display:block;
	color:#C03;
	border:1px solid #C03;
	margin:0.5em;	
}

/*追加コンテンツ＆更新データ*/


.YT {
  position: relative;
  width: 95.6%;
  padding-top: 53.775%;/*100%で56.25%;*/
  margin-bottom:0.5em;
}
.YT iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


ul.dlc_img li{
	width:33%; float:left;
	
}
.update_info1{
	
	color:#ffe061;
	width:100%;
	height:100%;
	
	
	background-image:url(../img/update_bg_3.gif);
	background-size:auto 100%;
	background-position:center left;
	background-repeat:no-repeat;
	font-size:1em;
	line-height:1em;
	margin:1em auto 0;
	box-shadow:5px 5px 0px #543017 inset,-5px -5px 0px #543017 inset,6px 6px 0px #FFE061 inset,-6px -6px 0px #FFE061 inset,0px 0px 10px #FC0 inset;
	
}

.update_info1.toggle{
	cursor:pointer;
	color:#ffe061;
	width:100%;
	height:100%;
	
	
	background-image:url(../img/update_bg_3.gif);
	background-size:auto 100%;
	background-position:center left;
	background-repeat:no-repeat;
	font-size:1em;
	line-height:1em;
	margin:1em auto 0;
	box-shadow:5px 5px 0px #963 inset,-5px -5px 0px #963 inset,6px 6px 0px #FFE061 inset,-6px -6px 0px #FFE061 inset,0px 0px 10px #FC0 inset,0px 0px 20px #FC0 inset,0px 0px 30px #FC0 inset,3px 3px 7px #000;
	cursor:pointer; !important
}



.update_info1 p{
	padding-top: 0.3em;
	
	
}

.update_info1 .haishinchu{
	text-align:center;
	color:#fff;
	background: #51bf3d;
	background: -moz-linear-gradient(left,  #51bf3d 0%, #24820e 100%);
	background: -webkit-linear-gradient(left,  #51bf3d 0%,#24820e 100%);
	background: linear-gradient(to right,  #51bf3d 0%,#24820e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51bf3d', endColorstr='#24820e',GradientType=1 );
	margin:0 0.5em 0 0;
	padding:0.2em;
	text-shadow:1px 1px 2px #000;
	text-decoration:none;

}

.haishinyotei{
	text-align:center;
	color:#fff;
	background: #ff6600;

	background: -moz-linear-gradient(left,  #ff6600 0%, #ef1c1c 100%);
	background: -webkit-linear-gradient(left,  #ff6600 0%,#ef1c1c 100%);
	background: linear-gradient(to right,  #ff6600 0%,#ef1c1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ef1c1c',GradientType=1 );
	margin:0 0.5em 0 0;
	padding:0.2em;
	text-shadow:1px 1px 2px #000;
	text-decoration:none;

}

.mainupdate{
	width:8em;
	text-align:center;
	color:#fff;
	background: #166900;
	background: -moz-linear-gradient(top,  #166900 0%, #a1d8e1 100%);
	background: -webkit-linear-gradient(top,  #166900 0%,#a1d8e1 100%);
	background: linear-gradient(to bottom,  #166900 0%,#a1d8e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166900', endColorstr='#a1d8e1',GradientType=0 );
	border-radius:10px;
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(255,255,255,1);
	box-shadow: inset 2px 2px 5px 0px rgba(255,255,255,1);
}

.mainadd{
	width:8em;
	text-align:center;
	color:#fff;
	
	background: #c79810;
	background: -moz-linear-gradient(top,  #c79810 0%, #eab92d 100%);
	background: -webkit-linear-gradient(top,  #c79810 0%,#eab92d 100%);
	background: linear-gradient(to bottom,  #c79810 0%,#eab92d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c79810', endColorstr='#eab92d',GradientType=0 );

	border-radius:10px;
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(255,255,255,1);
	box-shadow: inset 2px 2px 5px 0px rgba(255,255,255,1);
}


#answer ul li:nth-child(odd){
	font-size:1.2em;
	color:#700;
	margin:1.2em 0 0.6em;
}

#answer ul li:nth-child(even){
	margin:0 2%;
	font-size:1em;
	line-height:1.6em;
	padding-bottom:1em;
	border-bottom:1px solid #4B2711;
}

#answer ul li span.strong{
	color:#06F;
}
#answer img.center_img{
	margin-top:1.2em;
	margin-bottom:1.2em;}
	
.pack{width:100%;
margin:0 auto;
background-color:#fff;
border:1px solid #A00
}



.pack ul{
	border-bottom:1px solid #A00;
	
	
}	
.pack ul li{
	float:left;
	padding:10px 0;
	
}

.pack ul li:nth-child(1){
	width:40%;
	text-align: center;
vertical-align: center;
	font-weight:bold;
}
.pack ul li:nth-child(2){
	width:30%;
	font-size:90%;
}
.pack ul li:nth-child(3){
	width:30%;
	font-size:80%;
}

.pack ul:nth-child(1) li{
	font-weight:normal;
	text-shadow:none;
	font-size:12px;
	text-align:center;
	color:#A00;
	border:none;
	
}



	
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        
		         PC用
		
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/		

		
@media screen and (min-width: 649px) {
	#answer ul li:nth-child(even){
	margin:0 3em;
	}
.update_info1{
	color:#ffe061;
	font-size:1em;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 7% 0 0;
	
}
.update_info1 p{
	padding-top: 0;
	display: inline;
	position: absolute;
	top: 16px;
	left: 2px;
	width: 100%;
	height: 100%;
}
.update_info1 .haishinchu,.haishinyotei{

margin:0 1em;}



#explain_sp{display:none}
#apology_sp{display:none}
	
div.triger{
	position:relative;
	width:1000px;
	height:71px;
	background-image:url(../img/btn_mottomiru.png);
	}
	
div.active_acordion{
	position:relative;
	background-image:url(../img/btn_mottomiru_close.png);
}
	
	
img.platinum{display:block; width:auto; margin:16px 0;}

#top_box{position:relative;}

#logo_new{position:relative; top:0; left:-40px;}
#package{
	position:absolute;
	top:19px;
	left:745px;
}

#onsale{
	position:absolute;
	top:0;
	left:380px;
}

#btn_box{
	font-size:80%;
	display:block;
	position:absolute;
	top:180px;
	left:414px;
	}
#apology{
	
	font-size:100%;
	text-align:center;

	text-decoration:none;
	display:block;
	color:#C03;
	border:1px solid #C03;
	width:570px;
	position:absolute;
	top:255px;
	left:420px;
	background-color:#fff;
	
	
}

#explain{
	font-size:70%;
	text-align:center;

	text-decoration:none;
	display:block;
	color:#C03;
	border:1px solid #C03;
	width:450px;
	position:absolute;
	top:290px;
	left:540px;
	
	
}

ul.mov_top{ position:block; height:297px; }	
ul.mov_top li{
	margin:0;	
	width: 244px;
	height: 146px;
	display: block;
	position: absolute;
	
}

ul.mov_top li:nth-child(1){width:493px; margin-left:0; height:297px; left:253px; }
ul.mov_top li:nth-child(2){width:244px; margin-left:0; margin-right:0;}
ul.mov_top li:nth-child(3){width:244px; margin-left:0; margin-right:0;left:756px;}
ul.mov_top li:nth-child(4){width:244px; margin-left:0; margin-right:0;left:0;bottom:0;}
ul.mov_top li:nth-child(5){width:244px; margin-left:0; margin-right:0;left:756px;bottom:0;}




ul.mov_top2 li,ul.mov_top2 li:nth-child(2n-1),ul.mov_top2 li:nth-child(2n){
	width: 244px;
	height: 146px;
	display: block;
	position: relative;
	float:left;
	margin:8px 8px 0 0;
}

ul.mov_top2 li:nth-child(4n){
	margin:8px 0 0 0;
	}
	
	.update3{position:relative;
	top:0; left:0;  margin-bottom:-10px;
	display:block;
	width:35px;
	z-index:998;
	}
	
#wrap_sbnn{
	width:100%;
	 
	background-image:url(../img/sbnn_base.jpg); 
	background-repeat:repeat-x;
	background-position:top center;
	margin:0;padding:10px 0 1px 0;
	}
#wrap_sbnn ul{ width:100%; margin: 0;padding:0px 0 0 0 ;}
#wrap_sbnn ul li{ width:200px; margin:0; 
				padding:0; }


		
.area{ width:800px; margin:0 auto; }

#nav2{ display:block;width:100%; background-image:url(../img/nav_bg.jpg); background-repeat:repeat-x; background-position:center;height:117px; }
#nav2 ul{display:block; margin:0 auto; width:950px; height:100%;}
#nav2 ul li{ display:block; float:left; margin-top:18px; cursor:pointer;}
#nav2 ul li:nth-child(1){ margin-top:7px;}
#nav2 ul li img{cursor:pointer;}

.box1{
	width:50%;
	float:left;
}
.box1 .feature_link{
	display:block;
	margin-top:-180px;z-index:999;
	position: relative;
}

.box2{
	width:70%;
	float:left;
}

.box3{
	width:30%;
	float:left;
}




.sp{display:none;}
.pc{display:block;}

#menu-wrap {
  width: 100%;
  height: 60px;
  box-shadow: 0 1px 10px #333;
  background: rgba(87,66,49,1);
  display:none;
  z-index: 999;
  position:fixed;
  top:0px;
}
#menu {
  list-style-type: none;
  width: 1000px;
  margin: 0px auto 0px;
  padding: 0;
}
#menu li {
	font-size:50%;
  width: 14.2857143%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a {
  display: block;
  width : 100%;
  padding: 23px 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu li a:hover:not(.snsbtn) {
  background: #000;
}
.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
}



.common_img{width:auto;}	

img.cero{ display:block; width:auto; margin-left:750px; margin-top:-70px; margin-bottom:10px; z-index:500;}

body{background-image:url(../img/body_bg.jpg),url(../img/bg_footer.jpg);
background-position:center top,center bottom;
background-repeat:repeat-x;
background-size:auto,auto;}

body.top{background-image:url(../img/bg1.jpg),url(../img/bg_footer.jpg);
background-position:center top,center bottom;
background-repeat:no-repeat,repeat-x;
background-size:auto,auto;}


#wrap_wrapper{
	width:100%; 
	height:auto;
	background-image:url(../img/body_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:auto;
	}

#page_top img{width:100%;}

h3{
	font-size:30px;
}

#wrapper{
	margin:0 auto;
	width:1000px;

	}
	
#top{
	width:1000px;
	height:auto;
	margin:0 auto;
	}

#ds{
	display:block;
	position:absolute;
	left:104px;
	top:74px;
	z-index:0;

}

#maru_next{
	position:absolute;
	left:785px;
	top:139px;
	z-index:10;
	}


#hamekomi,#playbtnarea a{
	height: 316px;
	width: 527px;
	position: absolute;
	left: 234px;
	top: 136px;
	z-index: 10;
}


#playbtnarea a{
	z-index:1000;
	cursor:pointer;
	background-image:url(../img/top_play_off.png);
}


	
#playbtnarea a:hover{
	background-image:url(../img/top_play_on.png);
	background-color:rgba(0,0,0,0.6);
	cursor:pointer;}
	


.newinfo{width:auto; height:auto; background-color:none;}

.newinfo img{ width:170px; float:left; margin:3px; }
.newinfo .newchara{ width:238px; height:64px; float:left; margin:0 9px 3px 3px; }


.section h2:nth-child(2){
	margin-top:10px;
	
}

#logo img{ width:auto;}
.copy{
	position:absolute;
	top:432px;
	left:533px;
	z-index:90;
	opacity:0;
	display:block;
	}

.tgs{position:absolute;top:10px; left:10px;width:auto;}


.movie{ position:absolute;
top:552px; left:552px;
opacity:0;}
/*
.moviePopup a{
	display:block;
	width: 326px;
	height: 197px;
	z-index: 5;
	
	position: relative;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	top: 90px;
	margin-bottom:-90px;
	left: 0;
	background-color:#E00;
	z-index:20;
}
*/
.youtube{
	position: absolute;
	display: block;
	top: 550px;
	left: 552px;
	width: 326px;
	height: 197px;
	font-size: 0px;
}



a.popup{z-index:500;}
.date{width:auto;
	position:relative;
	top:130px;
 margin:0 auto;
 opacity:0;}
 .date img{width:auto;}
	
#wrap_info{
	margin:0;
	position:relative;
	width:100%;
	height:50px;
	background-image:url(../img/topic_bg.jpg);
	background-repeat:repeat-x;
	background-size:auto 100%;}
	#info{
		height:50px;
		width:1000px;
	
	}
	
	#info #topic{
		
		width:960px;
		margin:0 auto;
		height:26px;
		margin:12px 0;
		
	}
	
	#info #topic #text{
		width:960px;	
	}
	
	#info #bn-opener{
		margin-top:5px;
		width: 30px;
		height: 30px;
	}
	
#info #topic-backnumber tr td:nth-child(1){
	width:105px;}	

#nav{height:126px;padding: 20px 0 0;}

#nav ul{
	width:100%;
	margin:0;
	
	
	}
	
#nav ul li{
	float:left;
	width:16.6%;
	margin: 0;
	
	
	
	
	}


.section p{width:640px;}


	
.section h2{
	font-size:45px;
	width:100%;
	background-image:url(../img/h2_bg.png);
	height:100px;
	display:table;
	/*font-family: 'Roboto Slab', serif;*/
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;

	}
.section h2.long{font-size:30px;}	

.section h2 p {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    line-height:1.5em;
}

.new_icon{
	/*z-index:100;height:90px;width:auto;position:relative; margin-left:40px; top:50px; margin-top:-100px;*/
	}	


h4,.section p{ width:64%; margin:0 auto; line-height:1.5;}

div.stage_img{
	
	width:800px;
	margin:1em auto 0;}
	

div.stage_img img{
	width:400px;}


#bx-pager1 img,#bx-pager3 img{
	width:85px;
}

#system ul p{width:100%;}


.newchara_wiiU{	
	width:600px;
	padding:20px;
	}
	
#system ul{
	width:640px;
	margin:0 auto;}
	
#system ul li:nth-child(2n-1){
	float:left;
	width:310px;
	
			
	}
	
#system ul li:nth-child(2n){
	float:left;
	width:310px;
	margin-left:20px;
	
	}
#spec_info{width:900px; margin:0 auto;}	

.footer{width:500px; margin: 2em auto 0 auto;}


/*-----bxslider---*/
.bx-wrapper .bx-controls-direction a.bx-next,
.bx-wrapper .bx-controls-direction a.bx-prev{
background-size:100%;
}

.bx-wrapper .bx-next{
right:-20% !important;
}
.bx-wrapper .bx-prev{
left:-20% !important;
}
#movies ul{margin:0 113px; }
#movies ul li{float:left; width:322px; margin:10px;}
#movies ul li a img{ width:100%;}


#movies ul li a img{ width:auto; margin:0 auto;}

img.update,img.update3{
	
	position:relative;
	top:0; left:0;  margin-bottom:-20px;
	display:block;
	width:70px;
	z-index:998;
	}
	
img.update2{
	position:relative;
	top:-10px; left:70px;  margin-bottom:-55px;
	display:block;
	width:70px;
	z-index:998;
	}	

.spec_img_limited{ width:auto;}
#cero{width:auto;}

.floatLeft{float:left; width:50%; zoom: 100%;}
.floatLeft
.floatLeft:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}	

#sp_menu{
	display:none;
	background-color:#EEE;
}
}


/*回り込み解除する*/

			
#nav,#topic,#system,#movie,.section,img.cero,div.stage_img img,ul.mov_top li,.box1{
    zoom: 100%;
}

#nav:after,#topic:after,#system:after,#movie:after,.section:after,.copy:after,img.cero:after,.floatRight:after,div.stage_img img:after,.floatLeft:after,ul.mov_top li:after,.box1:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}