@charset "utf-8";
#footer {
    position: relative;
}
.scrollButton {
  background: url(../../images/main/common/top_btn.png)center center / contain no-repeat;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 80px;
  height: 80px;
  z-index:100;
  transform: translateY(100px);
  transition: .7s ease;
}
.scrollButton.inview{transform: translateY(0);}
.footerTtl {
    text-align: right;
    margin-bottom: 17px;
    position: absolute;
    bottom: 100%;
    right: 0;
}
.copyright {
  font-size: 1.2rem;
  text-align: center;
  padding: 2em;
  margin: 0;
  width: 100%;
  background: #553723;
  color:#967323;
  position: relative;
}
.copyright::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 15px;
  background: url(../../images/main/common/ribonn_bottom.png)center top repeat-x;
}
@media screen and (max-width:600px){
  .scrollButton {
    width: 40px;
    height: 40px;
  }
}