@charset "utf-8";

/* スマホへの振り分け */

 /* 表示領域が1001px以上の場合に適用するスタイル（パソコン向け） */
@media screen and (min-width: 1001px){

.side_pc{
	display: block;
}

.side_sp{
	display: none;
}
}

 /* 表示領域が1000px以下の場合に適用するスタイル（スマホ向け） */
@media screen and (max-width: 1000px) {

 
.side_pc{
	display: none;
}


.side_sp{
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0;
		min-width: 1000px;
}
	
.side_sp img{
		width: 100%;
}
}

.side {
	position: fixed;
	right: 0;
	bottom: 10%;
	-webkit-animation-name:side;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:side;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}

@-webkit-keyframes side {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes side {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}