@charset "UTF-8";


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　RESET
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html,body {
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;
}

/*reset*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul,ol{
	list-style-type:none;
}
ul li img {
	vertical-align: top;
}

* { margin:0; padding:0; }
*:after { display:block; clear:both; }
article, aside, figure, footer, header,hgroup, nav, section { display:block; }

html,body {
	/*color:#333333;*/
	-webkit-text-size-adjust: none;
	width:100%;
	height: 100%;
	position: relative;
}
body{
	background-color:#000;
	word-break : break-all;
	}
body::before {
    background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/bg00.jpg) repeat center center;
    background-size: cover;
    display: block;
    position: fixed; 
    top: 0;
    left: 0;
    width: 100vw;  
    height: 100vh; 
    content: "\A";
    z-index: -1; 
  }

#wrap {
	width:100%;
	margin: 0 auto;
	position: relative;
	display:block;
	height:100%;
}
#container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
	pointer-events: none;
}
a{
	color:#000;
	}
	
.base_wrap{
	text-align:center;
	position:relative;
	z-index:2;
	}
.imgmax img{
	width:100%;
	}
.pa_wrap01{
	padding:7% 0 0 0;
	}
.pa_wrap02{
	padding:5% 0 0 0;
	}
.pa_wrap03{
	margin:45% 0 0 0;
	}
.pa_wrap04{
	padding:2% 0 0 0;
	}
.space_cau{
	line-height:0;
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　MODULE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#wrap header h2 {
	position:relative;
	z-index:2;
	padding:4% 0 1% 0;
	}
#wrap header h2 img{
	width:86.8%;
	height:auto;
	}
	
#wrap header .logo01{
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding-top:100%;
	width:81.7%;
	text-align:center;
	margin:0 auto;
	z-index:3;
	}
#wrap header .base_backdetails01{
	position:absolute;
	top:0;
	right:0;
	width:18.6%;
	z-index:1;
	}
#wrap header .base_backdetails01 img{
	width:100%;
	}
#wrap .ban_bg{
	position:relative;
	z-index:10;
  background: rgba(208, 167, 109, 0.8);
  padding:4% 0 4% 0;
}
#wrap #main .cont_base{
	    width:93.3%;
		margin:0 auto;
	}
	
#wrap #main .wrap_title_base{
	width:90%;
	padding-top:10%;
	margin:0 auto;
	}
#wrap #main .wrap_title_base img{
	width:100%;
	}
#wrap .pv_th{
	width:83%;
	margin:0 auto;
	padding:6% 0 0 0;
	}
	
#wrap #main .cont_bo{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp01_v2_0313.jpg) no-repeat center top;
	background-size: cover;
	padding-top:181.3%;	
}

#wrap #main .cont_bo .btn_bo{
	position: absolute;
	bottom:0;
	padding-bottom:14%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:86.2%;
	z-index:4;
	}
	
#wrap #main .cont_bo .pv_bo{
	position: absolute;
	bottom:0;
	padding-bottom:36.7%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:75.7%;
	z-index:3;
	}
	
#wrap #main .cont_me{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp02.jpg) no-repeat center top;
	background-size: cover;
	padding-top:150.4%;	
}

#wrap #main .cont_me .pv_me{
	position: absolute;
	padding-top:25%;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:75.7%;
	z-index:4;
	}
	
#wrap #main .cont_pre{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp05.jpg) no-repeat center top;
	background-size: cover;
	padding-top:165.7%;	
}

#wrap #main .cont_pre .pre_btn{
	position: absolute;
	padding-bottom:20%;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:86.2%;
	z-index:4;
}

#wrap #main .cont_pre .pre_btn img{
	width:100%;
	height:auto;
}

#wrap #main .cont_pre .pre_btn li{
	padding:4% 0 0 0;
}	

#wrap #main .cont_orc{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp06.jpg) no-repeat center top;
	background-size: cover;
	padding-top:213.8%;	
}

#wrap #main .cont_orc .btn_orc{
	position: absolute;
	bottom:0;
	padding-bottom:10%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:86.2%;
	z-index:4;
	}
	
#wrap #main .cont_ad01{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp10_12_v2.jpg) no-repeat center top;
	background-size: cover;
	padding-top:151.6%;	
}

