@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 640px){
	body {
		font-size: 14px;
		line-height: 1.3;
		background: url("/magicianwiz/4thanniversary/login/img/back_01_m.jpg") top center no-repeat;
	}
}

@media screen and (max-width: 768px){
	body {
		font-size: 14px;
		line-height: 1.3;
		background: url("/magicianwiz/4thanniversary/login/img/back_01_m.jpg") top center no-repeat;
		background-attachment:fixed;
	}
}

@media screen and (min-width: 769px){
	body {
		font-size: 14px;
		line-height: 1.3;
		background: url("/magicianwiz/4thanniversary/login/img/back_01.jpg") top center no-repeat;
		background-attachment:fixed;
	}
}


.center {
	text-align: center;
}

.wrap {
	width: 640px;
	margin:0 auto;
}

@media screen and (min-width: 769px){
	.contentArea {
		margin: -150px 0 0 0;
		padding: 40px 0 40px 0;
	}
	.contentArea_01 {
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat:repeat-y;
	background-position:center top;
	background-image:url(/magicianwiz/4thanniversary/login/img/base_02.png);
	padding:40px 0 0 0;
}
}

@media screen and (max-width: 768px){
	.contentArea {
		margin: -100px 0 0 0;

		
	}
	.contentArea_01 {
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat:repeat-y;
	background-position:center top;
	background-image:url(/magicianwiz/4thanniversary/login/img/base_02.png);
	padding:40px 0 0 0;
}
}

@media screen and (max-width:640px){
	.contentArea {
		margin: -22% 0 0 0;
	}
	.contentArea_01 {
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat:repeat-y;
	background-position:center top;
	background-image:url(/magicianwiz/4thanniversary/login/img/base_02.png);
	padding:9% 0 0 0;
}
}

.contentArea_02 {
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(/magicianwiz/4thanniversary/login/img/base_01.png);
	height:63px;
}
.contentArea_03{
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/magicianwiz/4thanniversary/login/img/base_03.png);
	height:39px;
}
.contentArea ul li{
	text-align:center;
	}
.contentArea ul li:nth-child(7){
	padding:40px 0 0 0;
	}	
.contentArea ul li:nth-child(8){
	padding:40px 0 40px 0;
	}

p.catch {
	color: #FFF;
	line-height:1.3;
	font-weight: bold;
	padding: 20px 0;
}

p.backBtn {
	width: 100%;
	text-align: center;
}

p.backBtn img {
	width: 80%;
}

footer p {
	color:#800000;
	padding:15px 0;
	font-size: 12px;
	text-align: center;
}




@media screen and (max-width: 640px){
body {
	font-size: 14px;
	line-height: 1.3;
}
.wrap {
	width: 100%;
}
.contentsArea h2 {
	padding: 15px 0 5px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height:1.3;
}
.iconArea li p {
	font-size: 8px;
}

footer img {
	width: 80%;
}
}