@charset "UTF-8";
/*
 *  rakuen / rakuen.scss / rakuen.css
 *  compass mode
 *  version --- 7.0.0
 *  author  --- coreframe, inc.
 *  created --- 2013/00/00
 *  updated --- 2015/03/16
 *
 */
/* line 5, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* line 22, ../sass/rakuen.scss */
body {
  background-color: #000;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
  -webkit-text-size-adjust: 100%; }

/* line 28, ../sass/rakuen.scss */
.f_exo100 {
  font-family: 'Exo 2', sans-serif;
  font-weight: 100; }

/* line 32, ../sass/rakuen.scss */
.f_exo300 {
  font-family: 'Exo 2', sans-serif;
  font-weight: 300; }

/* line 36, ../sass/rakuen.scss */
.f_exo400 {
  font-family: 'Exo 2', sans-serif;
  font-weight: 400; }

/* line 40, ../sass/rakuen.scss */
.float_left {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px; }

/* line 45, ../sass/rakuen.scss */
.float_right {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px; }

/* line 50, ../sass/rakuen.scss */
.alttext {
  display: none; }

/* line 53, ../sass/rakuen.scss */
a {
  color: #000;
  text-decoration: underline; }
  /* line 56, ../sass/rakuen.scss */
  a:hover {
    color: #666; }

/* line 61, ../sass/rakuen.scss */
#fade {
  position: absolute;
  /* ie6 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 6000; }

/* line 72, ../sass/rakuen.scss */
#WRAP {
  width: 1229px;
  margin: 0 auto;
  background-color: #fff;
  position: relative; }

/* line 79, ../sass/rakuen.scss */
#SNS {
  position: absolute;
  width: 1229px;
  height: 1px;
  z-index: 6000; }
  /* line 85, ../sass/rakuen.scss */
  #SNS div.sns_area {
    position: absolute;
    top: 50px;
    right: 30px; }
    /* line 89, ../sass/rakuen.scss */
    #SNS div.sns_area div {
      float: right;
      display: block;
      margin-left: 5px; }

/* line 99, ../sass/rakuen.scss */
#IMG_COPYRIGHT {
  position: absolute;
  bottom: 10px;
  left: 484px; }

/* line 106, ../sass/rakuen.scss */
#PAGETOP {
  position: absolute;
  bottom: 50px;
  left: 988px;
  z-index: 9999; }
  /* line 111, ../sass/rakuen.scss */
  #PAGETOP.text_b:hover {
    border-bottom: solid 1px #000; }
  /* line 114, ../sass/rakuen.scss */
  #PAGETOP.text_w:hover {
    border-bottom: solid 1px #fff; }

/* line 141, ../sass/rakuen.scss */
#LOGO_AREA {
  width: 1229px;
  height: 100%;
  position: fixed;
  overflow: hidden;
  pointer-events: none;
  z-index: 2900; }
  /* line 148, ../sass/rakuen.scss */
  #LOGO_AREA #IMG_LOGO {
    position: absolute;
    top: 60px;
    pointer-events: none; }

/* line 154, ../sass/rakuen.scss */
#NAV_AREA {
  width: 1229px;
  text-align: center;
  position: fixed;
  z-index: 3000; }
  /* line 160, ../sass/rakuen.scss */
  #NAV_AREA ul {
    overflow: hidden;
    padding: 10px; }
    /* line 163, ../sass/rakuen.scss */
    #NAV_AREA ul li {
      display: inline-block;
      margin: 5px 10px; }
      /* line 166, ../sass/rakuen.scss */
      #NAV_AREA ul li a {
        display: block;
        text-decoration: none;
        font-size: 1.2em;
        color: #000; }
        /* line 171, ../sass/rakuen.scss */
        #NAV_AREA ul li a.current {
          border-bottom: solid 1px #000; }
        /* line 174, ../sass/rakuen.scss */
        #NAV_AREA ul li a:hover {
          opacity: 0.7; }
  /* line 181, ../sass/rakuen.scss */
  #NAV_AREA.white a {
    color: #fff; }
    /* line 183, ../sass/rakuen.scss */
    #NAV_AREA.white a.current {
      border-bottom: solid 1px #fff; }

