/* ---------- aside ---------- */
.aside__wrap .aside__left {
  position: fixed;
  top: 50px;
  left: 50px;
  z-index: 111;
}

@media (max-width: 767px) {
  .aside__wrap .aside__left {
    top: 30px;
    left: 20px;
  }
}

.aside__wrap .aside__logo {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  mix-blend-mode: difference;
}

@media (max-width: 767px) {
  .aside__wrap .aside__logo {
    width: 70px !important;
    height: 70px;
  }
}

.aside__wrap .aside__logo__blc {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.aside__wrap .aside__name {
  font-size: 25px;
  color: #fff;
  line-height: 1.2;
  -webkit-transition: .3s;
  transition: .3s;
}

@media (max-width: 767px) {
  .aside__wrap .aside__name {
    font-size: 20px;
  }
}

.aside__wrap .aside__right {
  position: fixed;
  top: 50px;
  right: 50px;
  z-index: 111;
  height: 100vh;
}

@media (max-width: 767px) {
  .aside__wrap .aside__right {
    top: 30px;
    right: 20px;
  }
}

.aside__wrap .aside__right .reserve__btn {
  display: block;
  width: 170px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .aside__wrap .aside__right .reserve__btn {
    width: 100px;
    margin-bottom: 5px;
    display: none;
  }
}

.aside__wrap .aside__right .reserve__btn.-jh svg .st0 {
  stroke: #000;
  fill: none;
}

.aside__wrap .aside__right .reserve__btn.-jh svg .st1 {
  fill: #000;
}

.aside__wrap .aside__right .reserve__btn.-jh:hover {
  opacity: 1;
}

.aside__wrap .aside__right .reserve__btn.-jh:hover svg .st0 {
  stroke: #000 !important;
  fill: #de8270 !important;
}

.aside__wrap .aside__right .reserve__btn.-jh:hover svg .st1 {
  fill: #000 !important;
}

.aside__wrap .aside__right .reserve__btn.-lf svg .lf2 {
  fill: #E37A68;
  stroke: #040000;
}

.aside__wrap .aside__right .reserve__btn.-lf svg .lf3 {
  fill: #040000;
}

.aside__wrap .aside__right .reserve__btn.-lf svg .lf5 {
  fill: none;
  stroke: #040000;
}

.aside__wrap .aside__right .reserve__btn.-lf svg .lf6 {
  fill: none;
  stroke: #040000;
}

.aside__wrap .aside__right .reserve__btn.-lf:hover {
  opacity: 1;
}

.aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf2 {
  fill: #E37A68;
  stroke: #040000;
}

.aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf3 {
  fill: #040000 !important;
}

.aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf5 {
  fill: #E37A68 !important;
  stroke: #040000 !important;
}

.aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf6 {
  fill: #E37A68 !important;
  stroke: #040000 !important;
}

.aside__wrap .aside__right .aside__icon {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  .aside__wrap .aside__right .aside__icon {
    top: 13%;
    right: 0px;
  }
}

.aside__wrap .aside__right .ear__btn {
  cursor: pointer;
  width: 20px;
  margin-bottom: 20px;
}

.aside__wrap .aside__right .ear__btn svg {
  width: 100%;
}

.aside__wrap .aside__right .ear__btn svg .ear_x {
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s;
}

.aside__wrap .aside__right .ear__btn.active svg .ear_x {
  opacity: 0;
}

.aside__wrap .aside__right .eye__btn {
  cursor: pointer;
  width: 24px;
  margin-bottom: 20px;
}

.aside__wrap .aside__right .eye__btn svg {
  width: 100%;
}

.aside__wrap .aside__right .lang__wrap .lang__btn {
  display: block;
  color: #fff;
  opacity: 1;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

.aside__wrap .aside__right .lang__wrap .lang__hr {
  border: none;
  border-bottom: 1px solid #fff;
  width: 1em;
}

.aside__wrap .aside__right .aside__time {
  position: absolute;
  bottom: 70px;
  right: 20px;
  text-align: right;
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .aside__wrap .aside__right .aside__time {
    bottom: 150px;
    right: 0px;
  }
}

.aside__wrap .aside__right .aside__time .aside__walkman {
  width: 20px;
  margin-left: auto;
}

#privacy_policy .aside__name,
#terms .aside__name {
  display: none;
}

#privacy_policy .aside__wrap .aside__left,
#terms .aside__wrap .aside__left {
  opacity: 1 !important;
  visibility: visible !important;
}

#privacy_policy .aside__wrap .aside__right,
#terms .aside__wrap .aside__right {
  opacity: 1 !important;
  visibility: visible !important;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-jh svg .st0,
