/* Scss Document */
/* Scss Document */
/*  ---------------------------
			COLOR
---------------------------  */
/* CATEGORY */
/* TOP */
/* FOOT */
/*  ---------------------------
			PADDING
---------------------------  */
/*  ---------------------------
            common
---------------------------  */
#sp_menu {
  top: -770px;
  transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -webkit-transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -moz-transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -o-transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -ms-transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

#sp_menu.active {
  top: 71px;
}

#pc_archive {
  right: -205px;
  transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -webkit-transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -moz-transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -o-transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -ms-transition: 0.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

#pc_archive.active {
  right: 0;
}

.box {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(0, 30px);
  transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  -ms-transition-delay: 100ms;
}

.box.scrollin {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0, 0);
}

#pagetop {
  bottom: -50px;
  transition: 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -webkit-transition: 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -moz-transition: 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -o-transition: 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -ms-transition: 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

#pagetop.scrollin {
  bottom: 30px;
}

@media screen and (max-width: 960px) {
  #pagetop {
    bottom: -38px;
  }
  #pagetop.scrollin {
    bottom: 20px;
  }
}