/* 全角スペース使用NG */
/* border: 1px solid #333; */			/* 動作確認用ボーダー */


.footer {
	width: 100%;				/* 画面横幅 */
	height: 80px;				/* 表示部分の縦幅 */
	position:relative;			/* 要素配置指定 */
	background-color: rgba(64,64,64,1);	/* 背景色と透過度 */
	display: flex;				/*フレックスボックス設置 孫 */
	flex-direction: column;			/*フレックスボックス並び方 孫 */
	top: 80px;				/* 上部品からの位置 */
}

.footer_left {
	text-align: left;			/* 文字配置 */
	font-size:10pt;				/* 文字サイズ */
	color:white;				/* 文字色 */
	width: 100%;				/* 画面横幅 */
	padding: 0px;				/* 余白(内側) */
	font-family:'游明朝'; 			/* 全体フォント指定 */
	overflow: hidden;			/* 画面に入りきらない部分を隠す */
	white-space: nowrap;			/* 改行させない */
}

.footer_right {
	text-align: right;			/* 文字配置 */
	font-size:10pt;				/* 文字サイズ */
	color:white;				/* 文字色 */
	align-self: flex-end;			/* 垂直配置 */
	width: 100%;				/* 画面横幅 */
}