@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes flicker {
  0% {
    opacity: 0.7750220569; }
  5% {
    opacity: 0.7677860936; }
  10% {
    opacity: 0.6834655061; }
  15% {
    opacity: 0.5371707157; }
  20% {
    opacity: 0.5384325557; }
  25% {
    opacity: 0.469408582; }
  30% {
    opacity: 0.0823011171; }
  35% {
    opacity: 0.7014365822; }
  40% {
    opacity: 0.4600071555; }
  45% {
    opacity: 0.5978281465; }
  50% {
    opacity: 0.0678595074; }
  55% {
    opacity: 0.1942101573; }
  60% {
    opacity: 0.6411462229; }
  65% {
    opacity: 0.7358114617; }
  70% {
    opacity: 0.9852432729; }
  75% {
    opacity: 0.15297033300000001; }
  80% {
    opacity: 0.5094536896; }
  85% {
    opacity: 0.1815532069; }
  90% {
    opacity: 0.9262881991; }
  95% {
    opacity: 0.2805550946; }
  100% {
    opacity: 0.8804592351; } }
#loader .loader .la-ball-clip-rotate {
  color: #333; }

.leaf-scene {
  opacity: 0;
  transform: translateX(2vw); }

@media screen and (min-width: 1024px) {
  .leaf-scene {
    opacity: 0;
    transform: translateX(2vw); } }
.imgloaded .leaf-scene {
  opacity: 1;
  transform: translateX(0);
  transition: 1.8s 0s cubic-bezier(0.23, 1, 0.32, 1); }

.imgloaded .top .leaf-scene {
  opacity: 1;
  transform: translateX(0);
  transition: 1.8s 0.6s cubic-bezier(0.23, 1, 0.32, 1); }

.leaf-scene div span:nth-child(1) b:nth-child(1) {
  background-image: url("/harvestella/assets/img/skin/normal/main01.png"); }

.leaf-scene div span:nth-child(1) b:nth-child(2) {
  background-image: url("/harvestella/assets/img/skin/normal/main02.png"); }

.leaf-scene div span:nth-child(1) b:nth-child(3) {
  background-image: url("/harvestella/assets/img/skin/normal/main03.png"); }

.leaf-scene div span:nth-child(1) b:nth-child(4) {
  background-image: url("/harvestella/assets/img/skin/normal/main04.png"); }

.leaf-scene div span:nth-child(2) b:nth-child(1) {
  background-image: url("/harvestella/assets/img/skin/spring/spring01.png"); }

.leaf-scene div span:nth-child(2) b:nth-child(2) {
  background-image: url("/harvestella/assets/img/skin/spring/spring02.png"); }

.leaf-scene div span:nth-child(2) b:nth-child(3) {
  background-image: url("/harvestella/assets/img/skin/spring/spring03.png"); }

.leaf-scene div span:nth-child(2) b:nth-child(4) {
  background-image: url("/harvestella/assets/img/skin/spring/spring04.png"); }

.leaf-scene div span:nth-child(3) b:nth-child(1) {
  background-image: url("/harvestella/assets/img/skin/summer/summer01.png"); }

.leaf-scene div span:nth-child(3) b:nth-child(2) {
  background-image: url("/harvestella/assets/img/skin/summer/summer02.png"); }

.leaf-scene div span:nth-child(3) b:nth-child(3) {
  background-image: url("/harvestella/assets/img/skin/summer/summer03.png"); }

.leaf-scene div span:nth-child(3) b:nth-child(4) {
  background-image: url("/harvestella/assets/img/skin/summer/summer04.png"); }

.leaf-scene div span:nth-child(4) b:nth-child(1) {
  background-image: url("/harvestella/assets/img/skin/autumn/autumn01.png"); }

.leaf-scene div span:nth-child(4) b:nth-child(2) {
  background-image: url("/harvestella/assets/img/skin/autumn/autumn02.png"); }

.leaf-scene div span:nth-child(4) b:nth-child(3) {
  background-image: url("/harvestella/assets/img/skin/autumn/autumn03.png"); }

.leaf-scene div span:nth-child(4) b:nth-child(4) {
  background-image: url("/harvestella/assets/img/skin/autumn/autumn04.png"); }

.leaf-scene div span:nth-child(5) b:nth-child(1) {
  background-image: url("/harvestella/assets/img/skin/winter/winter01.png"); }

.leaf-scene div span:nth-child(5) b:nth-child(2) {
  background-image: url("/harvestella/assets/img/skin/winter/winter02.png"); }

