.bg1 {padding-bottom:40px;text-align:center;background-image:url(/image/Event/E220626_open/img_01.jpg);}
.bg2 {padding:45px 0;background-image:url(/image/Event/E220626_open/img_02.jpg);}
.bg3 {padding:20px 0;background:#07030F;}
.notice_area {font-size:14px;color:#FFF;}
.notice_area .notice_title {font-size:18px;font-weight:bold;margin-bottom:15px;color:#FFF;}
.notice_area ol {line-height:2.2;margin-left:15px;}

/*TOP*/
.bg1 .top > img {position:relative;left:50%;display:inline-block;width:calc(100vw - 20px);max-width:1330px;margin-left:-1020px;}
.time_count {position:relative;bottom:10%;box-sizing:border-box;height:18%;margin:3% auto 0;padding:2% 0;text-align:center;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background:linear-gradient(180deg, #35C8F6, #0980F3);}
.time_count .title {font-size:1.571rem;font-weight:bold;top:0;left:50%;padding:0.8% 4% 1.2%;transform:translate(-50%, -60%);white-space:nowrap;color:#FFF;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color:#231F26;}
.time_count > span {font:bold 5.714rem Tahoma;position:relative;display:inline-block;width:23%;text-align:center;color:#FFF;}
.time_count > span:after {font-size:2.857rem;position:absolute;top:40%;right:0;content:':';transform:translateY(-50%);}
.time_count > span:last-child:after {content:'';}
.time_count > span > em {font-size:1.429rem;display:block;text-align:center;color:#ACE4FF;}

.event_btn {font-size:2.143rem;font-weight:bold;display:inline-block;width:50%;padding:3.8% 0;color:#FFF;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color:#118DF4;}
.event_btn2{font-size:2.143rem;font-weight:bold;display:inline-block;width:31%;padding:3.8% 0;color:#FFF;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;margin-right: 2.5%;}
.event_btn2:last-child{margin-right:0;}
.join_btn{background:linear-gradient(#fe8f41,#f93881);}
.guide_btn{background:linear-gradient(#16d035,#3ebd62);}
.home_btn{background:linear-gradient(#118df4,#04c4f4);}

/*JOIN EVENT*/
.e_tab {display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;padding-top:4%;}
.e_tab > a {font-size:1.571rem;font-weight:bold;position:relative;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;flex:1;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;min-height:80px;padding:5px 0;text-align:center;color:#E3EDF9;background-color:#111;}
.e_tab > a:first-child {-webkit-border-top-left-radius:20px;border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;border-bottom-left-radius:20px;}
.e_tab > a:last-child {border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;border-bottom-right-radius:20px;-webkit-border-top-right-radiusdius:20px;}
.e_tab > a > span {z-index:2;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0 10px;}
.e_tab > a.selected {font-size:2rem;flex:1.3;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.e_tab > a.selected > span {position:absolute;z-index:1;bottom:0;left:0;display:block;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:100%;min-height:calc(100% * 1.43);color:#FFF;-moz-border-radius:20px 20px 0 20px;-webkit-border-radius:20px 20px 0 20px;border-radius:20px 20px 0 20px;background:linear-gradient(180deg, #35C8F6, #0980F3);}
.e_tab > a:nth-child(2) > span {-moz-border-radius:20px 20px 0 0;-webkit-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;}
.e_tab > a:nth-child(3) > span {-moz-border-radius:20px 20px 20px 0;-webkit-border-radius:20px 20px 20px 0;border-radius:20px 20px 20px 0;}

.white_box {position:relative;padding:5%;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color:#FFF;}
.box_title {font-size:3.214rem;font-weight:bold;color:#033F72;}
.box_title em {font-size:1.429rem;display:block;}
.box_title .icon_top {position:absolute;top:0;right:0;width:40%;}
.box_title .icon_top > img {width:100%;max-width:385px;}
.join_goods {font-size:1.429rem;margin-top:40px;}
.join_goods > ul {display:inline-block;width:80%;margin-left:3%;vertical-align:top;}
.join_goods > ul > li {font-weight:bold;display:inline-block;width:32%;text-align:center;vertical-align:top;color:#003F72;}
.join_goods > ul > li > img {width:95%;max-width:180px;}
.sub_txt {font-size:1.429rem;font-weight:bold;padding:12px 0;color:#DDD;}

.label {font-size:1.429rem;display:inline-block;width:15%;vertical-align:top;}
.label > span {font-weight:bold;display:inline-block;width:90%;padding:1px 0;text-align:center;color:#003F72;background-color:#EEE;}

/*SNS EVENT*/
.sns_goods {font-size:0;margin-top:65px;text-align:center;}
.sns_goods > li {font-size:1.429rem;font-weight:bold;display:inline-block;width:50%;vertical-align:top;color:#003F72;}
.sns_goods > li > img {width:80%;max-width:240px;}
.gray_box {font-size:1.786rem;font-weight:bold;margin-top:50px;padding:1.5%;text-align:center;color:#033F72;background-color:#F1F1F1;}
.gray_box span {font-size:1.429rem;color:#158DF1;}
.sns_event .label {width:100%;margin-bottom:30px;text-align:center;}
.sns_event .label > span {width:auto;padding:1px 25px;}
.step_box {margin-bottom:30px;padding:30px 8px;background-color:#F1F1F1;}
.step_box .step_cont {font-size:1.429rem;font-weight:bold;position:relative;display:inline-block;width:33%;text-align:center;vertical-align:top;color:#033F72;}
.step_box .number {width:182px;margin:0 auto 18px;padding:4px 0;text-align:center;color:#FFF;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color:#118DF4;}
.step_box .step_cont span {color:#158DF1;}
.step_box .step_cont:after {position:absolute;top:50%;right:0;width:15px;height:18px;margin-top:-9px;content:'';background:url(/image/Event/E220626_open/img_arrow.png) no-repeat;}
.step_box .step_cont:last-child:after {display:none;}
.sns_event textarea {font-size:1.429rem;width:calc(100% - 150px);height:70px;resize:none;vertical-align:top;border:0;}
.sns_event .btn_lg_h { font-size:1.429rem; line-height:68px;height:70px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.sns_event .data_table th, .sns_event .data_table td {font-size:1.429rem;background-color:#FFF;}
.sns_event .data_table td:last-child {width:75%;text-align:left;}

/*BUG EVENT*/
.bug_find_event .gray_box span {font-size:1.786rem;}
.bug_img {position:relative;width:100%;max-width:475px;margin:0 auto;text-align:center;}
.bug_img .goods_txt {font-size:2.143rem;font-weight:bold;position:absolute;top:29%;right:0;padding:3px 20px;transform:translateX(42%);color:#003F72;border:3px solid #DFDFDF;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color:#FFF;}
.bug_img .goods_txt > span {font-size:2rem;color:#F23544;}

@media (max-width:1020px) {
    
    /*TOP*/
    .bg1 .top > img {width:100%;margin-left:0;transform:translateX(-50%);}
}

@media (max-width:992px) {
    
    /*TOP*/
    .time_count {margin-top:5%;padding:3% 0;}
    
    /*SNS EVENT*/
    .step_box .step_cont {width:100%;padding-bottom:30px;}
    
    .step_box .step_cont:last-child {padding-bottom:0;}
    
    .step_box .step_cont:after {top:auto;bottom:5px;left:50%;margin-left:-7px;transform:rotate(90deg);}
    
}

@media (max-width:768px) {
    
    html, body {font-size:12px;}
    
    /*JOIN EVENT*/
    .label {font-size:1.8rem;display:block;width:100%;margin-bottom:20px;text-align:center;}
    
    .label > span {width:auto;padding:1px 25px;}
    
    .join_goods > ul {width:100%;margin-left:0;text-align:center;}
    
    /*BUG EVENT*/
    .bug_img {padding-top:70px;}
    
    .bug_img .goods_txt {top:20px;right:auto;left:50%;width:100%;margin:0 auto;transform:translateX(-50%);text-align:center;}
    
}

@media (max-width:576px) {
    
    .event_btn {width:100%;}
    
    /*TOP*/
    .time_count > span {font-size:3.286rem;}
    
    .time_count > span:after {font-size:2rem;}
    
    .time_count > span > em {font-size:1.2rem;}
    
    .e_tab > a {font-size:1.33rem;}
    
    .e_tab > a.selected {font-size:1.567rem;}
    
    /*JOIN EVENT*/
    .join_goods > ul > li {width:49%;}
    
    /*SNS EVENT*/
    .sns_event textarea {width:100%;}
    
    .sns_event .btn_lg_h {line-height:30px;width:100%;height:32px;}
    
    /*BUG EVENT*/
    .bug_img .goods_txt {width:90%;}
}

@media (max-width:360px) {
}