/* TOP */
/* line 3, ../sass/_top.scss */
#TOP {
  position: absolute;
  top: 0;
  width: 1229px;
  overflow: hidden;
  background-color: #fff;
  height: 1230px; }
  /* line 15, ../sass/_top.scss */
  #TOP #GRAD_TOP {
    position: fixed;
    top: 0; }
  /* line 20, ../sass/_top.scss */
  #TOP #GRAD_BOTTOM {
    position: fixed;
    bottom: 0; }
  /* line 26, ../sass/_top.scss */
  #TOP #TOP_GRAPHIC {
    position: relative;
    top: 0;
    left: 0; }
    /* line 30, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC img {
      position: absolute; }
    /* line 33, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC #A1 {
      top: 73px;
      left: 254px; }
    /* line 37, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC #A2 {
      top: 156px;
      left: 57px; }
    /* line 41, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC #A3 {
      top: -90px;
      left: 130px; }
    /* line 45, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC #ES {
      top: 50px;
      left: 56px;
      display: none; }
    /* line 50, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC #E3 {
      top: 0px;
      left: 120px;
      display: none; }
    /* line 55, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC #TC {
      top: 290px;
      left: 0x -50px; }
    /* line 59, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC #E2 {
      top: 0px;
      left: 0px -50px;
      display: none; }
  /* line 65, ../sass/_top.scss */
  #TOP #TOP_GRAPHIC2 {
    position: relative;
    top: 0;
    left: 0;
    height: 1200px; }
    /* line 70, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC2 img {
      position: absolute; }
    /* line 73, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC2 #V2A1 {
      top: 73px;
      left: 254px; }
    /* line 77, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC2 #V2A2 {
      top: 156px;
      left: 57px; }
    /* line 81, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC2 #V2A3 {
      top: 0px;
      left: 387px; }
    /* line 85, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC2 #V2A4 {
      bottom: 400px;
      left: 287px; }
  /* line 91, ../sass/_top.scss */
  #TOP #TOP_GRAPHIC3 {
    position: relative;
    top: 0;
    left: 0; }
    /* line 95, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC3 img {
      position: absolute; }
    /* line 98, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC3 #V3F {
      top: 400px;
      left: 574px; }
  /* line 103, ../sass/_top.scss */
  #TOP #TOP_GRAPHIC4 {
    position: relative;
    top: 0;
    left: 0; }
    /* line 107, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC4 img {
      position: absolute; }
    /* line 110, ../sass/_top.scss */
    #TOP #TOP_GRAPHIC4 #V4F {
      top: 400px;
      left: 484px; }
  /* line 124, ../sass/_top.scss */
  #TOP #IMG_TITLE {
    position: absolute;
    top: 180px;
    left: 352px; }
  /* line 129, ../sass/_top.scss */
  #TOP #IMG_KOKUCHI {
    position: absolute;
    bottom: 180px;
    left: 346px;
    margin-top: 50px; }
  /* line 140, ../sass/_top.scss */
  #TOP #NEWS_AREA {
    position: absolute;
    width: 760px;
    height: auto;
    background-color: #45e1a4;
    bottom: 30px;
    left: 215px;
    overflow-x: hidden;
    padding: 20px;
    border: solid 6px #259a6d;
    margin-bottom: 30px; }
    /* line 152, ../sass/_top.scss */
    #TOP #NEWS_AREA h2 {
      font-size: 24px;
      border-bottom: solid 1px #000;
      padding-bottom: 0.5em;
      background-color: #45e1a4; }
      /* line 157, ../sass/_top.scss */
      #TOP #NEWS_AREA h2 .news_more {
        float: right;
        display: inline-block; }
        /* line 160, ../sass/_top.scss */
        #TOP #NEWS_AREA h2 .news_more a {
          border: solid 1px #259a6d;
          font-size: 12px;
          padding: 5px 1em;
          display: inline-block;
          text-decoration: none;
          background-color: #30c188; }
          /* line 167, ../sass/_top.scss */
          #TOP #NEWS_AREA h2 .news_more a:hover {
            background-color: #75e8bb; }
    /* line 173, ../sass/_top.scss */
    #TOP #NEWS_AREA li {
      clear: left;
      margin-top: 10px;
      background-color: #45e1a4; }
      /* line 177, ../sass/_top.scss */
      #TOP #NEWS_AREA li a {
        color: #000;
        text-decoration: underline;
        line-height: 1.3; }
      /* line 182, ../sass/_top.scss */
      #TOP #NEWS_AREA li span.t {
        display: block;
        float: left;
        width: 130px; }
      /* line 187, ../sass/_top.scss */
      #TOP #NEWS_AREA li span.h {
        display: block;
        margin-left: 130px; }
      /* line 191, ../sass/_top.scss */
      #TOP #NEWS_AREA li span.h_red {
        display: block;
        margin-left: 130px;
        color: #a60000; }

