@charset "UTF-8";

body{
    /* background-color: #90C0EC; */
    background: url(../images/backimg.jpg);
    background-size: 100%;
    color: #000;
}

.prefecture{
    font-size: 40px;
    color: #E34D67;
    text-align: center;
}
.today{
    text-align: center;
}

.sevenweat{
    border-bottom: 2px solid #000;
    display: inline-block;
    text-align: center;
    margin-left: 30%;
}
.seven h2{
    font-size: 20px;
    border-bottom: 2px solid #000;
}

.sevenday{
    display: flex;
    font-size: 16px;
}

.sevenday div{
    margin: 30px;
}

.seventh li, .seventhweather li, .rainypercent li{
    display: block;
    list-style: none;
}
.seventh ul, .seventhweather ul{
    display: block;
    padding: 15px;
}

.imgs{
    padding: 25px;
}

.rainypercent li{
    padding: 23px;
}

.highesttemper, .rain{
    font-size: 25px;
    margin: 30px;
    text-align: center;
    display: block;
}

.rain{
    border-left: 1px solid #000;
    padding-left: 50px;
}

.highesttemper p, .rain p{
    font-size: 20px;
}

.under{
    display: flex;
    margin-left: 40%;
}

@media screen and (max-width: 1020px) {
    .sevenweat{
        margin-left: 10%;
    }
    .under{
        margin-left: 25%;
    }
}
@media screen and (max-width: 1020px) {
    .sevenweat{
        margin-left: 10%;
    }
    .under{
        margin-left: 25%;
    }
}
@media screen and (max-width: 970px) {
    .sevenweat{
        margin-left: 5%;
    }
    .under{
        margin-left: 15%;
    }
}