/*=======================
　left menu
========================*/
/*--left menu----*/
/*xs sm*/
@media screen and (max-width:991px){
	
    #content #l_menu{
            width:100%; height:100%; cursor:pointer;
            position:fixed; top:0; left:0; z-index:101;
            padding:0;
            visibility:hidden;
            transform:translateX(-200px);
            transition: all 0.8s ease;
            -webkit-transition: all 0.8s ease;
    }

    #content #left1 .inner{
            width:200px; height:100%;
            background:rgba(50,50,50,0.7);
    }

    #content #left1 .inner .u_menu_area{
            width:100%;height:100%;
            padding:100px 10px; overflow:auto;
    }

    .u_menu-head{padding:5px 10px; margin:0; font-size:12px; color:#FFF; border-left:5px solid #999;}
    .u_menu_ul {width:100%;}
    .u_menu_ul .u_menu_a{color:#FFF;}
    .u_menu_ul li{
            height:39px; line-height:39px; padding:0 8px; 
            border-bottom:1px solid #888;
            opacity:0.8;
    }

    .u_menu_ul li:hover{
            opacity:1;
    }

    /*--- ---*/   
    .account_content{
        padding-top :20px;
        background: #FFF;
        text-align: center;
    }

    .inner{
        padding:20px;
    }
    
    /*--- animation ---*/
    #content #l_menu.isOpen {
            visibility:visible;
            transform:translateX(0);
    }
}

/*md lg*/
@media screen and (min-width:992px){
	#content #left1{width:200px; padding:0 10px;}
	
	.u_menu_area{margin-top:20px;}
	
	.u_menu-head{padding:5px 10px; margin:0; font-size:12px; background:#033; color:#FFF;}
	.u_menu_ul {width:100%;}
	.u_menu_ul .u_menu_a{text-decoration:none; color:#222;}
	.u_menu_ul li{
		height:39px; line-height:39px; padding:0 8px; 
		border-left:3px solid #CCC;
		border-bottom:1px solid #E5E5E5;
		font-size:12px;background:#F5F5F5;
	}
	.u_menu_ul li:hover{
		border-left:3px solid #033;
		background:#EFEFEF;
	}
}


/*========================
 content 
========================*/
.login_area   {max-width:400px; margin:0 auto;}
.login_area h2{border-bottom:1px solid #E4E4E4;}

#content #left2{padding:20px 10px;}
#content #left2 .inner{width:100%; margin:0 auto;}


/*-- Mobile Menu --*/
#onMobMenu {
	width:30px;
        height:30px;
        line-height:30px;
	margin:15px 5px;
        padding:0;
        float:left;
	background:#033;
        border:0;
        color:#FFF; 
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
}

#onMobMenu span{
	text-align : center;
	font-size  : 24px;
	line-height: 24px;
	padding    : 0 1px;
}


/*-- Nabigation --*/
.my_nav{text-align:center; width:100%;}
.my_nav a{font-size:10px; width:20%; text-align: center;}

.my_nav li{padding:10px 0; color:#666; background:#E4E4E4;}
.my_nav li:hover{background:#F4F4F4;}
.my_nav li i{font-size:20px;}
.my_nav li.active{background:#F4F4F4;}


/*----- テーブル設定 -----*/
.Clipboard button{
    border:2px solid #E4E4E4;
    border-radius:5px;
    padding:5px 10px;
}

/*--- Affiliate コピー ---*/
.Clipboard_affili button{
    border:2px solid #E4E4E4;
    border-radius:5px;
    padding:5px 10px;
    color:#FFF;
    background: #23a0da;
}

.Clipboard_affili button .button__text{
    margin-right: 10px;
    display:none;
}

@media screen and (max-width:991px){
    .Clipboard_affili button{
        width:80px;
    }
    
    .Clipboard_affili button .button__text{
        display:inline-block;
    }
}


/*----- crypto table -----*/
.crypto_tb{
    width: 100%;
}

.crypto_tb tr{
    background: #F4F4F4;
    border-bottom: 10px solid #FFF;
}

.crypto_tb td{
    padding:5px 5px;
}

.crypto_tb .td_icon{
    width: 30px;
    text-align: center;
}
.crypto_tb .td_icon img{
    height: 24px;
}

.crypto_tb .td_indicate{
    width: 30px;
}

/*----- table th -----*/
.table.th_vat th{
    vertical-align: top;
}

.table.th_vam th{
    vertical-align: middle;
}

.table.th_vab th{
    vertical-align: bottom;
}

/*----- result billion -----*/
.winning_list .winning_el{
    font-size:14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.part_match {
    color:#F00;
    font-weight: 800;
}

/*----- win -----*/
.ac_Win,
.ticket_win{
    color:#F15A24;
}

/*========================
 other setting
========================*/
.alert{color:#F00; font-weight:800; font-size:12px; margin:20px 0; padding:0;}


/*----- popup -----*/
#Pop{
	width:100%;height:100%; z-index:5;
	position:absolute;margin:auto;
	background:rgba(8,8,8,0.8);
	visibility:hidden;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	opacity:0.0;
}
#PopInner{
	position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;
	background:#FFF; z-index:6;
	width:216px; height:216px; 
}

#Pop.isOpen{
	visibility:visible;
	opacity:1.0;
}