/* NEWS */
/* line 2, ../sass/_news.scss */
#NEWS {
  position: absolute;
  top: 0;
  width: 1229px;
  height: auto;
  padding: 100px 0;
  background-color: #01dcc8; }

/* line 12, ../sass/_news.scss */
#NEWS .news_contents {
  width: 800px;
  margin: 0 auto; }

/* line 17, ../sass/_news.scss */
#NEWS .news_contents h3 {
  margin: 60px auto;
  text-align: center;
  background-color: #01dcc8; }

/* line 23, ../sass/_news.scss */
#NEWS .news_contents dl {
  width: 100%;
  display: block;
  background-color: #01dcc8; }

/* line 29, ../sass/_news.scss */
#NEWS .news_contents dt {
  clear: both;
  display: block;
  padding-bottom: 5px;
  background-color: #01dcc8;
  border-bottom: solid 1px #333; }
  /* line 35, ../sass/_news.scss */
  #NEWS .news_contents dt.dt_head {
    margin-top: -100px;
    padding-top: 100px; }

/* line 41, ../sass/_news.scss */
#NEWS .news_contents dt span {
  font-size: 18px;
  margin-right: 1em; }

/* line 46, ../sass/_news.scss */
#NEWS .news_contents dd {
  overflow: hidden;
  display: block;
  background-color: #01dcc8;
  padding-top: 10px;
  padding-bottom: 30px;
  font-size: 12px;
  line-height: 18px; }

/* line 56, ../sass/_news.scss */
#NEWS .news_contents .row {
  overflow: hidden;
  margin-top: 10px; }

/* line 61, ../sass/_news.scss */
#NEWS .news_contents .place {
  float: left; }

/* line 65, ../sass/_news.scss */
#NEWS .news_contents .btn_link {
  float: right;
  margin: 20px auto;
  display: inline-block; }

/* line 71, ../sass/_news.scss */
#NEWS .news_contents .btn_link a {
  border: solid 2px #000;
  padding: 10px 1em;
  color: #000;
  text-decoration: underline;
  font-weight: normal; }

/* line 79, ../sass/_news.scss */
#NEWS .news_contents .btn_link a:hover {
  background-color: #000;
  color: #fff; }

/* line 84, ../sass/_news.scss */
#NEWS .news_contents .btn_close {
  float: right;
  margin: 0px auto;
  display: inline-block;
  border: solid 1px #999;
  color: #666;
  padding: 0.5em 1em; }

/* line 93, ../sass/_news.scss */
#NEWS .news_contents .tbl {
  margin: 20px 0;
  background-color: #01dcc8; }

/* line 98, ../sass/_news.scss */
#NEWS .news_contents .tbl li {
  margin: 10px;
  overflow: hidden;
  background-color: #01dcc8; }

/* line 104, ../sass/_news.scss */
#NEWS .news_contents .tbl h4 {
  font-size: 16px;
  background-color: #01dcc8; }

/* line 109, ../sass/_news.scss */
#NEWS .news_contents .tbl p {
  margin: 10px 15px;
  background-color: #01dcc8; }

/* line 114, ../sass/_news.scss */
#NEWS .news_contents .tbl .img_loop {
  margin: 10px auto;
  text-align: center;
  height: 557px;
  background-color: #01dcc8; }

/* line 123, ../sass/_news.scss */
#NEWS .tbl th {
  padding: 5px;
  text-align: center; }
/* line 127, ../sass/_news.scss */
#NEWS .tbl td {
  padding: 5px;
  text-align: center; }
/* line 132, ../sass/_news.scss */
#NEWS .tbl2 {
  border-top: solid 1px #0ba294;
  border-left: solid 1px #0ba294; }
  /* line 135, ../sass/_news.scss */
  #NEWS .tbl2 th {
    padding: 5px;
    text-align: left;
    vertical-align: top;
    border-bottom: solid 1px #0ba294;
    border-right: dotted 1px #0ba294; }
  /* line 142, ../sass/_news.scss */
  #NEWS .tbl2 td {
    padding: 5px;
    text-align: left;
    border-bottom: solid 1px #0ba294;
    border-right: solid 1px #0ba294; }
