.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../image/arrow.1.png) no-repeat;
  visibility: hidden;
  opacity: 0;
}
.cd-top.cd-is-visible {visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}
@media only screen and (min-width: 320px) {
.cd-top {height: 30px; width: 30px; right: 20px; bottom: 70px;}
}
@media only screen and (min-width: 480px) {
.cd-top {height: 30px; width: 30px; right: 20px; bottom: 85px;}
}
@media only screen and (min-width: 640px) {
.cd-top {height: 30px; width: 30px; right: 20px; bottom: 85px;}
}
@media only screen and (min-width: 768px) {
.cd-top {height: 30px; width: 30px; right: 20px; bottom: 85px;}
}
@media only screen and (min-width: 1024px) {
.cd-top {height: 30px; width: 30px; right: 30px; bottom: 85px;}
}
@media only screen and (min-width: 1280px) {
.cd-top {height: 30px; width: 30px; right: 30px; bottom: 85px;}
}
@media only screen and (min-width: 1440px) {
.cd-top {height: 30px; width: 30px; right: 30px; bottom: 85px;}
}