html {
            height: 100%;
        }

        body {
            
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
        }

img{
    max-width:100%;
    height:auto;
}

#background {
  position: fixed; 
  top: 0; 
  left: 0; 

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

@font-face {
  font-family: 'GenJyuuGothic-P-Heavy';
  src: url('../font/GenJyuuGothic-Heavy.ttf');
}
@font-face {
  font-family: 'GenJyuuGothic-Heavy';
  src: url('../font/GenJyuuGothic-Heavy.ttf');
}


.hide_item{
    display: none;
}
.cls-0{
    fill:#ada9ff;
}
.cls-1{
    opacity:0.59;
}
.cls-2,.cls-6{
    font-size:10px;font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic P;
	font-weight:800;
	letter-spacing:0.04em;
}
.cls-2, .role_coin_path{
    fill:#fff;
}
.cls-3{
    letter-spacing:0.03em;
}
#.cls-4{
#    letter-spacing:0.03em;
#}

.cls-4{
	fill:#ada9ff;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:2px;
}


.cls-5{
    letter-spacing:0.04em;
}
.cls-6{
    fill:#ff6e6e;
}
.cls-2_light{
    fill:#ffdcdc;
    opacity:0.65;
}

.cls-3_blue{
    fill:#bed2fc;
    opacity:0.7;
}
.cls-6_pink{
    fill:#f9bdbd;
    opacity:0.76;
}
.title_text{
    font-size:10px;
    fill:#8d8dff;
    font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic;
    font-weight:800;
    letter-spacing:0.2em;
}
.page3_text{
    font-size:10px;
    fill:#8d8dff;
    font-weight:800;
    letter-spacing:0.2em;
}
.slot_text{
    font-size:10px;
    fill:#ffffff;
    font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic;
    font-weight:800;
    letter-spacing:0.2em;
}
.role_coin_path{
    stroke:#a7787a;
    stroke-miterlimit:10;
    stroke-width:0.75px;
}
.coin_number{
    font-size:9px;
    fill:#ada9ff;
    font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic;
    font-weight:800;
}
.role_pic{
    fill:#a6b1ff;
}

.ok{
	font-size:8px;
	font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic;
	font-weight:800;
	font-size:6.84166px;
	fill:#fff;
	letter-spacing:0.19998em;
}
.start_button{
	font-size:11px;
	font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic;
    fill:#FFFFFF;
#    stroke:#a7787a;
#    stroke-miterlimit:10;
#    stroke-width:0.75px; 
}

.start_text{
    clip-path:url(#clip-path-2);
}

.mouse_default{
    cursor: default;
}

.mouse_hand, .mouse_hand * {cursor: pointer}

.prohibit_selection{
    user-select: none;
}

.gone {
    display: none;
}

.QA_block{
    fill:#a8a1ff;
    opacity:0.5;
}
.QA_transparent{
    opacity:0;
}
.bar_text{
    font-size:10px;
    font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic;
    font-weight:800;
    fill:#ffffff;
}

.talk_bar{
    font-size:10px;
    letter-spacing:0.2em;
    fill:#fff;
    font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic;
    font-weight:800;
}

.board_coin{
	fill:#ffffff;
	}

.source{
    font-family:GenJyuuGothic-P-Heavy, Gen Jyuu Gothic;
    font-weight:800;
    fill:#8d8dff;
    font-size:4.37569px;
    letter-spacing:0.19996em;
}

.moveTo_center{
    position: absolute;     
    top: 50%;               
    left: 50%;              
    margin-top: -100px;     
    margin-left: -200px;    

}

.slot-1{font-size:36.55972px;}
.slot-1,.slot-2,.slot-6{fill:#ada9ff;}
.slot-1,.slot-3,.slot-5,
.slot-6{font-family:GenJyuuGothic-Heavy, Gen Jyuu Gothic;font-weight:800;}
.slot-2,.slot-4{stroke:#fff;stroke-miterlimit:10;stroke-width:2px;}
.slot-3{font-size:10px;letter-spacing:0.2em;}
.slot-3,.slot-5{fill:#fff;}
.slot-4{fill:#7373e5;}
.slot-5{font-size:11.97249px;letter-spacing:0.2em;}
.slot-6{font-size:12px;}

.machine_number{
    font-size:36.55972px;
    fill:#ada9ff;
    font-family:GenJyuuGothic-Heavy, Gen Jyuu Gothic;
    font-weight:800;
}