/* line 149, ../sass/_news.scss */
#NEWS strong {
  font-weight: bold;
  font-size: 1.1em; }
/* line 153, ../sass/_news.scss */
#NEWS .block_message {
  width: 420px; }
  /* line 155, ../sass/_news.scss */
  #NEWS .block_message h5 {
    margin-top: 20px;
    padding: 3px 6px;
    font-weight: bold;
    font-size: 1.2em; }
  /* line 161, ../sass/_news.scss */
  #NEWS .block_message p {
    padding: 3px 6px; }
/* line 165, ../sass/_news.scss */
#NEWS .books {
  width: 196px;
  margin: 2px;
  float: left; }
  /* line 169, ../sass/_news.scss */
  #NEWS .books .bookimg {
    display: block;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    color: #666; }
    /* line 176, ../sass/_news.scss */
    #NEWS .books .bookimg img {
      height: 230px;
      width: auto; }
  /* line 181, ../sass/_news.scss */
  #NEWS .books h5 {
    margin: 0.5em 5px;
    font-weight: bold;
    font-size: 110%; }
  /* line 186, ../sass/_news.scss */
  #NEWS .books p {
    margin: 0.5em 5px; }
/* line 190, ../sass/_news.scss */
#NEWS .books2 {
  width: 394px;
  margin: 2px;
  float: left; }
  /* line 194, ../sass/_news.scss */
  #NEWS .books2 .bookimg {
    display: block;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    color: #666; }
    /* line 201, ../sass/_news.scss */
    #NEWS .books2 .bookimg img {
      height: 200px;
      width: auto; }
  /* line 206, ../sass/_news.scss */
  #NEWS .books2 h5 {
    margin: 0.5em 5px;
    font-weight: bold;
    font-size: 110%; }
  /* line 211, ../sass/_news.scss */
  #NEWS .books2 p {
    margin: 0.5em 5px; }
/* line 215, ../sass/_news.scss */
#NEWS .books3 {
  width: 240px;
  margin: 2px;
  float: left; }
  /* line 219, ../sass/_news.scss */
  #NEWS .books3 a {
    display: block; }
    /* line 221, ../sass/_news.scss */
    #NEWS .books3 a:hover {
      opacity: 0.8; }
  /* line 225, ../sass/_news.scss */
  #NEWS .books3 .bookimg {
    display: block;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    color: #666; }
    /* line 232, ../sass/_news.scss */
    #NEWS .books3 .bookimg img {
      width: 100%; }
  /* line 238, ../sass/_news.scss */
  #NEWS .books3 h5 {
    margin: 0.5em 5px;
    font-weight: bold;
    font-size: 110%; }
  /* line 243, ../sass/_news.scss */
  #NEWS .books3 p {
    margin: 0.5em 5px; }
/* line 248, ../sass/_news.scss */
#NEWS .goods6 td {
  width: 240px; }
/* line 251, ../sass/_news.scss */
#NEWS .goods6 td.detail {
  text-align: left;
  font-size: 86%;
  vertical-align: top; }
/* line 257, ../sass/_news.scss */
#NEWS .goods6 a:hover {
  opacity: 0.9; }
/* line 264, ../sass/_news.scss */
#NEWS .goods5 a:hover {
  opacity: 0.9; }
/* line 269, ../sass/_news.scss */
#NEWS .goods4 {
  width: 240px;
  margin: 2px;
  float: left; }
  /* line 273, ../sass/_news.scss */
  #NEWS .goods4 a {
    display: block;
    text-decoration: none; }
    /* line 276, ../sass/_news.scss */
    #NEWS .goods4 a:hover {
      opacity: 0.9; }
  /* line 280, ../sass/_news.scss */
  #NEWS .goods4 .bookimg {
    display: block;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    color: #666; }
    /* line 287, ../sass/_news.scss */
    #NEWS .goods4 .bookimg img {
      width: 100%; }
  /* line 293, ../sass/_news.scss */
  #NEWS .goods4 h5 {
    margin: 0.5em 5px;
    font-weight: bold;
    font-size: 110%; }
  /* line 298, ../sass/_news.scss */
  #NEWS .goods4 p {
    margin: 0.5em 5px; }
