.InfoHead{
	background-image	:	none;
}

header{
	background			:	url(../img/headerTitle_02.png) no-repeat;
	background-position	:	center;
	margin				:	0 auto;
	width				:	100%;
	z-index:999;
	background-size: contain;
}

h1{
	width				:	15%;
	max-width			:	100px;
	font-size			:	0;
	float				:	left;
	margin-top			:	0;
	vertical-align		:	middle;
}

h1 img{
	width				:	77%;
	max-width			:	450px;
	margin-top			:	0;
}

.menu{
	width				:	10%;
	margin				:	0 0 0 auto;
	text-align			:	right;
	font-size			:	0;
	right				:	0;
}

.menu img{
	width					:	100%;
	max-width				:	70px;
}



#borderWrap{
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 2.5%;
}

#bgWrap{
	width: 100%;
	background	:	url(/member/gacya/xmas_crystalnight/img/bg_sky.jpg) repeat;
	background-position: center top;
	background-size:100%;
	background-attachment: fixed;
}



body::before{
	display: none;
	width: 100%;
	height: 100vh;
	background	:	url(/member/gacya/xmas_crystalnight/img/bg_sky.jpg) repeat;
	background-position: center top;
	background-size: cover;
	top: 0;
	left: 0;
	position: fixed;
	content: "";
 	z-index: -1;
 }


@media screen and (max-width: 640px) {
	
	#bgWrap{
		background-size:auto;
		background-image: none;
	}

	body::before{
	display: block;
	width: 100%;
	height: 100vh;
	background-image: block;
	background	:	url(/member/gacya/xmas_crystalnight/img/bg_sky.jpg) repeat;
	background-position: center top;
	top: 0;
	left: 0;
	position: fixed;
	content: "";
 	z-index: -1;
	}


}


:root #wrapMain{
	width: 100%;
	max-width: 800px;
	text-align: center;
	background: none;
	background-color: #760000;
	padding-top: 0;
	box-shadow: 0px 15px 10px 7px rgba(0,0,0,0.4);
	margin-top: -1%;

}

#wrapMain{
	width: 100%;
	max-width: 800px;
	text-align: center;
	padding-top: 0;
	box-shadow: 0px 15px 10px 7px rgba(0,0,0,0.4);
	margin-top: -1%;

}

.InfoMain{
	background: none;
	background-color: #760000;
	max-width: 1000px;
}

[id^="monster"] {
	background: none;
	background-color: #760000;
	padding-bottom: 5%;

}

.InfoMain p {
	margin: 0;
	padding: 0;
}

section {
	max-width:1000px;
}

h2{
	font-size:0;
}

h3{
	background-image	:	none;
	color	:	#fff;
	margin	:	30px 0 10px 3.5%;
	padding	:	0 0 0 0.3em;
	max-width	:	596px;
	border-left	:	10px #fff solid;
	box-sizing	:	border-box;
}

p.bigimg{
	margin-top	:	0px;
	padding-top	:	0;
	padding-bottom	:	0;
	font-size	:	0;
	text-align: center;
	max-width: 1000px;
}

p.detailsCenter{
	padding-bottom	:	0;
}

p img{
	font-size:0;
}


hr{
    width: 100%;
    height: 10px;
    margin: 3% 0;
    padding: 0;
    background: url(../img/waku.png);
    background-size: contain;
    background-position: center;
    border: 0px none;	
}

    div#wrapHeader{background:none #000 repeat-x top center;background-size:contain;width:100%;margin:0 auto;}
    div#mercFooter{background-image:none;background-color:#000;width:100%;margin:0 auto;padding:0px 0 0 0;}
    div#mercFooter footer{background-color:transparent;}
    div#mercFooter p.right2{width:100%;max-width:640px;margin:0 auto 10px;padding:0;color:#2768ec;text-align:right;text-shadow:1px 1px 3px #CCC;}
    


p.bigimg{
	width: 100%;
	margin-bottom:0;
}

p.bigimg img{
}

p.bigimg2{
	width: 80%;
	margin: 0 auto;
	margin-bottom:1%;
	max-width: 640px;
	text-align: center;
	font-size: 0.8em;
}

p.bigimg2 img{
	width: 100%;
	border: 3px solid #FFF;

}

p.bigimg3{
	width: 100%;
	margin: 0 auto;
	margin-bottom:1%;
	max-width: 640px;
	text-align: center;
}

p.bigimg3 img{
	width: 100%;

}