#terms .aside__wrap .aside__right .reserve__btn.-jh svg .st0 {
  stroke: #323232;
  fill: none;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-jh svg .st1,
#terms .aside__wrap .aside__right .reserve__btn.-jh svg .st1 {
  fill: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-jh:hover svg .st0,
#terms .aside__wrap .aside__right .reserve__btn.-jh:hover svg .st0 {
  stroke: #323232;
  fill: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-jh:hover svg .st1,
#terms .aside__wrap .aside__right .reserve__btn.-jh:hover svg .st1 {
  fill: #fff;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf svg .lf2,
#terms .aside__wrap .aside__right .reserve__btn.-lf svg .lf2 {
  fill: #E37A68;
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf svg .lf3,
#terms .aside__wrap .aside__right .reserve__btn.-lf svg .lf3 {
  fill: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf svg .lf5,
#terms .aside__wrap .aside__right .reserve__btn.-lf svg .lf5 {
  fill: none;
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf svg .lf6,
#terms .aside__wrap .aside__right .reserve__btn.-lf svg .lf6 {
  fill: none;
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf:hover,
#terms .aside__wrap .aside__right .reserve__btn.-lf:hover {
  opacity: 1;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf2,
#terms .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf2 {
  fill: #E37A68;
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf3,
#terms .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf3 {
  fill: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf5,
#terms .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf5 {
  fill: #E37A68;
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf6,
#terms .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf6 {
  fill: #E37A68;
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .ear__btn svg .ear_off0,
#terms .aside__wrap .aside__right .ear__btn svg .ear_off0 {
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .eye__btn svg .eye0,
#terms .aside__wrap .aside__right .eye__btn svg .eye0 {
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .eye__btn svg .eye1,
#terms .aside__wrap .aside__right .eye__btn svg .eye1 {
  stroke: #323232;
}

#privacy_policy .aside__wrap .aside__right .lang__wrap .lang__btn,
#terms .aside__wrap .aside__right .lang__wrap .lang__btn {
  color: #323232;
}

#privacy_policy .aside__wrap .aside__right .lang__wrap .lang__hr,
#terms .aside__wrap .aside__right .lang__wrap .lang__hr {
  border-bottom: 1px solid #323232;
}

#privacy_policy .aside__wrap .aside__right .aside__time,
#terms .aside__wrap .aside__right .aside__time {
  color: #323232;
}

#privacy_policy.afternoon .aside__wrap .aside__left,
#terms.afternoon .aside__wrap .aside__left {
  opacity: 1 !important;
  visibility: visible !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right,
#terms.afternoon .aside__wrap .aside__right {
  opacity: 1 !important;
  visibility: visible !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-jh svg .st0,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-jh svg .st0 {
  stroke: #323232 !important;
  fill: none;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-jh svg .st1,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-jh svg .st1 {
  fill: #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-jh:hover svg .st0,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-jh:hover svg .st0 {
  stroke: #323232 !important;
  fill: #323232;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-jh:hover svg .st1,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-jh:hover svg .st1 {
  fill: #fff;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf svg .lf2,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf svg .lf2 {
  fill: #E37A68;
  stroke: #323232;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf svg .lf3,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf svg .lf3 {
  fill: #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf svg .lf5,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf svg .lf5 {
  fill: none;
  stroke: #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf svg .lf6,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf svg .lf6 {
  fill: none;
  stroke: #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover {
  opacity: 1;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf2,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf2 {
  fill: #E37A68;
  stroke: #323232;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf3,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf3 {
  fill: #323232;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf5,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf5 {
  fill: #E37A68;
  stroke: #323232;
}

#privacy_policy.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf6,
#terms.afternoon .aside__wrap .aside__right .reserve__btn.-lf:hover svg .lf6 {
  fill: #E37A68;
  stroke: #323232;
}

#privacy_policy.afternoon .aside__wrap .aside__right .ear__btn svg .ear_off0,
#terms.afternoon .aside__wrap .aside__right .ear__btn svg .ear_off0 {
  stroke: #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .eye__btn svg .eye0,
#terms.afternoon .aside__wrap .aside__right .eye__btn svg .eye0 {
  stroke: #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .eye__btn svg .eye1,
#terms.afternoon .aside__wrap .aside__right .eye__btn svg .eye1 {
  stroke: #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .lang__wrap .lang__btn,
#terms.afternoon .aside__wrap .aside__right .lang__wrap .lang__btn {
  color: #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .lang__wrap .lang__hr,
#terms.afternoon .aside__wrap .aside__right .lang__wrap .lang__hr {
  border-bottom: 1px solid #323232 !important;
}

#privacy_policy.afternoon .aside__wrap .aside__right .aside__time,
#terms.afternoon .aside__wrap .aside__right .aside__time {
  color: #323232 !important;
}