@charset "utf-8";

html, body {
   margin: 0;
   padding: 0;
}

body {
   font-family: "Noto Serif JP", serif;
   font-size: 1em;
   line-height: 1.8em;
   background-color: #d37171;
   background-repeat: no-repeat;
}

#container {
   margin: 0 auto;
   padding: 0;
   width: 100%;
   max-width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   text-align: left;
   position: relative;
   left: 5px;
}

#maintxt {
   margin: 0 auto;
   width: 50%;
   font-size: medium;
   line-height: 150%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   display: flex;
   flex-direction: column;
   position: relative;
   top: -200px;
   left: 75px;
   color: aliceblue;
  }

#name {
   margin: 0 auto;
   font-size: smaller;
   font-weight: bold;
   line-height: 150%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   position: relative;
   top: -207px;
   left: -97px;
   color: rgb(15, 147, 44);
}

#message{margin: 0 auto;
   font-size: medium;
   font-weight: bold;
   line-height: 150%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   position: relative;
   top: -70px;
   left: 20px;
   color: aliceblue;

}


#history {
   margin: 0 auto;
   width: 100%;
   font-size: 25px;
   line-height: 150%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   color: aliceblue;
   position: relative;
   top: 50px;
   left: 15px;
}

#onigiribar {
   margin: 0 auto;
   width: 100%;
   background-repeat: no-repeat;
   background-size: contain;
   display: flex;
   position: relative;
}

#historyth {
   margin: 0 auto;
   width: 100%;
   font-size: 25px;
   line-height: 150%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   color: aliceblue;
   position: relative;
   top: -75px;
   left: 5%;
}

#erips {
   position: relative;
   top: 239.5px;
   left: 10px;
}

#saikuoutxt {
   position: relative;
   top: 400px;
   left: 15px;
   font-size: 25px;
   font-weight: bold;
   line-height: 150%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   color: #d37171;
}

#onigiriilust {
   margin: 0 auto;
   width: 100%;
   position: relative;
   top: 500px;
   left: 15%;
}

#smallonigiri {
   margin: 0 auto;
   width: 100%;
   max-width: 400px;
   
   position: relative;
   top: 50px;
   left: 5%;
}

#materialtxt {
   margin: 0 auto;
   width: 100%;
   font-size: 15px;
   line-height: 150%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   color: aliceblue;
   position: relative;
   top: 415px;
   left: 15px;
   display: flex;
   flex-direction: column;
}

#onigiribar2 {
   margin: 0 auto;
   width: 100%;
   position: relative;
   top: 310px;
}

#onigirifall {
   margin: auto;
   width: 50%;
   position: relative;
   top: 80px;
}

#onigirihole {
   margin: 0 auto;
   width: 100%;
   position: relative;
   top: 430px;
}

#grass {
   margin: auto;
   width: 100%;
   position: relative;
   top: 1375px;
}

#sikakubuton {
   margin: auto;
   width: 100%;
}

button {
   background-color: #f3f3f3;
   color: #d37171;
   padding: 15px 20px;
   text-align: left;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   font-family: Arial, sans-serif;
   margin: 4px 2px;
   cursor: pointer;
   border: none;
   border-radius: 50px;
   position: relative;
   top: -850px;
}

button:hover {
   background-color: #3e8e41;
}

table {
   margin: auto;
   position: relative;
   top: -30px;
}

#plus {
   margin: 0 auto;
   width: 100%;
   font-size: medium;
   text-align: right;
   position: relative;
   top: 100px;
}

#onigiribar3 {
   margin: 0 auto;
   width: 100%;
   position: relative;
   top: -200px;
}


#edit{ margin: 0 auto;
   width: 100%;
   font-size: medium;
   text-align: right;
   position: relative;
   top: -1550px;
   left:-80px;

}

#post{ margin: 0 auto;
   width: 100%;
   font-size: 20px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   color: aliceblue;
   position: relative;
   top: -860px;
   left: 15px;
   display: flex;
   flex-direction: column;

}