html {
  width: 100%;
  height: auto;
  background: #000; }

body {
  background: #000;
  width: 100%;
  min-width: 900px;
  height: 100%; }

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; }

.drawer-nav .sptopbtn {
  width: 83px;
  float: left;
  margin-left: 5px; }
.drawer-nav .spmenu {
  height: 44px;
  width: 83px;
  margin: 22px auto 0; }

.drawer-menu li {
  position: relative; }
  .drawer-menu li .newicon {
    position: absolute;
    width: 10%;
    left: 28%;
    top: 0;
    z-index: 111;
    text-align: center; }
    .drawer-menu li .newicon img {
      width: 100%; }
  .drawer-menu li .coming {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -4%;
    z-index: 111;
    text-align: center; }
    .drawer-menu li .coming img {
      width: 70%; }
  .drawer-menu li .kasouon {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.imgwidth {
  width: 100%;
  height: auto; }

.paddingzero {
  padding: 0;
  margin-bottom: 2%; }

.drawer-nav {
  opacity: 0; }

@media (max-width: 767px) {
  .paddingzero {
    padding: 0;
    margin-bottom: 8%; }

  .paddingzerosp {
    padding: 0; }

  .drawer-nav {
    opacity: 1; } }
#wrapper {
  background: url("../img/haikei.jpg") no-repeat center top;
  background-size: cover;
  overflow: hidden; }
  #wrapper #main {
    max-width: 1520px;
    position: relative;
    margin: 0 auto;
    overflow: hidden; }
    #wrapper #main header {
      position: relative;
      z-index: 1;
      margin-top: 1%;
      margin-left: 1%; }
      #wrapper #main header #menu {
        overflow: hidden;
        background: url("../img/menubg.png") top no-repeat;
        background-size: contain;
        background-position: 45%; }
        #wrapper #main header #menu nav {
          margin-left: 9%; }
          #wrapper #main header #menu nav ul {
            position: relative; }
            #wrapper #main header #menu nav ul .newicon {
              position: absolute;
              top: -32%;
              left: -23%;
              width: 34%;
              z-index: 111; }
            #wrapper #main header #menu nav ul .comingtop {
              position: absolute;
              top: -27%;
              left: -19%;
              width: 140%;
              z-index: 111; }
            #wrapper #main header #menu nav ul .comingbottom {
              position: absolute;
              bottom: -40%;
              left: -19%;
              width: 140%;
              z-index: 111; }
            #wrapper #main header #menu nav ul .comingsb {
              width: 80%; }
            #wrapper #main header #menu nav ul .comings3 {
              top: -4%; }
            #wrapper #main header #menu nav ul .comings8 {
              left: 11.8%; }
            #wrapper #main header #menu nav ul li {
              display: inline-block;
              position: relative; }
              #wrapper #main header #menu nav ul li .menuon {
                position: absolute;
                left: 0;
                top: 0; }
            #wrapper #main header #menu nav ul .menubar {
              width: 2%; }
            #wrapper #main header #menu nav ul .menuntop0 {
              margin-right: 1%;
              width: 18.8%; }
            #wrapper #main header #menu nav ul .menuntop1 {
              margin-left: 2.2%;
              margin-right: 2.2%;
              width: 10.4%; }
            #wrapper #main header #menu nav ul .menuntop2 {
              margin-left: 1.8%;
              margin-right: 1.8%;
              width: 13.4%; }
            #wrapper #main header #menu nav ul .menuntop3 {
              margin-left: 1.8%;
              margin-right: 1.8%;
              width: 14.1%; }
            #wrapper #main header #menu nav ul .menuntop4 {
              margin-left: 1.8%;
              width: 13.3%; }
            #wrapper #main header #menu nav ul .menuntop5 {
              margin-left: 2.5%;
              margin-right: 3.6%;
              width: 13.7%; }
            #wrapper #main header #menu nav ul .menuntop6 {
              margin-left: 0.7%;
              margin-right: 0.7%;
              width: 13.4%; }
            #wrapper #main header #menu nav ul .menuntop7 {
              margin-left: 2%;
              margin-right: 2%;
              width: 13%; }
            #wrapper #main header #menu nav ul .menuntop8 {
              margin-left: 1%;
              width: 35.4%; }
          #wrapper #main header #menu nav .menutop {
            padding: 1.8% 0 0; }
          #wrapper #main header #menu nav .menubottom {
            padding: 1.2% 0 2.7%; }
    #wrapper #main #banner {
      position: absolute;
      top: 14%;
      left: 20px;
      text-align: left;
      z-index: 1;
      padding: 0 0.5%;
      margin: 0; }
    #wrapper #main #tenpo {
      position: absolute;
      left: 20px;
      bottom: 29%;
      padding: 0;
      display: none; }
    #wrapper #main #tenpocount {
      position: absolute;
      left: 20px;
      bottom: 29%;
      padding: 0; }
    #wrapper #main #charaarea {
      margin-bottom: -4%; }
      #wrapper #main #charaarea #kasoumain {
        position: relative;
        display: none;
        margin-top: 2%; }
        #wrapper #main #charaarea #kasoumain .kakudaib {
          top: 2%;
          right: 4%;
          width: 6%;
          position: absolute;
          cursor: pointer; }
        #wrapper #main #charaarea #kasoumain .topbtn {
          bottom: 10%;
          left: 43%;
          width: 14%;
          position: absolute; }
        #wrapper #main #charaarea #kasoumain .unibtn {
          width: 19%;
          position: absolute;
          bottom: 25%;
          left: 18.2%; }
    #wrapper #main #pv_copyright {
      position: absolute;
      right: 20px;
      bottom: 1%;
      z-index: 1;
      padding: 0;
      margin: 0; }

