select {
  font-size: 16px !important; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
  background-color: #000; }

img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

.no-scroll {
  overflow: hidden; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 11111111; }
  #loading .loading_img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px; }

#nav {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1111111;
  margin-top: 42px;
  display: none; }
  #nav .nav_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8; }
  #nav .nav_inner {
    overflow: hidden;
    position: relative;
    margin-top: 3%; }
    #nav .nav_inner li {
      float: left;
      width: 40%; }
      #nav .nav_inner li:nth-child(odd) {
        padding: 5% 3% 1% 7%; }
      #nav .nav_inner li:nth-child(even) {
        padding: 5% 7% 1% 3%; }

#wrapper {
  width: 100%;
  overflow-x: hidden; }
  #wrapper #top {
    width: 100%;
    height: 52px;
    background-image: url(../img/menu_bg.jpg);
    background-size: auto 100%;
    background-position: top center;
    text-align: right;
    position: fixed;
    z-index: 1111111; }
    #wrapper #top .menu_btn {
      width: 25px;
      height: 25px;
      position: absolute;
      right: 12px;
      top: 12px; }
      #wrapper #top .menu_btn .open {
        position: absolute;
        top: 0;
        right: 0; }
      #wrapper #top .menu_btn .close {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0; }
  #wrapper .bg_kasou {
    background-image: url(../img/bg_kasou.jpg) !important; }
  #wrapper #contents {
    width: 100%;
    position: relative;
    text-align: center;
    background-image: url(../img/bg.jpg);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 50px; }
    #wrapper #contents .kasou_logo {
      width: 50%;
      margin: 2% auto;
      position: relative; }
    #wrapper #contents .kasou {
      position: relative;
      padding-bottom: 5%; }
    #wrapper #contents .logo {
      position: relative;
      margin: 18% auto 3%; }
    #wrapper #contents .catch {
      padding-top: 4%;
      padding-bottom: 4%;
      position: relative; }
    #wrapper #contents .pv {
      position: relative;
      padding-bottom: 14%; }
    #wrapper #contents .setchi {
      width: 58%;
      margin: -14% auto 4%;
      display: none; }
    #wrapper #contents .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(../img/bg.png);
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat; }
    #wrapper #contents #box {
      width: 100%;
      height: 100%; }
      #wrapper #contents #box .logo_bg {
        width: 100%;
        position: absolute;
        top: 9%;
        left: 0; }
      #wrapper #contents #box .hanabi {
        position: absolute; }
      #wrapper #contents #box .hanabi01 {
        width: 14%;
        top: 11%;
        left: -6%; }
      #wrapper #contents #box .hanabi02 {
        width: 17%;
        top: 26%;
        left: 1%; }
      #wrapper #contents #box .hanabi03 {
        width: 22%;
        top: -1%;
        left: 7%; }
      #wrapper #contents #box .hanabi04 {
        width: 13%;
        top: 17%;
        left: 14%; }
      #wrapper #contents #box .hanabi05 {
        width: 19%;
        top: -9%;
        left: 33%; }
      #wrapper #contents #box .hanabi06 {
        width: 11%;
        top: 12%;
        left: 33%; }
      #wrapper #contents #box .hanabi07 {
        width: 10%;
        top: 9%;
        right: 42%; }
      #wrapper #contents #box .hanabi08 {
        width: 18%;
        top: 15%;
        left: 57%; }
      #wrapper #contents #box .hanabi09 {
        width: 14%;
        top: -4%;
        left: 61%; }
      #wrapper #contents #box .hanabi10 {
        width: 9%;
        top: 6%;
        right: 24%; }
      #wrapper #contents #box .hanabi11 {
        width: 24%;
        top: 16%;
        right: -6%; }
      #wrapper #contents #box .hanabi12 {
        width: 11%;
        top: 7%;
        right: 4%; }
      #wrapper #contents #box .hanabi_gameflow01 {
        width: 14%;
        top: 8%;
        left: -6%; }
      #wrapper #contents #box .hanabi_gameflow02 {
        width: 17%;
        top: 16%;
        left: 1%; }
      #wrapper #contents #box .hanabi_gameflow03 {
        width: 22%;
        top: -1%;
        left: 7%; }
      #wrapper #contents #box .hanabi_gameflow04 {
        width: 13%;
        top: 10%;
        left: 14%; }
      #wrapper #contents #box .hanabi_gameflow05 {
        width: 19%;
        top: -9%;
        left: 33%; }
      #wrapper #contents #box .hanabi_gameflow06 {
        width: 11%;
        top: 12%;
        left: 33%; }
      #wrapper #contents #box .hanabi_gameflow07 {
        width: 10%;
        top: 4%;
        right: 42%; }
      #wrapper #contents #box .hanabi_gameflow08 {
        width: 18%;
        top: 11%;
        left: 63%; }
      #wrapper #contents #box .hanabi_gameflow09 {
        width: 14%;
        top: -4%;
        left: 61%; }
      #wrapper #contents #box .hanabi_gameflow10 {
        width: 9%;
        top: 4%;
        right: 24%; }
      #wrapper #contents #box .hanabi_gameflow11 {
        width: 24%;
        top: 10%;
        right: -11%; }
      #wrapper #contents #box .hanabi_gameflow12 {
        width: 11%;
        top: 4%;
        right: 4%; }
      #wrapper #contents #box .hanabi_bonus01 {
        width: 14%;
        top: 10%;
        left: -6%; }
      #wrapper #contents #box .hanabi_bonus02 {
        width: 17%;
        top: 20%;
        left: 1%; }
      #wrapper #contents #box .hanabi_bonus03 {
        width: 22%;
        top: -1%;
        left: 7%; }
      #wrapper #contents #box .hanabi_bonus04 {
        width: 13%;
        top: 13%;
        left: 14%; }
      #wrapper #contents #box .hanabi_bonus05 {
        width: 19%;
        top: -9%;
        left: 33%; }
      #wrapper #contents #box .hanabi_bonus06 {
        width: 11%;
        top: 15%;
        left: 33%; }
      #wrapper #contents #box .hanabi_bonus07 {
        width: 10%;
        top: 5%;
        right: 42%; }
      #wrapper #contents #box .hanabi_bonus08 {
        width: 18%;
        top: 14%;
        left: 62%; }
      #wrapper #contents #box .hanabi_bonus09 {
        width: 14%;
        top: -4%;
        left: 61%; }
      #wrapper #contents #box .hanabi_bonus10 {
        width: 9%;
        top: 5%;
        right: 24%; }
      #wrapper #contents #box .hanabi_bonus11 {
        width: 24%;
        top: 12%;
        right: -11%; }
      #wrapper #contents #box .hanabi_bonus12 {
        width: 11%;
        top: 5%;
        right: 4%; }
      #wrapper #contents #box .hanabi_replay01 {
        width: 14%;
        top: 10%;
        left: -6%; }
      #wrapper #contents #box .hanabi_replay02 {
        width: 17%;
        top: 20%;
        left: 1%; }
      #wrapper #contents #box .hanabi_replay03 {
        width: 22%;
        top: -1%;
        left: 7%; }
      #wrapper #contents #box .hanabi_replay04 {
        width: 13%;
        top: 13%;
        left: 14%; }
      #wrapper #contents #box .hanabi_replay05 {
        width: 19%;
        top: -9%;
        left: 33%; }
      #wrapper #contents #box .hanabi_replay06 {
        width: 11%;
        top: 15%;
        left: 33%; }
      #wrapper #contents #box .hanabi_replay07 {
        width: 10%;
        top: 5%;
        right: 42%; }
      #wrapper #contents #box .hanabi_replay08 {
        width: 18%;
        top: 14%;
        left: 62%; }
      #wrapper #contents #box .hanabi_replay09 {
        width: 14%;
        top: -4%;
        left: 61%; }
      #wrapper #contents #box .hanabi_replay10 {
        width: 9%;
        top: 5%;
        right: 24%; }
      #wrapper #contents #box .hanabi_replay11 {
        width: 24%;
        top: 12%;
        right: -11%; }
      #wrapper #contents #box .hanabi_replay12 {
        width: 11%;
        top: 5%;
        right: 4%; }
      #wrapper #contents #box .hanabi_reach01 {
        width: 14%;
        top: 3.5%;
        left: -6%; }
      #wrapper #contents #box .hanabi_reach02 {
        width: 17%;
        top: 7%;
        left: 1%; }
      #wrapper #contents #box .hanabi_reach03 {
        width: 22%;
        top: -0.5%;
        left: 7%; }
      #wrapper #contents #box .hanabi_reach04 {
        width: 13%;
        top: 4%;
        left: 14%; }
      #wrapper #contents #box .hanabi_reach05 {
        width: 19%;
        top: 8%;
        left: 33%; }
      #wrapper #contents #box .hanabi_reach06 {
        width: 11%;
        top: 5%;
        left: 33%; }
      #wrapper #contents #box .hanabi_reach07 {
        width: 10%;
        top: 2%;
        right: 42%; }
      #wrapper #contents #box .hanabi_reach08 {
        width: 18%;
        top: 5%;
        left: 62%; }
      #wrapper #contents #box .hanabi_reach09 {
        width: 14%;
        top: -4%;
        left: 61%; }
      #wrapper #contents #box .hanabi_reach10 {
        width: 9%;
        top: 2%;
        right: 24%; }
      #wrapper #contents #box .hanabi_reach11 {
        width: 24%;
        top: 4%;
        right: -11%; }
      #wrapper #contents #box .hanabi_reach12 {
        width: 11%;
        top: 2%;
        right: 4%; }
      #wrapper #contents #box .hanabi_spec01 {
        width: 14%;
        top: 7%;
        left: -6%; }
      #wrapper #contents #box .hanabi_spec02 {
        width: 17%;
        top: 14%;
        left: 1%; }
      #wrapper #contents #box .hanabi_spec03 {
        width: 22%;
        top: -1%;
        left: 7%; }
      #wrapper #contents #box .hanabi_spec04 {
        width: 13%;
        top: 9%;
        left: 14%; }
      #wrapper #contents #box .hanabi_spec05 {
        width: 19%;
        top: -9%;
        left: 33%; }
      #wrapper #contents #box .hanabi_spec06 {
        width: 11%;
        top: 11%;
        left: 33%; }
      #wrapper #contents #box .hanabi_spec07 {
        width: 10%;
        top: 4%;
        right: 42%; }
      #wrapper #contents #box .hanabi_spec08 {
        width: 18%;
        top: 11%;
        left: 62%; }
      #wrapper #contents #box .hanabi_spec09 {
        width: 14%;
        top: -4%;
        left: 61%; }
      #wrapper #contents #box .hanabi_spec10 {
        width: 9%;
        top: 4%;
        right: 24%; }
      #wrapper #contents #box .hanabi_spec11 {
        width: 24%;
        top: 10%;
        right: -11%; }
      #wrapper #contents #box .hanabi_spec12 {
        width: 11%;
        top: 4%;
        right: 4%; }
  #wrapper #bottom {
    width: 100%;
    height: auto;
    border-top: 2px solid #b19b1e;
    background-color: #000;
    text-align: center;
    position: relative; }
    #wrapper #bottom .aproject {
      width: 54%;
      margin: 2% auto; }
  #wrapper #footer {
    border-top: 2px solid #b19b1e;
    width: 100%;
    height: auto;
    padding-bottom: 4%;
    position: relative;
    z-index: 111;
    background-color: #000; }
    #wrapper #footer .footer_contents .banner_box {
      width: 100%;
      height: auto;
      overflow: hidden;
      padding-top: .5%; }
      #wrapper #footer .footer_contents .banner_box .banner {
        float: left;
        width: 47%;
        padding: 1%; }
      #wrapper #footer .footer_contents .banner_box .nleft {
        padding-left: 2%; }
    #wrapper #footer .footer_contents .logo_2 {
      width: 36%;
      margin: 2% auto; }
    #wrapper #footer .footer_contents .sns_btn {
      margin: 0 auto;
      width: 20%;
      overflow: hidden; }
      #wrapper #footer .footer_contents .sns_btn li {
        width: 42%;
        float: left;
        padding: 0px 4%; }

