/* slider (base)
--------------------------------------------------------- */
.slideFrame {
  overflow: hidden;
  width: 100%;
  height: 100px;
}

.slideCell {
  display: block;
}

.slideGuide .slideCell {
  float: left;
  margin-right: 5px;
}
.slideGuide.up .slideCell, .slideGuide.down .slideCell {
  float: none;
  margin-right: 0;
  margin-bottom: 10px;
}




/* slider-3
--------------------------------------------------------- */
#slider-3.slideFrame {
	height:1000px;

  width: 300px;
}
#slider-3.slideFrame .cell-other {
  width: 300px;
  margin-bottom: 10px;
}
#slider-3.slideFrame .cell-other img {
  display: block;
}




















#canvas-container {

    background-size: cover;
}
canvas {
	position:relative;
    width: 100%;
	margin-top:-200px;
    height: 200px;
    vertical-align: top;
	z-index:888;
}

@media only screen and (max-width: 959px) {

#canvas-container {

}
canvas {
    height: 200px;
}

}
</style>