#kakudaicontents {
  width: 1650px;
  height: 100%;
  position: relative;
  margin: 0 auto; }
  #kakudaicontents .backbtn {
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -104px; }
  #kakudaicontents .kakudaiunibtn {
    position: absolute;
    left: 208px;
    bottom: 200px; }

#wrapperxs {
  overflow: hidden;
  background: url("../img/haikeixs.jpg") no-repeat center top;
  background-size: cover; }
  #wrapperxs #main {
    text-align: center;
    position: relative; }
    #wrapperxs #main .menubtnbg {
      width: 50px;
      height: 50px;
      background: url("../img/menubtnbg.png") top center no-repeat;
      background-size: contain;
      position: fixed;
      z-index: 110;
      right: 10px;
      top: 10px; }
    #wrapperxs #main #logo {
      position: relative;
      padding: 3% 0 0 3%;
      z-index: 1; }
    #wrapperxs #main #chara {
      margin: 4% 0 -40%; }
    #wrapperxs #main #kasoumain {
      position: relative;
      display: none; }
    #wrapperxs #main .kasoumainsp {
      margin: 6% auto; }
      #wrapperxs #main .kasoumainsp .unibtnarea {
        position: absolute;
        bottom: 10.6%;
        width: 80%;
        left: 10%;
        text-align: right; }
        #wrapperxs #main .kasoumainsp .unibtnarea li {
          display: inline-block; }
          #wrapperxs #main .kasoumainsp .unibtnarea li:nth-child(1) {
            width: 36%;
            margin-right: 2%; }
          #wrapperxs #main .kasoumainsp .unibtnarea li:nth-child(2) {
            width: 36%; }
          #wrapperxs #main .kasoumainsp .unibtnarea li:nth-child(3) {
            width: 74%;
            margin-top: 3%; }
      #wrapperxs #main .kasoumainsp .topbtn {
        width: 50%;
        margin: 4% auto 0; }
    #wrapperxs #main #tenposp {
      display: none; }
    #wrapperxs #main .copysp {
      margin: 2% 0; }

#news {
  position: absolute;
  left: 20px;
  bottom: 6%;
  padding: 0; }
  #news #news_bg {
    width: 100%;
    position: relative; }
  #news .news_inner {
    box-sizing: border-box;
    margin: 0;
    width: 84%;
    height: 56%;
    left: 8%;
    position: absolute;
    top: 20%;
    overflow: scroll;
    overflow-x: hidden; }
  #news .btn-read-more {
    display: block;
    position: absolute;
    width: 33%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 11%;
    line-height: 0; }
    #news .btn-read-more img {
      width: 100%; }
  #news #newsContainer {
    position: relative;
    width: 100%; }
    #news #newsContainer ul {
      position: relative;
      display: block;
      width: 94%;
      height: 18em;
      padding: 0;
      margin: 0 auto; }
      #news #newsContainer ul li {
        display: block;
        color: #ff007d;
        text-decoration: none;
        font-size: 13px;
        line-height: 1.4em;
        padding: 3px 0;
        border-bottom: 1px solid #a84904;
        text-align: left; }
        #news #newsContainer ul li:last-child {
          border: none; }
        #news #newsContainer ul li span {
          display: block; }
          #news #newsContainer ul li span.date {
            color: #a84904; }
        #news #newsContainer ul li .title {
          position: relative;
          word-wrap: break-word;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          height: 37px; }
          #news #newsContainer ul li .title a {
            border-bottom: solid 1px;
            color: #ff007d; }
  #news .morebtn {
    position: absolute;
    bottom: 8%; }