/* line 302, ../sass/_news.scss */
#NEWS .dl_area {
  position: relative;
  height: 70px; }
  /* line 305, ../sass/_news.scss */
  #NEWS .dl_area .dl {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px; }
  /* line 311, ../sass/_news.scss */
  #NEWS .dl_area .dl_recochoku span {
    position: absolute;
    top: 47px;
    left: 288px; }
    /* line 315, ../sass/_news.scss */
    #NEWS .dl_area .dl_recochoku span a {
      vertical-align: top;
      display: inline; }
/* line 322, ../sass/_news.scss */
#NEWS .theater_list {
  overflow: hidden;
  display: block; }
  /* line 325, ../sass/_news.scss */
  #NEWS .theater_list .theater_detail {
    border: solid 1px #000;
    width: 320px;
    padding: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left; }
  /* line 333, ../sass/_news.scss */
  #NEWS .theater_list .clear {
    clear: both; }

/* STORY */
/* line 3, ../sass/_story.scss */
#STORY {
  position: absolute;
  top: 0;
  width: 1229px;
  background-color: #000;
  padding: 80px 0;
  text-align: center;
  height: 2464px; }
  /* line 12, ../sass/_story.scss */
  #STORY #TEXT_STORY1 {
    position: absolute;
    top: 180px;
    left: 70px; }
  /* line 17, ../sass/_story.scss */
  #STORY #TEXT_STORY2 {
    position: absolute;
    top: 290px;
    left: 70px; }
  /* line 22, ../sass/_story.scss */
  #STORY #TEXT_STORY3 {
    position: absolute;
    top: 1394px;
    left: 70px; }
  /* line 27, ../sass/_story.scss */
  #STORY #AWARDS {
    position: absolute;
    top: 2204px;
    left: 70px; }

/* MOVIE */
/* line 3, ../sass/_movie.scss */
#MOVIE {
  position: absolute;
  top: 0;
  width: 1229px;
  background-color: #000;
  height: 1300px; }
  /* line 10, ../sass/_movie.scss */
  #MOVIE #YOUTUBE {
    position: absolute;
    top: 180px;
    left: 120px;
    z-index: 1203;
    width: 989px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden; }
  /* line 20, ../sass/_movie.scss */
  #MOVIE #MOVIE_LOGO {
    position: absolute;
    bottom: 80px;
    left: 342px; }
  /* line 25, ../sass/_movie.scss */
  #MOVIE #playerbox {
    margin: 0px auto;
    width: 853px;
    height: 510px;
    margin-bottom: 10px; }
  /* line 32, ../sass/_movie.scss */
  #MOVIE #playlist {
    text-align: center;
    width: 700px;
    margin: 0 auto; }
    /* line 36, ../sass/_movie.scss */
    #MOVIE #playlist li {
      display: inline-block;
      margin: 1px; }
    /* line 40, ../sass/_movie.scss */
    #MOVIE #playlist a {
      display: block;
      padding-bottom: 10px; }
      /* line 43, ../sass/_movie.scss */
      #MOVIE #playlist a.playYT {
        border-bottom: solid 1px #ccc; }

/* CHARACTER */
/* line 4, ../sass/_chara.scss */
#CHARACTER {
  position: absolute;
  top: 0;
  width: 1229px;
  padding: 0px 0;
  height: 2300px;
  background-color: #01dcc8;
  background-image: url("../images/bg_block3.jpg");
  background-position: center 100px;
  background-repeat: no-repeat; }
  /* line 16, ../sass/_chara.scss */
  #CHARACTER #CHARA_TITLE {
    position: absolute;
    top: 200px;
    left: 400px; }
  /* line 21, ../sass/_chara.scss */
  #CHARACTER #CHARA_PROF1 {
    position: absolute;
    top: 420px;
    left: 110px; }
  /* line 26, ../sass/_chara.scss */
  #CHARACTER #CHARA_PROF2 {
    position: absolute;
    top: 700px;
    left: 110px; }
  /* line 31, ../sass/_chara.scss */
  #CHARACTER #CHARA_PROF3 {
    position: absolute;
    top: 980px;
    left: 110px; }
  /* line 36, ../sass/_chara.scss */
  #CHARACTER #CHARA_NAME {
    position: absolute;
    top: 395px;
    left: 680px; }
  /* line 41, ../sass/_chara.scss */
  #CHARACTER #POSTER {
    position: absolute;
    top: 1200px;
    left: 154px; }
  /* line 46, ../sass/_chara.scss */
  #CHARACTER #POSTER_name {
    position: absolute;
    top: 2160px;
    left: 895px; }

