@charset "UTF-8";
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video {
    position: relative;
    padding: 30px 0 56.25%;
    height: 0;
    overflow: hidden;
}
 .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    	background-color: #1a1a1a;
}
.archive {
    width: 380px;
    font-size: 18px;
margin-bottom: 25px;
margin-top: 25px;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 0.1em;
    text-decoration:none;
    display: inline-block;

    text-align:center;
  padding:14px 0 14px;
    color:#FFFFFF;
    border:2px solid #FFFFFF;
    transition: background-color 1s linear;
        -moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
}
.archive:hover {
	background-color: #00bfff;
	color : #FFFFFF;
	 border:2px solid #00bfff;
transition: background-color 0.5s linear
	}