#searchwrapper {
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_search.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }
  #searchwrapper #search_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #searchwrapper .searc_contents {
    padding: 0px; }
    #searchwrapper .searc_contents #logo {
      width: 100%;
      position: relative;
      padding: 3% 0; }
    #searchwrapper .searc_contents .searchbg {
      width: 100%;
      height: 100%;
      font-size: 14px; }
      #searchwrapper .searc_contents .searchbg div {
        text-align: center; }
      #searchwrapper .searc_contents .searchbg #search_c {
        width: 10%;
        position: absolute;
        top: 1%;
        right: 2%; }
      #searchwrapper .searc_contents .searchbg .search_title {
        width: 81%;
        margin: auto auto 2% auto;
        text-align: left;
        font-size: 4.2vw;
        font-weight: 600;
        text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
      #searchwrapper .searc_contents .searchbg .search_title02 {
        width: 81%;
        margin: 6% auto 2% auto;
        text-align: left;
        font-size: 4.2vw;
        font-weight: 600;
        text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
      #searchwrapper .searc_contents .searchbg .searchselect_box {
        width: 100%;
        position: absolute;
        top: 34%; }
      #searchwrapper .searc_contents .searchbg .searchselect #ken_ita {
        width: 100%; }
        #searchwrapper .searc_contents .searchbg .searchselect #ken_ita #selectbox {
          width: 83%;
          height: 7vw;
          margin: auto auto 4% auto;
          background: #FFF;
          font-size: 1em;
          border: 1px solid #000000; }
      #searchwrapper .searc_contents .searchbg .searchselect #ken_ita02 {
        width: 100%; }
        #searchwrapper .searc_contents .searchbg .searchselect #ken_ita02 #selectbox02 {
          width: 83%;
          height: 7vw;
          margin: auto auto 4% auto;
          background: #FFF;
          font-size: 1em;
          border: 1px solid #000000; }
      #searchwrapper .searc_contents .searchbg .searchselect .search_btn {
        width: 40%;
        margin: auto; }
        #searchwrapper .searc_contents .searchbg .searchselect .search_btn input {
          width: 100%; }
      #searchwrapper .searc_contents .searchbg .searchselect .search_btn02 {
        width: 40%;
        margin: auto; }
        #searchwrapper .searc_contents .searchbg .searchselect .search_btn02 input {
          width: 100%; }

/*# sourceMappingURL=main.css.map */