@charset "UTF-8";

body{
    background-color:#EEEDDF;    
}
 #top{
  position: relative;
  margin-top: 30px;
  margin-left: 10px;
 }

 .logo{
  position: relative;
  margin-top: 25px;
  text-align: center;
 }

 .photo{
  width: 100%;
  text-align: center;
  position: relative;
 }
 .frame{
  width: 100%;
  z-index: 111;
  position: absolute;
  top: 620px;
 }

 .yajirusi{
  z-index: 9999;
  position: absolute;
  margin-top: -80px;
  margin-left: 300px;
 }

 .shoukai{
  width: 100%;
  text-align: center;
  z-index: 222;
  position: absolute;
 }
.text1{
  z-index: 999;
  position: absolute;
  margin-top: -1050px;
  margin-left:280px;
}

.gif1{
  z-index: 888;
  position: absolute;
  margin-top: -400px;
  text-align: left;
}

.gif2{
  z-index: 888;
  position: absolute;
  margin-top: 400px;
  margin-left: 100px;
}

.text2{
  z-index: 999;
  position: absolute;
  margin-top: -700px;
  margin-left: 30px;
}

.text3{
  z-index: 999;
  position: absolute;
  margin-top: 100px;
  margin-left:270px ;
}
.spoon{
  z-index: 888;
  position: absolute;
  margin-top: 500px;
  margin-left: -35px;
  
}

.syaku{
z-index: 999;
position: absolute;
margin-top: -1800px;
margin-left: 150px;
}

.juwa{
  z-index: 999;
  position: absolute;
  margin-top: -1350px; 
  margin-left: 30px;
}
.puru{
  z-index: 999;
  position: absolute;
  margin-top: -900px;
  margin-left: 150px;
}
.puti{
  z-index: 999;
  position: absolute;
  margin-top: -500px;
  margin-left: 30px;
}
.btn{
  display: inline-block;
  padding: 0.8em 3em;
  background-color: #FF9447; /* 背景色 */
  box-shadow: 0 5px 0 #FF6B00; /* 影の太さ・色 */
  border-radius: 60px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  font-family: ”Yu gothic”;
}

/* ホバー時 */
.btn:hover {
  box-shadow: none;
  transform: translateY(5px);
}

/* クリック時 */
.btn:active {
  box-shadow: none;
  transform: translateY(5px);
}

.framesita{
  margin-top: -100px;
}

.fujicco2{
  margin-top: 100px;
}