<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* floatBnr */

#floatBnr{
/*	box-shadow:0px 0px 27px -5px #000;*/
}
	#float,
	#floatArea {
		z-index: 9999;
		width: 240px;
		height: 112px;
	}
	#float {
	position: fixed;
	top: 100px;
	right: 25px;
	width: 240px;
	height: 112px;
	z-index: 100000;
	}
	#floatArea {
		position: absolute;
		left: 0px;
		top: 0px;
		cursor: move;
	}

	#float .reserve {
		position: absolute;
		left: 50%;
		margin-left: -124px;
		bottom: 20px;
		-webkit-transition: .3s;
		   -moz-transition: .3s;
		    -ms-transition: .3s;
		     -o-transition: .3s;
		        transition: .3s;
	}
	#float .reserve:hover {
		opacity: 0.7;
	}
	#float .close2 {
		position: absolute;
		right: 5px;
		top: 5px;
		z-index: 104;
	}
	#float .float-img{
		z-index: 100;
	}
	#float .float-img .sp{
		display: none;
	}
	#float .btn-link {
		position: absolute;
		bottom: 0px;
		left:0px;
	width: 240px;
	height: 112px;

		z-index: 102;
	}


	@media only screen and (max-width:1200px) {
		#float {
/*		  top: 200px;*/
		}
	}
	@media only screen and (max-width:960px) {
		#float {
			display: none;
		}
		#floatArea {
			display: block;
			margin: auto;
		}
			#float .close2{
			display: none;
		}
	}

@media only screen and (max-width: 767px){
	.wrap {	z-index: 1;
	}
}
</pre></body></html>