.f1{width: 200px;
  height: 120px;
background-color: ;
overflow: hidden;
margin: auto;
}

.icn1{width: 20px;
height: auto;
background-color: ;
float: left;
margin-right: 40px;
margin-top: 100px;
}

.foot{text-align: right;
height: 200px;
width: 100%;
position: relative;
bottom:0;
background-color: #f1f1f1;
margin-top: 0px;}

#fff2{margin-top: 50px;
  animation-delay: 3s; 
  animation: side 4s 1;
  animation-fill-mode: forwards;}

.foot p{
  font-family: 'Zen Old Mincho', serif;
  color: #333333;
  letter-spacing: 1px;
  font-size: 12px;
  margin: auto;
 
position: absolute;
right: 0;
left: 0;
text-align: center;
}


.icn1 img{width: 100%;
height: auto;
}

.moji2 p:hover{border-bottom: 1px solid #000;
  padding-bottom: 8px;}

a{color: black;
  text-decoration: none;
}

.pron{width: 100px;
height: auto;
margin-top: 60px;
transform: translateX(-100px);
transition: all 1s ;
opacity: 0;}

.pron img{transition: all 0.5s ;}
.pron img:hover{opacity: 0.6;
width: 105%;

}

.pron img{width: 100%;
height: auto;}