.oll{
      background-color: black;
}
.title{
       width:320px;
       height:60px;
       background: #F0E68C;
       border-radius:20px;
       border:solid 4px #DDA0DD;
       line-height:0.01em;
}
.tnaka{
       font-size:38px;
       font-weight:900;
       color:#ff00ff;
}
.tel{
     width:160px;
     height:45px;
     background:yellow;
     box-shadow: 0px 1px 0px 2px #b8860b;
     border-radius:10px;
     font-weight: bold;
     line-height:0em;
}
.reflection {
  width: 160px;
  height: 45px;
  box-shadow: 0px 1px 0px 2px #b8860b; 
  font-weight:bold;
  position: relative;
  overflow: hidden;
  background-color: yellow;
  line-height:0em;
}
.reflection::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

.photom{
        width:216px;
        height:286px;
        text-align;center;
}

.name{
      font-size:30px;
      font-weight:bold;
      color:red;
      line-height:1px;
}
.time{
      font-size:20px;
      font-weight:bold;
      color:white;
}



.main1{
     width:320px;
     height:60px;
     display: flex;
    justify-content: space-between;
}
.m1{
    width:140px;
    height:40px;
    background:red;
    box-shadow: 0px 1px 0px 2px #800000;
    border-radius:10px;
    margin:10px;
    position: relative; 
}
.cen1{
      width:135px;
      height:35px;
      position: absolute;
      padding: 0px;
      top:  0; 
      bottom:  0; 
      left:  0;
      right:  0;
      margin:  auto;   
}
.m1b{
      font-size:25px;
    font-weight:bold;
}
    


.m2{
    width:140px;
    height:40px;
    background:lime;
    box-shadow: 0px 1px 0px 2px green;
    text-shadow: -1px -1px rgba(255,255,255,0.44) 1px 1px rgba(0,0,0,0.38 );
     border-radius:10px;
    margin:10px;
    position: relative; 
}
.cen2{
      width:135px;
      height:30px;
      position: absolute;
      padding: 0px;
      top:  0; 
      bottom:  0; 
      left:  0;
      right:  0;
      margin:  auto;   
}
.m2b{
      font-size:22px;
      font-weight:bold;
      text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
      
.main2{
     text-align:center;
     width:320px;
     height:60px;
     display: flex;
    justify-content: space-between;
}
.m3{
    width:140px;
    height:40px;
    background:lime;
    box-shadow: 0px 1px 0px 2px green;
    text-shadow: -1px -1px rgba(255,255,255,0.44) 1px 1px rgba(0,0,0,0.38 );
     border-radius:10px;
     margin:10px;
    text-align:center;
    position: relative; 
}
.cen3{
      width:135px;
      height:41px;
      position: absolute;
      padding: 0px;
      top:  0; 
      bottom:  0; 
      left:  0;
      right:  0;
      margin:  auto;   
}
.m3b{
      font-size:28px;
      font-weight:bold;
      text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
.m4{
    width:140px;
    height:40px;
    background:lime;
    box-shadow: 0px 1px 0px 2px green;
    text-shadow: -1px -1px rgba(255,255,255,0.44) 1px 1px rgba(0,0,0,0.38 );
    border-radius:10px;
    margin:10px;
    position: relative; 
}
.cen4{
      width:135px;
      height:39px;
      position: absolute;
      padding: 0px;
      top:  0; 
      bottom:  0; 
      left:  0;
      right:  0;
      margin:  auto;   
}
.m4b{
      font-size:25px;
      font-weight:bold;
      text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
.main3{
     text-align:center;
     width:320px;
     height:60px;
     display: flex;
    justify-content: space-between;
}
.m5{
    width:140px;
    height:40px;
    background:lime;
    box-shadow: 0px 1px 0px 2px green;
    text-shadow: -1px -1px rgba(255,255,255,0.44) 1px 1px rgba(0,0,0,0.38 );
     border-radius:10px;
    margin:10px;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    position: relative; 
}
.cen5{
      width:135px;
      height:30px;
      position: absolute;
      padding: 0px;
      top:  0; 
      bottom:  0; 
      left:  0;
      right:  0;
      margin:  auto;   
}
.m5b{
      font-size:22px;
      font-weight:bold;
      text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
.m6{
    width:140px;
    height:40px;
    background:lime;
    box-shadow: 0px 1px 0px 2px green;
    text-shadow: -1px -1px rgba(255,255,255,0.44) 1px 1px rgba(0,0,0,0.38 );
    border-radius:10px;
    margin:10px;
    position: relative; 
}
.cen6{
      width:135px;
      height:41px;
      position: absolute;
      padding: 0px;
      top:  0; 
      bottom:  0; 
      left:  0;
      right:  0;
      margin:  auto;   
}
.m6b{
      font-size:28px;
      font-weight:bold;
      text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
.m7{
    width:140px;
    height:40px;
    background:lime;
    box-shadow: 0px 1px 0px 2px green;
    text-shadow: -1px -1px rgba(255,255,255,0.44) 1px 1px rgba(0,0,0,0.38 );
     border-radius:10px;
    margin:10px;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    position: relative; 
}
.cen7{
      width:135px;
      height:39px;
      position: absolute;
      padding: 0px;
      top:  0; 
      bottom:  0; 
      left:  0;
      right:  0;
      margin:  auto;   
}
.m7b{
      font-size:25px;
      font-weight:bold;
      text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
.m8{
    width:140px;
    height:40px;
    background:lime;
    box-shadow: 0px 1px 0px 2px green;
    text-shadow: -1px -1px rgba(255,255,255,0.44) 1px 1px rgba(0,0,0,0.38 );
    border-radius:10px;
    margin:10px;
    position: relative; 
}
.cen8{
      width:135px;
      height:30px;
      position: absolute;
      padding: 0px;
      top:  0; 
      bottom:  0; 
      left:  0;
      right:  0;
      margin:  auto;   
}
.m8b{
      font-size:22px;
      font-weight:bold;
      text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
a:link{
color:red;
text-decoration: none;
}