*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	word-break:break-all;
}
html,body {
	height:100%;
}


#wrapper{
	display:block;
}
#smart_wrapper{
	display:none;
}
@media screen and (max-width:480px){
#wrapper{
	display:none;
}
#smart_wrapper{
	display:block;
}
}



#viewer {
	position:relative;

	width:100%;
	height:100%;

//	width:100%;
//	min-height:100%;
//	min-width:1300px;
//	min-height:867px;

//	border:1px solid #f00;
}
#viewer > div {
	opacity:0;
	z-index:-2;
	position:absolute;
	top:0;
	left:0;

//	width:1300px;
//	height:660px;
	width:100%;
	height:100%;

//	background-image: url("../images/top_a.jpg");
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
	overflow:hidden;
//border:1px solid #000;
}
#viewer > div > img {
	position:absolute;
	top:0;
	left:0;
}
@media screen and (max-width:480px){
/*----
#viewer {
	width:100%;
	height:510px;
}
#viewer > div {
	width:100%;
	height:510px;
}
----*/
/*----
#viewer {
	width:100%;
	height:230px;
//	height:100%;
	min-height:1px;
}
#viewer > div {
	width:100%;
	height:230px;
//	height:100%;
	background-size: cover;
}
----*/
}


.top-ani-F01 {
	animation-fill-mode:both;
	animation-name: top-ani-F00;
	visibility: visible !important;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-delay: 0s;
}
.top-ani-F02 {
	animation-fill-mode:both;
	animation-name: top-ani-F00;
	visibility: visible !important;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-delay: 2s;
}
.top-ani-F03 {
	animation-fill-mode:both;
	animation-name: top-ani-F00;
	visibility: visible !important;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-delay: 4s;
}
.top-ani-F04 {
	animation-fill-mode:both;
	animation-name: top-ani-F00;
	visibility: visible !important;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-delay: 6s;
}
.top-ani-F05 {
	animation-fill-mode:both;
	animation-name: top-ani-F00;
	visibility: visible !important;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-delay: 8s;
}
@keyframes top-ani-F00 {
	0% { opacity:0; }
	100% { opacity:1; }
}