@charset "utf-8";

/*--------------------------------------
	Tag Cloud
---------------------------------------*/
.tagCloud	{
	margin: 1rem 0;
	padding: 0;
	text-align: center;
	background-color:#f8f8f8;
	border-radius: .5em;
}


.tagCloud ul {
	margin: 0;
	padding: 1rem;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.tagCloud li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 150%; /* ここで相対的に文字サイズを変更 default:100% */
}

.tagCloud a {
	position: relative;
	padding: 3px 5px;
	text-decoration: none;
	border-radius: .2em;
	transition: .3s;
}
.tagCloud a { color: #fff; background-color: #ccc; }

.tagCloud .level6 a	{ z-index: 6; font-size: 167%; background-color: #6897af; }
.tagCloud .level5 a	{ z-index: 5; font-size: 136%; background-color: #7ea6ba; top: 5px; }
.tagCloud .level4 a	{ z-index: 4; font-size: 114%; background-color: #95b6c7; }
.tagCloud .level3 a	{ z-index: 3; font-size: 100%; background-color: #acc6d3; top: 5px; }
.tagCloud .level2 a	{ z-index: 2; font-size:  85%; background-color: #c3d6df; }
.tagCloud .level1 a	{ z-index: 1; font-size:  70%; background-color: #d9e5eb; }

.tagCloud a:hover	{ z-index: 10; background-color: #5a89a1; }

/*
.tagCloud li.level1 a	{ 			z-index: 6; font-size:167%; background-color: #6897af; }
.tagCloud li.level2 a	{ top: 5px; z-index: 5; font-size:136%; background-color: #7ea6ba; }
.tagCloud li.level3 a	{ 			z-index: 4; font-size:114%; background-color: #95b6c7; }
.tagCloud li.level4 a	{ top: 5px; z-index: 3; font-size:100%; background-color: #acc6d3; }
.tagCloud li.level5 a	{ 			z-index: 2; font-size: 85%; background-color: #c3d6df; }
.tagCloud li.level6 a	{ 			z-index: 1; font-size: 70%; background-color: #d9e5eb; }
*/