/* STAFF */
/* line 3, ../sass/_staff.scss */
#STAFF {
  position: absolute;
  top: 0;
  width: 1229px;
  padding: 0px 0 0px 0;
  height: 2222px;
  background-image: url("../images/bg_block4.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover; }
  /* line 15, ../sass/_staff.scss */
  #STAFF #STAFF_TITLE {
    position: absolute;
    top: 100px;
    left: 0; }
  /* line 20, ../sass/_staff.scss */
  #STAFF #STAFF_1 {
    position: absolute;
    top: 298px;
    left: 320px; }
  /* line 25, ../sass/_staff.scss */
  #STAFF #STAFF_2 {
    position: absolute;
    top: 648px;
    left: 0; }

/* MUSIC */
/* line 3, ../sass/_music.scss */
#MUSIC {
  position: absolute;
  top: 0;
  width: 1229px;
  padding: 0px 0;
  background-color: #000;
  height: 2600px;
  color: #fff; }
  /* line 12, ../sass/_music.scss */
  #MUSIC #MUSIC_TITLE {
    position: absolute;
    top: 120px;
    left: 400px; }
  /* line 17, ../sass/_music.scss */
  #MUSIC #MUSIC_SONGINFO {
    position: absolute;
    top: 350px;
    left: 432px; }
  /* line 22, ../sass/_music.scss */
  #MUSIC #MUSIC_DISCINFO {
    position: absolute;
    top: 675px;
    left: 230px; }
  /* line 27, ../sass/_music.scss */
  #MUSIC #MUSIC_DISCINFO2 {
    position: absolute;
    top: 1520px;
    left: 230px; }
  /* line 32, ../sass/_music.scss */
  #MUSIC #MUSIC_ELISAINFO {
    position: absolute;
    top: 2033px;
    left: 164px; }
  /* line 38, ../sass/_music.scss */
  #MUSIC .music_dl_area {
    position: absolute;
    top: 1155px;
    left: 230px;
    background-color: #222;
    width: 300px;
    z-index: 2000;
    padding: 20px;
    font-size: 12px;
    line-height: 18px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
    /* line 53, ../sass/_music.scss */
    #MUSIC .music_dl_area .dl_area .dl {
      display: block;
      margin-bottom: 10px; }
    /* line 58, ../sass/_music.scss */
    #MUSIC .music_dl_area .dl_area .dl_recochoku span {
      display: block; }
      /* line 60, ../sass/_music.scss */
      #MUSIC .music_dl_area .dl_area .dl_recochoku span a {
        vertical-align: top;
        display: inline;
        color: #fff;
        text-decoration: none; }
        /* line 65, ../sass/_music.scss */
        #MUSIC .music_dl_area .dl_area .dl_recochoku span a:hover {
          color: #000;
          background-color: #fff; }

/* THEATER */
/* line 3, ../sass/_theater.scss */
#THEATER {
  position: absolute;
  top: 0;
  width: 1229px;
  height: 1800px;
  padding: 0px 0;
  background-color: #fff;
  height: 2970px;
  background-image: url("../images/bg_block5.jpg");
  background-position: bottom;
  background-repeat: no-repeat; }
  /* line 15, ../sass/_theater.scss */
  #THEATER #THEATER_TITLE {
    position: absolute;
    top: 100px;
    left: 0; }
  /* line 20, ../sass/_theater.scss */
  #THEATER #THEATER_LIST {
    position: absolute;
    top: 364px;
    left: 503px;
    z-index: 1205; }
    /* line 25, ../sass/_theater.scss */
    #THEATER #THEATER_LIST .mark {
      position: absolute;
      z-index: 1300; }
      /* line 28, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.sapporo {
        top: -3px;
        left: 212px; }
      /* line 32, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.sendai {
        top: 97px;
        left: 143px; }
      /* line 36, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.soga {
        top: 197px;
        left: 143px; }
      /* line 40, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.shibuya {
        top: 297px;
        left: 123px; }
      /* line 44, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.shinjuku {
        top: 397px;
        left: 128px; }
      /* line 48, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.ikebukuro {
        top: 497px;
        left: 230px; }
      /* line 52, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.oizumi {
        top: 597px;
        left: 143px; }
      /* line 56, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.yokohama {
        top: 697px;
        left: 143px; }
      /* line 60, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.atsugi {
        top: 797px;
        left: 311px; }
      /* line 64, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.kounosu {
        top: 900px;
        left: 162px; }
      /* line 68, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.nigata {
        top: 997px;
        left: 178px; }
      /* line 72, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.nagaoka {
        top: 1097px;
        left: 137px; }
      /* line 76, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.toyama {
        top: 1197px;
        left: 210px; }
      /* line 80, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.icity {
        top: 1297px;
        left: 187px; }
      /* line 84, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.midland {
        top: 1397px;
        left: 233px; }
      /* line 88, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.umeda {
        top: 1497px;
        left: 131px; }
      /* line 92, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.kyoto {
        top: 1597px;
        left: 136px; }
      /* line 96, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.kobe {
        top: 1697px;
        left: 148px; }
      /* line 100, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.hiroshima {
        top: 1797px;
        left: 136px; }
      /* line 104, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.fukuyama {
        top: 1897px;
        left: 258px; }
      /* line 108, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.ufortable {
        top: 1997px;
        left: 210px; }
      /* line 113, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.izumo {
        top: 2097px;
        left: 136px; }
      /* line 117, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.hakata {
        top: 2197px;
        left: 136px; }
      /* line 121, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.oita {
        top: 2300px;
        left: 286px; }
      /* line 125, ../sass/_theater.scss */
      #THEATER #THEATER_LIST .mark.kagoshima {
        top: 2403px;
        left: 166px; }

