@charset "UTF-8";
.comic8 .comic8inner1 .comic8inner2 {
    background: url(../images/c1v2.jpg) left top no-repeat;
}
.comic8 .comic8inner1 .comic8inner2 .c8products .c8productbox {
	position:relative;
}
.comic8 .comic8inner1 .comic8inner2 .c8products .c8productbox .product5maxicon {
	position: absolute;
    bottom: 57px;
    right: 9px;
}
.comic8 .comic8inner1 .comic8inner2 .c8products .c8productbox .product5maxicon2 {
	position: absolute;
    bottom: 67px;
    right: 9px;
}
.comic8 .comic8inner1 .comic8inner2 .c8products .c8productbox .c8productbn {
    margin-left: 208px;
    margin-top: 12px;
}
.comic8 .comic8inner1 .comic8inner2 .c8products .c8productbox .c8productbn.rbw {
    margin-left: 208px;
    margin-top: 12px;
}
.comic8 .comic8inner1 .comic8inner2 .c8products .c8productbox .c8productbn.rbw.sold {
	background: #787878;
}

.comic8 .comic8inner1 .comic8inner2 .c8products .c8productbox .c8productbn.rbw {
  /* 背景グラデーションを指定・幅を 200% にしておく */
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center / 200% auto;
  
  /* アニメーション指定 */
  animation: rbw 4s linear infinite;
}

/* 背景の横位置をズラす */
@keyframes rbw {
  to { background-position-x: 200%; }
}