@import url(https://fonts.googleapis.com/css?family=Syncopate:700);
/* line 4, main.scss */
html {
  background: #f00;
  width: 100%;
  height: 100%;
}

/* line 10, main.scss */
body {
  background: url("../img/backbg.jpg") top center no-repeat #000;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
}

/* line 20, main.scss */
#top_body {
  height: auto;
}

/* line 24, main.scss */
*:focus {
  outline: none;
}

/* line 28, main.scss */
a {
  text-decoration: none;
  display: block;
  font-size: 0;
}

/* line 34, main.scss */
img {
  width: 100%;
}

/* line 38, main.scss */
header {
  font-size: 0;
}

/* line 42, main.scss */
.black {
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  min-width: 320px;
}

/* line 52, main.scss */
.layer {
  width: 100%;
  height: 100%;
  min-width: 320px;
  max-width: 1280px;
}

/* line 59, main.scss */
#iframe {
  opacity: 0;
  width: 100%;
  height: 100%;
  min-width: 320px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
/* line 68, main.scss */
#iframe iframe {
  width: 100%;
  height: 100%;
  min-width: 320px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

/* line 79, main.scss */
#top_header {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: url("../img/headerbg.png") top center repeat-x #000;
  background-size: contain;
  top: 0;
  left: 0;
}
/* line 87, main.scss */
#top_header #top_menu {
  text-align: center;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
/* line 92, main.scss */
#top_header #top_menu li {
  width: 10%;
  display: inline-block;
}

/* line 99, main.scss */
#header_sp_menubtn {
  display: none;
}

/* line 103, main.scss */
#header_sp_closebtn {
  display: none !important;
  width: 100% !important;
}

/* line 108, main.scss */
#top_menu_mask {
  width: 100%;
  height: auto;
  margin-top: 0;
  overflow: visible;
}

/* line 115, main.scss */
#contentwrapper {
  position: relative;
  height: auto;
  margin: 0 auto;
}
/* line 119, main.scss */
#contentwrapper img {
  width: 100%;
}
/* line 122, main.scss */
#contentwrapper #top_main {
  width: 100%;
  margin: 0 auto;
}
/* line 126, main.scss */
#contentwrapper #countdown {
  width: 20%;
  position: absolute;
  bottom: 2%;
  right: 8%;
  font-size: 0;
}
/* line 132, main.scss */
#contentwrapper #countdown p {
  width: 40%;
  top: 38%;
  position: absolute;
}
/* line 137, main.scss */
#contentwrapper #countdown #countdownnum10 {
  left: 20%;
}
/* line 140, main.scss */
#contentwrapper #countdown #countdownnum1 {
  right: 10%;
}
/* line 147, main.scss */
#contentwrapper #searchbox {
  display: none;
  width: 20%;
  position: absolute;
  bottom: 2%;
  right: 8%;
}
/* line 153, main.scss */
#contentwrapper #searchbox p {
  position: absolute;
}
/* line 156, main.scss */
#contentwrapper #searchbox #to_search1 {
  width: 59%;
  left: 20%;
  top: 17%;
}
/* line 161, main.scss */
#contentwrapper #searchbox #to_search2 {
  width: 48%;
  left: 26%;
  bottom: 16%;
}
/* line 166, main.scss */
#contentwrapper #searchbox #selecter {
  width: 63%;
  position: absolute;
  left: 18%;
  top: 34%;
  font-size: 12px;
  z-index: 70;
}
/* line 173, main.scss */
#contentwrapper #searchbox #selecter select {
  width: 100%;
  padding: 2px;
  border-radius: 5px;
}
/* line 178, main.scss */
#contentwrapper #searchbox #selecter #pw {
  border: none;
  cursor: pointer;
  text-indent: -9999px;
  width: 66%;
  padding: 6% 0 0 18%;
}
@media screen and (max-width: 768px) {
  /* line 191, main.scss */
  #contentwrapper #btnarea {
    background-color: #000;
  }
  /* line 193, main.scss */
  #contentwrapper #btnarea div:nth-child(-n+2) {
    margin-bottom: 10px;
  }
}
/* line 198, main.scss */
#contentwrapper #musicbtn {
  width: 15%;
  position: absolute;
  bottom: 4%;
  right: 42%;
}
/* line 204, main.scss */
#contentwrapper #moviebtn {
  width: 15%;
  position: absolute;
  bottom: 4%;
  right: 27%;
}
/* line 210, main.scss */
#contentwrapper #mangabtn {
  width: 11%;
  position: absolute;
  bottom: 5%;
  left: 16.4%;
}
#contentwrapper #haishinbtn {
  width: 15%;
  position: absolute;
  bottom: 5.5%;
  left: 27.6%;
}
#btnarea div{
  margin-bottom: 10px;
}