/* GOODS */
/* line 3, ../sass/_goods.scss */
#GOODS {
  position: absolute;
  top: 0;
  width: 1229px;
  padding: 0px 0;
  background-color: #fff;
  height: 4600px;
  color: #000; }
  /* line 13, ../sass/_goods.scss */
  #GOODS #GOODS_TITLE {
    position: absolute;
    top: 120px;
    left: 400px; }
  /* line 19, ../sass/_goods.scss */
  #GOODS #GOODS_CATEGORY {
    position: absolute;
    width: 800px;
    top: 350px;
    left: 219px;
    text-align: center;
    overflow: hidden; }
    /* line 27, ../sass/_goods.scss */
    #GOODS #GOODS_CATEGORY li {
      display: inline-block;
      padding: 0 5px; }
      /* line 30, ../sass/_goods.scss */
      #GOODS #GOODS_CATEGORY li a {
        display: block;
        font-size: 86%;
        padding: 15px 10px;
        text-decoration: none; }
        /* line 35, ../sass/_goods.scss */
        #GOODS #GOODS_CATEGORY li a.current {
          border-bottom: solid 1px #999; }
  /* line 42, ../sass/_goods.scss */
  #GOODS #GOODS_LIST {
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    text-align: center;
    position: absolute;
    width: 800px;
    top: 450px;
    left: 219px;
    overflow: hidden; }
    /* line 50, ../sass/_goods.scss */
    #GOODS #GOODS_LIST li {
      width: 180px;
      padding: 0 10px;
      display: inline-block;
      margin: 0px 0 30px 0;
      vertical-align: top; }
    /* line 58, ../sass/_goods.scss */
    #GOODS #GOODS_LIST a {
      display: block;
      padding: 0 0 10px 0;
      text-decoration: none; }
    /* line 66, ../sass/_goods.scss */
    #GOODS #GOODS_LIST figure {
      position: relative;
      width: 178px;
      height: 178px;
      border: solid 1px #e0e0e0;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      /* line 79, ../sass/_goods.scss */
      #GOODS #GOODS_LIST figure .category {
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: #000;
        color: #fff;
        font-size: 10px;
        padding: 0 5px; }
    /* line 89, ../sass/_goods.scss */
    #GOODS #GOODS_LIST figcaption {
      margin-top: 10px;
      font-size: 86%; }
  /* line 99, ../sass/_goods.scss */
  #GOODS #GOODS_DETAIL figure {
    text-align: center; }
    /* line 101, ../sass/_goods.scss */
    #GOODS #GOODS_DETAIL figure img {
      max-width: 580px;
      height: auto; }
  /* line 107, ../sass/_goods.scss */
  #GOODS #GOODS_DETAIL .detail_area h3 {
    border-bottom: solid 1px #efefef;
    padding: 6px 0;
    margin-bottom: 6px; }
  /* line 112, ../sass/_goods.scss */
  #GOODS #GOODS_DETAIL .detail_area p {
    font-size: 86%; }
  /* line 116, ../sass/_goods.scss */
  #GOODS #GOODS_DETAIL .thumbs {
    overflow: hidden;
    text-align: center; }
    /* line 119, ../sass/_goods.scss */
    #GOODS #GOODS_DETAIL .thumbs li {
      width: 50px;
      padding: 2px;
      display: inline-block;
      line-height: 1;
      border: solid 1px #fff; }
      /* line 125, ../sass/_goods.scss */
      #GOODS #GOODS_DETAIL .thumbs li a {
        display: block;
        line-height: 0; }
      /* line 129, ../sass/_goods.scss */
      #GOODS #GOODS_DETAIL .thumbs li img {
        width: 50px;
        height: 50px;
        margin: 0;
        padding: 0; }
      /* line 135, ../sass/_goods.scss */
      #GOODS #GOODS_DETAIL .thumbs li img.thumbs thumbs_maxfactory-a {
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0; }
      /* line 141, ../sass/_goods.scss */
      #GOODS #GOODS_DETAIL .thumbs li.current {
        border: solid 1px #ccc; }
  /* line 148, ../sass/_goods.scss */
  #GOODS #GOODS_DETAIL .thumbs_maxfactory-a {
    overflow: hidden;
    text-align: center; }
    /* line 151, ../sass/_goods.scss */
    #GOODS #GOODS_DETAIL .thumbs_maxfactory-a li {
      width: 40px;
      padding: 2px;
      display: inline-block;
      line-height: 1;
      border: solid 1px #fff; }
      /* line 157, ../sass/_goods.scss */
      #GOODS #GOODS_DETAIL .thumbs_maxfactory-a li img {
        width: 40px !important;
        height: 40px;
        margin: 0;
        padding: 0; }
  /* line 170, ../sass/_goods.scss */
  #GOODS #GOODS_DETAIL .detail_link {
    margin-top: 10px; }
  /* line 173, ../sass/_goods.scss */
  #GOODS #GOODS_DETAIL .maker {
    margin-top: 10px;
    font-size: 12px;
    color: #666; }
  /* line 180, ../sass/_goods.scss */
  #GOODS .btn_back {
    text-align: center;
    margin: 20px auto;
    font-size: 72%; }
    /* line 185, ../sass/_goods.scss */
    #GOODS .btn_back a {
      display: inline-block;
      background-color: #ccc;
      color: #fff;
      text-decoration: none;
      padding: 10px; }

