div.cover {
			display: table;
			margin: 0px;
			padding: 0px;
			width: 100%;
		}
		div.cover div.box1 {
			display: table-cell;
			margin: 0px;
			width: 1028px;
			height: 892px
		}
		.map {
			position:absolute;top:28px;left:48px;
		}
		.tenki {
			width: 1028px;
			height: 892px;
			overflow: hidden;
	  		position:absolute;top:0px;left:4px;
  			mix-blend-mode : multiply;
		}
		.rank {
	  		position:absolute;top:1020px;left:45px;
			font-size: 220%;
		}
		div.cover div.box2 {
			display: none;
		}

		div.footer {
			margin: 0px;
			width: 900px;
			background-color: #ffffff;
			text-align: center;
			padding: 1em;

		}
		.button {
  			display       : inline-block;
  			border-radius : 10%;          /* 角丸       */
  			font-size     : 36pt;        /* 文字サイズ */
  			text-align    : center;      /* 文字位置   */
  			cursor        : pointer;     /* カーソル   */
  			padding       : 12px 12px;   /* 余白       */
  			background    : #4da6ff;     /* 背景色     */
  			color         : #ffffff;     /* 文字色     */
  			line-height   : 1em;         /* 1行の高さ  */
  			transition    : .3s;         /* なめらか変化 */
  			box-shadow    : 6px 6px 15px #666666;  /* 影の設定 */
		}