/* ------------------------------------------------------------ */
/* for main contents */

h3 {
	
	margin: 6px 0 3px;
	
	padding: 0 0 0 10px;
	
	font-weight: bold;
	
	word-spacing: 0;
	
}

.visitor_id a,
.visit_count {
	
	font-weight: normal;
	
}

.visitor_id a:link,
.ip_address a:link {
	
	color: #666666;
	
}

.visitor_id a:visited,
.ip_address a:visited {
	
	color: #555555;
	
}

.visitor_id a:hover,
.ip_address a:hover {
	
	color: #444444;
	
}

.rec {
	
	padding: 0 0 5px 5px;
	
	border-bottom: 1px solid #dddddd;
	
}

.rec p {
	
	margin: 0 0 0 50px;
	
}

.rec span {
	
	margin: 0 10px 0 0;
	
}

.referrer,
.route li {
	
	margin: 3px 0 0 50px !important;
	
}

.route a {
	
	display: inline !important;
	
}

.page a:link {
	
	color: #229292;
	
}

.page a:visited {
	
	color: #118181;
	
}

.page a:hover {
	
	color: #007070;
	
}

.ua {
	
	padding: 0 0 3px;
	
	border-bottom: 1px solid #dddddd;
	
	color: #999999;
	
}

.display_size,
.client_size {
	
	word-spacing: -2px;
	
}

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

/* for Tablet & Smat Phone */
@media screen and (max-width: 959px) {
	
	.visitor_id,
	.ip_address,
	.city {
		
		display: none;
		
	}
	
	main {
		
		margin: 0 0 1em;
		
	}
	
	h3,
	.rec p,
	.rec ul {
		
		font-size: 0.9em;
		
	}
	
	h3 {
	
		margin: 0.6em 0 0.2em;
		
		padding: 0 0 0 0.5em;
		
	}
	
	.rec {
		
		padding: 0 0 0.4em 0.2em;
		
	}
	
	.rec p {
		
		margin: 0 0 0 2.8em;
		
	}
	
	.rec span {
		
		margin: 0 0.5em 0 0;
		
		overflow-wrap: break-word;
		/*
		word-spacing: -0.2em;
		*/
	}
	
	.referrer,
	.route li {
		
		margin: 0.2em 0 0.2em 2.8em !important;
		
	}
	
	.ua {
		
		padding: 0 0 0.3em;
		
	}
	
	/* ------------------------------------------------------------ */
	
	/* for Tablet */
	@media screen and (min-width: 768px) {
		
		h3,
		.rec p {
			
			font-size: 1.6rem;
			
		}
		
		.visitor_id,
		.display_size,
		.client_size,
		.ip_address,
		.carrier,
		.city,
		#filter {
			
			display: inline;
			
		}
		
	}
	
}