.bigbg h2{
	width:100%;
	text-align: center;
	max-width:1000px;
	margin: 0 auto;
}

.bigbg img{
	width:100%;
}

.bigbanner{
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #760000;
	box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.4);
}




.InfoMain p.twbtn{
	margin:0;
	padding:0;
	text-align:center;
}


.InfoMain p.twbtn img{
	width:80%;
}


dl{
	width:100%;
	max-width: 1000px;
	margin:0% auto 0%;
    color:#FFF;
    text-align:left;
    padding-top: 0%;
   	line-height: 2.1em;

}

dt.kikanLeft{
	margin: 0;
	color:#FFF;
	width: 15%;
	display: inline-block;
	float: none;
	margin-left: 0;
	background-color: #900;
}

dd.kikan7{
	margin: 0;
	width: 85%;
	display: inline-block;
	float: none;
	padding-left: 0;
	background-color: #040;
    font-size: 90%;
    color: #FFF;
}

dl.point{
	width: 90%;
	padding: 0.5% 1.5%;
	padding-bottom: 2%;
	background:url(/member/collabo/7-taizai-2nd/img/bg_point.jpg) repeat;
	border:double 3px #593412; 
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius:	15px 15px 15px 15px;
	-o-border-radius: 15px 15px 15px 15px;
	-ms-border-radius: 15px 15px 15px 15px;
	
	margin-top: 2%;
	margin-bottom: 2%;
}

dt.pointTitle{
	color:#593412 ;
	font-weight: bold;
}

dd.pointTxt{
	color:#593412 ;
	font-size: 0.8em;
	line-height: 1.2em;
}

.boxRadius{
	width: 95%;
	max-width: 1000px;
	padding: 0.5% 1.5%;
	padding-bottom: 1%;
	background:none;

	margin-top: 2%;
	margin-bottom: 2%;
	color: #FFF;
}

.boxRadius p{
    color: #FFF;
	text-align	:	center;
	font-size: 0.8em;
	margin-bottom: 2%;
}

.boxRadius p a{
	text-shadow	:	none;
}


ul.reg{
    text-align:left;
	margin-bottom:4%;
	color: #FFF;
}

.left p{
	text-align: left;
	margin-bottom: 3%;
	font-size: 0.8em;
}

span.orange{
	color:#F30;
	font-weight:1000;
}

.InfoMain p.charaimg2_1{
	text-align:center;
}

.InfoMain p.charaimg3{
	max-width:800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;

}

p.right2 {
	width: 96.5%;
	max-width: 890px;
}


.InfoMain p.charaimg3 img{
   width: 48%;
   max-width:390px;
   text-align: center;
}

.InfoMain table{
	max-width: 800px;
	border:2px solid #002c10;
    margin: 0 auto;
    background-color:#00561f;
    font-size:0.9em;
    text-align:center;
    margin: 2% auto;
}

td.rare7,td.rare6,td.rare5{
    background-color: #00450e;
    color: #f3eacc;
    font-size: 120%;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
	border:2px solid #002c10;
}

.InfoMain table th{
	background-color:#580e00;
	color: #FFF;
	font-size:0.9em;
	border-color: #002c10;
   border:1px solid #002c10;
}

.InfoMain table td {
    color: #FFF;
	border-color: #002c10;
    font-size: 0.8em;
   border-right:1px solid #002c10;
   border-bottom: 1px solid #002c10;
}

.gacyalist th.element {
    background-color: #540000;
    width: 5%;
}

.gacyalist th.name {
    background-color: #540000;
    width: 35%;
}


table img{
	width:40%;
	max-width:60px;
}

.menu_btn{
	width:100%;
	margin:0 auto 0;
	text-align:center;
	background:#000;
}

.line1{
	text-align:center;
}

.line1 img{
	margin:0;
}
.line1 img{
	width:32%;
	max-width:210px;
}



ul.abilityLinks li {
    background: #b71208;
    box-sizing: border-box;
    border-top: 2px solid #e1150a;
    border-left: 2px solid #e1150a;
    border-right: 2px solid #8d0f07;
    border-bottom: 2px solid #8d0f07;
    border-radius: 0em;
    width: 90%;
    max-width: 580px;
    margin: 0.5em auto;
    padding: 0.3em;
    text-align: center;
}
ul.abilityLinks li a:before {
    content: "◆◆◆";
    color: #008121;
}

ul.abilityLinks li a:after {
    content: "◆◆◆";
    color: #008121;
}