.leaf-scene div span:nth-child(5) b:nth-child(3) {
  background-image: url("/harvestella/assets/img/skin/winter/winter03.png"); }

.leaf-scene div span:nth-child(5) b:nth-child(4) {
  background-image: url("/harvestella/assets/img/skin/winter/winter04.png"); }

#fixedbg b {
  display: none !important; }

body[data-themes='themes0'] .fixedmenu .yoyaku a {
  background-color: #dfccb8; }
body[data-themes='themes0'] .fixedmenu .bgm li:nth-child(1) {
  left: 0; }
body[data-themes='themes0'].top #contents .kv .sp_bgm_wrap .bgm li:nth-child(1) {
  left: 0; }
body[data-themes='themes0'] .fixedmenu .themes li:nth-child(1) a::after {
  opacity: 1; }
body[data-themes='themes0'].top #contents .kv .sp_bgm_wrap .themes li:nth-child(1) a::after {
  opacity: 1; }
body[data-themes='themes0'] #fixedbg b:nth-child(1) {
  opacity: 1; }
body[data-themes='themes0'] .leaf-scene div.v1 span:nth-child(1) b:nth-child(1) {
  opacity: 1; }
body[data-themes='themes0'] .leaf-scene div.v2 span:nth-child(1) b:nth-child(2) {
  opacity: 1; }
body[data-themes='themes0'] .leaf-scene div.v3 span:nth-child(1) b:nth-child(3) {
  opacity: 1; }
body[data-themes='themes0'] .leaf-scene div.v4 span:nth-child(1) b:nth-child(4) {
  opacity: 1; }

body[data-themes='themes1'] {
  /*
  .leaf-scene div.v1 {background-image: url("/harvestella/assets/img/skin/spring/spring01.png");}
  .leaf-scene div.v2 {background-image: url("/harvestella/assets/img/skin/spring/spring02.png");}
  .leaf-scene div.v3 {background-image: url("/harvestella/assets/img/skin/spring/spring03.png");}
  .leaf-scene div.v4 {background-image: url("/harvestella/assets/img/skin/spring/spring04.png");}
  */
  /*
  #loader .loader .la-ball-clip-rotate{color:#f1d0d9;}
  .fixedmenu .yoyaku a{background-color: #f1d0d9;}
  */ }
  body[data-themes='themes1'] .leaf-scene div.v1 span:nth-child(2) b:nth-child(1) {
    opacity: 1; }
  body[data-themes='themes1'] .leaf-scene div.v2 span:nth-child(2) b:nth-child(2) {
    opacity: 1; }
  body[data-themes='themes1'] .leaf-scene div.v3 span:nth-child(2) b:nth-child(3) {
    opacity: 1; }
  body[data-themes='themes1'] .leaf-scene div.v4 span:nth-child(2) b:nth-child(4) {
    opacity: 1; }
  body[data-themes='themes1'] .fixedmenu .bgm li:nth-child(2) {
    left: 0; }
  body[data-themes='themes1'].top #contents .kv .sp_bgm_wrap .bgm li:nth-child(2) {
    left: 0; }
  body[data-themes='themes1'] .fixedmenu .themes li:nth-child(2) a::after {
    opacity: 1; }
  body[data-themes='themes1'].top #contents .kv .sp_bgm_wrap .themes li:nth-child(2) a::after {
    opacity: 1; }
  body[data-themes='themes1'] #fixedbg b:nth-child(2) {
    opacity: 1; }

body[data-themes='themes2'] {
  /*
  .leaf-scene div.v1 {background-image: url("/harvestella/assets/img/skin/summer/summer01.png");}
  .leaf-scene div.v2 {background-image: url("/harvestella/assets/img/skin/summer/summer02.png");}
  .leaf-scene div.v3 {background-image: url("/harvestella/assets/img/skin/summer/summer03.png");}
  .leaf-scene div.v4 {background-image: url("/harvestella/assets/img/skin/summer/summer04.png");}  /*
  */
  /*
  #loader .loader .la-ball-clip-rotate{color:#bde2f4;}
  .fixedmenu .yoyaku a{background-color: #bde2f4;}
  */ }
  body[data-themes='themes2'] .leaf-scene div.v1 span:nth-child(3) b:nth-child(1) {
    opacity: 1; }
  body[data-themes='themes2'] .leaf-scene div.v2 span:nth-child(3) b:nth-child(2) {
    opacity: 1; }
  body[data-themes='themes2'] .leaf-scene div.v3 span:nth-child(3) b:nth-child(3) {
    opacity: 1; }
  body[data-themes='themes2'] .leaf-scene div.v4 span:nth-child(3) b:nth-child(4) {
    opacity: 1; }
  body[data-themes='themes2'] .fixedmenu .bgm li:nth-child(3) {
    left: 0; }
  body[data-themes='themes2'].top #contents .kv .sp_bgm_wrap .bgm li:nth-child(3) {
    left: 0; }
  body[data-themes='themes2'] .fixedmenu .themes li:nth-child(3) a::after {
    opacity: 1; }
  body[data-themes='themes2'].top #contents .kv .sp_bgm_wrap .themes li:nth-child(3) a::after {
    opacity: 1; }
  body[data-themes='themes2'] #fixedbg b:nth-child(3) {
    opacity: 1; }

