html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
}

/* +++++++++ 共通の設定 +++++++++ */

/* --- ヘッダー --- */
.header {
	width: 100%;
}

.app-title {
	padding-right: 3px;
	padding-left: 3px;
}

.logout {
	padding: 12px 3px 12px 3px;
	float: right;
}

/* スマホなどの画面でヘッダーが折り返さないようフォントサイズ変更 */
@media screen and (max-width:767px) { 
	.app-title {
		font-size: 1.5rem !important;
	}

	.logout-button {
		font-size: 1rem !important;
	}
}

.header > div, navbar-header {
	display: inline-block;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.header-row {
	width: 100%;
}

/* --- コンテンツ --- */
.contents-body {
	width: 100%;
	height: calc(100% - 45px);
}
#side-menu {
	/* width: 250px;
	height: 100%;
	float: left;
	background-color: #eaeaea;
	text-align: center; */
}
.container {
	/* width: calc(100% - 250px);
	height: 100%;
	float: right; */
	padding-top: 45px;
}
.content {
	width: 100%;
	height: 100%;
}

/* --- サイドメニュー --- */
.menu-list {
	width: calc(100% - 2 * 9px);
	padding: 9px;
}
.menu-button {
	width: 100%;
}
.menu-ul {
	padding: 0;
}

.flex{
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  );
}
.disp-user-profile {
	padding-left: 5px;
	padding-right: 5px;
}
.profile-userpic {
	margin: auto auto;
}