@keyframes spin {
        0% {filter: contrast(200%) brightness(200%) drop-shadow(0 0 10px #a1f7f8e6)}
        50% { filter: contrast(100%) brightness(100%) drop-shadow(0 0 0px #a1f7f8e6) }
        100% { filter: contrast(150%) brightness(150%) drop-shadow(0 0 10px #a1f7f8e6) }
    }
    
    
 
    
  
  .SDUTakumi{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Takumi_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUTakumi img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUTakumi:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
      
      
  .SDUTakemaru{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Takemaru_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUTakemaru img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUTakemaru:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUHiruko{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Hiruko_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUHiruko img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUHiruko:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUDarumi{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Darumi_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUDarumi img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUDarumi:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUEito{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Eito_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUEito img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUEito:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   

  .SDUTsubasa{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Tsubasa_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUTsubasa img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUTsubasa:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUGaku{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Gaku_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUGaku img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUGaku:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUIma{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Ima_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUIma img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUIma:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUKako{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Kako_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUKako img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUKako:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUShouma{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Shouma_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUShouma img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;} 
    .SDUShouma:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUNozomi{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Nozomi_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUNozomi img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}    
    .SDUNozomi:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUKurara{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Kurara_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUKurara img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}
    .SDUKurara:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUKyoshika{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Kyoshika_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUKyoshika img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}    
    .SDUKyoshika:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}       
    
  .SDUYugamu{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Yugamu_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUYugamu img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}    
    .SDUYugamu:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUMoko{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Moko_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUMoko img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}    
    .SDUMoko:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUEva{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Eva_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUEva img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}    
    .SDUEva:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}   
    
  .SDUShion{
    border: 15px solid transparent;
    border-image: url('../imag/100L_uiframe3.png') 17 round;
    border-image-outset:0px;
    background-image:url("../SDU/Shion_Icon100.png");
    background-size:cover;
    background-repeat:no-repeat;
    width:100px; height:100px;
    background-color:black;
    background-clip:padding-box;
    }
    .SDUShion img{margin-top:40px; margin-left:-80px; animation-name: spin; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; transition: transform .5s;}       
    .SDUShion:hover img {transform: scale(1.1) rotate(10deg); transform-origin: 50% 50%;}