.weatherForecast {
  width: 150px;
  height: 280px;
  display: flex;
  flex-direction: column;
  border: 1px solid #000;
}

.weather {
  width: 100%;
  height: calc(100% / 7);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #666;
}

.date {
  width: 25%;
}

.weatherImg {
  width: 40%;
}

.temp {
  width: 35%;
  text-align: center;
}

.tempMin {
  color: blue;
}

.tempMax {
  color: red;
}

body{
    color: #000000;
    background-color:#ccffff;
    text-align: center;   /*　中央揃え　*/
}

.header{
    background-color:#eeffff; 
    width: 100%;
    height: 50px;
    position:fixed; /*　画面から見た位置で固定　*/
    top:0;
    padding-top: 5px; /*　余白　*/
    left:0;
    right:0;
    z-index:999;   /*　重ね合わせレベル　*/
}

.menu{
    line-height: 1.0;   /*　テキストの行間　*/
    margin: auto;
}

.main{
    padding-top: 50px; /*　余白　*/
}