/* vrg.css Rev 2015-10-20 */

	/* (Sprite) Large-Number ---------------------------- */
	.vrg-n1{
		/* 30 x 35 */
		position:absolute; width:30px; height:35px; padding:0; pointer-events:none;
		background:transparent url(../imgs/g001-num1.png?r=151203a) no-repeat; background-size:60px 350px; background-position:0px 0px;
	}
	.vrg-n1-0{ background-position:0px 0px; }		.vrg-n1-w0{ background-position:-30px 0px; }
	.vrg-n1-1{ background-position:0px -35px; }		.vrg-n1-w1{ background-position:-30px -35px; }
	.vrg-n1-2{ background-position:0px -70px; }		.vrg-n1-w2{ background-position:-30px -70px; }
	.vrg-n1-3{ background-position:0px -105px; }	.vrg-n1-w3{ background-position:-30px -105px; }
	.vrg-n1-4{ background-position:0px -140px; }	.vrg-n1-w4{ background-position:-30px -140px; }
	.vrg-n1-5{ background-position:0px -175px; }	.vrg-n1-w5{ background-position:-30px -175px; }
	.vrg-n1-6{ background-position:0px -210px; }	.vrg-n1-w6{ background-position:-30px -210px; }
	.vrg-n1-7{ background-position:0px -245px; }	.vrg-n1-w7{ background-position:-30px -245px; }
	.vrg-n1-8{ background-position:0px -280px; }	.vrg-n1-w8{ background-position:-30px -280px; }
	.vrg-n1-9{ background-position:0px -315px; }	.vrg-n1-w9{ background-position:-30px -315px; }
	
	/* (Sprite) Small-Number ---------------------------- */
	.vrg-n2{
		/* 22 x 286 */
		position:absolute; width:22px; height:26px; padding:0; pointer-events:none;
		background:transparent url(../imgs/g001-num2.png?r=151203a) no-repeat; background-size:44px 286px; background-position:0px 0px;
	}
	.vrg-n2-0{ background-position:0px 0px; }		.vrg-n2-r0{ background-position:-22px 0px; }
	.vrg-n2-1{ background-position:0px -26px; }		.vrg-n2-r1{ background-position:-22px -26px; }
	.vrg-n2-2{ background-position:0px -52px; }		.vrg-n2-r2{ background-position:-22px -52px; }
	.vrg-n2-3{ background-position:0px -78px; }		.vrg-n2-r3{ background-position:-22px -78px; }
	.vrg-n2-4{ background-position:0px -104px; }	.vrg-n2-r4{ background-position:-22px -104px; }
	.vrg-n2-5{ background-position:0px -130px; }	.vrg-n2-r5{ background-position:-22px -130px; }
	.vrg-n2-6{ background-position:0px -156px; }	.vrg-n2-r6{ background-position:-22px -156px; }
	.vrg-n2-7{ background-position:0px -182px; }	.vrg-n2-r7{ background-position:-22px -182px; }
	.vrg-n2-8{ background-position:0px -208px; }	.vrg-n2-r8{ background-position:-22px -208px; }
	.vrg-n2-9{ background-position:0px -234px; }	.vrg-n2-r9{ background-position:-22px -234px; }
	.vrg-n2-C{ background-position:0px -260px; }	.vrg-n2-rC{ background-position:-22px -260px; }


	/* (Sprite) for Splash-screen ---------------------------- */
	.vrg-spr3{ position:absolute; overflow:hidden; background:transparent url(../imgs/g004-selector.png?r=151203a) no-repeat left top; background-size:360px 1764px; }
	.vrg-spr3-container{ background-position:0px 0px; width:360px; height:460px; }
	.vrg-spr3-logo{ background-position:0px -680px; width:360px; height:180px; }
	.vrg-spr3-disc{ background-position:0px -460px; width:150px; height:105px; }
	.vrg-spr3-info{ background-position:-150px -460px; width:210px; height:55px; }
	.vrg-spr3-start{ background-position:0px -570px; width:130px; height:55px; }
	.vrg-spr3-cancel{ background-position:-230px -570px; width:130px; height:55px; }
	.vrg-spr3-info-on{ background-position:-150px -515px; width:210px; height:55px; }
	.vrg-spr3-start-on{ background-position:0px -625px; width:130px; height:55px; }
	.vrg-spr3-cancel-on{ background-position:-230px -625px; width:130px; height:55px; }
	.vrg-spr3-ready{ background-position:0px -860px; width:198px; height:76px; }
	.vrg-spr3-go{ background-position:-198px -860px; width:162px; height:76px; }
	.vrg-spr3-timeover{ background-position:0px -936px; width:178px; height:88px; }
	.vrg-spr3-timeoverbase{ background-position:0px -1024px; width:360px; height:200px; }
	.vrg-spr3-retry{ background-position:0px -1224px; width:158px; height:55px; }
	.vrg-spr3-retry-on{ background-position:0px -1279px; width:158px; height:55px; }
	.vrg-spr3-pausebase{ background-position:0px -1334px; width:360px; height:160px; }
	.vrg-spr3-continues{ background-position:-158px -1224px; width:158px; height:55px; }
	.vrg-spr3-continues-on{ background-position:-158px -1279px; width:158px; height:55px; }
	.vrg-spr3-pauseoff{ background-position:-212px -936px; width:148px; height:45px; }

	.vrg-spr3-soundconf{ background-position:0px -1494px; width:360px; height:160px; }
	.vrg-spr3-snduse{ background-position:0px -1654px; width:130px; height:55px; }
	.vrg-spr3-snduse-on{ background-position:0px -1709px; width:130px; height:55px; }
	.vrg-spr3-mute{ background-position:-130px -1654px; width:130px; height:55px; }
	.vrg-spr3-mute-on{ background-position:-130px -1709px; width:130px; height:55px; }

	.vrg-spr3-level3{ background-position:0px -460px; width:130px; height:30px; }
	.vrg-spr3-level2{ background-position:0px -490px; width:130px; height:30px; }
	.vrg-spr3-level1{ background-position:0px -520px; width:130px; height:30px; }


	/* (Sprite) for Clear ---------------------------- */
	.vrg-spr4{ position:absolute; overflow:hidden; background:transparent url(../imgs/g007-dialog.png?r=151203a) no-repeat left top; background-size:360px 1404px; }
	.vrg-spr4-container{ background-position:0px 0px; width:360px; height:500px; }
	.vrg-spr4-hatena{ background-position:0px -500px; width:90px; height:90px; }
	.vrg-spr4-caption{ background-position:0px -1058px; width:360px; height:146px; }
	.vrg-spr4-cap{ background-position:0px -590px; width:220px; height:146px; }
	.vrg-spr4-close{ background-position:-260px -500px; width:100px; height:52px; }
	.vrg-spr4-clearbase{ background-position:0px -736px; width:360px; height:250px; }
	.vrg-spr4-clearcap{ background-position:0px -986px; width:288px; height:72px; }
	.vrg-spr4-mapover{ background-position:0px -1204px; width:360px; height:200px; }
	.vrg-spr4-goradar{ background-position:-164px -552px; width:196px; height:25px; }



	/* Splash-screen ---------------------------- */
	.vrg-splash-mask{ position:absolute; overflow:visible; z-index:300; display:none; opacity:0; pointer-events:auto; width:100%; height:100%; margin:0; background:rgba(255,255,255,.35); }
	.vrg-splash{
		position:absolute; overflow:visible; display:none; opacity:0; pointer-events:auto;
		width:360px; height:460px; top:50%; left:50%; right:auto; bottom:auto; margin:-230px 0 0 -180px; padding:0;
	}
	.vrg-splash .vrg-splash-logo{
		position:absolute; z-index:302; top:-10px; left:0px; right:auto; bottom:auto; opacity:0;
		transform:scale(1.2);
		transition-property:all; transition-duration:0.4s; transition-timing-function:ease-in-out;
	}
	.vrg-spash-active .vrg-splash .vrg-splash-logo{ opacity:1; transform:scale(1); }

	.vrg-splash .vrg-splash-disc{
		position:absolute; z-index:301; top:-20px; left:auto; right:-10px; bottom:auto;
		animation:k-vrg-splash-disc 0.8s ease 0s infinite alternate;
	}
	@keyframes k-vrg-splash-disc {
		0% { transform:scale(1); }
		100% { transform:scale(0.9); }
	}
	.vrg-splash .vrg-splash-info{ position:absolute; cursor:pointer; pointer-events:auto; top:265px; left:50%; right:auto; bottom:auto; margin-left:-105px; }
	.vrg-splash .vrg-splash-start{ position:absolute; cursor:pointer; pointer-events:auto; top:320px; left:50px; right:auto; bottom:auto; }
	.vrg-splash .vrg-splash-cancel{ position:absolute; cursor:pointer; pointer-events:auto; top:320px; left:180px; right:auto; bottom:auto; }
	.vrg-splash .vrg-splash-version{ position:absolute; pointer-events:none; top:auto; left:40px; right:40px; bottom:25px; height:15px; font-size:8pt; text-align:right; }

	.vrg-splash .vrg-splash-level1{ position:absolute; pointer-events:none; display:none; top:220px; left:180px; right:auto; bottom:auto; }
	.vrg-splash .vrg-splash-level2{ position:absolute; pointer-events:none; display:none; top:220px; left:180px; right:auto; bottom:auto; }
	.vrg-splash .vrg-splash-level3{ position:absolute; pointer-events:none; display:none; top:220px; left:180px; right:auto; bottom:auto; }

	.vrg-splash-ready{
		position:absolute; z-index:303; top:50%; left:50%; right:auto; bottom:auto; display:none; pointer-events:none; margin:-38px 0 0 -99px; /* 198x76 */
	}
	.vrg-splash-ready-on{ animation:k-vrg-splash-ready 2.5s ease 0s; }
	@keyframes k-vrg-splash-ready {
		0% { transform:scale(1); }
		100% { transform:scale(0.5); }
	}
	.vrg-splash-go{
		position:absolute; z-index:304; top:50%; left:50%; right:auto; bottom:auto; display:none; pointer-events:none; margin:-38px 0 0 -81px; /* 162x76 */
		transform:scale(0.8); transition-property:all; transition-duration:1s; transition-timing-function:ease-in-out;
	}
	.vrg-splash-go-on{ animation:k-vrg-splash-go 1s ease 0s; }
	@keyframes k-vrg-splash-go {
		0% { transform:scale(0.5); opacity:1; }
		100% { transform:scale(2); opacity:0; }
	}

	/* Get --------------------------- */
	.vrg-getflash{
		position:absolute; z-index:300; display:none; opacity:1; pointer-events:none; overflow:hidden; width:220px; height:auto; top:50%; left:50%; right:auto; bottom:auto; margin:-25px 0 0 -110px; padding:0;
		
/*
		position:absolute; z-index:300; display:none; opacity:1; pointer-events:none; width:220px; height:146px; top:50%; left:50%; right:auto; bottom:auto; margin:-73px 0 0 -110px; padding:0;
		transform:scale(0.8); transition-property:all; transition-duration:1s; transition-timing-function:ease-in-out;
*/	}

	.vrg-getflash .x-chain{ width:100%; height:auto; margin:0; padding:1px 0; font-size:22px; font-weight:bold; color:#fe207e; text-shadow:0 0 3px #fff; text-align:center; font-style:italic; }
	.vrg-getflash .x-score{ width:100%; height:auto; margin:0; padding:1px 0; font-size:26px; font-weight:bold; color:#fe9820; text-shadow:0 0 3px #fff; text-align:center; font-style:italic; }



	.vrg-getflash-on{ animation: k-vrg-getflash 0.4s ease 0s; display:block; opacity:1; }
	@keyframes k-vrg-getflash {
		0% { transform:scale(0.5); opacity:0; }
		30% { transform:scale(1); opacity:1; }
		80% { transform:scale(1.25); opacity:1; }
		100% { transform:scale(2); opacity:0; }
	}
	/* Map Dialog --------------------------- */
	.vrg-mapdg-mask{ position:absolute; overflow:visible; z-index:300; display:none; opacity:0; pointer-events:auto; width:100%; height:100%; margin:0; background:rgba(255,255,255,.35); }
	.vrg-mapdg{
		position:absolute; overflow:visible; display:none; opacity:0; pointer-events:auto;
		width:360px; height:500px; top:50%; left:50%; right:auto; bottom:auto; margin:-250px 0 0 -180px; padding:0;
	}
	.vrg-mapdg .vrg-mapdg-caption{
		position:absolute; z-index:302; top:-30px; left:0px; right:auto; bottom:auto; opacity:0; pointer-events:none;
		animation:k-vrg-mapdg-caption 0.8s ease 0s infinite alternate;
	}
	@keyframes k-vrg-mapdg-caption {
		0% { transform:scale(1); }
		100% { transform:scale(0.9); }
	}
	.vrg-mapdg .vrg-mapdg-hatena{
		position:absolute; z-index:302; top:80px; left:285px; right:auto; bottom:auto; opacity:0; pointer-events:auto; cursor:pointer;
	}
	.vrg-mapdg .vrg-mapdg-goradar{
		position:absolute; z-index:302; top:350px; left:156px; right:auto; bottom:auto; pointer-events:auto; cursor:pointer;
		animation:k-vrg-mapdg-goradar 0.4s ease 0s infinite alternate;
	}
	@keyframes k-vrg-mapdg-goradar {
		0% { transform:scale(1); }
		100% { transform:scale(1.1); }
	}
	.vrg-mapdg .vrg-mapdg-close{
		position:absolute; z-index:302; top:438px; left:130px; right:auto; bottom:auto; pointer-events:auto; cursor:pointer;
	}
	.vrg-mapdg .vrg-mapdg-map{
		position:absolute; z-index:301; top:75px; left:30px; right:auto; bottom:auto; width:300px; height:260px; opacity:1; pointer-events:auto; cursor:pointer; box-sizing:border-box;
	}
	.vrg-mapdg .vrg-mapdg-mapover{
		position:absolute; z-index:302; top:152px; left:0px; right:auto; bottom:auto; pointer-events:none; cursor:pointer; box-sizing:border-box;
	}


	/* Clear Dialog --------------------------- */
	.vrg-clear-mask{ position:absolute; overflow:visible; z-index:300; display:none; opacity:0; pointer-events:auto; width:100%; height:100%; margin:0; background:rgba(255,255,255,.35); }
	.vrg-clear{
		position:absolute; overflow:visible; display:none; opacity:0; pointer-events:auto; cursor:pointer;
		width:360px; height:250px; top:50%; left:50%; right:auto; bottom:auto; margin:-125px 0 0 -180px; padding:0;
	}
	.vrg-clear .vrg-clearcap{
		position:absolute; z-index:302; top:-20px; left:36px; right:auto; bottom:auto; pointer-events:none;
		animation:k-vrg-clearcap 0.8s ease 0s infinite alternate;
	}
	@keyframes k-vrg-clearcap {
		0% { transform:scale(1); }
		100% { transform:scale(0.9); }
	}
	.vrg-clear .vrg-cleartext{
		position:absolute; z-index:302; width:280px; height:60px; top:110px; left:40px; right:auto; bottom:auto; opacity:1; pointer-events:none;
		font-size:20px; font-weight:bold; text-align:center; text-shadow:0 1px 0 #222; color:#fff;
	}
	.vrg-clear .vrg-clearscn{
		position:absolute; z-index:302; top:66px; left:140px; right:auto; bottom:auto; width:30px; height:35px; pointer-events:none;
	}



	/* ヘッダコンテナ ---------------------------- */
	.vrg-hdcon{
		position:absolute; overflow:visible; z-index:4; display:none; pointer-events:none;
		width:400px; height:100px; top:0; left:0; right:auto; bottom:auto;
		background:transparent url(../imgs/g006-header.png?r=151203a) no-repeat left top; background-size:400px 100px;
	}
	@media screen and (max-width:768px){
		.vrg-hdcon{ transform:scale(0.6); transform-origin:left top; }
	}

	.vrg-hdcon .vrg-score{
		position:absolute; top:2px; left:200px; right:auto; bottom:auto; width:30px; height:35px; pointer-events:none;
	}
	.vrg-hdcon-score-add .vrg-score{
		animation:k-vrg-score 2s ease 0s 1 normal;
	}
	@keyframes k-vrg-score {
		0% { transform:scale(1); }
		20% { transform:scale(0.7); }
		50% { transform:scale(1.15); }
		70% { transform:scale(0.9); }
		100% { transform:scale(1); }
	}

	.vrg-hdcon .vrg-time{ position:absolute; top:63px; left:100px; right:auto; bottom:auto; width:22px; height:26px; pointer-events:none; }
	.vrg-hdcon .vrg-clearsign{
		position:absolute; z-index:5; width:126px; height:40px; top:-1px; left:62px; display:none; opacity:0; pointer-events:none;
		background:transparent url(../imgs/g002-clear.png?r=151203a) no-repeat left top; background-size:126px 40px;
	}
	.vrg-hdcon .vrg-oversign{
		position:absolute; z-index:15; top:1px; left:62px; display:none; opacity:0; pointer-events:none;
	}
	.vrg-hdcon .vrg-clearsign-cleared{ opacity:1; display:block; }
	.vrg-hdcon .vrg-oversign-overed{ opacity:1; display:block; }

		/* 残り匹数 */
		.vrg-hdcon .vrg-remain-base{
			position:absolute; z-index:5; width:102px; height:28px; top:8px; left:69px; pointer-events:none;
			background:transparent url(../imgs/g003-remainbase.png?r=151203a) no-repeat left top; background-size:102px 28px;
		}
		.vrg-hdcon .vrg-remain-base .vrg-remain-num{
			position:absolute; z-index:6; top:-6px; left:45px; right:auto; bottom:auto; width:30px; height:35px; pointer-events:none;
			animation:k-vrg-remain 1s ease 0s infinite alternate;
		}
		@keyframes k-vrg-remain {
			0% { transform:scale(1); }
			100% { transform:scale(0.8); }
		}

		.vrg-hdcon .vrg-remain-base-hide{ opacity:0; display:none; }


	/* Timeover Dialog ---------------------------- */
	.vrg-timeover-mask{ position:absolute; overflow:visible; z-index:300; display:none; opacity:1; pointer-events:auto; width:100%; height:100%; margin:0; background:rgba(255,255,255,.35); }
	.vrg-timeover{
		position:absolute; overflow:visible; display:none; opacity:0; pointer-events:auto;
		width:360px; height:200px; top:50%; left:50%; right:auto; bottom:auto; margin:-100px 0 0 -180px; padding:0;
	}
	.vrg-timeover .vrg-timeover-retry{ position:absolute; cursor:pointer; pointer-events:auto; top:115px; left:30px; right:auto; bottom:auto; }
	.vrg-timeover .vrg-timeover-cancel{ position:absolute; cursor:pointer; pointer-events:auto; top:115px; left:200px; right:auto; bottom:auto; }

	/* Pause Dialog ---------------------------- */
	.vrg-pauseoff{
		position:absolute; overflow:visible; z-index:15; display:none; opacity:1; pointer-events:auto; cursor:pointer;
		width:148px; height:45px; top:0px; left:auto; right:60px; bottom:auto; margin:0; padding:0;
	}
	@media screen and (max-width:768px){
		.vrg-pauseoff{ transform:scale(0.6); transform-origin:right top; right:10px; }
	}
	.vrg-pause-mask{ position:absolute; overflow:visible; z-index:300; display:none; opacity:1; pointer-events:auto; width:100%; height:100%; margin:0; background:rgba(255,255,255,.35); }
	.vrg-pause{
		position:absolute; overflow:visible; display:none; opacity:0; pointer-events:auto;
		width:360px; height:160px; top:50%; left:50%; right:auto; bottom:auto; margin:-80px 0 0 -180px; padding:0;
	}
	.vrg-pause .vrg-pause-continues{ position:absolute; cursor:pointer; pointer-events:auto; top:75px; left:30px; right:auto; bottom:auto; }
	.vrg-pause .vrg-pause-cancel{ position:absolute; cursor:pointer; pointer-events:auto; top:75px; left:200px; right:auto; bottom:auto; }

	/* Sound Mute Dialog ---------------------------- */
	.vrg-soundconf{
		position:absolute; overflow:visible; z-index:15; display:none; opacity:1; pointer-events:auto; cursor:pointer;
		width:182px; height:68px; top:0px; left:auto; right:50px; bottom:auto; margin:0; padding:0;
	}
	.vrg-soundconf-mask{ position:absolute; overflow:visible; z-index:300; display:none; opacity:1; pointer-events:auto; width:100%; height:100%; margin:0; background:rgba(255,255,255,.35); }
	.vrg-soundconf{
		position:absolute; overflow:visible; display:none; opacity:0; pointer-events:auto;
		width:360px; height:160px; top:50%; left:50%; right:auto; bottom:auto; margin:-80px 0 0 -180px; padding:0;
	}
	.vrg-soundconf .vrg-soundconf-snduse{ position:absolute; cursor:pointer; pointer-events:auto; top:80px; left:40px; right:auto; bottom:auto; }
	.vrg-soundconf .vrg-soundconf-mute{ position:absolute; cursor:pointer; pointer-events:auto; top:80px; left:190px; right:auto; bottom:auto; }

	/* Banner ---------------------------- */
	.vrg-banner{
		position:absolute; overflow:visible; z-index:6; display:none; opacity:1; pointer-events:auto; cursor:pointer;
		width:250px; height:80px; top:60px; left:10px; right:auto; bottom:auto; margin:0;
		background:transparent url(../imgs/g005-banner.png?r=151203a) no-repeat center center;
		animation:k-vrg-banner 0.6s ease 0s infinite alternate;
	}
	@keyframes k-vrg-banner {
		0% { transform:scale(1); }
		100% { transform:scale(0.95); }
	}
	@media screen and (max-width:768px){
 		.vrg-banner{ transform:scale(0.5); top:10px; left:50%; margin-left:-125px; }
		@keyframes k-vrg-banner {
			0% { transform:scale(0.7); }
			100% { transform:scale(0.68); }
		}
	}