.newssp {
  width: 94%;
  left: 3% !important;
  position: relative !important; }

/*-----footer-----*/
#footer {
  height: 100%;
  position: relative;
  padding-top: 1%;
  padding-bottom: 2%;
  background-color: #000;
  z-index: 1; }
  #footer .banner {
    text-align: center;
    position: relative;
    z-index: 11; }
    #footer .banner li {
      width: 124px;
      height: 36px;
      display: inline-block;
      margin-right: .1%; }
      #footer .banner li:nth-child(1), #footer .banner li:nth-child(2) {
        width: 36px;
        margin-right: .2%; }
      #footer .banner li img {
        width: 100%;
        height: auto; }
  #footer .eleco {
    margin: 10px auto;
    text-align: center; }
  #footer .jasrac {
    margin: 0 auto 10px;
    text-align: center; }

@media (max-width: 767px) {
  body {
    min-width: auto; }

  #footer {
    z-index: 11; }
    #footer .banner {
      text-align: center;
      position: relative; }
      #footer .banner li {
        display: inline-block;
        width: 48% !important;
        height: auto; }
        #footer .banner li:nth-child(odd) {
          padding: 1% .5% 1% 1%; }
        #footer .banner li:nth-child(even) {
          padding: 1% .1% 1% .5%; }
    #footer .sns {
      width: 28%;
      margin: 5% auto 0; }
      #footer .sns li {
        display: inline-block;
        width: 46%;
        padding: 3%; }
        #footer .sns li img {
          width: 100%;
          height: auto; } }
.campaign {
  overflow: hidden;
  margin: 30px 0; }
  .campaign #campaigninner {
    position: relative;
    background: url("../img/campaign_bg.png") top center no-repeat;
    background-size: contain; }
    .campaign #campaigninner ul {
      position: absolute;
      bottom: 11.4%;
      right: 10%;
      width: 42%; }
      .campaign #campaigninner ul li {
        display: inline-block;
        width: 45%;
        margin-right: 4%; }
  .campaign #campaigninner_sp ul {
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center; }
    .campaign #campaigninner_sp ul li {
      display: inline-block;
      width: 36%;
      margin: 0 1%; }

.search {
  margin-top: 2%;
  margin-bottom: 24px; }
  .search .waku {
    height: 100%;
    background-size: 100%;
    padding: 10px 16px 0;
    border-radius: 28px;
    margin-top: -14%; }
    .search .waku .wakutop {
      background: url("../img/morewakut.png") center bottom no-repeat;
      background-size: 100%; }
      .search .waku .wakutop .searchtop {
        margin-top: 16%;
        margin-bottom: -17%; }
        .search .waku .wakutop .searchtop .sentaku {
          margin-top: 2%; }
    .search .waku .wakumiddle {
      background: url("../img/morewakum.png") center center repeat-y;
      background-size: 100% auto; }
      .search .waku .wakumiddle #searchbg {
        position: relative;
        margin: 0 auto;
        width: 82%;
        padding: 20% 0 10%; }
        .search .waku .wakumiddle #searchbg #search_select {
          background: url("../img/searchbg.png") center center no-repeat;
          width: 100%;
          height: 100%;
          padding: 4%;
          background-size: 100% 100%;
          overflow: hidden; }
          .search .waku .wakumiddle #searchbg #search_select form select {
            height: 40px;
            font-size: 2em;
            padding-left: 6px; }
          .search .waku .wakumiddle #searchbg #search_select form #search_btn {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: -12%;
            text-align: center; }
            .search .waku .wakumiddle #searchbg #search_select form #search_btn input {
              width: 44%; }

@media (max-width: 1199px) {
  .search .waku .wakumiddle #searchbg #search_select form select {
    height: 30px;
    font-size: 1.5em;
    padding-left: 4px; } }
