@charset "utf-8";
body {
	background:#fff;
}
#frame div img {
	position:absolute;
}
#main {
	position:absolute;
	left:0px;
	top:0px;
	width:728px;
	height:90px;
}
#frame {
	position:absolute;
	left:0px;
	top:0px;
	width:726px;/*width & height 2px less than total*/
	height:88px;
	overflow:hidden;
	background:#000;
	border:1px solid rgb(128, 128, 128);
}
.clickable {
	cursor:pointer;
}

#slide_logo {
	position: absolute;
	left: 15px;
	top: 32px;
	width: 128px;
	height: auto;
	opacity: 0;
}
#slide_text1 {
	position: absolute;
	top: 12px;
	left: 253px;
	width: 217px;
	height: auto;
	opacity: 0;
}

#slide_button {
	position: absolute;
	top: 22px;
	right: 22px;
	width: 196px;
	height: auto;
	opacity: 0;
	transition: background-color 0.25s;
}
#slide_button.slide_button--active {
	background-color: rgba(255, 255, 255, 0.2);
}

#animation {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.bubble {
	position: absolute;
	background-size: cover;
}

.bubble--sharp {
	background-image: url('bubble_sharp.png');
}

.bubble--blur {
	background-image: url('bubble_blur.png');
}

.bubble--blurriest {
	background-image: url('bubble_blurriest.png');
}