@charset "UTF-8";

/************************************************************
*
*　全ページ共通部分スタイルシート
*
************************************************************/

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

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

a:focus{
  outline: none !important;
	}


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

html {
    height: 100%;
}
img{
	-webkit-backface-visibility: hidden;
	}

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;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}


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

#wrap {
	width:100%;
	min-width:1200px;
	margin:0 auto;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/bg00.jpg);
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	min-height:1200px;
	}
#wrap>section>section{
	position: relative;
}
#wrap>section>section>div{
	z-index:1;
}
#container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
	pointer-events: none;
}
.menu_bg{
	position: absolute;
	width: 100%;
	height:100%;
	overflow:hidden;
	}
.menu_bg video{
	position:relative;
	top:50%;
	transform:translateY(-50%)
	}
header{
	/*headerのmax設定したかったらココで*/
	/*max-width: 1716px;*/
	min-width:1200px;
	width:100%;
}
header .main_vs{
	position: relative;
	padding:2.8% 8.4%;
	margin:0 auto;
	text-align:center;
	width:100%;
	box-sizing: border-box;
	z-index:5;
	}
header .main_vs:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/back_bg_01.png);
	z-index: 10;
}
header .main_vs img{
	width: 100%;
}
header .main_vs .logo{
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:29% 0 0 0;
	margin:0 auto;
	text-align:center;
	width:30%;
	max-width:628px;
	z-index:20;
	}
header .back_image_wrap_01{
	position:absolute;
	top:0;
	right:0;
	padding:2.3% 0.5% 0 0;
	max-width:174px;
	width:9%;
	z-index:3;
	}

header .logo02{
	position:absolute;
	top:0;
	left:0;
	padding:1.5% 0 0 1%;
	text-align:center;
	width:7%;
	z-index:20;
	}
header .logo02 img{
	width:100%;
	}
header .main_vs img{
	width:100%;
	}
header .frame img{
	width:100%;
	}
	
header .back_image_wrap_01 img{
	width:100%;
	}
	
header .header_title{
	width:37.6%;
	margin:0 auto;
	text-align:center;
	padding:1% 0 0 0;
	}
	
header .header_title img{
	width:100%;
	}
header .logo img{
	width:100%;
	}

#wrap .wrap_title{
	text-align:center;
	margin:0 auto;
	width:33.9%;
	}
#wrap .wrap_title img{
	width:100%;
	}
#wrap .wrap_title02{
	text-align:center;
	margin:0 auto;
	width:38.5%;
	}
#wrap .wrap_title02 img{
	width:100%;
	}

#wrap .wrap_title_pa01{
	padding-top:6%;
	}

#wrap .wrap_title_pa02{
	padding-top:3%;
	padding-bottom:4%;
	}

#wrap .wrap_pa01{
	padding:4% 0 0 0;
	}
#wrap .wrap_pa02{
	padding:4% 0 4% 0;
	}
#wrap .wrap_pa03{
	margin:10% auto 0 auto !important;
	}
#wrap .wrap_pa04{
	margin:4% auto 0 auto !important;
	}
#wrap .wrap_pa05{
	margin:12% 0 0 0;
	}

	
#wrap .wrap_cont{
	width:89.3%;
	margin:0 auto;
	text-align:center;
	}
#wrap .wrap_cont img{
	width:100%;
	height:auto;
	}
	
#wrap .wrap_cont_split{
	margin:0 auto;
	text-align:center;
	}
	
#wrap .wrap_cont_split li{
	display:inline-block;
	vertical-align:middle;
	width:43.6%;
	padding:0 1% 0 1%;
	position:relative;
	}
	
#wrap .wrap_cont_split li img{
	width:100%;
	height:auto;
	}
	
#wrap .wrap_cont_split .abso_ad{
	position:absolute;
	top:7.6%;
	left:0;
	right:0;
	margin:0 auto;
	width:70.4%;
	}
#wrap .wrap_cont_split .abso_lot{
	position:absolute;
	bottom:9.9%;
	left:0;
	right:0;
	margin:0 auto;
	width:64.9%;
	}
#wrap .wrap_cont_split .abso_art{
	position:absolute;
	bottom:6%;
	left:0;
	right:0;
	margin:0 auto;
	width:62%;
	}
#wrap .ban_bg{
	position:relative;
	z-index:10;
  background: rgba(208, 167, 109, 0.8);
  padding:2% 0 2% 0;
  /*
	background-repeat:repeat-x, repeat-x;
	background-position: left top, left bottom;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/banner_pa.png), url(/magicianwiz/lp/5thanniversary/assets/img/banner_pa.png);*/
	}
	
