@charset "UTF-8";

 
/***
スクロールボタンCSS

***/
.mainarea {
	display:block;
	position:fixed;
	margin:0;
	padding: 0;
	width:40%;
	height:auto;
	
	right: 5%;
	bottom: 2%;
	z-index:999;
}
.mainarea img {
	width:100%;
	height:auto;
}
@media print, screen and (min-width: 801px) {
.mainarea {
	max-width: 200px;
	right: 2%;
	bottom: 3%;
}
.mainarea img {
	width:100%;
	height:auto;
}
}
.mainarea2 {
	width:100%;
	height:auto;
	margin:0;
	padding: 0;
	position:absolute;
	top: 0;
	left: 0;
	/* drop-shadow */
	filter: drop-shadow(0 0 6px rgba(0,0,0,0.6));
	animation: wobbling_y 1.1s ease-in-out infinite alternate;
	/*	animation: wobbling_x 0.8s ease-in-out infinite alternate, wobbling_y 1.1s ease-in-out infinite alternate;*/
}

@keyframes wobbling_y {
0% {
	margin-top: 0px;
}
100% {
	margin-top: 8px;
}
}

.close_btn{
	width:14px;
	height:14px;
	padding: 3px;
	margin: 0;
	position:absolute;
	right:-4px;
	top:-4px;
	background: #fff;
	filter: drop-shadow(0px 0 3px rgba(0,0,0,0.5));
}
.close_btn img{
	width:100%;
	height: auto;
	vertical-align: top;
}
@media print, screen and (min-width: 801px) {
.close_btn{
	width:12px;
	height:12px;
	padding: 2px;
	margin: 0;
}
}