/* line 218, main.scss */
footer {
  width: 100%;
  background: url("../img/footerbg.png") top center #000;
  background-size: contain;
  position: relative;
  font-size: 0;
}
/* line 224, main.scss */
footer a {
  font-size: 0;
}

/* line 229, main.scss */
#footer_inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  max-width: 1280px;
}
/* line 236, main.scss */
#footer_inner li {
  display: inline-block;
  font-size: 0;
  margin: 0 0.5%;
}
/* line 241, main.scss */
#footer_inner #yamasa_logo {
  width: 10%;
}
/* line 244, main.scss */
#footer_inner #facebook, #footer_inner #twitter {
  width: 2.7%;
}
/* line 247, main.scss */
#footer_inner #copyright {
  width: 22.5%;
}
/* line 250, main.scss */
#footer_inner #soundGroup {
  position: relative;
  width: 20%;
  font-size: 0;
}
/* line 254, main.scss */
#footer_inner #soundGroup span {
  position: absolute;
  width: 24%;
  top: 0;
}
/* line 258, main.scss */
#footer_inner #soundGroup span img {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 264, main.scss */
#footer_inner #soundGroup #sound_onbtn {
  left: 47%;
}
/* line 267, main.scss */
#footer_inner #soundGroup #sound_offbtn {
  right: 0;
}

/* line 273, main.scss */
#kasouwrapper {
  margin: 0 auto;
}

/* line 277, main.scss */
#kasoucontent {
  width: 95%;
  margin: 0 auto;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 284, main.scss */
#kasoucontent .arrowleft {
  position: absolute;
  width: 7%;
  height: auto;
  left: -18px;
  top: 42%;
  cursor: pointer;
  z-index: 1;
}
/* line 294, main.scss */
#kasoucontent .arrowright {
  position: absolute;
  width: 7%;
  height: auto;
  right: -18px;
  top: 42%;
  cursor: pointer;
  z-index: 1;
}
/* line 304, main.scss */
#kasoucontent #kasou_movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 11% 0 0;
}
/* line 312, main.scss */
#kasoucontent #kasou_movie li {
  width: 28%;
  display: inline-block;
  margin: 1%;
}
/* line 319, main.scss */
#kasoucontent #kasou_music_sp {
  display: none;
}
/* line 322, main.scss */
#kasoucontent #kasou_music_sp .musictitle {
  font-size: 12px;
}
/* line 328, main.scss */
#kasoucontent .listmusictop {
  margin-top: 3px;
}
/* line 332, main.scss */
#kasoucontent .listmusic a {
  display: block;
  position: relative;
}
/* line 336, main.scss */
#kasoucontent .listmusic a .listmimg {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}
/* line 347, main.scss */
#kasoucontent #kasou_music_pc {
  background: url(../img/bgmusic.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 54%;
  height: auto;
  text-align: center;
  margin: 9% 0 0 10%;
  padding-bottom: 3%;
}
/* line 358, main.scss */
#kasoucontent #kasou_music_pc .musicbox {
  width: 100%;
  height: auto;
  overflow: hidden;
}
/* line 363, main.scss */
#kasoucontent #kasou_music_pc .musicbox .musicboxinner {
  margin: 2% auto;
  width: 90%;
  height: auto;
}
/* line 368, main.scss */
#kasoucontent #kasou_music_pc .musicbox .musicboxinner .musictitle {
  font-size: 12px;
}
/* line 374, main.scss */
#kasoucontent #kasou_music_pc .listbox {
  width: 90%;
  margin: 0 auto;
}

/* line 383, main.scss */
#restartbtn {
  display: none;
}
/* line 385, main.scss */
#restartbtn #restart_bg {
  background: rgba(0, 0, 0, 0.8);
}
/* line 388, main.scss */
#restartbtn #restart {
  width: 440px;
  height: 454px;
  left: 50%;
  top: 50%;
  background: none;
  margin: -227px 0 0 -220px;
}

