body{margin:0; background:#333;cursor:pointer}
.pop { position: fixed;  background: rgba(0, 0, 0, 0.6); z-index: 999; display: none; top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.pop .pop-cont {position: absolute;max-width: 800px;max-height: 760px;background: #fff9f3;width: calc(100% - 20px);height: calc(100% - 20px);margin: auto;box-shadow: black 0px 0px 10px;top: 0;left: 0;right: 0;bottom: 0;color: #000000;}
.pop .pop-cont .pop-cont-scroll {position: absolute;max-height: 100%;/* overflow: auto; */left: 0;right: 0;top: 0;bottom: 0;}


.pop.fullpop .pop-cont{width:100%;height: 100%;overflow: hidden;}


.fullpop .fullpop-title{position:absolute;width: 90%;margin:auto;margin-top: 6%;color: #f7941e;text-align: center;display: flex;flex-direction: column;gap: 10px;font-family: 'Butler';font-size: 6vw;z-index: 9;left: 0;right: 0;max-width: 600px;}
.fullpop .fullpop-bottom{color:white;margin-bottom: 22%;position: absolute;bottom: 0;font-size: 24px;text-align: center;background: rgba(0,0,0,0.5);box-shadow: 0 0 20px 20px rgba(0,0,0,0.5);width: 100%;font-weight: bold;}
.fullpop .fullpop-title2{line-height:1.1;font-family: 'butler';font-size: 30px;}
.fullpop .fullpop-bottom .fullpop-text{font-size:18px;font-weight:normal;padding:10px 20px}
.fullpop .fullpop-bottom .regular-button{margin-top: 14px;}


.fullpop .pop-cont-scroll{background:black}
.fullpop .fullpop-content{position:absolute;margin:auto;display: flex;width: 100%;height: 100%;justify-content: center;transform: scale(2.5) translateX(-20%);}
.fullpop .bgwrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;display: flex;align-items: center;}
.fullpop .bgwrap img{width:100%;/* height:100%; */object-fit:cover;position:absolute}
.fullpop .bgwrap.glitters {animation: glitters 12s linear infinite;mask-image: url(../img/glitters-mask.png);mask-image: linear-gradient(90deg,transparent 0,black 20%, black 60% , transparent 80%);mask-size: 1em;/* mask-position: 22.4em; */font-size: 4vw;/* background: red; */}
.fullpop .pop-cont-scroll::before{content:"";position:absolute;background: linear-gradient(180deg, black 20%, transparent);left: 0;right: 0;display: block;top: 0;padding-bottom: 40%;z-index: 3;}
.fullpop .pop-cont-scroll::after{content:"";position:absolute;background: linear-gradient(0deg, black 10%, transparent);left: 0;right: 0;display: block;bottom: 0;padding-bottom: 60%;z-index: 3;}

.slogan img {position: absolute;width: 75%;bottom: 7%;z-index: 4;}
/*
.pop.fullpop .pop-cont::after {cursor:pointer;position: absolute;top: 0;left: 0;right: 0;height: 100%;z-index: 9999;background: #141414;content: "";animation: updown 3s infinite;}

@keyframes updown{
	0%{transform:translateY(5%)}	
	50%{transform:translateY(30%)}
	100%{transform:translateY(5%)}
}*/

.btn-top-sticky{position: fixed;right: 10px;bottom: 2%;font-size: 4vw;background: #000000;border: 2px solid #fff;color: #fff;text-decoration: none;border-radius: 31px;z-index: 99;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0;box-sizing: border-box;transition: 0.5s all;background: #ff9027;}
.btn-top-sticky svg{width: 70%;height: auto;/* position: absolute; *//* left: 6px; *//* top: 8px; */fill: #fff;transition: 0.5s all;}
#toggleMusicBtn.btn-top-sticky{background:transparent !important;z-index: 99;border-width: 1px;/* opacity: 0.5; */}
#toggleMusicBtn.btn-top-sticky:not(.Pause) svg:nth-child(2){display:none}
#toggleMusicBtn.btn-top-sticky.Pause svg:nth-child(1){display:none}
#toggleMusicBtn.btn-top-sticky svg{width:50%;height:auto;}


@keyframes glitters{
	0%{mask-position:0.5em, 0.5em}	
	100%{mask-position:15.5em,10.5em}
}

@media(min-width:800px){
	.fullpop .fullpop-content{transform: scale(1.1) translateX(-45.3%);}
	.fullpop .pop-cont-scroll::before{padding-bottom:20%}
	.fullpop .pop-cont-scroll::after{padding-bottom: 30%;}
	.slogan img {position: absolute;width: 45%;bottom: 7%;z-index: 4;right: 19%;}
}