/* ------------------------------------------------------------ */
/* variable */

:root {
	
	--px: calc(100vw * 0.38);
	
}

/* ------------------------------------------------------------ */

.graph_tr td {
	
	vertical-align: bottom;
	
	text-align: center;
	
	font-size: 1.2rem;
	
}

.bar_span {
	
	display: block;
	
	margin: auto;
	
	width: 12px;
	
	border-radius: 3px 3px 0 0;
	
	background-color: #bbbbff;
	
}

.date_tr td {
	
	padding-top: 2px !important;
	padding-bottom: 0px !important;
	
}

/* ------------------------------------------------------------ */

/* for Tablet & Smat Phone */
@media screen and (max-width: 959px) {
	
	.graph_tr td {
		
		font-size: 0.5em;
		
	}
	
	.bar_span {
		
		width: 1em;
		
	}
	
	/* ------------------------------------------------------------ */
	
	/* for Tablet */
	@media screen and (min-width: 768px) {
		
		:root {
			
			--px: calc(100vw * 0.25);
			
		}
		
		.graph_tr td {
			
			font-size: 0.8em;
			
		}
		
		.bar_span {
			
			width: 1.2em;
			
		}
		
	}
	
}