/* line 398, main.scss */
#loading_layer {
  background: url("../img/backbg.jpg") top center no-repeat #000;
  background-attachment: fixed;
  background-size: cover;
  position: fixed;
  top: 0;
  max-width: none;
}
/* line 405, main.scss */
#loading_layer #loadingGroup {
  height: auto;
  top: 22%;
  position: relative;
  width: 80%;
  margin: 0 auto;
}
/* line 412, main.scss */
#loading_layer #loading_obj {
  position: relative;
  width: 155px;
  height: 206px;
  margin: 0 auto;
}
/* line 417, main.scss */
#loading_layer #loading_obj #loading_mask {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
}
/* line 425, main.scss */
#loading_layer #loading_sound {
  background: url("../img/loading_sound.png") no-repeat;
  position: relative;
  width: 529px;
  height: 142px;
  margin: 0 auto;
}
/* line 431, main.scss */
#loading_layer #loading_sound #loading_soundbtn_on {
  position: absolute;
  left: 254px;
  top: 72px;
  width: 61px;
  height: 31px;
}
/* line 437, main.scss */
#loading_layer #loading_sound #loading_soundbtn_on img {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 441, main.scss */
#loading_layer #loading_sound #loading_soundbtn_on img:nth-child(2) {
  display: none;
}
/* line 446, main.scss */
#loading_layer #loading_sound #loading_soundbtn_off {
  position: absolute;
  left: 326px;
  top: 72px;
  width: 61px;
  height: 31px;
}
/* line 452, main.scss */
#loading_layer #loading_sound #loading_soundbtn_off img {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 456, main.scss */
#loading_layer #loading_sound #loading_soundbtn_off img:nth-child(2) {
  display: none;
}
/* line 462, main.scss */
#loading_layer #loading_text {
  position: relative;
  text-align: center;
  margin: 10px auto;
}
/* line 466, main.scss */
#loading_layer #loading_text p {
  display: inline-block;
  font-size: 26px;
  font-family: 'Syncopate', sans-serif;
}
/* line 471, main.scss */
#loading_layer #loading_text #loading_nowloading {
  margin-right: 10px;
}
/* line 474, main.scss */
#loading_layer #loading_text #loading_percent {
  text-align: right;
  width: 100px;
}
/* line 478, main.scss */
#loading_layer #loading_text ul {
  position: absolute;
  width: 43px;
  height: 61px;
  bottom: 15px;
}
/* line 483, main.scss */
#loading_layer #loading_text ul li {
  display: none;
}
/* line 487, main.scss */
#loading_layer #loading_text #loadingnum_1 {
  right: 38px;
}
/* line 489, main.scss */
#loading_layer #loading_text #loadingnum_1 img {
  position: absolute;
}
/* line 493, main.scss */
#loading_layer #loading_text #loadingnum_10 {
  right: 78px;
}
/* line 495, main.scss */
#loading_layer #loading_text #loadingnum_10 img {
  position: absolute;
}
/* line 499, main.scss */
#loading_layer #loading_text #loadingnum_100 {
  right: 114px;
}
/* line 501, main.scss */
#loading_layer #loading_text #loadingnum_100 img {
  position: absolute;
}

/* line 508, main.scss */
.loading_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #fff;
  top: 0;
  max-width: none;
}

