@charset "UTF-8";
/* CSS Document */


.add-1 {
max-width: 100%;
height: auto;
margin-bottom: -20px;
overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
position: relative;

  }
	
.add-1 p{
  position: absolute;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-45%,-50%);
  -webkit-transform: translate(-45%,-50%);
  transform: translate(-45%,-50%);
  margin:0;
  padding:0;
 color: black;/*文字は黒に*/
}

.add-1 p1{
  position: absolute;
  top: 75%;
  left: 50%;
  -ms-transform: translate(-60%,-50%);
  -webkit-transform: translate(-60%,-50%);
  transform: translate(-60%,-50%);
  margin:0;
  padding:0;

}

.add-1 img{
width: 100%;
height: 200px;
object-fit: cover;
opacity: 0.5;
overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.add-1 img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	opacity: 0.5;
	
}


a.w3_play_icon1 {
    border: none;
    outline: none;
    background: #e96147;
    padding: 0.5em 1.5em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.9em;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}

a.w3_play_icon1:hover {
    text-decoration: none;
    background: #fff;
    color: #000;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}