/* CSS Document */
*{margin:0; padding:0; border:none; outline:none;}
html,body{width:100%; height:100%;}
body{background:#000 url(../images/body_bg_y.jpg) repeat-y center top; color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

	/* header ********************************************************************************************************************/
	#platformHeader{ width:100%; height:50px; background:url(../images/header/bg_platformHeader.jpg) center top #000;	}
	#platformHeader .phInner{ width:1100px; margin:0 auto;	}
	#platformHeader .phInner a.logo{ display:block; width:186px; height:50px;	}
	#platformHeader .phInner .cog{ background:url(../images/header/logo_cog.png) no-repeat center center; }
	#platformHeader .phInner .dmm{ background:url(../images/header/logo_dmm.png) no-repeat center center; }
	#platformHeader .phInner .hangame{ background:url(../images/header/logo_hangame.png) no-repeat center center; }
	#platformHeader .phInner .ps3{ background:url(../images/header/logo_ps3.png) no-repeat center center; }
	#platformHeader .phInner .psvita{ background:url(../images/header/logo_psvita.png) no-repeat center center; }
	#platformHeader .phInner .ps4{ background:url(../images/header/logo_ps4.png) no-repeat center center; }
	#platformHeader .phInner .wiiu{ background:url(../images/header/logo_wiiu.png) no-repeat center center; }
	#platformHeader .phInner .xbox360{ background:url(../images/header/logo_xbox360.png) no-repeat center center; }

	header{
		width:100%; height:100px; max-width:1600px; min-width:1100px; margin:0 auto; background:url(../images/header/bg_x.png) repeat-x bottom center; position:relative; z-index:10;
		transition-property:height;
		transition-duration:0.4s;
	}
	.sub header{height:120px;}
		header:before{content:' '; display:block; margin:0 auto; width:222px; height:100%; background:url(../images/header/emblem.png) no-repeat bottom center;}
		header .line{width:100%; height:59px; background:url(../images/header/line.png) no-repeat bottom center; position:absolute; left:0; bottom:-2px;}
		
		header #bgmman_box{
			left:50%; margin-left:230px; top:20px;
			transition-property:top,margin-left;
			transition-duration:0.4s;
		}
		.sub header #bgmman_box{margin-left:161px; top: 26px;}
		
		header .share{
			width:112px; height:56px; position:absolute; left:50%; margin-left:433px; top:9px; background:url(../images/sns_pc.png) no-repeat 0px 0px;
			transition-property:top,margin-left;
			transition-duration:0.4s;
		}
		.sub header .share{margin-left:364px; top:14px;}
			header .share a{
				display:block; width:48px; height:48px; position:absolute; top:1px; background:rgba(255,255,255,0.25); opacity:0;
				transition-property:opacity;
				transition-duration:0.4s;
			}
				header .share a:hover{opacity:1;}
			header .share a.tw{left:2px;}
			header .share a.fb{left:58px;}
		
		header .logo{
			display:block; background:url(../images/header/z_logo_pc.png) no-repeat 0px 0px; background-size:contain; position:absolute; left:50%; width:674px; height:243px; top:2px; margin-left:-592px;
			transition-property:height,width,top,margin-left;
			transition-duration:0.4s;
		}
		.sub header .logo{width:376px; height:136px; margin-left:-420px; top:8px; background-image:url(../images/header/z_logo_sub.png);}
		
	@media (max-width: 840px){
		#platformHeader{ width:840px; height:100px; background:none #000;	}
		#platformHeader .phInner{ width:100%;	}
		#platformHeader .phInner a.logo{ display:block; width:372px; height:100px;	}
		#platformHeader .phInner .cog{ background:url(../images/header/logo_sp_cog.png) no-repeat center center; }
		#platformHeader .phInner .dmm{ background:url(../images/header/logo_sp_dmm.png) no-repeat center center; }
		#platformHeader .phInner .hangame{ background:url(../images/header/logo_sp_hangame.png) no-repeat center center; }
		#platformHeader .phInner .ps3{ background:url(../images/header/logo_sp_ps3.png) no-repeat center center; }
		#platformHeader .phInner .psvita{ background:url(../images/header/logo_sp_psvita.png) no-repeat center center; }
		#platformHeader .phInner .ps4{ background:url(../images/header/logo_sp_ps4.png) no-repeat center center; }
		#platformHeader .phInner .wiiu{ background:url(../images/header/logo_sp_wiiu.png) no-repeat center center; }
		#platformHeader .phInner .xbox360{ background:url(../images/header/logo_sp_xbox360.png) no-repeat center center; }

		header{height:120px; width:840px; min-width:840px;}
			header #bgmman_box,
			header .share{display:none;}
			header .logo{width:826px; height:298px; margin-left:-495px; top:0px; background-image:url(../images/header/z_logo.png);}
			.sub header .logo{width:376px; height:136px; margin-left:-420px; top:8px; background-image:url(../images/header/z_logo_sub.png);}
	}
	
	/* contents ********************************************************************************************************************/
	.contents_box{
		width:100%; max-width:1600px; min-width:1100px; margin:0 auto; overflow:hidden; position:relative; z-index:1; background:#1a1a1a;
		transition-property:height;
		transition-duration:0.4s;
	}
		.contents_box:before{
			content:' '; display:block; position:absolute; width:100%; height:100%; opacity:0; background:fixed url(../images/content_box_bg.jpg) no-repeat center top;
			transition-property:opacity;
			transition-duration:0.4s;
		}
		.sub .contents_box:before{opacity:1;}
	#contents{width:100%; max-width:1100px; min-height:300px; position:relative; margin:0 auto; padding:21px 0 44px;}
		
		#contents .inner{width:940px; position:relative; margin:0 auto; background:#000; padding-bottom:50px;}
			#contents .inner *{position:relative; z-index:2;}
			#contents .inner:before{
				content:' '; display:block; border:2px solid #434343; position:absolute; left:1px; top:1px; right:1px; bottom:1px; z-index:1;
				background:url(../images/content_inner_bg_top.gif) no-repeat center top,url(../images/content_inner_bg_bottom.gif) no-repeat center bottom;
			}
			#contents .inner .ttl{position:absolute; left:50%; margin-left:-480px; top:32px;}
			#contents .inner .lbl{display:block; position:relative; left:50%; margin-left:-466px;}
		
	@media (max-width: 840px){
		.contents_box{width:100%; width:840px; min-width:840px;}
			
			#contents .inner{width:840px;}
				#contents .inner:before{border-left:none; border-right:none; left:0; right:0;}
	}
	
	/* footer ********************************************************************************************************************/
	footer{width:100%; max-width:1600px; min-width:1100px; padding-top:39px; margin:0 auto; background:url(../images/footer/grad_x.png) repeat-x center top; position:relative; text-align:center; z-index:10;}
		footer .line{width:100%; height:59px; background:url(../images/footer/line.png) no-repeat top center; position:absolute; left:0; top:-4px;}
		footer .s-in{width:100%; height:282px; background:url(../images/footer/ps4_sin_pc.png) no-repeat center top;}
		footer .logo{width:100%; height:72px; margin-top:15px; text-align:center;}
		footer a.capcom{ display:inline-block; width:188px; height:72px; margin-right:20px; background:url(../images/footer/capcom_pc_logo.png) no-repeat center center;	}
		footer a.mh{
			display:inline-block; width:480px; height:72px; margin-right:20px; background:url(../images/footer/mh_bnr.jpg) no-repeat 0px 0px;
			-moz-box-shadow:0px 0px 6px rgba(000,000,000,0.8);
			-webkit-box-shadow:0px 0px 6px rgba(000,000,000,0.8);
			box-shadow:0px 0px 6px rgba(000,000,000,0.8);
		}
		footer span.cero{ display:inline-block; width:57px; height:72px; background:url(../images/footer/cero_pc.png) no-repeat center top;	}

		footer .links{text-align:center; width:100%; background:url(../images/footer/emblem.png) no-repeat center center; padding:10px 0 30px;	}
			footer .links a{display:inline-block; height:27px; margin:0 17px; background:url(../images/footer/links_pc.png) no-repeat 0px 0px;}
			footer .links a.c_top{background-position:0px 0px; width:148px;}
			footer .links a.c_game{background-position:0px -27px; width:124px;}
			footer .links a.c_ecap{background-position:0px -54px; width:154px;}
			footer .links a.c_fc{background-position:0px -81px; width:153px;}
			footer .links a.c_inq{background:url(../images/footer/inq_pc.png) no-repeat 0px 0px; width:99px;}
		
			footer .links .browser{ margin:24px auto; width:776px; height:18px; background:url(../images/footer/browser_pc.png) no-repeat center top;	}
			footer .links .notice{ margin:24px auto 24px; width:784px; height:101px;	}
			footer .links .all{ background:url(../images/footer/notice_pc.png) no-repeat center top;	}
			footer .links .pc{ background:url(../images/footer/notice_pc_pc.png) no-repeat center top;	}
			footer .links .sie{ background:url(../images/footer/notice_pc_sie.png) no-repeat center top;	}
			footer .links .wiiu{ background:url(../images/footer/notice_pc_wiiu.png) no-repeat center top;	}
			footer .links .xbox360{ background:url(../images/footer/notice_pc_xbox360.png) no-repeat center top;	}
			footer .links .cr_capcom{margin:12px auto 0; width:290px; height:17px; background:url(../images/footer/cr_capcom_pc.png) no-repeat 0px 0px;}

		#scroll_to_top{
			cursor:pointer; display:block; width:66px; height:66px; background:url(../images/toTop.png) no-repeat 0px 0px; position:fixed; left:50%; margin-left:470px; bottom:-66px; opacity:0;
			transition-property:opacity;
			transition-duration:0.4s;
		}
		#scroll_to_top.enabled{bottom:10px; opacity:1;}
		#scroll_to_top.abs{position:absolute;}

	@media (max-width: 840px){
		footer{ width:840px; min-width:840px;}
			footer .logo{width:100%; height:80px; margin-top:15px; text-align:center;}
			footer a.capcom{ display:inline-block; width:200px; height:80px; margin-right:20px; background:url(../images/footer/capcom_pc_logo.png) no-repeat center center;	}
			footer a.mh{margin-top:30px;}
			footer span.cero{ display:inline-block; width:64px; height:80px; background:url(../images/footer/cero_sp.png) no-repeat center top;	}
			footer .links{width:840px; margin-top:30px; background:none; }
				footer .links a{height:55px; margin:10px 31px; background-image:url(../images/footer/links_sp.png);}
				footer .links a.c_top{background-position:0px 0px; width:313px;}
				footer .links a.c_game{background-position:0px -55px; width:313px;}
				footer .links a.c_ecap{background-position:0px -110px; width:313px;}
				footer .links a.c_fc{background-position:0px -165px; width:313px;}
				footer .links a.c_inq{background:url(../images/footer/inq_sp.png) no-repeat 0px 0px; width:190px;}

			footer .links .browser{ display:none;	}
			footer .links .notice{ margin:24px auto 24px; width:820px; height:440px;	}
			footer .links .all{ background:url(../images/footer/notice_sp.png) no-repeat center top;	}
			footer .links .pc{ background:url(../images/footer/notice_sp_pc.png) no-repeat center top;	}
			footer .links .sie{ background:url(../images/footer/notice_sp_sie.png) no-repeat center top;	}
			footer .links .wiiu{ background:url(../images/footer/notice_sp_wiiu.png) no-repeat center top;	}
			footer .links .xbox360{ background:url(../images/footer/notice_sp_xbox360.png) no-repeat center top;	}
			footer .links .cr_capcom{ display:none;	}

			#scroll_to_top{display:none;}
	}
	
	/* wall ********************************************************************************************************************/
	#wall{display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; overflow:hidden;}
		#wall_cover{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.8);}
	
	#loading{position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:#000;}
		#loading p{position:absolute; right:10px; bottom:10px; text-align:right; color:#FFF; font-size:24px; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
	@media (max-width: 840px){
		#wall,
		#wall_cover,
		#loading{width:840px;}
	}
	
	
	/* nav ********************************************************************************************************************/
	#nav_box{
		width:100%; min-width:1100px; height:0; position:absolute; left:0; top:0; z-index:10;
	}
		#nav_box .navOpenBtn{display:none;}
		#nav_box nav{
			display:block; position:absolute; padding:6px 18px 0; left:50%; margin-left:64px; top:136px; white-space:nowrap;
			background:#191919;
			background:-moz-linear-gradient(top,#313131 0%,#000000);
			background: -webkit-gradient(linear, left top, left bottom,from(#313131),to(#000000));
			-moz-border-radius: 18px;
			-webkit-border-radius: 18px;
			border-radius: 18px;
			-moz-box-shadow:0px 0px 4px rgba(000,000,000,0.8),inset 0px 0px 4px rgba(255,255,255,0.4);
			-webkit-box-shadow:0px 0px 4px rgba(000,000,000,0.8),inset 0px 0px 4px rgba(255,255,255,0.4);
			box-shadow:0px 0px 4px rgba(000,000,000,0.8),inset 0px 0px 4px rgba(255,255,255,0.4);
			
			transition-property:width,top,margin-left;
			transition-duration:0.4s;
		}
		.sub #nav_box nav{margin-left:36px;}
			#nav_box nav .cover,header nav .navCloseBtn{display:none;}
			#nav_box nav .hr{display:inline-block; width:2px; height:24px; position:relative; margin:0 6px; background:url(../images/header/nav_split.gif) no-repeat 0px 0px;}
			#nav_box nav a{display:inline-block; height:24px; background:no-repeat 0px 0px; position:relative;}
				#nav_box nav a span{display:none;}
				#nav_box nav a:hover{background-position:0px -24px;}
			#nav_box nav a.monster{background-image:url(../images/header/nav_lbl_monster.png); width:94px;}
			#nav_box nav a.hunter{background-image:url(../images/header/nav_lbl_hunter.png); width:79px;}
			#nav_box nav a.online{background-image:url(../images/header/nav_lbl_online.png); width:168px;}
			#nav_box nav a.top,#nav_box nav a.z{display:none;}
	@media (max-width: 840px){
		#nav_box{width:840px; min-width:840px; position:fixed;}
			#nav_box .navOpenBtn{position:absolute; left:50%; margin-left:294px; top:10px; width:116px; height:116px; background:url(../images/header/sp_navi_btn.png) no-repeat 0px 0px; display:block; z-index:1000;}
			#nav_box nav{display:none; left:0; top:0; width:840px; padding:156px 0 0; margin:0; z-index:1000; background:none;}
			.sub #nav_box nav{ margin:0;}
				#nav_box nav.open{display:block;}
				#nav_box nav .cover{position:fixed; left:0; top:0; width:840px; height:100%; display:block; background:rgba(0,0,0,0.85);}
				#nav_box nav .navCloseBtn{position:absolute; left:50%; margin-left:294px; top:10px; width:116px; height:116px; background:url(../images/header/sp_navi_close_btn.png) no-repeat 0px 0px; display:block;}
				#nav_box nav .hr{display:none;}
				#nav_box nav a{background:none; height:170px; border-top:2px solid #4c431f; border-bottom:2px solid #4c431f; margin:-2px 0 0; text-decoration:none; text-align:center;}
				#nav_box nav a.top,
				#nav_box nav a.monster,
				#nav_box nav a.hunter,
				#nav_box nav a.online,
				#nav_box nav a.start,
				#nav_box nav a.starting,
				#nav_box nav a.z{width:840px; background:none; display:block;}
					#nav_box nav a span{font-size:60px; color:#f5c616; line-height:169px; text-align:center; display:inline;}
						#nav_box nav a span:after{content:'　≫';}
						#nav_box nav a.z span:after{content:'';}
	}
	
	img.side_fade{
		position:fixed; top:0; height:100%; width:176px; z-index:1000;
		/*Chrome hack>*/-webkit-transform:translate3d(0,0,0);/**/
	}
	img.side_fade.side_l{margin-left:-800px; left:50%;}
	img.side_fade.side_r{margin-right:-800px; right:50%;}


	div.side_fade{
		position:fixed; top:0; height:100%; width:176px; z-index:1000;
		/*Chrome hack>*/-webkit-transform:translate3d(0,0,0);/**/
	}
	div.side_fade.side_l{margin-left:-800px; left:50%; background:url(../images/pc_sidefade_l.png) repeat-y left top; }
	div.side_fade.side_r{margin-right:-800px; right:50%; background:url(../images/pc_sidefade_r.png) repeat-y left top; }

	/*「困ったときは」への導線*/
	.linkBox3{ width:680px; height:88px; margin:-20px auto 30px; text-align:center; background:url(../images/start/start_bg_linkFaq.jpg) no-repeat center top; padding-top:48px;	}
	.linkBox3 a.linkBtn{ display:inline-block; width:471px; margin:0 auto;	}
	a.linkBtn:hover{ opacity:0.8 !important; transition-property:opacity; transition-duration:0.2s;	}

	/*「MHF-Ｚをはじめよう」への導線*/
	.linkBox4{ width:680px; height:88px; margin:20px auto 0; text-align:center; background:url(../images/bg_linkStart.jpg) no-repeat center top; padding-top:48px;	}
	.linkBox4 a.linkBtn{ display:inline-block; width:471px; margin:0 auto;	}

	@media (max-width: 840px){
	}

#pvBox{	width:916px; height:518px; margin:0 auto; padding:27px 29px; background:url(../images/pv/pvBase.png) no-repeat center top;	}
#pvBox #my_player{	width:916px; height:515px;	}

.txtRed{ color:#e60012;	}
.txtPink{ color:#ea68a2;	}