#main {
        background-color: ;
        padding-bottom: 150px;
    }
    footer {
        background-color: ;
        width: 100%;
        height: 150px;
        position: fixed;
        bottom: 0;
    }



.menu {
  position: fixed;
  bottom: 0;
} 

.menu {
  width: 100%;
  background: #ffffff;
  position: fixed;
  bottom: 0;
  z-index:2500;
} 



table.mitumori {
	width: 80%;
	margin:1em 0 4em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0px;
	}
table.mitumori tr th,table.mitumori tr td {
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;
	}
table.mitumori thead tr {
	background: #c7ebc9;
	}
table.mitumori tfoot tr {
	background: #86bd7e;
	color:#fff;
	}
table.mitumori tbody.areaA tr {
	background: #ffc;
	}
table.mitumori tbody.areaB tr {
	background: #e1f7fa;
	}
table.mitumori tbody.areaC tr {
	background: #ffe9da;
	}
	
@media screen and (max-width: 600px) {  /*ここからメディアクエリ*/
table.mitumori {
	border:none
	}
table.mitumori thead {
	display: none;   /*theadは非表示に*/
	}
table.mitumori tr {
	display: block;  /*trをブロックレベルに*/
	margin-bottom:.5em;
	border-bottom:1px solid #ccc;
	box-shadow:0 2px 2px #ddd;
	}
table.mitumori tr td {
	display:block;  /*tdをブロックレベルに（セルをやめる）*/
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:none;
	}
table.mitumori tr td::before {   /*tdに擬似要素 ::before*/
	content: attr(aria-label);  /*aria-label属性の値をコンテンツに*/
	float: left;                /*テキストを左寄せにする*/
	font-weight:bold;
	padding-left:.7em
	}
table.mitumori tr td::after {   /*クリアフィックス（コレは不要かもしれません）*/
	content:"";
	display:table;
	clear:both;
	}
table.mitumori tbody th {
	display:block;  /*tbody内の thをブロックレベルに（セルをやめる）*/
	border:none;
	background:#666;
	color:white
	}
table.mitumori tbody th::before {
	content:""  /*tbody内の thの前に エリア と追加*/
	}
table.mitumori tbody.areaA th {
	color: #ffc
    }
table.mitumori tbody.areaB th {
	color: #e1f7fa
    }
table.mitumori tbody.areaC th {
	color: #ffe9da
    }
table.mitumori tfoot th {
	display:block;
	border:none;
	}
table.mitumori tfoot td {
	border-top-color:white
	}
}