:root{
	--mr-base-color: #eeeeee;
	--me-base-btn_width: 150px;
	--mr-base-btn_height: 40px;
}
html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.mr-body {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin: 0;
	padding: 0;
}
.mr-header {
	display: flex;
	width: 100%;
	height: 60px;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
	padding: 0;
	//background-color: var(--mr-base-color);
}
.mr-main {
	display: flex;
	width: 100%;
	flex: 1;
	margin: 0;
	padding: 0;
}
/* ### メニュー ###*/
.mr-menu {
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 1rem;
}
.menu-btn {
	display: flex;
	width: var(--me-base-btn_width);
	height: var(--mr-base-btn_height);
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.menu-btn:hover {
	color: red;
}
.login-btn {
	display: flex;
	width: var(--me-base-btn_width);
	height: var(--mr-base-btn_height);
	position: absolute;
	top: 10px;
	right: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.login-btn:hover {
	color: red;
}
/* ### iframe ###*/
.mr-iframe {
	width: 100%;
	height: 100%;
	border: none;
}
/* ### 共通設定 ###*/
.mr-flex-cn {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}