@charset "utf-8";

html {
  font-size: 62.5%;
}

body {
  background-color: rgb(247, 246, 209);
  /* background-image: url(../images/kirakira_yellow_.jpg); */
}

.block{
  margin-left: 100px;
}

.character {
  position: relative;
  margin: 0 2em 2em;
  width: 220px;
}

h1{
  margin: 10px 100px 0 340px;
  color: #ee827c;
  /* color: #f6d1f7; */
  position: relative;
  /* padding: 1.5rem 2rem;
  border: 4px solid #000;
  width: 200px;
  text-align: center; */
}


h1 {
  /* padding: 1rem 2rem; */
  border-left: 4px dotted #f7d1d2;
  border-right: 4px dotted #f7d1d2;
  background: #f7e3d1;
  width: 200px;
  text-align: center;
}

p{
  margin: 0 100px 10px 380px;
  color: #ee827c;
}

img {
  position: relative;
  width: 150px;
  z-index: 100;
}

#house03 {
  position: absolute;
  width: 150px;
  top: 260px;
  left: 68px;
  z-index: 10;
}
#market {
  position: absolute;
  width: 150px;
  top: 75px;
  left: 840px;
  z-index: 10;
}

#book {
  position: absolute;
  width: 150px;
  top: 260px;
  left: 630px;
  z-index: 10;
}

/* #wagashiya {
  width: 150px;
  position: absolute;
  top: 600px;
  left: 490px;
  z-index: 10;
} */

#wagashiya {
  width: 150px;
  position: absolute;
  top: 500px;
  left: 730px;
  z-index: 10;
}

#fish {
  position: absolute;
  width: 150px;
  top: 410px;
  left: 420px;
  z-index: 10;
}

#towor {
  position: absolute;
  width: 150px;
  top: 300px;
  left: 900px;
}

#okashihouse {
  position: absolute;
  width: 150px;
  top: 145px;
  left: 370px;
  z-index: 10;
}



/* .content {
  width: 1200px;
  height: 1000px;
  background-image: url(../images/pattern_mimosa.png);
  opacity: 0.3;
}

.store {
  position: relative;
  margin: 2em 2em 5em;
  width: 180px;
}

img {
  position: relative;
  width: 150px;
}

#book {
  position: absolute;
  top: 50px;
  left: 30px;
}

#fish {
  position: absolute;
  top: 250px;
  left: 30px;
}

#hamburger {
  position: absolute;
  top: 450px;
  left: 30px;
}

#medical {
  position: absolute;
  top: 150px;
  left: 250px;
}

#fashion {
  position: absolute;
  top: 30px;
  left: 500px;
}

#okashihouse {
  position: absolute;
  top: 250px;
  left: 500px;
}


#market {
  position: absolute;
  top: 400px;
  left: 300px;
}

#wagashiya {
  position: absolute;
  top: 220px;
  left: 780px;
}

#jinja {
  width: 220px;
  position: absolute;
  top: 450px;
  left: 850px;
}

#towor {
  position: absolute;
  top: 10px;
  left: 850px;
}

#house02 {
  position: absolute;
  top: 700px;
  left: 400px;
}

#onnnanoko {
  position: absolute;
  top: 700px;
  left: 400px;
} */