/* main_visual */
.main_visual{height: 1031px}
.mv_wrap{top: 98px;height: 913px;border-radius: 7px;border: 2px solid #fff;box-sizing: border-box}
.mv_wrap_neon{top: -17px;left: -16px}
.mv_head{padding-top: 64px}
.mv_title_wrap{display: inline-block;margin-bottom: 20px}
.mv_wings_wrap{
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-image: url('../img/main/mv_ttl_bg.png')
}
.mv_wings_wrap .wing_lines{bottom: 0;height: 150%}
.mv_wings_wrap .wing_line{background-color: #18533c}
.mv_title,
.mv_sub{left: 0;right: 0}
.mv_title{top: 50%;transform: translateY(-50%)}
.mv_sub{top: -64px}
.mv_txt{color: #fff}
.mv_label01,
.mv_label02{top: -3px}
.mv_label01{left: 27px}
.mv_label02{right: 27px}
.mv_inner{width: 1947px;height: 905px;border-radius: 5px;border: 3px solid #651136;box-sizing: border-box}
.mv_bgs{top: -410px;left: -275px;width: 2487px;height: 1800px}
.mv_bgs > *{transform-origin: center bottom}
.mv_bg01{background-image: url('../img/main/mv_bg01.png')}
.mv_bg02{background-image: url('../img/main/mv_bg02.png')}
.mv_bg03{background-image: url('../img/main/mv_bg03.png')}
.mv_bg04{background-image: url('../img/main/mv_bg04.png')}
.mv_bg05{background-image: url('../img/main/mv_bg05.png')}
.mv_bg_lines{background-image: url('../img/main/mv_bg_lines.png')}
.mv_slide{bottom: 0;left: 0;right: 0;width: 960px;height: 410px;margin: 0 auto}
.mv_sl_neon{bottom: 0;margin-left: -546px}
.mv_sl_cir{overflow: hidden;top: 80px;width: 1030px;height: 1030px;margin-left: -515px;background-color: #e00c43;border-radius: 50%}
.mv_sl_cir .wing_lines{bottom: 700px;height: 50%}
.mv_sl_cir .wing_line{background-color: #fff}
.mv_sl_rotate{top: 0;margin-left: -595px;animation: rotate 40s infinite linear}

@keyframes rotate {
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg)}
}

.sec_wrap > section{max-width: 1957px;margin: 0 auto}
.sec_map{bottom: 0;margin-left: -816px}
.sec_bg{background-image: url('../img/main/sec_wrap_bg.jpg')}

/* hot */
.hot{padding-top: 43px}
.hot .neon_ele{top: -6px;left: -6px}
.hot01{height: 280px;margin-bottom: 13px;background-color: #000;border: 1px solid #0dcea6}
.hot01_left,
.hot01_right{position: absolute;top: 50%;transform: translateY(-50%)}
.hot01_left{left: 0}
.hot01_right{right: 0}
.hot01_slide{width: 611px;height: 280px;margin: 0 auto}
.hot01_sl{height: 280px}
.hot01_sl01{background-image: url('../img/main/hot01_sl01.jpg')}
.hot01_sl02{background-image: url('../img/main/hot01_sl02.jpg')}
.hot01_sl03{background-image: url('../img/main/hot01_sl03.jpg')}
.hot01_sl04{background-image: url('../img/main/hot01_sl04.jpg')}
.hot01_sl05{background-image: url('../img/main/hot01_sl05.jpg')}
.hot01_sl06{background-image: url('../img/main/hot01_sl06.jpg')}
.hot01_sl_neon{top: -7px;left: -7px}
.hot01_sl_txt{top: 50%;transform: translateY(-50%)}
.hot01_sl_txt01{left: 0}
.hot01_sl_txt02{margin-left: 330px}
.hot01_sl_txt .txt_color{opacity: 0}
.hot01_sl_txt.on .txt_color{opacity: 1}
.hot01_sl_txt.on .txt_base{opacity: 0}
.hot02_flow{border: 1px solid #0dcea6}
.hot02_flow .title_deco{left: 26px;width: 48px;height: 48px;margin-top: -24px}
.hot02_flow .title_deco::before{width: 92px;height: 92px}
.hot02_fl_ttl{line-height: 100px}

/* festival */
.fst01{height: 690px}
.fst01_flow{top: 0;width: 100%;height: 100%;transform: translateX(-50%)}
.fst01_flow .flow_item{opacity: 0.3}
.fst01_flow::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, #000 0%, #000 40%, transparent 100%)}
.fst01_svg_wrap{top: 0;width: 1445px;height: 691px;margin: 0 auto 0 -722.5px}
.fst01_svg_neon{top: 68px;left: 310px;width: 826px;height: 782px}

.fst02{height: 600px}
.fst02 .inner_1957{background-color: #e00c43}
.fst02_boxs li{overflow: hidden;height: 540px;border-right: 2px solid #e6247a;box-sizing: border-box}
.fst02_box01{width: 457px;background-image: url('../img/main/fst02_box01.jpg')}
.fst02_box02{width: 679px}
.fst02_box02 > *{height: 50%}
.fst02_box02 .box02_01{background-image: url('../img/main/fst02_box02.jpg');border-bottom: 2px solid #e6247a;box-sizing: border-box}
.fst02_box02 .box02_img{bottom: 0;left: 0;right: 0;text-align: center}
.fst02_box02 .box02_02{background-color: #000}
.fst02_box02 .box02_twrap{padding-top: 59px;padding-left: 63px}
.fst02_box02 .box02_ttl{margin-bottom: 23px}
.fst02_box02 .box02_txt em{color: #fff}
.fst02_box03{width: 455px;background-image: url('../img/main/fst02_box03.jpg')}
.fst02_box03 .box03_img{bottom: 0;left: 0}
.fst02_more{top: 17px;left: 0;right: 0;width: 377px;margin: 0 auto}
.fst02_box04{width: 310px;background-image: url('../img/main/fst02_box04.jpg')}
.fst02_box04 .box04_img{top: 0;right: 0}

.fst03{height: 417px}
.fst03_head{width: 1066px;height: 339px;margin: 0 auto}
.fst03_ring{top: 0;left: 0}
.fst03_wings_wrap{
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-image: url('../img/main/fst03_back.png')
}
.fst03_wings_back{background-image: url('../img/main/fst03_back.png')}
.fst03 .wing_lines{z-index: 1;bottom:-6px;height: 400px}
.fst03 .wing_lines::before{background-color: #41e1a2}
.fst03 .wing_line{background-color: #41e1a2}
.fst03_char{top: 109px;margin-left: -340px}
.fst03_title{top: 153px;margin-left: -191px}
.fst03_deco01{top: 104px;margin-left: -728px}
.fst03_deco02{top: 0;margin-left: 607px}
.fst03_deco03{top: 273px;margin-left: 592px}

/* upset */
.upset{height: 956px;background-image: url('../img/main/upset_bg.jpg')}
.upset_head{margin-bottom: 120px;padding-top: 86px}
.upset_ttl{margin-bottom: 10px}
.upset_txt em{color: #fff}
.upset_boxs01{margin-bottom: 30px}
.upset_box_wrap{top: 205px;width: 2560px;margin-left: -1280px}
.upset_box:not(:last-child){margin-right: 30px}
.upset_boxs01 .upset_box{vertical-align: bottom}
.upset_neon{opacity: 0;transition: opacity 0.5s}
.upset_neon.on{opacity: 1}
.upset_neon01{top: -20px;margin-left: -853px}
.upset_neon02, .upset_neon03{top: 60px}
.upset_neon02{margin-left: -103px}
.upset_neon03{margin-left: 648px}
.upset_neon04, .upset_neon05{top: 320px}
.upset_neon04{margin-left: -164px}
.upset_neon05{margin-left: 587px}
.upset_slide{width: 1087px;margin: 0 auto}
.upset_slide .swiper-container{padding: 0 265px}
/* .upset_slide .swiper-slide{opacity: 0} */
.upset_slide .swiper-slide-prev,
.upset_slide .swiper-slide-active,
.upset_slide .swiper-slide-next{opacity: 1}
.upset_sl{position: relative;transform: scale(0.745);transition: transform 0.8s}
.upset_slide .swiper-slide-prev .upset_sl{transform: scale(0.745) translateX(52%)}
.upset_slide .swiper-slide-next .upset_sl{transform: scale(0.745) translateX(-52%)}
.upset_slide .swiper-slide-active .upset_sl{z-index: 1;transform: scale(1) translateX(0)}
.upset_sl::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 520px;height: 320px;margin: auto;border-radius: 50%;background-color: #000}
.upset_sl img{opacity: 0.5;transition: opacity 0.8s}
.upset_slide .swiper-slide-active .upset_sl img{opacity: 1}

/* inter */
.inter{height: 1314px}
.inter > .wing_lines{bottom: 0;height: 70%}
.inter > .wing_lines .wing_line{background-color: #e6247a}
.inter_bg{top: 87px;width: 1630px;height: 1140px;margin-left: -815px;background-image: url('../img/main/inter_bg.png')}
.inter_wrap{width: 1536px;margin: 0 auto}
.inter_head{padding-bottom: 52px;padding-top: 94px}
.inter_back{
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-image: url('../img/main/inter_head_bg.png')
}
.inter_back .wing_lines{top: 47px;height: 150%}
.inter_back .wing_line{background-color: #e6247a}
.inter_ttl{display: inline-block;margin-bottom: 42px}
.inter_ttl .neon_ele{top: -35px;left: -35px}
.inter_txt em{color: #fff}
.inter_flow{padding: 6px 0;background-color: #e00c43}
.inter_conts:hover{cursor: url('../img/main/inter_cursor.png') 45 45, auto}
.inter01{background-image: url('../img/main/inter01_bg.jpg')}
.inter_box{position: relative;width: 50%;height: 628px}
.inter01_box_img{bottom: 0;right: 152px}
.inter01_flow{top: 0;left: 108px;width: 494px;height: 100%}
.inter01_flow .flow_item{height: 1771px}
.inter02_video{background-image: url('../img/main/inter02_video_bg.jpg')}
.inter02_nums{left: 0;right: 0}
.inter02_cir01 .inter02_nums{top: 100px}
.inter02_cir02 .inter02_nums{top: 90px}
.inter02_nums .num{width: 25px;height: 50px;background-repeat: no-repeat;background-position: 0 0;font-size: 0}
.inter02_cir01 .num{background-image: url('../img/main/inter02_cir01_num.png')}
.inter02_cir02 .num{background-image: url('../img/main/inter02_cir02_num.png')}

.inter_label_wrap,
.inter_labels{top: 50%;transform: translate(-50%, -50%);perspective: 1000px}
.inter_lbl_flip{position: relative;width: 100%;height: 100%;transform-style: preserve-3d}
.inter_label01,
.inter_label02{backface-visibility: hidden}
.inter_label02{transform: rotateY(180deg)}

/* sns */
.sns{height: 420px}
.sns::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 120px;background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%)}
.sns_wrap{top: 50%;transform: translate(-50%, -50%)}
.sns_lis{width: 713px}
.sns_li{overflow: hidden;width: 225px;height: 225px;border-radius: 13px;background-image: url('../img/main/sns_li.jpg')}
.sns_cover{opacity: 0;background-image: url('../img/main/sns_cover.png');transition: opacity 0.3s}
.sns_cover:hover{opacity: 1}
.sns_txt{overflow: hidden;display: -webkit-box;width: 100%;padding: 0 30px;text-overflow: ellipsis;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;color: #fff;box-sizing: border-box}
.sns_logo{width: 340px;height: 225px;background: url('../img/main/sns_logo.png') no-repeat center}
.sns_beer01{top: 94px;margin-left: -343px;pointer-events: none}
.sns_beer02{top: 139px;margin-left: 18px;pointer-events: none}

/* media */
.media{height: 482px;background-image: url('../img/main/media_bg.jpg');margin-bottom: 70px;}
.media:hover{cursor: url('../img/main/media_cursor.png') 45 45, auto}
.media_slide{top: 68px;width: 876px;margin-left: -50px}
.media_slide .swiper-container{padding-right: 270px}
.media_sl{position: relative;width: 606px;height: 340px;background-color: #000;transform: translateX(0) scale(0.82);transition: all 0.8s}
.media_sl::after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.7)}
.media_slide .swiper-slide-next .media_sl{transform: translateX(-40%) scale(0.82)}
.media_slide .swiper-slide-prev .media_sl,
.media_slide .swiper-slide-active .media_sl{z-index: 1;opacity: 1;transform: translateX(0) scale(1)}
.media_slide .swiper-slide-prev .media_sl::after,
.media_slide .swiper-slide-active .media_sl::after{opacity: 0}
.media_neon{top: -7px;left: -7px}
.media_name{bottom: -27px;left: 0;right: 0;width: 309px;height: 65px;margin: 0 auto}