body[data-themes='themes3'] {
  /*
  .leaf-scene div.v1 {background-image: url("/harvestella/assets/img/skin/autumn/autumn01.png");}
  .leaf-scene div.v2 {background-image: url("/harvestella/assets/img/skin/autumn/autumn02.png");}
  .leaf-scene div.v3 {background-image: url("/harvestella/assets/img/skin/autumn/autumn03.png");}
  .leaf-scene div.v4 {background-image: url("/harvestella/assets/img/skin/autumn/autumn04.png");} 
    .fixedmenu .yoyaku a{background-color: #eadfa2;}
  */ }
  body[data-themes='themes3'] .leaf-scene div.v1 span:nth-child(4) b:nth-child(1) {
    opacity: 1; }
  body[data-themes='themes3'] .leaf-scene div.v2 span:nth-child(4) b:nth-child(2) {
    opacity: 1; }
  body[data-themes='themes3'] .leaf-scene div.v3 span:nth-child(4) b:nth-child(3) {
    opacity: 1; }
  body[data-themes='themes3'] .leaf-scene div.v4 span:nth-child(4) b:nth-child(4) {
    opacity: 1; }
  body[data-themes='themes3'] .fixedmenu .bgm li:nth-child(4) {
    left: 0; }
  body[data-themes='themes3'].top #contents .kv .sp_bgm_wrap .bgm li:nth-child(4) {
    left: 0; }
  body[data-themes='themes3'] .fixedmenu .themes li:nth-child(4) a::after {
    opacity: 1; }
  body[data-themes='themes3'].top #contents .kv .sp_bgm_wrap .themes li:nth-child(4) a::after {
    opacity: 1; }
  body[data-themes='themes3'] #fixedbg b:nth-child(4) {
    opacity: 1; }

body[data-themes='themes4'] {
  /*
  .leaf-scene div.v1 {background-image: url("/harvestella/assets/img/skin/winter/winter01.png");}
  .leaf-scene div.v2 {background-image: url("/harvestella/assets/img/skin/winter/winter02.png");}
  .leaf-scene div.v3 {background-image: url("/harvestella/assets/img/skin/winter/winter03.png");}
  .leaf-scene div.v4 {background-image: url("/harvestella/assets/img/skin/winter/winter04.png");} 
  */
  /*
    #loader .loader .la-ball-clip-rotate{color:#bdc0df;}
    .fixedmenu .yoyaku a{background-color: #bdc0df;}
    */ }
  body[data-themes='themes4'] .leaf-scene div.v1 span:nth-child(5) b:nth-child(1) {
    opacity: 1; }
  body[data-themes='themes4'] .leaf-scene div.v2 span:nth-child(5) b:nth-child(2) {
    opacity: 1; }
  body[data-themes='themes4'] .leaf-scene div.v3 span:nth-child(5) b:nth-child(3) {
    opacity: 1; }
  body[data-themes='themes4'] .leaf-scene div.v4 span:nth-child(5) b:nth-child(4) {
    opacity: 1; }
  body[data-themes='themes4'] .fixedmenu .bgm li:nth-child(5) {
    left: 0; }
  body[data-themes='themes4'].top #contents .kv .sp_bgm_wrap .bgm li:nth-child(5) {
    left: 0; }
  body[data-themes='themes4'] .fixedmenu .themes li:nth-child(5) a::after {
    opacity: 1; }
  body[data-themes='themes4'].top #contents .kv .sp_bgm_wrap .themes li:nth-child(5) a::after {
    opacity: 1; }
  body[data-themes='themes4'] #fixedbg b:nth-child(5) {
    opacity: 1; }

@media screen and (min-width: 1024px) {
  /*  pc 1024px ~
  ************************************/ }
@media screen and (min-width: 1280px) {
  /*  pc 1280px ~
  ************************************/ }
@media screen and (min-width: 1920px) {
  /*  pc 1920px ~
  ************************************/ }