body{
  height: 100%;
  background-color: black;
}

h1 {color: rgb(119, 0, 255)}
h3 {color: white;}
h1 {font-size: small;}
h4 {font-weight: normal;}
/* h4 {font-size: 5pt;} */

.hwrapper {
    height: 10%;
    background-color: white;
    /* width: 100%; */

}
.header{
  /* margin: auto; */
  /* background-image: url(../images/reborn/header_hana.jpg);
  background-position: left top;
  background-repeat: no-repeat; */
  /* max-width: 800px; */
  padding: 100px;
  width: 100%;
}

.wrapper {
  height: 90%;
  text-align: center;
}

.wrapper p {
  color: white;
}

.wrapper h4 {
  color: white;
}

.btn-real {
    /* position: relative; */
    /* background-color: thistle; */
    display: inline-block;
    text-decoration: none;
    color: rgb(78, 72, 72);/*アイコン色*/
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 40px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;
  }
  .btn-real i {
    line-height: 80px;
  }
  .btn-real:active {
    /*押したとき*/
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: none;
    color: red;
    margin-bottom: 2px;
  }

.re-btn {
  display: inline-block;
  color: white;
  width: 60px;
  height: 60px;
  font-size: 40px; 
  border-radius: 10% 20% 50% 40%;
  background-image: linear-gradient(#1a1a1a 0%, #d6d6d6 100%);
  text-shadow: 3px 3px 3px rgba(76, 83, 124, 0.63);
  /* box-shadow: 0 2px 2px rgb(255, 0, 0); */
  border-bottom: solid 2px #686969;

}
  /* .btn-real i {
    line-height: 80px;
  } */
.re-btn:active {
  /* box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19); */
  color: yellow;
  border-bottom: none;
  margin-bottom: 2px;
}

.footer {
  text-align: left;
  height: 10%;
  background-color: white;
  color: rgb(182, 228, 228);
  padding: 1% 1% 1% 5%;
}