@media (max-width: 991px) {
  .search .waku .wakumiddle #searchbg #search_select form select {
    height: 26px;
    font-size: 1.2em;
    padding-left: 2px; } }
@media (max-width: 767px) {
  .search .waku .wakumiddle #searchbg #search_select form select {
    height: 26px;
    font-size: 16px; } }
@media (max-width: 767px) {
  .search .waku .wakumiddle #searchbg #search_select {
    padding: 3%; } }
.more {
  margin-bottom: 24px; }
  .more .waku {
    height: 100%;
    background-size: 100%;
    padding: 10px 16px 0;
    border-radius: 28px; }
    .more .waku .wakuinner {
      height: 100%; }
      .more .waku .wakuinner .wakutop {
        background: url("../img/morewakut.png") center bottom no-repeat;
        background-size: 100%; }
      .more .waku .wakuinner .wakumiddle {
        background: url("../img/morewakum.png") center center repeat-y;
        background-size: 100% auto; }
      .more .waku .wakuinner p {
        text-align: center;
        padding-top: 44px;
        margin-bottom: -14px; }
      .more .waku .wakuinner ul {
        font-size: 20px;
        font-weight: bold;
        padding: 20px 78px 0;
        overflow: hidden; }
        .more .waku .wakuinner ul li {
          overflow: hidden;
          color: #ff007d;
          border-bottom: 1px solid #ff007d;
          text-align: left; }
          .more .waku .wakuinner ul li span {
            display: inline-block;
            vertical-align: top;
            padding: 20px 0; }
          .more .waku .wakuinner ul li .date {
            color: #a84904;
            width: 128px; }
          .more .waku .wakuinner ul li .title {
            width: 627px; }
            .more .waku .wakuinner ul li .title a {
              color: #ff007d;
              border-left: 2px solid #ff007d;
              padding-left: 10px;
              display: block;
              text-decoration: underline; }
          .more .waku .wakuinner ul li .titlenolink {
            border-left: 2px solid #ff007d;
            margin: 20px 0;
            padding: 0 0 0 10px; }

@media (max-width: 1199px) {
  .more .waku .wakuinner p {
    padding-top: 34px;
    margin-bottom: -10px; }
  .more .waku .wakuinner ul {
    font-size: 18px;
    padding: 16px 70px 0; }
    .more .waku .wakuinner ul li span {
      padding: 16px 0; }
    .more .waku .wakuinner ul li .date {
      color: #a84904;
      width: 120px; }
    .more .waku .wakuinner ul li .title {
      width: 485px; }
    .more .waku .wakuinner ul li .titlenolink {
      margin: 16px 0;
      padding: 0 0 0 10px; } }
@media (max-width: 991px) {
  .more .waku .wakuinner p {
    padding-top: 30px; }
  .more .waku .wakuinner ul {
    font-size: 16px;
    padding: 10px 52px 0; }
    .more .waku .wakuinner ul li span {
      padding: 12px 0; }
    .more .waku .wakuinner ul li .date {
      color: #a84904;
      width: 100px; }
    .more .waku .wakuinner ul li .title {
      width: 358px; }
    .more .waku .wakuinner ul li .titlenolink {
      margin: 12px 0;
      padding: 0 0 0 10px; } }
@media (max-width: 767px) {
  .more .waku .wakuinner p {
    padding-top: 2%;
    margin-bottom: -5%; }
  .more .waku .wakuinner ul {
    font-size: 16px;
    font-weight: bold;
    padding: 4% 8% 0;
    overflow: hidden; }
    .more .waku .wakuinner ul li {
      overflow: hidden;
      color: #ff007d;
      border-bottom: 1px solid #ff007d;
      text-align: left; }
      .more .waku .wakuinner ul li span {
        display: inline-block;
        vertical-align: top;
        padding: 2% 0; }
      .more .waku .wakuinner ul li .date {
        color: #a84904;
        width: 100%; }
      .more .waku .wakuinner ul li .title {
        width: 100%;
        padding-top: 0; }
        .more .waku .wakuinner ul li .title a {
          border-left: none; }
      .more .waku .wakuinner ul li .titlenolink {
        border-left: none;
        margin: 2% 0;
        padding: 0 0 0 10px; } }

/*# sourceMappingURL=main.css.map */
