body{
    background-image: url("kirakira.jpg");
    
}
.header{
  font-size:50px; 
  font-weight:900;
  background:#00ffff;
  color:#ff00ff;
  padding:10px 20px;
  border-radius:20px;
   border: solid 3px gold;
    height: 70px;
    width:700px;
    text-align: center;
   margin:0 auto 10px;
}

.meinmenu{
    text-align: center;
    color: #fff;
    width:200px;
    margin:0 0 10px 0;
  }
.me1{
    font-size:25px;
    font-weight:900;
     display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #00ffff;
  color: #ff00ff;
  border-bottom: solid 8px #627295;
  border-radius: 20px;
   }

.me1:hover
  { 
  color: #ff1493;
  background: #00ffff;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  border-radius:20px;
  }  
.me2{
   width:250px;
   height:50px;
   
}

.telop{
    font-size:25px;
    font-weight:50;
    color:black;
    height: 35px;
    text-align: center;
    background:#90ee90;
    margin:0 auto 10px;
    width:700px;
    padding:10px 20px;
  border-radius:20px;
}
main{display: flex;
    min-height: 50vh;
    margin: 10px  0 10px 0 ;
    justify-content: space-between;
}


.news{
   
    width:300px;
    height:400px;
    background-color:#f0e68c;
    text-align: center;
    margin: 0 10px 0 10px;
    border-radius:20px;
}
.newshead{
    font-size:20px;
    font-weight100;
    background: #98fb98;
}


.shukkinn{
   
    width:300px;
    height:400px;
    background: #ffe4b5;
    text-align: center;
    margin: 0 10px 0 10px;
    border-radius:20px;
}

.timeheader{
   text-align: center;
   font-size:20px;
   font-weight:100;
   background: #90ee90;
   color:black;
  margin:5px 20px 5px 20px;
   padding:5px 10px;
   border-radius:20px;
}
.phot img{
   width:180px;
   }
.namae{
    line-height:0em;
    font-size:30px;
    font-weigth:100;
    color:red;
 
    }
.time{
    line-height:0em;
    font-size:15px;
    font-weight:30;
}

.sme1{
     font-size:30px;
     font-weight:900;
     text-decoration:none;
     background:black;
     color:white;
    width:150px;
   padding:5px 30px;
    border-radius:20px;
   font-family:'Avenir','Arial';
   }

.sme1:hover
  { 
     color:#ff00ff;
    background:#87cefe;}  


.submenu{
    text-align: center;
   
    width:250px;
   margin:0 0 10px 0;
}
.smhp{
    font-size:20px;
    font-weight:900;
     display: inline-block;
  padding: 2em 1em;
  text-decoration: none;
  background-image: url(images1.jpg);
  color: red;
  border-bottom: solid 8px #627295;
  border-radius: 20px;
   }

.smhp:hover
  { 
  color: yellow;
  background-image: url(images1.jpg);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  border-radius:20px;
  }  
.subme3{
   center
   width:250px;
   height:90px;
   
}
.kinsi{
    font-size:25px;
    font-weight:900;
     display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: yellow;
  color: red;
  border-bottom: solid 8px #627295;
  border-radius: 20px;
   }

.kinsi:hover
  { 
  color: yellow;
  background: red;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  border-radius:20px;
  }  


.subme1{
    font-size:25px;
    font-weight:900;
     display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #00ffff;
  color: #ff00ff;
  border-bottom: solid 8px #627295;
  border-radius: 20px;
   }

.subme1:hover
  { 
  color: #ff1493;
  background: #00ffff;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  border-radius:20px;
  }  
.subme2{
   width:250px;
   height:50px;
}


.footer{
    font-size:25px;
    font-weight:900;
    color:white;
    height: 70px;
    text-align: center;
}