@charset "UTF-8";
body{
    background-color: #fffeee;
    background-image: url("midori.jpg");
    background-repeat: no-repeat;
    background-size: cover;

}
h1{
    background-color: #fee;
   .m-plus-rounded-1c-regular 
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}


p{
    color: black;
    font-size: 20px;
    text-align: left;
border-style: none;
line-height: 2.0;
   
}
div p {
    background: rgba(5, 245, 97, 0.493);
    width: 400px;
    padding: 40px;
    color: rgb(233, 37, 37); font-size: 30px;
     border-width: thick;
    border-style: solid;
}
img{
    margin: 50px;
}
#list {
        background: rgb(245, 230, 18)144, 221, 0);
        width: 400px;
        font-size: large;
        list-style-type: source;
    list-style-position: outside;
}

.orange{
    color:#fa2;
}

.item{
    background: #0bd;
    color:#fff;
    
    padding:10px;
}

   
.syumi{
        background: #fa2;
     margin: 10px 10px 10px 10px;
    padding-left: 30px;
    padding-right: 30px;
    border-width: 3px;
    border-style: dotted;
    border-radius: 24px 24px 24px 24px;

}

.osusume{
           background: #fa2;
  margin: 10px 10px 10px 10px;
    padding-left: 30px;
    padding-right: 30px;
    border-width: 3px;
    border-style: dotted;
    border-radius: 24px 24px 24px 24px;
}

.fome{
     margin: 10px 10px 10px 10px;
    padding-left: 30px;
    padding-right: 30px;
    border-width: 3px;
    border-style: dotted;
    border-radius: 24px 24px 24px 24px;
}

a{
    font-size: 20px;
}

.fome p{
    font-size: 30px;
    font-display: block;
}