/* --------------------------------------------------------------------------------------------- */
/* reset.sass */
/* line 3, ../src/styles.reset.sass */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul, li {
  padding: 0px;
  margin: 0px;
}

/* line 6, ../src/styles.reset.sass */
header, section, article, nav, aside, footer, a, img {
  display: block;
}

/* line 8, ../src/styles.reset.sass */
img {
  border: none;
}

/* line 10, ../src/styles.reset.sass */
input, textarea, select, button {
  outline: none;
}

/* line 12, ../src/styles.reset.sass */
table {
  border-collapse: collapse;
  border-spacing: 0px;
}

/* line 15, ../src/styles.reset.sass */
fieldset, img {
  border: 0px;
}

/* line 17, ../src/styles.reset.sass */
address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}

/* line 20, ../src/styles.reset.sass */
ol, ul {
  list-style: none;
}

/* line 22, ../src/styles.reset.sass */
caption, th {
  text-align: left;
}

/* line 24, ../src/styles.reset.sass */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

/* line 27, ../src/styles.reset.sass */
q:before, q:after {
  content: "";
}

/* line 29, ../src/styles.reset.sass */
abbr, acronym {
  border: 0px;
}

/* line 31, ../src/styles.reset.sass */
fieldset {
  margin: 0px;
  padding: 0px;
}

