@charset "UTF-8";

/************************************************************
*
*　魔法使いと黒猫のウィズ 超絶怒涛の4周年！ 
*　全ページ共通部分スタイルシート
*
************************************************************/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　COMMON
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	background-color:#fff;
	height: 100%;
    margin: 0;
	min-width:1200px;
	}

a:focus{
  outline: none !important;
	}


/* loafing ---------- */

html {
    height: 100%;
}

a{
	color:#353535;
	}

.fade a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
 
.fade a img {
-webkit-transition: opacity 0.1s ease-out;
-moz-transition: opacity 0.1s ease-out;
-ms-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out;

}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　MODULE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#wrap {
	width:100%;
	min-width:1200px;
	margin:0 auto;
	overflow-x: hidden;
	}
#header {
	background-image: url(/magicianwiz/4thanniversary/img/bg_day05.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	min-height:897px;
	min-width:1200px;
	margin:0 auto;
	padding:0 0 0 0;
	}
	
#header ul{
	width:1200px;
	text-align:center;
	margin:0 auto;
	}
	
#header .logoarea li{
	vertical-align:middle;
	display:inline-block;
	}
#header .flexslider {
	height:648px;
	overflow: hidden;
	}

#header ul .neg{
	margin:0 0 0 -24px;
	}

div{
	text-align:center;
	}
	
h1{
	text-align:center;
	}
	
#play_btn{
	padding:260px 0 50px 0;
	position:relative;
	z-index:9999;
	}
#sns{
	text-align:center;
	padding:20px 0 20px 0;
	}
	
#sns li{
	display:inline-block;
	vertical-align:middle;
	padding:0 15px 0 15px;
	}
	
#wrap .bar{
	width:100%;
	text-align:center;
	background-color:#000;
	}
#wrap .bar_ex{
	width:100%;
	text-align:center;
	background-color:#000;
	margin:100px 0 0 0;
	}
#wrap .inner {
	width:100%;
	background-image: url(/magicianwiz/4thanniversary/img/bg_01.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	position:relative;
	}
#wrap .inner .wrap_cont01{
	width:1200px;
	margin:0 auto;
	text-align:center;
	position:relative;
	font-size:0;
	padding:30px 0 0 0;
	}
#wrap .inner .wrap_cont01 .absolute{
	position:absolute;
	bottom:-44px;
	left:0;
	right:0;
	width:641px;
	margin:0 auto;
	z-index:3;
	}
#wrap .inner .caution{
	position:relative;
	z-index:2;
	padding:60px 0 0 0;
	text-align:center;
	}
	
#wrap .inner .wrap_cont02{
	width:1200px;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:30px 0 0 0;
	}
#wrap .inner .wrap_cont02 .absolute{
	position:absolute;
	bottom:-44px;
	left:0;
	right:0;
	width:641px;
	margin:0 auto;
	z-index:3;
	}
#wrap .inner .wrap_cont03{
	width:1200px;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:70px 0 0 0;
	}
#wrap .inner .wrap_cont03 .absolute{
	position:absolute;
	bottom:-44px;
	left:0;
	right:0;
	width:641px;
	margin:0 auto;
	z-index:3;
	}
#wrap .inner .wrap_cont03 .absolute_ex{
	position:absolute;
	bottom:-44px;
	left:20px;
	width:338px;
	z-index:3;
	}
#wrap .inner .wrap_cont03 .absolute_ex02{
	position:absolute;
	bottom:-44px;
	right:20px;
	width:338px;
	z-index:3;
	}
	
#wrap .inner .wrap_cont03 .absolute_ex03{
	position:absolute;
	bottom:-44px;
	left:0;
	right:0;
	margin:0 auto;
	width:464px;
	z-index:3;
	}
#wrap .inner .wrap_cont04{
	width:1200px;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:70px 0 0 0;
	}
#wrap .inner .wrap_cont04 .absolute{
	position:absolute;
	bottom:-48px;
	left:0;
	right:0;
	width:444px;
	margin:0 auto;
	z-index:3;
	}

