/*通用*/
/*#ea5703;*/
.space_top_1{ padding-top:0.5rem;}
.space_top_2{ padding-top: 2rem;}
.space_top_3{ padding-top: 3rem;}
.space_top{ padding-top: 5rem;}
.space_top_big{ padding-top: 14vh;}
.space_memu{ padding-top:5em}

.white{color:#FFF;}
.w30{width:30%;}
.w35{width:35%;}
.w50{width:50%;}
.w65{width:65%;}
.w70{width:70%;}
.w100{width: 100%;}

.mobile_box{margin: 3rem 1rem;overflow: hidden;}

/*.box_about{width:80%; margin: 0 auto;}

@media screen and (max-width:760px){
	.box_about{width:100%;}
}*/

.left{float: left;}
.right{float: right;}
.bg{background: #000;}
.gradient_bg{min-height: 100vh;/*background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.4) 100%)*/ background: url("../Upload/bg.jpg") center no-repeat;background-size: 100% 100%;}

.mainpage{opacity:0;}

/*header*/
.header{height: 8rem;width:100%;opacity:0;position:fixed;z-index: 20; padding-left:5rem;left: 0; top: 0;mix-blend-mode: difference;}
#home .header{left: 0; padding-left:0;}
.header .logo{width:50%;height: 8rem; cursor:pointer;background: url("../Images/logo.svg") no-repeat left center;background-size: auto 3rem;}
.logo:hover{}
#home .header{position: absolute;}
#home .header .logo{width:100%;height: 8rem; cursor:pointer;background: url("../Images/logo.svg") no-repeat center center;background-size: auto 3rem;position: absolute;top:calc(50vh - 4rem);}

.index_canvas{width: 100%; height:100vh}


@media screen and (max-width:760px){
	.about_header{background: #000;mix-blend-mode:normal;}
	.header{padding-left: 2rem;height: 6rem;}
	.header .logo{background-size: auto 2.5rem;height: 6rem;}
	.index_canvas{width: 100%; height:100vh}
}


.page_aboutus{padding:25rem 0; width:70%;overflow: hidden;color: #FFF; margin: 0 auto;}
.page_aboutus article{width: 100%;display: 1; overflow: hidden;margin-top: 3rem;line-height: 1.6;text-align: justify}
.aboutbg{background: #000 url('../Images/bg_about.svg') right bottom no-repeat;background-size: auto 20vh;}

.artist_bg{height: 100vh;/* background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.4) 100%);*/
background: url("../Upload/bg.jpg") center no-repeat;background-size: 100% 100%;}

.page_artist{padding-top: 17rem;padding-bottom: 5rem;}

@media screen and (max-width:760px){
	.aboutbg{background: #000 url('../Images/bg_about.svg') right bottom no-repeat;background-size:60% auto}
	.page_aboutus{ width:80%;padding:15rem 0 17rem 0; }
	.artist_bg{height: 90vh;}
	.page_artist{padding-top: 16rem;padding-bottom: 3rem;}
}

.page_artist>h1{font-weight: normal;text-align: center;color: #FFF;top: 5rem;position: absolute;width: 100%;-webkit-text-stroke:1px #000;}
.page_artist h2{font-weight: normal;}



.page_music{}

.page_events{ min-height: 100vh;}
.page_events ul{padding: 5rem 0 5rem 0;color: #FFF;overflow: hidden}
.page_events ul a{color: #FFF;font-size: 3rem;float: right;margin-right: 5%;}
.page_events ul li{width: 30%;}
.page_events ul li h5{padding-top: 1rem;}
.page_events ul li:nth-child(3n+1){margin: 0 0 4% 30%;}
.page_events ul li:nth-child(3n+2){margin: 0 0 4% 62%;}
.page_events ul li:nth-child(3n+3){margin: -6% 0 4% 20%;}


@media screen and (max-width:760px){
	.page_artist>h1{top:9rem}
	/*.content{overflow: auto;position: relative;padding: 10rem 10% 5rem 5%;text-align: center;font-size: 50px;width: 100%;height: calc(100vh);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.content{font-size: 3rem;padding:0;height: 70vh}*/
	
	.content{overflow: auto;position: relative;padding: 10rem 10% 5rem 5%;text-align: center;font-size: 50px;width: 100%;height: calc(100vh);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.content{font-size: 3rem;padding:0;height: 65vh}

	
	.page_events ul li{width: 80%;}
	.page_events ul li h5{padding-top: 1rem;margin-bottom: 8rem}
	.page_events ul li:nth-child(3n+1){margin: 0 0 4% 10%;}
	.page_events ul li:nth-child(3n+2){margin: 0 0 4% 10%;}
	.page_events ul li:nth-child(3n+3){margin: 0 0 4% 10%;}
	
	
}



.bottom{padding: 8rem 0 0 0;overflow: hidden;}
.bottom>.wrapper{margin: 0 auto;padding: 0;max-width: 800px;}
.bottom>.wrapper>h2{text-align: center}
.bottom>.wrapper>p{text-align: center;font-size: 1.2rem;}
.bottom ul{padding-top: 2rem;}
.bottom ul li{width: 47%;float: left;}
.bottom ul li:nth-child(2){width: 40%;float: right;text-align: right;position: relative;}
.bottom h5{padding-bottom: 2rem;}
.bottom form {float: right;width: 100%;}
.bottom form input[type="text"]{width: 100%;color: #b5b5b6;margin-bottom: 2rem;}
.bottom form input[type="submit"]{width: 140px;text-align: center;font-weight: bold;font-size:1.6rem;float: right;border-radius: 3rem;margin-top: 1.7rem;}
.bottom form select{font-size: 1.5rem;padding: 0 1.5rem;width: 200px;margin-top: 1rem}
.bottom form .tip{float: left;padding-top: 1rem;width: 100%}
.bottom form .tip label{display: block;width:calc(100% - 2em);float: right;color: #b5b5b6;line-height: 1.3;font-size: 1.3rem;}
.bottom form .tip label span{font-size: 120%;}
.bottom form p{margin-bottom:1.5rem;}
.bottom_logo{display: none;}

.sns{padding:10rem 0 0 0; text-align: center;clear: both;overflow: hidden;}
.sns a{width: 2.5rem;height: 2.5rem; display:inline-block;margin: 0 2px;}
.sns .sns_x{background: url("../Images/SNS/icon_x.svg") no-repeat center center;background-size: auto 100%}
.sns .sns_ins{background: url("../Images/SNS/icon_INS.svg") no-repeat center center;background-size: auto 100%}
.sns .sns_tiktok{background: url("../Images/SNS/icon_tiktok.svg") no-repeat center center;background-size: auto 100%;}
.sns .sns_youtube{background: url("../Images/SNS/icon_youtube.svg") no-repeat center center;background-size: auto 100%;width: 3.5rem;}
.sns .sns_fb{background: url("../Images/SNS/icon_fb.svg") no-repeat center center;background-size: auto 100%;}

.copyright{text-align: center;margin: 5rem 0 3rem 0;clear: both;color: #b5b5b6}

.theme_white{background: #000;color:#FFF}
.theme_white .sns .sns_x{background: url("../Images/SNS/icon_x_white.svg") no-repeat center center;background-size: auto 100%}
.theme_white .sns .sns_ins{background: url("../Images/SNS/icon_INS_white.svg") no-repeat center center;background-size: auto 100%}
.theme_white .sns .sns_tiktok{background: url("../Images/SNS/icon_tiktok_white.svg") no-repeat center center;background-size: auto 100%;}
.theme_white .sns .sns_youtube{background: url("../Images/SNS/icon_youtube_white.svg") no-repeat center center;background-size: auto 100%;width: 3.5rem;}
.theme_white .sns .sns_fb{background: url("../Images/SNS/icon_fb_white.svg") no-repeat center center;background-size: auto 100%;}
.theme_white form input[type="text"]{border: 0;border-bottom: 1px solid #FFF;color: #FFF;}
.theme_white form input[type="submit"]{width: 140px;text-align: center;border: 1px solid #FFF;color: #000;background: #FFF;}
.theme_white form select{color: #FFF;background: #000;border: 1px solid #FFF;}
.theme_white input::placeholder {color: #b5b5b6}

select{appearance: none; -webkit-appearance: none;-moz-appearance: none;}
.theme_black .select_triangle{width: 3rem;height: 1rem;position: absolute;background: url("../Images/icon/icon_select_B.svg") no-repeat center center;background-size: auto 1rem;right:calc(15% + 2rem);margin-top: -2.5rem;z-index: 5;right: 2rem;}
.theme_white .select_triangle{width: 3rem;height: 1rem;position: absolute;background: url("../Images/icon/icon_select_W.svg") no-repeat center center;background-size: auto 1rem;right:calc(15% + 2rem);margin-top: -2.5rem;z-index: 5;right: 2rem;}

.theme_black form input[type="text"]{border: 0;border-bottom: 1px solid #000;color: #000;}


@media screen and (max-width:760px){
	.bottom ul li{width: 100%} 
	.bottom>.wrapper>p{text-align: center;font-size: 1.2rem;}
	.bottom>.wrapper{padding: 0 5%;margin: 0;width: 100%;}
	.bottom ul li{width: 50%;float: left;}
	.bottom ul li:nth-child(2){width: 50%;}
	.bottom form{margin-top: 5rem;float: left;text-align: left}
	.bottom form .tip{width: 100%;float: left;padding-top: 0;}
	
	.bottom form .tip label{float: right;line-height: 1.1;white-space:nowrap;}
	.bottom form input[type="text"]{width: 100%}
	.copyright{font-size: 10px;overflow: hidden}
	.bottom form input[type="submit"]{width: 100%;margin-top: 2rem;}
	.bottom form select{width: 160px;padding: 0 0 0 2rem;font-size: 1.2rem;}
	.sns{padding:9rem 0 3rem 0;}
	.sns a{width: 2.5rem;height: 2.5rem; display:inline-block;margin: 0 2px;}
	.sns .sns_youtube{background: url("../Images/SNS/icon_youtube.svg") no-repeat center center;background-size: auto 100%;width: 4rem;}
	.theme_white .sns .sns_youtube{background: url("../Images/SNS/icon_youtube_white.svg") no-repeat center center;background-size: auto 100%;width: 4rem;}
	
	.theme_black .bottom_logo{margin:9.5rem 0 0 0;float: left;display: block;background: url("../Images/logo_B.svg") no-repeat left center;background-size: auto 100%;width: 45%;height: 3rem;}
	.theme_white .bottom_logo{margin:9.5rem 0 0 0;float: left;display: block;background: url("../Images/logo_W.svg") no-repeat left center;background-size: auto 100%;width: 45%;height: 3rem;}
	
	
	.theme_black .select_triangle{width: 3rem;height: 1rem;position: absolute;background: url("../Images/icon/icon_select_B.svg") no-repeat center center;background-size: auto 0.8rem;right:calc(5% + 1rem);margin-top: -2.5rem;z-index: 5;right: 1.3rem;}
	.theme_white .select_triangle{width: 3rem;height: 1rem;position: absolute;background: url("../Images/icon/icon_select_W.svg") no-repeat center center;background-size: auto 0.8rem;right:calc(5% + 1rem);margin-top: -2.5rem;z-index: 5;right: 1.3rem;}
	
	
}



.popup{ display: none; text-align: center; padding: 5rem 4rem 5rem 4rem; overflow: hidden;font-size: 2rem;}
.popup img{ width:100%;margin-bottom:1rem;}
.popup article{padding: 0 15rem 5rem 15rem;font-size:15px;line-height: 20px}


@media screen and (max-width:760px){
	#popup_checkin{padding: 0}
	#popup_checkin article{padding: 0 1rem 5rem 1rem;font-size:15px;line-height: 20px}
}
/* 黑白效果
html {
        filter: grayscale(100%); 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        -webkit-filter: grayscale(1);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}*/