/* --------------------------------------------------------------------------------------------- */
/* variables */
/* --------------------------------------------------------------------------------------------- */
/* mixins */
/* --------------------------------------------------------------------------------------------- */
/* keyframes */
@-moz-keyframes monitor {
  0% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  30% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes monitor {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  30% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes monitor {
  0% {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  30% {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes btn_logo {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -moz-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes btn_logo {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes btn_logo {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes btn_shake {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -moz-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  40% {
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  0% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes btn_shake {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes btn_shake {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  40% {
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-moz-keyframes twinkle {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes twinkle {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes twinkle {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
/* --------------------------------------------------------------------------------------------- */
/* frontend */
/* line 6, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
body {
  background-color: black;
}

/* line 8, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field {
  width: 100%;
  max-width: 1500px;
  min-width: 980px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
/* line 16, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.enter:after {
  display: none;
}

/* line 19, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#shadows .shadow_left, #shadows .shadow_right {
  position: absolute;
  top: 0;
  z-index: 99998;
}
/* line 24, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#shadows .shadow_left img, #shadows .shadow_right img {
  height: 100%;
}
/* line 26, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#shadows .shadow_left {
  left: 0;
}
/* line 28, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#shadows .shadow_right {
  right: 0;
}

/* line 30, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
a img {
  width: 100%;
}

/* line 32, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.bg {
  background-image: url(../images/common/bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

/* line 36, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.btn_shake {
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 39, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.btn_shake:active, .btn_shake:hover {
  -moz-animation-name: btn_shake;
  -webkit-animation-name: btn_shake;
  animation-name: btn_shake;
  -moz-animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* --------------------------------------------------------------------------------------------- */
/* enter */
/* line 44, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000;
  -moz-transition-property: width;
  -o-transition-property: width;
  -webkit-transition-property: width;
  transition-property: width;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  -moz-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 28, ../../../src/eu/hk_rocktour/src/_include.sass */
.enter:after {
  content: "";
  display: block;
  height: 0px;
  min-height: 0px;
  clear: both;
  visibility: hidden;
  zoom: 1;
}
/* line 54, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .slide_left, .enter .slide_right {
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -moz-transition-property: width;
  -o-transition-property: width;
  -webkit-transition-property: width;
  transition-property: width;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 28, ../../../src/eu/hk_rocktour/src/_include.sass */
.enter .slide_left:after, .enter .slide_right:after {
  content: "";
  display: block;
  height: 0px;
  min-height: 0px;
  clear: both;
  visibility: hidden;
  zoom: 1;
}
/* line 64, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .slide_left img, .enter .slide_right img {
  height: 100%;
}
/* line 66, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .slide_left {
  float: left;
}
/* line 68, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .slide_right {
  float: right;
}
/* line 71, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .slide_right img {
  float: right;
}
/* line 73, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot {
  width: 10%;
  height: 110%;
  position: absolute;
  top: -10px;
  z-index: 99;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 1.6s;
  -o-transition-duration: 1.6s;
  -webkit-transition-duration: 1.6s;
  transition-duration: 1.6s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 82, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot .pic {
  height: 100%;
}
/* line 84, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.spot01 {
  left: 2.2%;
}
/* line 86, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.spot02 {
  left: 13.9%;
}
/* line 88, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.spot03 {
  left: 25.4%;
}
/* line 90, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.spot04 {
  left: 37%;
}
/* line 92, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.spot05 {
  left: 48.6%;
}
/* line 94, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.spot06 {
  left: 60.2%;
}
/* line 96, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.spot07 {
  left: 71.9%;
}
/* line 98, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.spot08 {
  left: 83.5%;
}
/* line 100, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.fade01 {
  -moz-animation-name: twinkle;
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -moz-animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -moz-animation-delay: 0.12s;
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* line 102, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.fade02 {
  -moz-animation-name: twinkle;
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -moz-animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* line 104, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.fade03 {
  -moz-animation-name: twinkle;
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -moz-animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* line 106, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .spot.fade04 {
  -moz-animation-name: twinkle;
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -moz-animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* line 108, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .logo {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 117, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .logo a {
  width: 62%;
  margin: 4% auto 0;
}
/* line 121, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.enter .logo a:active, .enter .logo a:hover {
  -moz-animation-name: btn_logo;
  -webkit-animation-name: btn_logo;
  animation-name: btn_logo;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 124, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.monitor .enter {
  width: 0;
}
/* line 127, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.monitor .enter .slide_left, #field.monitor .enter .slide_right {
  width: 0;
}
/* line 129, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.monitor .enter .logo {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* --------------------------------------------------------------------------------------------- */
/* stage */
/* line 134, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stage {
  position: relative;
}
/* line 138, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stage .enter .slide_left {
  background-image: url(../images/enter/bg_cartain_left.jpg);
}
/* line 140, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stage .enter .slide_right {
  background-image: url(../images/enter/bg_cartain_right.jpg);
}

/* line 142, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#bg_stage {
  width: 100%;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

/* line 145, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#contents {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

/* line 151, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.contents_inner {
  width: 71%;
  margin: 0 auto;
  position: relative;
}

/* line 155, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.bg_monitor, .bg_monitor_movie, .content, .content img {
  width: 100%;
}

/* line 157, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.bg_monitor_movie {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

/* line 165, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 175, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.home .pic {
  width: 71.8%;
  margin: 7.4% auto 0;
}
/* line 179, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.info .pic {
  width: 75.6%;
  margin: 16.5% auto 0 12%;
}
/* line 183, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner {
  width: 76.5%;
  margin: 12.5% auto 0;
}
/* line 28, ../../../src/eu/hk_rocktour/src/_include.sass */
.content.introduction .introduction_inner:after {
  content: "";
  display: block;
  height: 0px;
  min-height: 0px;
  clear: both;
  visibility: hidden;
  zoom: 1;
}
/* line 188, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor {
  width: 19.5%;
  float: left;
  position: relative;
  cursor: pointer;
}
/* line 194, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor .pic, .content.introduction .introduction_inner .charactor .balloon {
  position: absolute;
  z-index: 1;
}
/* line 197, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor .pic {
  width: 100%;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 203, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor .shadow {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 206, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor .balloon {
  width: 87.5%;
  display: none;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 210, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.mymelody, .content.introduction .introduction_inner .charactor.kuromi, .content.introduction .introduction_inner .charactor.keroppi, .content.introduction .introduction_inner .charactor.tuxedosam {
  margin-top: -30px;
}
/* line 213, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.kitty .balloon {
  top: -57%;
  right: -47%;
}
/* line 217, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.pochacco .balloon {
  top: -64%;
  right: -43%;
}
/* line 220, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.cinnamon {
  width: 22%;
}
/* line 223, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.cinnamon .balloon {
  width: 77.8%;
  top: -53%;
  right: -52%;
}
/* line 228, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.chococat .balloon {
  top: -53%;
  right: -35%;
}
/* line 232, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.badtzmaru .balloon {
  top: -60%;
  right: -41%;
}
/* line 235, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.mymelody {
  width: 18.3%;
  clear: both;
}
/* line 239, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.mymelody .balloon {
  width: 93.3%;
  top: -43%;
  right: -50%;
}
/* line 243, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.kuromi {
  width: 17%;
}
/* line 246, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.kuromi .balloon {
  width: 100%;
  top: -43%;
  right: -63%;
}
/* line 250, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.keroppi {
  width: 30.3%;
}
/* line 253, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.keroppi .balloon {
  width: 56%;
  top: -40%;
  right: -23%;
}
/* line 257, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.tuxedosam {
  width: 34%;
}
/* line 260, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor.tuxedosam .balloon {
  width: 50%;
  top: -23%;
  right: -15%;
}
/* line 265, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor:active .shadow, .content.introduction .introduction_inner .charactor:hover .shadow {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 267, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor:active .pic, .content.introduction .introduction_inner .charactor:hover .pic {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 269, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.introduction .introduction_inner .charactor:active .balloon, .content.introduction .introduction_inner .charactor:hover .balloon {
  display: block;
  -moz-animation-name: btn_shake;
  -webkit-animation-name: btn_shake;
  animation-name: btn_shake;
  -moz-animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* line 274, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.howtoplay img.title {
  width: 77.4%;
  margin: 15% auto 0px;
}
/* line 277, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.howtoplay img.arrow {
  width: 11%;
  position: absolute;
  top: 25%;
  z-index: 1;
}
/* line 283, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.howtoplay img.arrow.left {
  left: 24%;
}
/* line 285, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.howtoplay img.arrow.right {
  left: 60%;
}
/* line 287, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.howtoplay .howtoplay_inner {
  width: 78%;
  margin: 0 auto;
  position: relative;
}
/* line 28, ../../../src/eu/hk_rocktour/src/_include.sass */
.content.howtoplay .howtoplay_inner:after {
  content: "";
  display: block;
  height: 0px;
  min-height: 0px;
  clear: both;
  visibility: hidden;
  zoom: 1;
}
/* line 293, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.howtoplay .howtoplay_inner a {
  float: left;
}
/* line 295, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.howtoplay .howtoplay_inner .puzzle {
  width: 28.6%;
}
/* line 297, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.howtoplay .howtoplay_inner .room, .content.howtoplay .howtoplay_inner .live {
  width: 35.7%;
}
/* line 300, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.puzzle .pic, .content.room .pic, .content.live .pic {
  width: 81.2%;
  margin: 14.5% auto 0 11.3%;
}
/* line 303, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.puzzle .howtoplay_buttons, .content.room .howtoplay_buttons, .content.live .howtoplay_buttons {
  width: 15%;
  position: absolute;
  bottom: 5%;
  right: 24%;
  z-index: 1;
}
/* line 28, ../../../src/eu/hk_rocktour/src/_include.sass */
.content.puzzle .howtoplay_buttons:after, .content.room .howtoplay_buttons:after, .content.live .howtoplay_buttons:after {
  content: "";
  display: block;
  height: 0px;
  min-height: 0px;
  clear: both;
  visibility: hidden;
  zoom: 1;
}
/* line 311, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.puzzle .howtoplay_buttons a, .content.room .howtoplay_buttons a, .content.live .howtoplay_buttons a {
  float: left;
}
/* line 314, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.puzzle .howtoplay_buttons a.btn_prev, .content.puzzle .howtoplay_buttons a.btn_next, .content.room .howtoplay_buttons a.btn_prev, .content.room .howtoplay_buttons a.btn_next, .content.live .howtoplay_buttons a.btn_prev, .content.live .howtoplay_buttons a.btn_next {
  width: 12.5%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 319, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.puzzle .howtoplay_buttons a.btn_prev:active, .content.puzzle .howtoplay_buttons a.btn_prev:hover, .content.puzzle .howtoplay_buttons a.btn_next:active, .content.puzzle .howtoplay_buttons a.btn_next:hover, .content.room .howtoplay_buttons a.btn_prev:active, .content.room .howtoplay_buttons a.btn_prev:hover, .content.room .howtoplay_buttons a.btn_next:active, .content.room .howtoplay_buttons a.btn_next:hover, .content.live .howtoplay_buttons a.btn_prev:active, .content.live .howtoplay_buttons a.btn_prev:hover, .content.live .howtoplay_buttons a.btn_next:active, .content.live .howtoplay_buttons a.btn_next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 321, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.puzzle .howtoplay_buttons a.btn_howtoplay, .content.room .howtoplay_buttons a.btn_howtoplay, .content.live .howtoplay_buttons a.btn_howtoplay {
  width: 62.5%;
}
/* line 323, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.puzzle .howtoplay_buttons a.btn_howtoplay {
  margin-left: 12.5%;
}
/* line 326, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.movie img.pic {
  width: 56%;
  margin: 9% auto 0;
}
/* line 329, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.movie .youtube {
  width: 49%;
  margin: 14% auto 0;
  padding-top: 31%;
  display: none;
  position: relative;
}
/* line 335, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
.content.movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border: none;
}

/* line 343, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#monitor {
  width: 100%;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* line 346, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.monitor #monitor {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -moz-animation-name: monitor;
  -webkit-animation-name: monitor;
  animation-name: monitor;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 349, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.monitor .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 351, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.home .content.home, #field.info .content.info, #field.introduction .content.introduction, #field.movie .content.movie,
#field.howtoplay .content.howtoplay, #field.puzzle .content.puzzle, #field.room .content.room, #field.live .content.live {
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 356, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.movie .youtube {
  display: block;
}
/* line 358, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.movie .bg_monitor_movie {
  /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  /*opacity: 0;*/
  opacity: 1;
}

/* --------------------------------------------------------------------------------------------- */
/* charactors */
/* line 365, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li .pic, #charactors li .spot, #charactors li .balloon, #charactors li .balloon_h {
  position: absolute;
}
/* line 367, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li .spot, #charactors li .balloon_h, #charactors li .shadow {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 370, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li .shadow {
  position: absolute;
  z-index: -1;
}
/* line 373, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li .pic {
  width: 12%;
  z-index: 10;
}
/* line 376, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li .spot {
  width: 16.5%;
  height: 100%;
  top: 0;
  z-index: 0;
}
/* line 381, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li .balloon {
  width: 7.5%;
  display: none;
  z-index: 25;
}
/* line 385, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li .balloon_h {
  width: 62.2%;
  display: block;
  z-index: 1;
}
/* line 390, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.tuxedosam .pic {
  width: 22.4%;
  top: 68.6%;
  left: 7%;
}
/* line 395, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.chococat .pic {
  width: 6.5%;
  top: 85%;
  left: 22.5%;
}
/* line 400, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.cinnamon .pic {
  width: 13.4%;
  top: 75%;
  left: 26%;
  z-index: 11;
}
/* line 405, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.cinnamon .spot {
  left: 24.3%;
}
/* line 407, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.cinnamon .balloon {
  top: 69%;
  left: 29%;
}
/* line 410, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.cinnamon .balloon_h {
  width: 55.7%;
  top: -25%;
  left: 22%;
}
/* line 415, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.badtzmaru .pic {
  top: 68.7%;
  left: 35.7%;
  z-index: 12;
}
/* line 419, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.badtzmaru .spot {
  left: 33.3%;
}
/* line 421, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.badtzmaru .balloon {
  top: 63.5%;
  left: 37.6%;
}
/* line 424, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.badtzmaru .balloon_h {
  top: -17.1%;
  left: 16.2%;
}
/* line 428, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.kitty .pic {
  top: 68.7%;
  left: 44%;
  z-index: 13;
}
/* line 432, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.kitty .spot {
  left: 41.6%;
}
/* line 434, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.kitty .balloon {
  top: 64%;
  left: 46%;
}
/* line 437, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.kitty .balloon_h {
  top: -15.4%;
  left: 17%;
}
/* line 441, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.mymelody .pic {
  top: 69%;
  left: 53%;
  z-index: 14;
}
/* line 445, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.mymelody .spot {
  left: 50.5%;
}
/* line 447, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.mymelody .balloon {
  top: 63.8%;
  left: 55.2%;
}
/* line 450, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.mymelody .balloon_h {
  top: -17.8%;
  left: 18.5%;
}
/* line 454, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.kuromi .pic {
  top: 70.3%;
  left: 61.2%;
  z-index: 15;
}
/* line 458, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.kuromi .spot {
  left: 59.2%;
}
/* line 460, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.kuromi .balloon {
  top: 67%;
  left: 63.3%;
}
/* line 463, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.kuromi .balloon_h {
  top: -12%;
  left: 18%;
}
/* line 467, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.pochacco .pic {
  width: 8.3%;
  top: 79.7%;
  left: 71.4%;
  z-index: 11;
}
/* line 473, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li.keroppi .pic {
  width: 21.1%;
  top: 74%;
  left: 73.5%;
}
/* line 478, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li a.pic {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 482, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#charactors li a.pic:active .balloon_h, #charactors li a.pic:active + .spot, #charactors li a.pic:hover .balloon_h, #charactors li a.pic:hover + .spot {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 486, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.info #bg_stage, #field.introduction #bg_stage, #field.howtoplay #bg_stage, #field.puzzle #bg_stage, #field.room #bg_stage, #field.live #bg_stage, #field.movie #bg_stage {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 488, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.info #charactors .charactor, #field.introduction #charactors .charactor, #field.howtoplay #charactors .charactor, #field.puzzle #charactors .charactor, #field.room #charactors .charactor, #field.live #charactors .charactor, #field.movie #charactors .charactor {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 490, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.info #charactors .shadow, #field.introduction #charactors .shadow, #field.howtoplay #charactors .shadow, #field.puzzle #charactors .shadow, #field.room #charactors .shadow, #field.live #charactors .shadow, #field.movie #charactors .shadow {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 493, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.home #charactors li.cinnamon .charactor, #field.home #charactors li.cinnamon .pic + .spot, #field.info #charactors li.badtzmaru .charactor, #field.info #charactors li.badtzmaru .pic + .spot, #field.introduction #charactors li.kitty .charactor, #field.introduction #charactors li.kitty .pic + .spot, #field.movie #charactors li.kuromi .charactor, #field.movie #charactors li.kuromi .pic + .spot {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 495, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.home #charactors li.cinnamon .balloon_h, #field.info #charactors li.badtzmaru .balloon_h, #field.introduction #charactors li.kitty .balloon_h, #field.movie #charactors li.kuromi .balloon_h {
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 500, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.howtoplay #charactors li.mymelody .charactor, #field.howtoplay #charactors li.mymelody .pic + .spot, #field.puzzle #charactors li.mymelody .charactor, #field.puzzle #charactors li.mymelody .pic + .spot, #field.room #charactors li.mymelody .charactor, #field.room #charactors li.mymelody .pic + .spot, #field.live #charactors li.mymelody .charactor, #field.live #charactors li.mymelody .pic + .spot {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 502, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.howtoplay #charactors li.mymelody .balloon_h, #field.puzzle #charactors li.mymelody .balloon_h, #field.room #charactors li.mymelody .balloon_h, #field.live #charactors li.mymelody .balloon_h {
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 505, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.home #charactors li.cinnamon .balloon, #field.info #charactors li.badtzmaru .balloon, #field.introduction #charactors li.kitty .balloon, #field.movie #charactors li.kuromi .balloon {
  display: block;
  -moz-animation-name: btn_shake;
  -webkit-animation-name: btn_shake;
  animation-name: btn_shake;
  -moz-animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* line 509, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.howtoplay #charactors li.mymelody .balloon, #field.puzzle #charactors li.mymelody .balloon, #field.room #charactors li.mymelody .balloon, #field.live #charactors li.mymelody .balloon {
  display: block;
  -moz-animation-name: btn_shake;
  -webkit-animation-name: btn_shake;
  animation-name: btn_shake;
  -moz-animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* --------------------------------------------------------------------------------------------- */
/* stars */
/* line 515, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stars img {
  position: absolute;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 521, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stars img.star_size0 {
  width: 12px;
}
/* line 523, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stars img.star_size1 {
  width: 20px;
}
/* line 525, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stars img.star_size2 {
  width: 30px;
}
/* line 527, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stars img.star_twinkle0 {
  -moz-animation-name: twinkle;
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* line 529, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stars img.star_twinkle1 {
  -moz-animation-name: twinkle;
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* line 531, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stars img.star_twinkle2 {
  -moz-animation-name: twinkle;
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* line 533, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#stars img.star_twinkle3 {
  -moz-animation-name: twinkle;
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* --------------------------------------------------------------------------------------------- */
/* audiences */
/* line 538, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#bg_audiences {
  width: 100%;
}

/* line 540, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences {
  min-height: 300px;
  position: relative;
  background-position: center 0;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
/* line 547, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences .audiences_bg {
  position: relative;
}
/* line 549, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter {
  width: 100%;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: -1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 558, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter .twitter_inner {
  width: 560px;
  height: 240px;
  margin: 0 auto;
  position: relative;
  background-image: url(../images/audiences/twitter_bg.png);
}
/* line 565, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter .twitter_inner strong, #audiences #twitter .twitter_inner .twitter_frame, #audiences #twitter .twitter_inner .twitter_follow {
  position: absolute;
  left: 0;
  z-index: 0;
}
/* line 569, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter .twitter_inner strong {
  display: block;
  top: -20px;
}
/* line 572, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter .twitter_inner .twitter_frame {
  padding: 0 45px;
  position: relative;
  top: 45px;
}
/* line 577, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter .twitter_inner .twitter_frame iframe {
  height: 140px;
}
/* line 579, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter .twitter_inner .twitter_follow {
  width: 100%;
  bottom: 12px;
}
/* line 583, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter .twitter_inner .twitter_follow a {
  width: 264px;
  height: 22px;
  margin: 0 auto;
  text-align: center;
  line-height: 22px;
  color: black;
  font-size: 13px;
  text-decoration: none;
  background-color: white;
  border: 2px solid #f1a1b7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2VjZWNlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(35%, rgba(255, 255, 255, 0)), color-stop(100%, #cecece));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 35%, #cecece 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 35%, #cecece 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 35%, #cecece 100%);
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  transition-property: color background-color;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 598, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #twitter .twitter_inner .twitter_follow a:active, #audiences #twitter .twitter_inner .twitter_follow a:hover {
  color: white;
  background-color: #ff4196;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTY1MDc4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(35%, rgba(255, 255, 255, 0)), color-stop(100%, #965078));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 35%, #965078 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 35%, #965078 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 35%, #965078 100%);
}
/* line 602, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #copyright {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 5px;
  z-index: 100000;
  text-align: center;
}
/* line 610, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#audiences #copyright img {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 615, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.monitor #bg_audiences {
  visibility: visible;
}
/* line 617, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#field.monitor #audiences #twitter {
  z-index: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* --------------------------------------------------------------------------------------------- */
/* controls */
/* line 624, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#controls a {
  width: 120px;
  height: 25px;
  position: absolute;
  top: 50px;
  right: 15px;
  z-index: 99999;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-image: url(../images/controls/btn_audio.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 637, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#controls a.stop {
  background-position: 0 -25px;
}
/* line 639, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#controls a:active, #controls a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* --------------------------------------------------------------------------------------------- */
/* social */
/* line 644, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#social {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index: 99999;
}
/* line 28, ../../../src/eu/hk_rocktour/src/_include.sass */
#social:after {
  content: "";
  display: block;
  height: 0px;
  min-height: 0px;
  clear: both;
  visibility: hidden;
  zoom: 1;
}
/* line 651, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#social .sns {
  margin-right: 10px;
  float: left;
}
/* line 655, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#social .sns.facebook {
  margin-top: -4px;
}
/* line 657, ../../../src/eu/hk_rocktour/src/styles.frontend.sass */
#social .sns.google {
  margin-right: 0;
}

#lang{
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 999999;
  color: #fff;
  font-size: 12px;
}

#lang ul{
  font-size: 0;
}

#lang li{
  display: inline-block;
  margin-right: 5px;
}

#lang a{
  display: inline;
  text-decoration: none;
  color: #fff;
}

#lang a:hover{
  text-decoration: underline;
}

#lang a.current{
  color: #fff000;
}

#lang img{
  width: 25px;
  height: auto;
}

#lang img:hover{
  opacity: 0.8;
}

.footer__logo{
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 0;
  bottom: 40px;
}

.footer__logo li{
  display: inline-block;
  vertical-align: top;
}

.footer__logo--trademark img{
  width: auto;
  height: 70px;
  margin: 0 20px;
}

.footer__logo--ul--rate{
  position: absolute;
  bottom: 50px;
  left: 8%;
  z-index: 99999;
}

.footer__logo--rate{
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

.footer__logo--rate img{
  width: auto;
  height: 33px;
  margin: 24px 0px 0;
}

.footer__logo--rate01 img{
  height: 35px;
}

.contents__btn--buy{
  width: 10.5%;
  height: auto;
  position: absolute;
  display: block;
  z-index: 10;
  right: -6%;
  bottom: 1%;
}

.contents__btn--buy img{
  width: 100%;
  height: auto;
}

.contents__btn--buy img:hover{
  opacity: 0.6;
}