#wrap .th_pv{
	width:35%;
	text-align:center;
	margin:0 auto;
	}
#wrap .th_pv img{
	width:100%;
	}
#wrap .th_pvbg{
	padding:2% 0 0 0;
	width:80.1%;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/5th_pvbg.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	margin:0 auto;
	background-size:contain;
	}


#wrap .wrap_cont01{
	height:0;
	padding-top:70.7%;
	position: relative;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/03_cp01_v3_0313.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	}
#wrap .wrap_cont01 .btn_bo{
	position:absolute;
	bottom:0;
	left:0;
	padding:0 0 9% 14%;
	width:35.1%;
}

#wrap .wrap_cont01 .pv_bo{
	position:absolute;
	bottom:0;
	right:0;
	width:30.8%;
	padding:0 13% 3.6% 0;
}
#wrap .wrap_cont01 img{
	width:100%;
	height:auto;
}

#wrap .wrap_cont_m{
	height:0;
	padding-top:70.3%;
	margin:4% auto 0 auto;
	position: relative;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/03_cp02_05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	}
#wrap .wrap_cont_m .pv_m{
	position:absolute;
	top:16%;
	left:0;
	right:0;
	margin:0 auto;
	width:30.8%;
}

#wrap .wrap_cont_pre{
	height:0;
	padding-top:60.6%;
	margin:4% auto 0 auto;
	position: relative;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/03_cp05_05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	}
	
#wrap .wrap_cont_pre .pre_btn{
	position:absolute;
	bottom:12.5%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
}
#wrap .wrap_cont_pre .pre_btn li{
	padding:0 1% 0 1%;
	display:inline-block;
	vertical-align:middle;
	width:35.1%;
}
#wrap .wrap_cont_pre .pre_btn li img{
	width:100%;
	height:auto;
}
	
	
#wrap .wrap_cont_orc{
	height:0;
	padding-top:54.2%;
	margin:4% auto 0 auto;
	position: relative;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/03_cp06.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	}
	
#wrap .wrap_cont_orc .btn_orc{
	position:absolute;
	bottom:7%;
	left:7.3%;
	margin:0 auto;
	width:35.1%;
}


#wrap .wrap_cont_orc img{
	width:100%;
	height:auto;
}

#wrap .wrap_cont_ad01{
	height:0;
	padding-top:47.2%;
	margin:4% auto 0 auto;
	position: relative;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/03_cp10_12_v2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	}
	
#wrap .wrap_cont_ad01 .btn_ad01{
	position:absolute;
	bottom:0;
	padding:0 0 6.5% 0;
	left:0;
	right:0;
	margin:0 auto;
	width:35.1%;
}


#wrap .wrap_cont_ad01 img{
	width:100%;
}


#wrap .wrap_cont_st{
	height:0;
	padding-top:40.6%;
	margin:4% auto 0 auto;
	position: relative;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/03_cp13_v2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	}
	
#wrap .wrap_cont_st .abso_sound{
	position:absolute;
	bottom:8%;
	right:7.5%;
	width:35.1%;
}
	
.slick-next_v2{
    font-size: 0;
    line-height: 0;
	width:3%;
    position: absolute;
    top: 50%;
		transform: translateY(-50%);
    display: block;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index:10;
}
.slick-next_v2 img{
	width:100%;
}

.slider-prev{
	left:2%;	
	}
.slider-next{
	right:2%;	
	}



.bar{
	width:100%;
	height:28px;
	background-image: url(/magicianwiz/lp/5thanniversary/assets/img/bar01.png);
	background-repeat: repeat-y;
	background-position: center top;
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　共通フッター
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* SNS */
footer{
	position: absolute;
	width: 100%;
	z-index: 1;
}

footer #sns {
	overflow: hidden;
	text-align:center;
	width: 100%;
	background-color: #191919;
	padding: 50px 0 0 0;
}

footer #sns li {
	display:inline-block;
	vertical-align:middle;
	padding:0 20px 0 20px;
}


/* メニュー */
.inner{
	width:1200px;
	margin:0 auto;
	}

footer #ft_menu {
	overflow: hidden;
	width: 100%;
	background-color: #191919;
	padding: 50px 0 40px 0;
}

footer #ft_menu ul {
	margin-left: -10px;
}

footer #ft_menu ul li {
	overflow: hidden;
	background-color: #d18d4f;
	float: left;
	width: 292px;
	height: 80px;
	margin: 0 0 10px 10px;
}


/* 詳細情報 */

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 .copy {
	float: left;
	font-size: 12px;
}

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