/* line 231, ../sass/rakuen.scss */
#IMG_NAVMap .cp:hover {
  background-color: rgba(255, 255, 255, 0.7); }

/* タイマー制御 */
/* line 239, ../sass/rakuen.scss */
#NORMAL #TOP_GRAPHIC {
  display: block; }
/* line 240, ../sass/rakuen.scss */
#NORMAL #TOP_GRAPHIC2 {
  display: none; }
/* line 241, ../sass/rakuen.scss */
#NORMAL #TOP_GRAPHIC3 {
  display: none; }
/* line 242, ../sass/rakuen.scss */
#NORMAL #TOP_GRAPHIC4 {
  display: none; }

/* line 245, ../sass/rakuen.scss */
#V2 #TOP_GRAPHIC {
  display: none; }
/* line 246, ../sass/rakuen.scss */
#V2 #TOP_GRAPHIC2 {
  display: block; }
/* line 247, ../sass/rakuen.scss */
#V2 #TOP_GRAPHIC3 {
  display: none; }
/* line 248, ../sass/rakuen.scss */
#V2 #TOP_GRAPHIC4 {
  display: none; }

/* line 251, ../sass/rakuen.scss */
#V3 #TOP_GRAPHIC {
  display: none; }
/* line 252, ../sass/rakuen.scss */
#V3 #TOP_GRAPHIC2 {
  display: none; }
/* line 253, ../sass/rakuen.scss */
#V3 #TOP_GRAPHIC3 {
  display: block; }
/* line 254, ../sass/rakuen.scss */
#V3 #TOP_GRAPHIC4 {
  display: none; }

/* line 257, ../sass/rakuen.scss */
#V4 #TOP_GRAPHIC {
  display: none; }
/* line 258, ../sass/rakuen.scss */
#V4 #TOP_GRAPHIC2 {
  display: none; }
/* line 259, ../sass/rakuen.scss */
#V4 #TOP_GRAPHIC3 {
  display: none; }
/* line 260, ../sass/rakuen.scss */
#V4 #TOP_GRAPHIC4 {
  display: block; }