img {
  max-width: 100%;
  height: auto;
}

body {
  -webkit-text-size-adjust: 100%; /* iPhoneで自動で文字拡大されるのを防ぐ */
}

table, td, th {
  margin: 1px;
  border-collapse:collapse; /* セルの線を重ねる */
  padding: 5px; /* 余白指定 */
  border-spacing: 0; /* 隣合うセルの間隔 */
  border: solid 1px; /* 枠線指定 */
 }

.iro-usuao {
  background-color: #e0ffff;
}

.iro-usumidori {
  background-color: #f0fff0;
}

.back-aka {
  background-color: #ff7f50;
}

.back-ao {
  background-color: #87cefa;
}

.back-midori {
  background-color: #7cfc00;
}

.back-ki {
  background-color: #ffff00;
}



/* ここに共通の記述 */
 
@media screen and (min-width:481px) {
	/* ここにパソコン版だけの記述 */

}
 
@media screen and (max-width:480px) {
	/* ここにスマホ版だけの記述 */
	.table_wrap {
		width: 100%;
		overflow-x: scroll;
	}
}