/* standard text styles */
html, p, ol, body, td, th, .text, ul, li, input, select , textarea, button {
	color:#FFFFFF;
	font-family: 'Comfortaa', sans-serif;
	font-size: 1rem;
}

/* custom text styles */


/* link styles */
a:link			{ color:#5e7ccb; text-decoration:none; }
a:visited		{ color:#5e7ccb; text-decoration:none; }
a:hover			{ color:#253f83; text-decoration:underline; }
a:active		{ color:#253f83; text-decoration:underline; }

.top_piece_table {
	display: table;
	width:100%;
	height:50vh;
	background:#000000;
	
}
.top_piece_cell {
	display: table-cell;
	vertical-align: bottom;	
}
.action_legends_img {
	width:70%;
	max-width:1000px;
}
.bottom_piece {
	padding-top: 20px;
	font-size: 1.45rem;
}
.creater_remark {
	padding-top: 40px;
	font-size: 1.45rem;
}
.mochan_img {
	padding-top: 10px;
	width:190px;
	max-width:521px;
}

.footer_info {
	position:absolute;
	width: 100%;
	bottom: 10px;
	font-size: 0.9rem;
}

@media screen and (max-width: 901px) and (orientation: portrait){

}

@media screen and (max-width: 901px) and (orientation: landscape){

}