#wrap .inner ul{
	text-align:center;
	margin:0 0 0 -7px;
	}
	
#wrap .inner ul li{
	display:inline-block;
	text-align:center;
	}
#wrap .inner ul .wrap_cont05{
	width:600px;
	text-align:center;
	position:relative;
	padding:70px 7px 0 0;
	}
#wrap .inner ul .wrap_cont05 .absolute{
	position:absolute;
	bottom:-42px;
	right:44px;
	z-index:3;
	}
#wrap .inner ul .wrap_cont06{
	width:616px;
	text-align:center;
	position:relative;
	padding:70px 0 0 0;
	margin:0 0 0 -31px;
	}
#wrap .inner ul .wrap_cont06 .absolute{
	position:absolute;
	bottom:-42px;
	left:51px;
	z-index:3;
	}
#wrap .wrap_cont07{
	width:100%;
	height:898px;
	background-image: url(/magicianwiz/4thanniversary/img/bg_cont_09ik.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	}

#wrap .wrap_cont07 .cont_07de{
	position:relative;
	width:1200px;
	margin:0 auto;
	}
	
#wrap .wrap_cont07 .cont_07de .cont_07de_link01{
	position:absolute;
	top:404px;
	left:379px;
	}
	
#wrap .wrap_cont07 .cont_07de ul{
	position:absolute;
	top:643px;
	left:236px;
	}
#wrap .wrap_cont07 .cont_07de ul li{
	display:inline-block;
	padding:0 20px 0 20px;
	}
#wrap .inner ul .wrap_cont08{
	width:600px;
	text-align:center;
	position:relative;
	padding:70px 7px 0 0;
	}
#wrap .inner ul .wrap_cont08 .absolute{
	position:absolute;
	bottom:-42px;
	right:44px;
	z-index:3;
	}
#wrap .inner ul .wrap_cont09{
	width:616px;
	text-align:center;
	position:relative;
	padding:70px 0 0 0;
	margin:0 0 0 -31px;
	}
#wrap .inner ul .wrap_cont09 .absolute{
	position:absolute;
	bottom:-42px;
	left:83px;
	z-index:3;
	}
	
#wrap .inner .coming{
	width:1200px;
	margin:0 auto;
	padding:100px 0 45px 0;
	}
	
#wrap .inner .coming li{
	padding:0 7px 15px 7px;
	}
footer #ft_info {
	padding: 50px 0 40px 0;	
	background-color: #d0d0d0;
	overflow: hidden;
}

footer #ft_info .wrap {
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	height: 140px;
	margin-bottom: 10px;
	float: left;
	/* radius */
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

footer #ft_info .wrap .logo {
	width: 212px;
	height: 140px;
	overflow: hidden;
	border-right: 1px solid #d0d0d0;
	float: left;
	text-align: center;
}

footer #ft_info .wrap .logo img {
	width: 80%;
	height: auto;
	margin-top: 28px;
}

footer #ft_info .wrap .txt {
	margin: 30px 0 0 30px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
	float: left;
	width: 270px;
}

footer #ft_info .app {
	float: right;
	overflow: hidden;
	margin: 40px 30px 0 0;
}

footer #ft_info .app li {
	float: left;
	margin-left: 10px;
}


/* 文字 */

footer #ft_info .inner {
	width:1200px;
	margin:0 auto;
}
footer #ft_info .copy {
	float: left;
	font-size: 12px;
	position:relative;
}
footer #ft_info .copy .footer_lo_ex{
	position:absolute;
	top:0;
	left:365px;
	margin:-2px 0 0 0;
}

footer #ft_info .link {
	float: right;
	font-size: 12px;
}
/* footNav ---------- */

#footNav {
	position: fixed;
	bottom:0px;
	right:0px;
	padding:0 0 0 0;
	height:120px;
	/*padding:0 10px 10px 0;*/
	z-index:1000;
	}
#footNav .btn {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#footNav .btn:hover {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}