@charset "utf-8";
*:focus {
    outline: none;
}
.btnBlank{background:url("../images/blank.png");overflow:hidden;text-indent:-14285.571vw;position:absolute;	z-index:1;opacity:0.5}
.hiddenText{
    overflow:hidden;
    position:absolute;
    left:-1428.429vw;
    top:-1428.429vw;
    font-size:0;
}
.wrap{position:relative;}
.wrap img{width:100%;}
.wrap .event{position:relative;display:none;z-index:1;left:0;top:0;width:100%;height:100%;}
.wrap .event.on{display:block;}
.wrap .section01 {position:relative;}

.wrap .step01 .btnFriend {
    position: absolute;
    left: 18.5%;
	top: 54.1%;
    width: 62.9%;
    height: 4%;
}
.wrap .step01 .btnEvent {
    position: absolute;
    left: 18.5%;
    top: 59.1%;
    width: 62.9%;
    height: 6.5%;
}
.wrap .step01 .btnEventEnd {
	position: absolute;
    left: 18.5%;
    top: 59.1%;
    width: 62.9%;
    height: 6.5%;
}

.wrap .step02 .btnSelect1{
position: absolute;
    left: 9.2%;
    top: 41%;
    width: 39.5%;
    height: 12.5%;
}
.wrap .step02 .btnSelect2{
position: absolute;
    left: 51.2%;
    top: 41%;
    width: 39.5%;
    height: 12.5%;
}
.wrap .step02 .btnSelect3{
position: absolute;
    left: 9.2%;
    top: 55.5%;
    width: 39.5%;
    height: 12.5%;
}
.wrap .step02 .btnSelect4{
position: absolute;
    left: 51.2%;
    top: 55.5%;
    width: 39.5%;
    height: 12.5%;
}
.wrap .step02 .btnSelect5{
position: absolute;
    left: 9.2%;
    top: 69.7%;
    width: 39.5%;
    height: 12.5%;
}
.wrap .step02 .btnSelect6{
position: absolute;
    left: 51.2%;
    top: 69.7%;
    width: 39.5%;
    height: 12.5%;
}

.eventSelect .btnNextEvent {
    position: absolute;
    left: 14%;
    top: 79.2%;
    width: 71.7%;
    height: 13.8%;
}
.eventSelect .btnReSelect {
    position: absolute;
    left: 14%;
    top: 68.2%;
    width: 71.7%;
    height: 8.4%;
}
.wrap .section02 {position:relative;}
.wrap .sns01{
	left: 36.8%;
    top: 16.8%;
    width: 13.9%;
    height: 67.4%;
    z-index:2;
}
.wrap .sns02{
	left: 51.8%;
    top: 16.8%;
    width: 13.9%;
    height: 67.4%;
    z-index:2;
}
.wrap .sns03{
    left: 65.4%;
    top: 16.8%;
    width: 13.9%;
    height: 67.4%;
    z-index:2;
}
.wrap .sns04{
    left: 79.8%;
    top: 16.8%;
    width: 13.9%;
    height: 67.4%;
    z-index:2;
}
.step03 .eventInputArea{position:absolute; top:34.9%;    width: 83%;}
.step03 .eventInputArea ul{position:relative;margin-bottom:0.571vw;padding-left:39.286vw;border-radius:0.781vw;overflow:hidden;}
.step03 .eventInputArea ul:last-child{ margin-bottom:0;}
.step03 .eventInputArea ul:after{ display:block; content:''; clear:both;}
.step03 .eventInputArea ul li.tit{position:absolute;left:0;top:0;width:24.286vw;text-align:center;line-height:8.286vw;font-weight:bold;background:#d0bb8b;font-size:3.143vw;color:#ffffff;}
.step03 .eventInputArea ul li input{height:10.286vw;
	line-height:8.286vw;    padding: 0px 4vw;
    font-size: 5.7vw;
	border:0;width:100%;
	background:transparent;
	color:#505f69;
	}
.step03 .agreeWrap{position: absolute;
    overflow: hidden;
    top: 44.5%;
    width: 65.3%;
    margin: 2.188vw 0vw 0 17.688vw;
	overflow:hidden;}
.step03 .agreeArea.m{margin-top:14.2%;}
.step03 .agreeArea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0.781vw;}

.step03 .agreeArea .tit{font-size:3.125vw;background:#d0bb8b;color:#ffffff;font-weight:bold;text-align:center;line-height:6.563vw;}
.step03 .agreeArea .agreeSrcoll{ background:#f7f5f2;height:17.3vw; font-size:3.143vw; line-height:4vw; overflow:auto;
	padding:2.125vw 2.5vw; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
	color:#505f69;text-align:left;
    background: transparent;
}

.step03 .agreeArea .agree{ width:100%; display:table; font-size:0; padding:2.531vw 0 2.656vw 0;text-align:center;}
.step03 .agreeArea .agree li{ display:inline-block; font-size:3.143vw;
	margin:0.6% 20vw 0 6.429vw;
	color:#694a1d;font-weight:bold;line-height:3.75vw;
}
.step03 .agreeArea .agree li ~ li{margin-left:3.125vw;}
.step03 .agreeArea .agree li input{-webkit-appearance:none;background:url("../images/page03_btn.png") no-repeat;width:3.75vw;height:3.75vw;display:inline-block;vertical-align:top;-webkit-background-size:100% auto;background-size:100% auto;}
.step03 .agreeArea .agree li input:checked{background-position:0 101%;}
.step03 .agreeArea .agree li label{vertical-align:top;}

.step03 .agreeArea .agree li img{width:auto; height:2.571vw;}
.step03 .btnEventOk{
    left: 18.6%;
    top: 77.9%;
    width: 62.8%;
    height: 6.5%;
}

.step04 .btnShareFriend {
    left: 19%;
    top: 74.5%;
    width: 62%;
    height: 7.5%;
}

.dim_bg{ background:#0c0d38;opacity:0.7;position:fixed; left:0; top:0; width:100%; height:100%;z-index:11; display:none;}

.popupWrap{position:absolute; left:0; right:0; top:20%; width:94vw; z-index:12;margin:0 auto; display:none;}
.popupWrap.lifeGoodsDetailView {top:30%;}
.popupWrap img{ width:100%;}
.popupWrap .btnClose{ position:absolute; right: 4.143vw;
    top: 5.143vw;
    width: 8vw;
    height: 8vw;
	z-index:13
}
.popupWrap.EventEnd {top:43%;width: 80vw;}