html {
  width: 100%;
  height: auto;
  background: #000; }

body {
  background: #000;
  width: 100%;
  height: 100%;
  min-width: 900px; }

a:hover {
  transition: all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
  opacity: 0.7; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 111; }

.imgwidth {
  width: 100%;
  height: auto; }

.paddingzero {
  padding-left: 0;
  padding-right: 0; }

.last_li {
  margin-top: 2%; }

@media (max-width: 749px) {
  .paddingzerosp {
    padding-left: 10px;
    padding-right: 10px; }

  .last_li {
    margin-top: 1%; } }
.maxwidth {
  max-width: 1000px; }

.maxheight {
  padding-top: 42px; }

@media (max-width: 1013px) {
  .maxheight {
    padding-top: 0; } }
/*-----wrapper-----*/
#wrapper {
  width: 100%;
  overflow: hidden;
  background: url(../img/haikei.jpg) no-repeat center top;
  background-size: cover; }
  #wrapper #main {
    margin-top: 2%; }
    #wrapper #main #maininner {
      height: auto;
      background: url(../img/waku.png) no-repeat center top, url(../img/waku.png) no-repeat center bottom;
      padding: 9% 0;
      background-size: 100%; }
      #wrapper #main #maininner ul li {
        display: inline-block; }
    @media (max-width: 749px) {
      #wrapper #main #maininner {
        background: url(../img/wakusp.png) no-repeat center top, url(../img/wakusp.png) no-repeat center bottom;
        background-size: 100%;
        padding: 12% 0; } }
    #wrapper #main .banner {
      margin-top: 3%;
      margin-bottom: 3%; }
    #wrapper #main #copyright {
      text-align: right;
      margin-bottom: 2%; }

.bn li a img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out; }

.bn li a img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  position: relative; }

/*-----footer-----*/
footer {
  height: 100%;
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: #000; }
  footer #footer_menu {
    text-align: center;
    position: relative;
    z-index: 11; }
    footer #footer_menu li {
      width: 124px;
      height: 36px;
      display: inline-block;
      margin-right: .1%; }
      footer #footer_menu li:nth-child(1), footer #footer_menu li:nth-child(2) {
        width: 36px;
        margin-right: .2%; }
      footer #footer_menu li img {
        width: 100%;
        height: auto; }
  footer #marker {
    width: 245px;
    margin: 22px auto 10px; }
    footer #marker li {
      display: inline-block; }
      footer #marker li:nth-child(1) {
        width: 53px; }
      footer #marker li:nth-child(2) {
        width: 112px;
        margin-left: 3px; }
      footer #marker li:nth-child(3) {
        width: 54px;
        margin-left: 7px; }
  footer #jasrac {
    width: 50px;
    margin: 0 auto; }

@media (max-width: 767px) {
  body {
    min-width: auto; }

  footer #footer_menu {
    text-align: center;
    position: relative; }
    footer #footer_menu li {
      display: inline-block;
      width: 48% !important;
      height: auto; }
      footer #footer_menu li:nth-child(odd) {
        padding: 1% .5% 1% 1%; }
      footer #footer_menu li:nth-child(even) {
        padding: 1% .1% 1% .5%; }
      footer #footer_menu li img {
        width: 100%;
        height: auto; }
  footer #foooter_sns {
    width: 28%;
    margin: 5% auto 0; }
    footer #foooter_sns li {
      display: inline-block;
      width: 46%;
      padding: 3%; }
      footer #foooter_sns li img {
        width: 100%;
        height: auto; } }

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