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:874px;left:45px;
			font-size: 116%;
		}

		div.cover div.box2 {
			display: table-cell;
			margin: 0px;
			background-color: #ffffcc;
			padding: 1em;
		}
		div.footer {
			display: none;
		}

		.canvas-wrapper {
    		position: relative;
		}
		.canvas-wrapper canvas {
    		position: absolute;
    		top: 0;
    		left: 0;
		}


		/* -------------------------------------------- */
		/* 横幅が640px以下であれば以下のCSSが適用される */
		/* -------------------------------------------- */
		@media screen and (max-width: 1280px) {
			div.cover {
				display: block;
			}
			div.cover div.box1 {
				display: block;
				width: 100%;
				padding: 0px;
			}
			div.cover div.box2 {
				display: block;
				width: 100%;
				padding: 0px;
			}
		}

		div p { font-size: 120%; margin: 0px; padding: 1em 0px; color: #555; }