#wrap #main .cont_ad01 .btn_ad01{
	position: absolute;
	bottom:0;
	padding-bottom:14.2%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:86.2%;
	z-index:4;
	}
	
#wrap #main .cont_ad02{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp11.jpg) no-repeat center top;
	background-size: cover;
	padding-top:117.2%;	
}

#wrap #main .cont_ad02 .pv_ad02{
	position: absolute;
	top:0;
	padding-top:11%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:87.5%;
	z-index:3;
	}
	
#wrap #main .cont_lot{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp12.jpg) no-repeat center top;
	background-size: cover;
	padding-top:114.6%;	
}

#wrap #main .cont_lot .btn_lot{
	position: absolute;
	bottom:0;
	padding-bottom:14.7%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:86.2%;
	z-index:4;
	}

#wrap #main .cont_st{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp13_v2.jpg) no-repeat center top;
	background-size: cover;
	padding-top:169.6%;	
}

#wrap #main .cont_st .btn_st{
	position: absolute;
	bottom:0;
	padding-bottom:6%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:86.2%;
	z-index:4;
	}
	
#wrap #main .cont_art{
	position:relative;
	display:block;
	height:0;
	background:url(/magicianwiz/lp/5thanniversary/sp/assets/img/03_cp14.jpg) no-repeat center top;
	background-size: cover;
	padding-top:110.8%;	
}

#wrap #main .cont_art .btn_art{
	position: absolute;
	bottom:0;
	padding-bottom:8.5%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width:77.7%;
	z-index:4;
	}
	
	
.slick-next_v2{
    font-size: 0;
    line-height: 0;
	width:10%;
    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%;	
	}

	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

footer {
	position: absolute;
	width: 100%;
	z-index: 1;
	overflow: hidden;
	background-color: #d0d0d0;
	padding-bottom: 20px;
}


/* SNS ---------------------------------------- */

footer .sns {
	padding:5% 0 5% 0;
	text-align:center;
	background-color: #191919;
	}
footer .sns li{
	display:inline-block;
	vertical-align:middle;
	width:11.25%;
	padding:0 4% 0 4%;
	}
footer .sns li img{
	width:100% !important;
	}
	
footer #ft_sns {
	overflow: hidden;
}

footer #ft_sns .inner {
	overflow: hidden;
}

footer #ft_sns ul li {
	overflow: hidden;
	width: 25%;
	float: left;
	height: 50px;
}

footer #ft_sns ul .tw {
	background-color: #00a8ee;
}
footer #ft_sns ul .li {
	background-color: #00cb08;
}
footer #ft_sns ul .fb {
	background-color: #365397;
}
footer #ft_sns ul .yt {
	background-color: #ff1d2a;
}

footer #ft_sns ul li a {
	display: block;
	text-align: center;
	width: 100%;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
}

footer #ft_sns ul li a i {
	line-height: 50px;
	color: #fff;
	font-size: 26px;
	width: 0px;
}


/* ストアエリア ---------------------------------------- */

#ft_menu {
	background-color: #191919;
	overflow: hidden;
	padding: 20px 0 10px 0 ;
}

#ft_menu .inner {
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}

#ft_menu .inner ul li {
	width: 50%;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}

#ft_menu .inner ul li img {
	width: 96%;
	height: auto;
}







/* アプリエリア ---------------------------------------- */

#ft_info .wrap {
	background-color: #fff;
	width: 93.75%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	/* radius */
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#ft_info .wrap .logo {
	text-align: center;
	width: 100%;
	padding: 20px 0;
}

#ft_info .wrap .logo img {
	width: 40%;
	height: auto;
}

#ft_info .wrap .app {
	width: 93%;
	overflow: hidden;
	margin:0 auto;
	margin-bottom: 15px;
}

#ft_info .wrap .app li {
	width: 33.33%;
	float: left;
	text-align: center;
}

#ft_info .wrap .app li img {
	width: 95%;
	height: auto;
}

#ft_info .wrap .txt {
	width: 92%;
	font-size: 10px;
	line-height: 1.3em;
	margin:0 auto;
}

#ft_info .copy {
	font-size: 10px;
	text-align: center;
	width: 100%;
	line-height: 1.5em;
}