@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/character/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/character/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/character/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: 150px 0 40px 0;
	}
	.eventtext_17{
		width:640px;
		height:268px;
		background: url("/magicianwiz/4thanniversary/character/img/eventtext_17.png") top center no-repeat;
		}
	.eventtext_17 img{
		display:none;
		}
}

@media screen and (max-width: 768px){
	.contentArea {
		margin: -100px 0 0 0;
		padding: 100px 0 40px 0;
	}
	.eventtext_17{
		width:640px;
		height:268px;
		background: url("/magicianwiz/4thanniversary/character/img/eventtext_17.png") top center no-repeat;
		}
	.eventtext_17 img{
		display:none;
		}
}

@media screen and (max-width:640px){
	.contentArea {
		margin: -20% 0 0 0;
		padding: 20% 0 40px 0;
	}
	.eventtext_17{
	width: auto;  
    height: auto;  
    background: none;  
	}
	.eventtext_17 img{
		display: block;
	}
}


.contentArea {
	/*margin: -14% 0 0 0;*/
	/*padding: 100px 0 40px 0;*/
	background: url("/magicianwiz/4thanniversary/character/img/back_02.jpg") repeat-y;
	-webkit-background-size: 100%;
	background-size: 100%;
}

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

.eventBox {
	padding: 0 0 40px 0;
}

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

.eventBox p.img img {
	width: 94%;
}

.eventBox ul {
	width: 80%;
	margin: 0 auto 15px;
}

.eventBox ul li {
	line-height: 1.4;
	font-size: 1.2em;
	color: #FFF;
	list-style-type: square;
	text-shadow:
	0 0 15px #000,
	0 0 20px #000,
	0 0 1.40px #000;
}

p.backBtn {
	width: 100%;
	padding: 20px 0 0 0;
	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%;
}
}