@charset "utf-8";
@media all and (max-width:989px){
    nav{
        height: 39px;
    }
    nav > ul > li:nth-child(2), nav > ul > li:nth-child(4){
        display: none;
    }
    nav > ul img{
        height: 52px;
    }
    #lang_menu{
        top: 39px;
        right: 0px;
    }
    aside{
        width: 100%;
        height: 100%;
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 500;
        background-color: rgba(0, 0, 0, 0.5);
		overflow: auto;
    }
    aside::before{
        content: "";
        display: block;
        width: 80%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #ffffff;
		overflow: auto;
    }
    aside > div{
        width: 72%;
        margin-bottom: 12px;
        position: relative;
        top: 0px;
        left: 4%;
    }
    #game_wrap{
        top: 100px;
    }
	
	h1{
    font-size: 1.5rem;
	}
	#side_menu > h1 {
	font-size: 1.5rem;	
	}
	.side_login > ul > li, #side_user > ul > li {
	font-size: 1.2rem;	
	}
	
	.side_login > ul > li, #side_user > ul > li a {
	font-size: 1.2rem;	
	}
	
	.side_login_mobile ul {
		margin-top: 0.5rem;
	}
	
	.side_login_mobile li {
		border-top:1px solid #e9e9e9;padding: 5px 0;
	}
	.side_login_mobile li a {
		font-size:	1.2rem; color: #3b0f00;
		font-family: 'Roboto', sans-serif;
	}
	
	#side_user i {
	font-size:1.6rem;
	margin-right: 0.1rem;
	}
	#side_user > p, #side_menu > ul > li > a, #side_notice > ul > li, #side_notice > ul > li > a{
    font-size: 1.2rem; 
	}
	
	
	#side_user > span {
		height: auto; border-radius: 1em; font-size: 1.5em; padding-top: 0.2em;
	}
	
	
	#game_score > div:last-child {
		padding: 3px;
	}
 
	/* jackpot type2 _ only mobile */
	.game_jackpot_m{ 
		display: block;position: absolute; z-index: 2;
		margin-top:18.95%; text-align: center;
		width:100%;
		
	}
	
	/*b order: 4px solid #f649dc; */

	
	.game_jackpot_m span {
		font-size: 1.6em !important; color:#D300B7; font-weight: 400;
		font-family: 'Roboto', sans-serif; margin-top: 0.1em; display: inline-block;
		}
	.game_jackpot_m span.small {
		font-size:1.2em !important;  color:#111; margin-top: 0.01em; font-weight: 400 !important;
		margin-left:2.3em; 
		}
	.game_jackpot_m img {
		width:auto !important;object-fit:none !important; position: absolute;
		margin-left:0; top:0.1em; 
		}
	
	
	
	.speech-bubble {
		width: 100%;
		height: auto;
		position: relative;
		background: rgba(255,255,255,1);
		border-radius: 1em;
		box-shadow: 1px 2px 7px 0px rgb(0 0 0 / 70%);
		padding:0.6em 1.8em 0.5em 1.8em; box-sizing: border-box;
		display: block; 
}

	.speech-bubble:after {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 0;
		height: 0;
		border: 15px solid transparent;
		border-bottom-color: #fff;
		border-top: 0;
		margin-left: -15px;
		margin-top: -15px;
		
		
	}

	#bot_menu{
		display: block;
		width: 100%;
		height: 72px;
		background-color: #ffffff;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 499;
	}
	#bot_menu > ul{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}
	#bot_menu > ul > li{
		display: block;
		width: 25%;
		text-align: center;
		/* background-color: teal; */
	}
	#bot_menu > ul > li > a{
		cursor: pointer;
		font-family: 'Montserrat', sans-serif;
		font-size: 12px;
		font-weight: 600;
		color: #000000;
	}
	#bot_menu > ul > li > a > div{
		height: 42px;
		position: relative;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	#bot_menu > ul > li:nth-child(1) > a > div{
		background-image: url("../img/footer_01_default.svg");
	}
	#bot_menu > ul > li:nth-child(2) > a > div{
		background-image: url("../img/footer_02_default.svg");
	}
	#bot_menu > ul > li:nth-child(3) > a > div{
		background-image: url("../img/footer_03_default.svg");
	}
	#bot_menu > ul > li:nth-child(4) > a > div{
		background-image: url("../img/footer_04_default.svg");
	}
	#bot_menu > ul > li > a:hover{
		color: #4485ff;
	}
	#bot_menu > ul > li:nth-child(1) > a:hover > div{
		background-image: url("../img/footer_01_hover.svg");
	}
	#bot_menu > ul > li:nth-child(2) > a:hover > div{
		background-image: url("../img/footer_02_hover.svg");
	}
	#bot_menu > ul > li:nth-child(3) > a:hover > div{
		background-image: url("../img/footer_03_hover.svg");
	}
	#bot_menu > ul > li:nth-child(4) > a:hover > div{
		background-image: url("../img/footer_04_hover.svg");
	}

	
	
	
}