.button {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #ececec;
  text-decoration: none;
  color: #666;
}

/* 右バナー1 */
#rc_rightArea {
 width: 90px; /*画像の全体幅*/
 position: fixed;
 top: 140px;
 right: 0px;
 display: inline-block;
 z-index: 9999;
}
div#rc_rightArea:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* Hides from IE Mac */
* html div#rc_rightArea {
	height: 1%;
}

div#rc_rightArea {
	display:block;
}
/* End Hack */

div#rc_rightArea .rc_right {
	outline:none;
	display: block;
	position: relative;
	left:0px;
	z-index:9998px;
}

div#rc_rightArea .rc_right:hover{ background-position:0px 0px;  }

/* 右バナー2 */
#rc_rightArea2 {
 width: 90px; /*画像の全体幅*/
 position: fixed;
 top: 330px;/*バナーの上下位置指定*/
 right: 0px;
 display: inline-block;
 z-index: 9999;
}
div#rc_rightArea:after2{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* Hides from IE Mac */
* html div#rc_rightArea2 {
	height: 1%;
}

div#rc_rightArea2 {
	display:block;
}
/* End Hack */

div#rc_rightArea2 .rc_right2 {
	outline:none;
	display: block;
	position: relative;
	left:0px;
	z-index:9998px;
}

div#rc_rightArea2 .rc_right2:hover{ background-position:0px 0px;  }

/* 右バナー3 */
#rc_rightArea3 {
 width: 90px; /*画像の全体幅*/
 position: fixed;
 top: 520px;/*バナーの上下位置指定*/
 right: 0px;
 display: inline-block;
 z-index: 9999;
 margin-bottom: - 520px; /*余白を解消する値を入れます*/
}
div#rc_rightArea:after3{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* Hides from IE Mac */
* html div#rc_rightArea3 {
	height: 1%;
}

div#rc_rightArea3 {
	display:block;
}
/* End Hack */

div#rc_rightArea3 .rc_right3 {
	outline:none;
	display: block;

	position: relative;

	left:0px;
	z-index:9998px;
}

div#rc_rightArea3 .rc_right3:hover{ background-position:0px 0px;  }


/* 左バナー1 */
#rc_leftArea {
 width: 90px; /*画像の全体幅*/
 position: fixed;
 top: 140px;
 left: 0px;
 display: inline-block;
 z-index: 9999;
}
div#rc_leftArea:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* Hides from IE Mac */
* html div#rc_leftArea {
	height: 1%;
}

div#rc_leftArea {
	display:block;
}
/* End Hack */

div#rc_leftArea .rc_left {
	outline:none;
	display: block;
	position: relative;
	right:0px;
	z-index:9998px;
}

div#rc_leftArea .rc_left:hover{ background-position:0px 0px;  }

/* 左バナー2 */
#rc_leftArea2 {
 width: 90px; /*画像の全体幅*/
 position: fixed;
 top: 330px;
 left: 0px;
 display: inline-block;
 z-index: 9999;
}
div#rc_leftArea2:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* Hides from IE Mac */
* html div#rc_leftArea2 {
	height: 1%;
}

div#rc_leftArea2 {
	display:block;
}
/* End Hack */

div#rc_leftArea2 .rc_left2 {
	outline:none;
	display: block;
	position: relative;
	right:0px;
	z-index:9998px;
}

div#rc_leftArea2 .rc_left2:hover{ background-position:0px 0px;  }


/* 左バナー3 */
#rc_leftArea3 {
 width: 90px; /*画像の全体幅*/
 position: fixed;
 top: 520px;
 left: 0px;
 display: inline-block;
 z-index: 9999;
  margin-bottom: - 520px; /*余白を解消する値を入れます*/
}
div#rc_leftArea3:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* Hides from IE Mac */
* html div#rc_leftArea3 {
	height: 1%;
}

div#rc_leftArea3 {
	display:block;
}
/* End Hack */

div#rc_leftArea3 .rc_left3 {
	outline:none;
	display: block;
	position: relative;
	right:0px;
	z-index:9998px;
}

div#rc_leftArea3 .rc_left3:hover{ background-position:0px 0px;  }



/* Wobble Horizontal */
@keyframes wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.wobble-horizontal {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-horizontal:hover {
  animation-name: wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}


}