@charset "utf-8";

	
.time{
	display: none;

	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	text-align: center;
	z-index: 5;
	/***** !!! *****/
	pointer-events: none;
}
	.time.font-type1 li{
		display: inline-block;
		font-family: 'DSDIGI';
		color: #ff0000;
		transform: skewX(-5deg);
	}
	.time.font-type1 li:not(:last-child){
		margin-right: 2em;
	}
		.time.font-type1 li p:nth-child(1){
			font-size: 120px;
			line-height: 0.75em;
		}
		.time.font-type1 li p:nth-child(2){
			padding-right: 0.2em;
			text-align: right;
			font-size: 30px;
		}

	.time.font-type2 li{
		display: inline-block;
		font-family: 'Planet-Kosmos';
		color: #ff0000;
	}
	.time.font-type2 li:not(:last-child){
		margin-right: 2em;
	}
		.time.font-type2 li p:nth-child(1){
			font-size: 90px;
			line-height: 0.5;
		}
		.time.font-type2 li p:nth-child(2){
			padding-right: 0.8em;
			font-size: 21px;
			text-align: right;
		}

@media screen and (max-width: 750px) {
	.time{
		top: 80px;
	}
		.time.font-type1 li:not(:last-child){
			margin-right: 1em;
		}
		    .time.font-type1 li p:nth-child(1){
				font-size: 50px;
				line-height: 0.75em;
			}
			.time.font-type1 li p:nth-child(2){
				padding-right: 0.2em;
				text-align: right;
				font-size: 12px;
			}

		.time.font-type2 li:not(:last-child){
			margin-right: 1em;
		}
		    .time.font-type2 li p:nth-child(1){
				font-size: 30px;
				line-height: 0.5;
			}
			.time.font-type2 li p:nth-child(2){
				padding-right: 0.8em;
				font-size: 10px;
				text-align: right;
			}
}
/********************************
	通常用
********************************/

#stage{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#d3-page{
	position:absolute;
	width: 100%;
	z-index:100;
	top:0px;
	left:0px;
	height: 100%;
	/*overflow: hidden;*/
	/*background-color: #000000;*/
}
	#stage *,
	#d3-page *{
		box-sizing: border-box;
	}
	#d3-panel{
		position: absolute;
		display: block;
		width: 282px;
		height: 102px;
		padding: 12px;
		color: #ffffff;
		outline: none;
		/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
		font-family: 'Audiowide', cursive;

		z-index: 10;
	}
	#d3-panel.cursor{
		cursor: pointer;
	}
		#d3-panel .base{
			position: absolute;
			top: 0;
			left: 0;
			width: 282px;
			height: 102px;
		}
		#d3-panel .btn{
			position: absolute;
			top: 50%;
			right: -3px;
			margin-top: -15px;
			z-index: 10;
		}
			#d3-panel .base img{
				transition: all .3s ease;
			}
			#d3-panel.cursor:hover .base img{
				opacity: 0.8;
			}
		#d3-panel .inner{
			position: relative;
			height: 100%;
			padding: 8px 0px 0px 15px;
			overflow: hidden;
			white-space: nowrap;
			line-height: 1.5;
		}
			#d3-panel .inner p{
				text-align: left;
			}
			#d3-panel .inner p.name{
				font-size: 12px;
			}
			#d3-panel .inner p.info1,
			#d3-panel .inner p.info2,
			#d3-panel .inner p.info3{
				font-size: 10px;
			}
		#stage > svg,
		#d3-page > svg{
			position: absolute;
			top: 0;
			left: 0;
			pointer-events: none;
		}