@charset "utf-8";
/* CSS Document */



/* -------------------------------------- */

.first{
	position:absolute;
	top:0;
	width:84%;
	margin:0 8%;
	color:#513728;
}
.enter_area{
	position: relative;
	width: 100%;
	height: 100%;
	margin-top:12%;
	padding: 100% 0 0;
}
.enter_btn{
	position: absolute;
	top: 0;
	left: 0;
	width: 76%;
	height: 76%;
	margin:0 12%;
}
.enter_txt{
	position:absolute;
	width:98%;
	right:0;
	text-align:center;
	letter-spacing:3px;
}
.txt_01{
	margin:40% 0 20%;
	font-size:4.5vw;
	font-weight:bold;
}
.hand{
	display:inline-block;
	width:25%;
	margin-right: 8%;
}

/* -------------------------------------- */

.charge_step img,.charge_end,.circle_top,.circle_middle,.circle_bottom{
	position:absolute;
}
.charge_end{
	display:none;
}
.circle_middle,.circle_bottom,.charge_step img{
	opacity:0;
}
.charge_step img:nth-child(2){
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.charge_step img:nth-child(3){
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.charge_step img:nth-child(4){
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.charge_step img:nth-child(5){
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.charge_step img:nth-child(6){
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
}
.charge_step img:nth-child(7){
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}
.charge_step img:nth-child(8){
	-webkit-transform:rotate(315deg);
	transform:rotate(315deg);
}

/* -------------------------------------- */

.timebox{
	display:none;
	position:absolute;
	top:20%;
	background:url(/m999/img/event/non_mem/page685/img/02_timebar.gif) no-repeat center top #887c63;
	background-size:100% 100%;
	width:60%;
	margin:0 20%;
	border:1px solid #887c63;
	overflow:hidden;
}
.bar{
	background:#887c63;
	width:100%;
	height:10px;
}
.charge_end_txt{
	display:none;
	position:absolute;
	width:100%;
	margin-top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	font-size:110%;
	letter-spacing:4px;
}

/* -------------------------------------- */

.circle_light{
	display:none;
	position:absolute;
	margin-top:37%;
	width:100%;
	-webkit-animation: rotate 1.5s linear infinite;
	animation: rotate 1.5s linear infinite; 
}
.circle_light img{
	width:25%;
}
@-webkit-keyframes rotate{
	0%{-webkit-transform: rotate(90deg);}
	100%{-webkit-transform: rotate(450deg);}
}
@keyframes rotate{ 
	0%{transform:rotate(90deg);}
	100%{transform: rotate(450deg);}
}
.flash{
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	margin:auto;
	-webkit-animation: flash 2s;
	animation:flash 2s;
	-webkit-animation-fill-mode: flash 2s;
	animation-fill-mode:forwards;
}
@-webkit-keyframes flash{
	0%	{-webkit-transform: scale(1,1);}
	100%{-webkit-transform: scale(10,10);}
}
@keyframes flash{
	0%	{transform: scale(1,1);}
	100%{transform: scale(10,10);}
}

/* --------------------------------------

@media screen and (min-width: 480px) {
body{
	margin:auto;
	background-color:#000;
}
#wrapp{
	width:480px;
	margin:auto;
}
footer{
	width:480px;
	margin:auto;

}
}

-------------------------------------- */

.margin_top_s{ margin-top:5px !important;}
.margin_top_m{ margin-top:10px !important;}
.margin_top_l{ margin-top:15px !important;}

.margin_right_s{ margin-right:5px !important;}
.margin_right_m{ margin-right:10px !important;}
.margin_right_l{ margin-right:15px !important;}

.margin_bottom_s{ margin-bottom:5px !important;}
.margin_bottom_m{ margin-bottom:10px !important;}
.margin_bottom_l{ margin-bottom:15px !important;}

.margin_left_s{ margin-left:5px !important;}
.margin_left_m{ margin-left:10px !important;}
.margin_left_l{ margin-left:15px !important;}

.clearfix {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.display_block{ display:block;}
.display_inline_block{ display:inline-block;}
.display_none{ display:none;}

.under_line{ text-decoration:underline;}

a{ text-decoration:none;}

.text11{ font-size:85%;}
.text12{ font-size:93%;}
.text13{ font-size:100%;}
.text14{ font-size:108%;}
.text15{ font-size:116%;}