@charset "utf-8";
html {
	font-size: 62.5%;
}
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
}
a {
	outline: none;
}
img {
	border: 0px;
}
div.nowrap_text {
	white-space: nowrap;
}
div.no_print {
	display:block;
}
div.outer_panel {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
}
div.center_panel {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 400px;
	height: 200px;
	margin: auto;
	padding: 0;
	z-index: 2;
}
div.rmap3_panel {
	float: left;
	position: relative;
	width: 180px;
	height: 180px;
	margin: 10px;
	padding: 0;
	background-color: #ffffff;
}
div.fretnote_panel {
	float: left;
	position: relative;
	width: 180px;
	height: 180px;
	margin: 10px;
	padding: 0;
	background-color: #ffffff;
}
img.rmap3_logo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 160px;
	height: 35px;
	margin: auto;
	padding: 0;
}
img.fretnote_logo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 96px;
	height: 48px;
	margin: auto;
	padding: 0;
}
@media screen and (max-width: 420px) {
	div.center_panel {
		width: 104px;
		height: 52px;
	}
	div.rmap3_panel {
		width: 32px;
		height: 32px;
		margin: 10px;
	}
	div.fretnote_panel {
		width: 32px;
		height: 32px;
		margin: 10px;
	}
	img.rmap3_logo {
		width: 32px;
		height: 32px;
	}
	img.fretnote_logo {
		width: 32px;
		height: 32px;
	}
}
div.float_clear {
	clear: both;
}
div.tile_panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
div.tile_item {
	width: 180px;
	height: 180px;
	margin: 10px;
	padding: 0;
	line-height: 180px;
	font-size:10px; font-size:1.0rem;
	color: #001e43;
	background:#c3c3c3;
	text-align: center;
}
@media screen and (max-width: 420px) {
	div.tile_item {
		width: 32px;
		height: 32px;
		margin: 10px;
		line-height: 32px;
	}
}
div.tile_item_blue {
	background: #00AFEC;
}
div.tile_item_green {
	background: #AACF52;
}
div.tile_item_yellow {
	background: #FFF33F;
}
div.tile_item_pink {
	background: #EE87B4;
}