
.blacklayer {position:absolute; top:0; left:0; width:100%;; height:100%; background:#000; opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /* IE 7 and olders */z-index:60; display:none;}
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox { background: transparent 0 1px no-repeat; display:inline-block;}
.ez-radio { background: transparent 0 1px no-repeat; display:inline-block;}
.ez-checked { background-position: 0 -18px; }
.ez-selected { background-position: 0 -19px; }
.ez-checkbox-green { background: transparent 0 1px no-repeat; display:inline-block; *display: inline;}
.ez-checked-green { background-position: 0 -18px; }
.ez-checkbox, .ez-radio { zoom: 1; *display:inline; height:30px; }

input[type=text]{padding:5px; box-sizing: border-box; height: 28px;  border: none; box-shadow: none; background-color: #fff;}
select{height: 28px;  border: none; box-shadow: none; background-color: #fff;}
.popup{position: absolute; width: 629px; left:50%; top:1000px; margin-left: -289px; display: none; z-index: 150; background-repeat: no-repeat; background-size: 100%;}
.popup .btn{background-image: url('../images/btn.png');}
.popup .entry{position: absolute; width: 385px; height: 95px; left: 129px; bottom: 32px;}
.popup .check{position: absolute; width: 340px; height: 62px; left:140px; bottom:58px;}
.popup .finish{position: absolute; width: 340px; height: 62px; left:140px; bottom:238px;}
.popup .sns{position: absolute; width: 75px; height: 75px;}
.popup .close{position: absolute; width: 51px; height: 51px; top:24px; right: 9px;}

.event01_popup01{background-image: url('../images/event01_popup01.png'); height: 579px;}
.event01_popup01 .info{margin:258px 0 0 205px;}
.event01_popup01 .info .name input{width: 281px;}
.event01_popup01 .info .tel{margin-top: 10px; font-size: 0; line-height: 0;}
.event01_popup01 .info select{width: 88px; height: 30px;}
.event01_popup01 .info .tel input{width: 88px;}
.event01_popup01 .info .tel span{display: inline-block; width: 8px; text-align: center; font-size: 16px;}
.event01_popup01 .info .ez-hide{opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.event01_popup01 .info .gender{margin-top: 16px;}
.event01_popup01 .info .gender .ez-radio{display: inline-block; width:20px; height: 20px; background: url('../images/input_radio.png') center no-repeat; margin-left: 25px; background-position: 0 0;}
.event01_popup01 .info .gender .ez-radio + .ez-radio{margin-left: 30px;}
.event01_popup01 .info .gender .ez-radio.ez-selected{background-position: 0 -30px;}
.event01_popup01 .info .gender .ez-radio input{vertical-align: middle; width: 100%; height: 100%;}
.event01_popup01 .info .age{margin-top: 15px;}
.event01_popup01 .info .agree{margin-top: 13px; margin-left: -45px; position: relative;}
.event01_popup01 .info .agree .ez-checkbox{width: 24px; height: 24px; background: url('../images/input_check.png') no-repeat; background-position: 0 0;}
.event01_popup01 .info .agree .ez-checked{background-position: 0 -28px;}
.event01_popup01 .info .agree .ez-checkbox input{width: 100%; height: 100%;}
.event01_popup01 .info .agree .more{position: absolute; width: 88px; height: 24px; bottom:0; right:168px;}

.event01_popup02{background-image: url('../images/event01_popup02.png'); height: 787px;}
.event01_popup02 span{display: block; text-align: center; color: #3e1200; font-size: 20px; font-weight: 600;}
.event01_popup02 .name{width: 102px; margin: 415px 0 0 248px;}
.event01_popup02 .tel{width: 159px; margin: 80px 0 0 230px; letter-spacing: -1px;}
.event01_popup02 .info {position: absolute; display: block; top:546px; left:151px;/* margin: 546px 0 0 151px;*/}
.event01_popup02 .info .search{position: absolute; top:0; left:0; /*left: 151px; top:546px;*/ width: 108px; height: 28px;}
.event01_popup02 .info input{display: block; width: 320px; margin-bottom: 6px;}
.event01_popup02 .info .short{width: 206px; margin-left: 114px;}
.event01_popup02 .check{bottom:63px;}

.event01_popup03{background-image: url('../images/event01_popup03.png'); height:417px;}
.event01_popup03 .check{bottom:53px}

.event01_popup04{background-image: url('../images/event01_popup04.png'); height: 579px;}
.event01_popup04 .sns{bottom: 91px;}
.event01_popup04 .sns01{left: 175px;}
.event01_popup04 .sns02{left: 273px;}
.event01_popup04 .sns03{left: 371px;}

.event02_popup01{background-image: url('../images/event02_popup0101.png'); height: 539px;}
.event02_popup01 .info{margin:218px 0 0 205px;}
.event02_popup01 .info .name input{width: 281px;}
.event02_popup01 .info .tel{margin-top: 10px; font-size: 0; line-height: 0;}
.event02_popup01 .info select{width: 88px; height: 30px;}
.event02_popup01 .info .tel input{width: 88px;}
.event02_popup01 .info .tel span{display: inline-block; width: 8px; text-align: center; font-size: 16px;}
.event02_popup01 .info .ez-hide{opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.event02_popup01 .info .gender{margin-top: 16px;}
.event02_popup01 .info .gender .ez-radio{display: inline-block; width:20px; height: 20px; background: url('../images/input_radio.png') center no-repeat; margin-left: 25px; background-position: 0 0;}
.event02_popup01 .info .gender .ez-radio + .ez-radio{margin-left: 30px;}
.event02_popup01 .info .gender .ez-radio.ez-selected{background-position: 0 -30px;}
.event02_popup01 .info .gender .ez-radio input{vertical-align: middle; width: 100%; height: 100%;}
.event02_popup01 .info .age{margin-top: 15px;}
.event02_popup01 .info .agree{margin-top: 13px; margin-left: -45px; position: relative;}
.event02_popup01 .info .agree .ez-checkbox{width: 24px; height: 24px; background: url('../images/input_check.png') no-repeat; background-position: 0 0;}
.event02_popup01 .info .agree .ez-checked{background-position: 0 -28px;}
.event02_popup01 .info .agree .ez-checkbox input{width: 100%; height: 100%;}
.event02_popup01 .info .agree .more{position: absolute; width: 88px; height: 24px; bottom:0; right:168px;}

.event02_popup02{background-image: url('../images/event02_popup0204.png'); height: 834px;}
.event02_popup02 .intro{position: absolute; top:137px; left: 20px; width: 582px; height: 665px; background: url('../images/start05.png') no-repeat; z-index: 150;}
.event02_popup02 .intro .step{position: relative; height: 143px; margin: 190px 0 0 63px;}
.event02_popup02 .intro .step ul{overflow: hidden;}
.event02_popup02 .intro .step ul li{float: left; width: 136px; height: 143px; margin-right: 25px;}
.event02_popup02 .intro .step .step_pointer{position: absolute; left:253px; bottom: -25px;}
.event02_popup02 .intro .start{position: absolute; left: 120px; bottom: 55px; width: 342px; height: 65px; z-index: 110;}
.event02_popup02 .game{position: relative;}
.event02_popup02 .game .time{position: absolute; width: 120px; top: 142px; left: 145px; font-size: 28px; font-weight: 600; color: #441a07; line-height: 130%;}
.event02_popup02 .game .time1{font-size: 28px; font-weight: 600; color: #441a07; line-height: 130%;}
.event02_popup02 .game .time2{font-size: 28px; font-weight: 600; color: #441a07; line-height: 130%;}
.event02_popup02 .game .score{position: absolute; width: 75px; top: 142px; right: 130px; font-size: 28px; font-weight: 600; color: #441a07; line-height: 130%; text-align: right;}
.event02_popup02 .game #stage{position: absolute; left:37px; top: 205px; width: 550px; height: 580px; background: url('../images/banana_bg.png') no-repeat;}
.event02_popup02 .game #mole{position: absolute;}
.event02_popup02 .end{display: none; position: absolute; top:137px; left: 20px; width: 582px; height: 665px; background: url('../images/end02.png') no-repeat; z-index: 150;}
.event02_popup02 .end span{position: absolute; width: 55px; right: 71px; font-size: 20px; font-weight: 600; color: #441a07; line-height: 130%; text-align: right;}
.event02_popup02 .end .score01{top:155px;}
.event02_popup02 .end .score02{top:183px;}
.event02_popup02 .end .btn_end{position: absolute; width: 340px; height: 62px; left: 120px; top:333px;}
.event02_popup02 .end .sns{position: absolute; width: 75px; height: 75px; bottom: 85px;}
.event02_popup02 .end .sns01{left: 156px;}
.event02_popup02 .end .sns02{left: 254px;}
.event02_popup02 .end .sns03{left: 352px;}

.event02_popup03{height: 539px; background-image: url('../images/event02_popup0302.png');}
.event02_popup03 .ranking_list{height: 126px; width: 210px; margin: 246px 0 0 335px; padding: 19px 0; box-sizing: border-box;}
.event02_popup03 .ranking_list li{position: relative; height: 35px; line-height: 175%; font-size: 20px;}
.event02_popup03 .ranking_list li span{position: absolute; top:0; display: inline-block; color: #3e1200;}
.event02_popup03 .ranking_list li .ranking{left:0;}
.event02_popup03 .ranking_list li .name{left:45px;}
.event02_popup03 .ranking_list li .ea{right:0;}
.event02_popup03 .ranking_list li:first-child span{font-weight: 600;}

.event02_popup04{height: 429px; background-image: url('../images/event02_popup0401.png');}
.event02_popup04 .info{margin:218px 0 0 205px;}
.event02_popup04 .info .name input{width: 281px;}
.event02_popup04 .info .tel{margin-top: 10px; font-size: 0; line-height: 0;}
.event02_popup04 .info select{width: 88px; height: 30px;}
.event02_popup04 .info .tel input{width: 88px;}
.event02_popup04 .info .tel span{display: inline-block; width: 8px; text-align: center; font-size: 16px;}

.event02_popup05{height: 609px; background-image: url('../images/event02_popup0501.png');}
.event02_popup05 p{font-size: 20px; color: #3e1200; text-align: center; line-height: 140%;}
.event02_popup05 p:first-child{margin-top: 240px;}
.event02_popup05 p span{font-size: 20px; font-weight: 600; color: #3e1200; border-bottom: 1px solid #321200;}

.common_popup01{background-image: url('../images/common_popup01.png'); height: 530px;}
.common_popup01 .close{top:0px;}
.common_popup01 .check{bottom:43px;}

.common_popup02{background-image: url('../images/common_popup0202.png'); height: 854px;}
.common_popup02 .close{top:0px;}
.common_popup02 .check{bottom: 43px}

.popup_m{background-image: url('../images/popup_m.png'); height: 400px;}
.popup_m .close{top:0px;}
.popup_m .check{bottom: 53px}

.popup_m_first{background-image: url('../images/popup_m.png'); height: 400px;}
.popup_m_first .close{top:0px;}
.popup_m_first .check{bottom: 53px}
.popup.popup_m_first{top:10px;}