@media screen and (max-width: 768px) {

  #contentwrapper #moviebtn {
    margin-bottom: 0;
  }

  /* line 518, main.scss */
  footer, html {
    background: #000;
    min-height: initial;
  }

  /* line 522, main.scss */
  body {
    min-height: initial;
    background: #fff;
  }

  /* line 526, main.scss */
  #top_header {
    position: relative;
    width: 100%;
  }
  /* line 529, main.scss */
  #top_header #top_menu {
    width: 100%;
    background: #000;
    overflow: hidden;
  }
  /* line 533, main.scss */
  #top_header #top_menu li {
    width: 49.8%;
    display: inline-block;
    padding-bottom: 0;
  }
  /* line 537, main.scss */
  #top_header #top_menu li a {
    height: 100%;
  }

  /* line 543, main.scss */
  #header_sp_menubtn, #header_sp_closebtn {
    display: block !important;
  }

  /* line 546, main.scss */
  #top_menu_mask {
    height: 0;
    overflow: hidden;
  }

  /* line 550, main.scss */
  #countdown {
    width: 100% !important;
    position: relative !important;
    right: 0 !important;
  }
  /* line 554, main.scss */
  #countdown p {
    width: 9% !important;
    top: 21% !important;
  }
  /* line 558, main.scss */
  #countdown #countdownnum10 {
    left: 71% !important;
  }
  /* line 561, main.scss */
  #countdown #countdownnum1 {
    right: 12% !important;
  }

  /* line 566, main.scss */
  #searchbox {
    display: none;
    width: 100% !important;
    position: relative !important;
    right: 0 !important;
  }
  /* line 571, main.scss */
  #searchbox p {
    position: absolute !important;
  }
  /* line 574, main.scss */
  #searchbox #to_search1 {
    width: 40% !important;
    left: 32% !important;
    top: 10% !important;
  }
  /* line 579, main.scss */
  #searchbox #to_search2 {
    width: 86% !important;
    left: 7% !important;
    bottom: 13% !important;
  }
  /* line 584, main.scss */
  #searchbox #selecter {
    width: 63% !important;
    position: absolute !important;
    left: 18% !important;
    top: 42% !important;
    font-size: 12px !important;
    z-index: 70 !important;
  }
  /* line 591, main.scss */
  #searchbox #selecter select {
    width: 60% !important;
    margin-right: 2% !important;
    padding: 0 0 0 2% !important;
    float: left !important;
  }
  /* line 597, main.scss */
  #searchbox #selecter #pw {
    border: none !important;
    cursor: pointer !important;
    text-indent: -9999px !important;
    width: 36% !important;
    padding: 0 !important;
    float: left !important;
  }

  /* line 608, main.scss */
  #musicbtn {
    width: 100% !important;
    position: relative !important;
    bottom: 0 !important;
    right: 0 !important;
  }

  /* line 614, main.scss */
  #moviebtn {
    width: 100% !important;
    position: relative !important;
    bottom: 0 !important;
    right: 0 !important;
  }

  /* line 620, main.scss */
  #mangabtn {
    width: 100% !important;
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
  }
  #haishinbtn {
    width: 100% !important;
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
  }
  /* line 626, main.scss */
  #footer_inner {
    width: 100%;
    padding: 3% 0;
  }
  /* line 629, main.scss */
  #footer_inner li {
    margin: 4% 0;
  }
  /* line 632, main.scss */
  #footer_inner #yamasa_logo {
    width: 100%;
  }
  /* line 634, main.scss */
  #footer_inner #yamasa_logo a {
    width: 46%;
    margin: 0 auto;
  }
  /* line 639, main.scss */
  #footer_inner #facebook, #footer_inner #twitter {
    width: 13%;
    margin: 0 2%;
    font-size: 0;
    text-align: center;
  }
  /* line 645, main.scss */
  #footer_inner #copyright {
    width: 74%;
  }
  /* line 648, main.scss */
  #footer_inner #soundGroup {
    display: none;
  }

  /* line 652, main.scss */
  #loading_layer {
    background-attachment: initial;
  }
  /* line 654, main.scss */
  #loading_layer #loadingGroup {
    top: 36%;
    height: auto;
  }
  /* line 657, main.scss */
  #loading_layer #loadingGroup #loading_obj {
    width: 32% !important;
    height: auto !important;
  }
  /* line 661, main.scss */
  #loading_layer #loadingGroup #loading_sound {
    display: none;
  }

  /* line 666, main.scss */
  #loadingbg_sp {
    display: block !important;
  }

  /* line 669, main.scss */
  #loading_text {
    margin: 6% auto !important;
  }
  /* line 671, main.scss */
  #loading_text p {
    font-size: 20px !important;
  }
  /* line 674, main.scss */
  #loading_text #loading_nowloading {
    margin-right: 4% !important;
  }
  /* line 677, main.scss */
  #loading_text #loading_percent {
    width: 25% !important;
  }

  /* line 681, main.scss */
  #kasoucontent {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  /* line 685, main.scss */
  #kasoucontent #kasou_movie {
    text-align: left;
    padding: 24% 0 0;
  }
  /* line 688, main.scss */
  #kasoucontent #kasou_movie li {
    width: 45%;
    display: inline-block;
    margin: 2%;
  }
  /* line 694, main.scss */
  #kasoucontent #kasou_music_pc {
    display: none;
  }
  /* line 697, main.scss */
  #kasoucontent #kasou_music_sp {
    display: block;
    background: url(../img/bgmusic.png);
    position: absolute;
    top: 7%;
    left: 0;
    width: 92%;
    text-align: center;
    margin: 0 0 0 4%;
    padding-bottom: 3%;
  }
  /* line 708, main.scss */
  #kasoucontent #kasou_music_sp .musicbox {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  /* line 713, main.scss */
  #kasoucontent #kasou_music_sp .musicbox .musicboxinner {
    margin: 5% auto;
    width: 90%;
    height: auto;
  }
  /* line 718, main.scss */
  #kasoucontent #kasou_music_sp .musicbox .musicboxinner audio {
    width: 100%;
  }
  /* line 725, main.scss */
  #kasoucontent #kasou_music_sp .listbox {
    width: 90%;
    margin: 0 auto;
  }
}