




@charset "UTF-8";
/* CSS Document */





.CFBanner480x480 {
	position: relative;
	max-width: 480px;
	height: auto;
	overflow: hidden;
	background: #CCC;
	color:#4b4b4a;
	box-sizing: border-box;
}

.CFClickArea {
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1000;
}

.CFBanner480x480 .size {
	max-width: 100%;
}


.CFBanner480x480 .CFSlide1 {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	opacity: 1;
	animation-name: CFSlide1;
	animation-duration: 25s;
	animation-iteration-count: infinite;
	background: url(../images/4×moto-800MT-700CLC-450CLC-450MTR-480x480-01.png) no-repeat center center;
	background-size: cover;
}

@keyframes CFSlide1 {
	0%		{Opacity:1}
	22%		{Opacity:1}
	25%		{Opacity:0}
	97%		{Opacity:0}
	100%	{Opacity:1}
}


.CFBanner480x480 .CFSlide2 {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	opacity: 1;
	animation-name: CFSlide2;
	animation-duration: 25s;
	animation-iteration-count: infinite;
	background: url(../images/4×moto-800MT-700CLC-450CLC-450MTR-480x480-02.png) no-repeat center center;
	background-size: cover;
}

@keyframes CFSlide2 {
	0%		{Opacity:0}
	22%		{Opacity:0}
	25%		{Opacity:1}
	47%		{Opacity:1}
	50%		{Opacity:0}
	100%	{Opacity:0}
}


.CFBanner480x480 .CFSlide3 {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	opacity: 1;
	animation-name: CFSlide3;
	animation-duration: 25s;
	animation-iteration-count: infinite;
	background: url(../images/4×moto-800MT-700CLC-450CLC-450MTR-480x480-03.png) no-repeat center center;
	background-size: cover;
}

@keyframes CFSlide3 {
	0%		{Opacity:0}
	47%		{Opacity:0}
	50%		{Opacity:1}
	72%		{Opacity:1}
	75%		{Opacity:0}
	100%	{Opacity:0}
}


.CFBanner480x480 .CFSlide4 {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	opacity: 1;
	animation-name: CFSlide4;
	animation-duration: 25s;
	animation-iteration-count: infinite;
	background: url(../images/4×moto-800MT-700CLC-450CLC-450MTR-480x480-04.png) no-repeat center center;
	background-size: cover;
}

@keyframes CFSlide4 {
	0%		{Opacity:0}
	72%		{Opacity:0}
	75%		{Opacity:1}
	97%		{Opacity:1}
	100%	{Opacity:0}
}


