@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%); } }
img {
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top; }

.contents_wrap {
  width: 90%;
  margin: 0 auto; }

piture {
  display: block;
  margin: 0 !important;
  padding: 0 !important; }

.youtube {
  width: 90%;
  max-width: 980px;
  margin: 0px 0 0px;
  padding-top: 50.8%;
  position: relative; }
  @media screen and (min-width: 1088px) {
    .youtube {
      padding-top: 551px; } }
  .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#arena_campaign {
  overflow: hidden;
  text-align: center;
  position: relative;
  padding-bottom: 190px;
  background: #fff; }
  #arena_campaign .to-page-top {
    bottom: 140px !important; }
  #arena_campaign #lp_cta {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.5); }
    #arena_campaign #lp_cta .cta_wrap {
      max-width: 900px;
      width: 100%;
      margin: 0 auto;
      position: relative; }
    #arena_campaign #lp_cta .cta_ttl {
      width: 70%;
      max-width: 500px;
      margin-bottom: 10px; }
    #arena_campaign #lp_cta .cta_box {
      text-align: center;
      width: 100%; }
      #arena_campaign #lp_cta .cta_box .cta_flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: flex-start;
        height: auto;
        justify-content: center;
        width: 100%;
        margin: 0 auto; }
        #arena_campaign #lp_cta .cta_box .cta_flex a, #arena_campaign #lp_cta .cta_box .cta_flex .pc_reserve {
          width: 30%;
          margin: 0 1%; }
  #arena_campaign .notice {
    color: #fff;
    text-align: center;
    padding: 0 20px;
    margin: 30px 0 0; }
  #arena_campaign .wrap {
    max-width: 1170px;
    width: 100vw;
    margin: 0 auto;
    text-align: center; }
  #arena_campaign #main_img {
    padding: 0; }
  #arena_campaign #intro_cta {
    padding: 0px 0 0;
    margin: 0;
    position: relative; }
    #arena_campaign #intro_cta .gold_top, #arena_campaign #intro_cta .gold_bottom {
      position: absolute;
      left: 0;
      z-index: 2; }
    #arena_campaign #intro_cta .gold_top {
      top: 0; }
    #arena_campaign #intro_cta .gold_bottom {
      bottom: 0; }
  #arena_campaign #campaign .pagenavi {
    position: relative; }
    #arena_campaign #campaign .pagenavi .pagenavi_flex {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: flex-start;
      height: auto;
      justify-content: space-between;
      padding: 0 5%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      #arena_campaign #campaign .pagenavi .pagenavi_flex a {
        width: 32%; }
  #arena_campaign .cta_area {
    position: relative;
    text-align: center;
    position: relative; }
    #arena_campaign .cta_area img {
      max-width: 100%;
      width: auto; }
    #arena_campaign .cta_area .cta_ttl {
      max-width: 100%;
      width: auto;
      margin: 0 auto; }
    #arena_campaign .cta_area .cta_box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      padding: 0; }
      #arena_campaign .cta_area .cta_box .cta_flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: flex-start;
        height: auto;
        justify-content: center;
        width: 100%;
        margin: 20px auto 30px; }
        #arena_campaign .cta_area .cta_box .cta_flex a, #arena_campaign .cta_area .cta_box .cta_flex .pc_reserve {
          width: 31%;
          margin: 0 1%; }
    #arena_campaign .cta_area.inner_cta .cta_box {
      width: 84%;
      top: 81%; }
    #arena_campaign .cta_area.bg_none {
      padding: 30px 0 20px; }
      #arena_campaign .cta_area.bg_none .cta_box {
        position: relative;
        top: inherit;
        left: inherit;
        transform: translate(0, 0); }
  #arena_campaign .car_wrap {
    position: relative; }
    #arena_campaign .car_wrap .to_present {
      position: absolute;
      left: 50%;
      bottom: 5%;
      transform: translateX(-50%);
      display: inline-block; }
  #arena_campaign .img_bottom {
    margin-bottom: 30px; }
  #arena_campaign #kei, #arena_campaign #normal {
    margin: 0; }
  #arena_campaign section {
    padding: 0; }
  #arena_campaign #navi {
    padding: 50px 0;
    background: #0c3342; }
    #arena_campaign #navi ul.link_navi {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: flex-start;
      height: auto;
      justify-content: center;
      max-width: 800px;
      width: 90%;
      margin: auto; }
      #arena_campaign #navi ul.link_navi li {
        width: 24%;
        margin: 0 0.5%; }
  #arena_campaign #top #trial ul {
    max-width: 800px; }
    #arena_campaign #top #trial ul li {
      width: 48%; }
  #arena_campaign #cal {
    background: #fff; }
  #arena_campaign #map {
    padding: 0; }

#info {
  padding: 50px 0 !important; }

@media screen and (max-width: 767px) {
  #arena_campaign {
    padding-bottom: 30vw; }
    #arena_campaign .to-page-top {
      bottom: 22vw !important; }
    #arena_campaign #lp_cta {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 100;
      padding: 2vw 0;
      text-align: center; }
      #arena_campaign #lp_cta .cta_ttl {
        margin: 0 auto 2vw; }
      #arena_campaign #lp_cta .cta_box {
        text-align: center; }
        #arena_campaign #lp_cta .cta_box .cta_flex {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          align-items: flex-start;
          height: auto;
          justify-content: center;
          width: 90%;
          margin: 0 auto; }
          #arena_campaign #lp_cta .cta_box .cta_flex a {
            width: 31%;
            margin: 0 1%; }
    #arena_campaign #campaign .campaign_area {
      position: relative; }
      #arena_campaign #campaign .campaign_area .campaign_pagenavi {
        bottom: 4%;
        left: 8%;
        width: 84%; }
        #arena_campaign #campaign .campaign_area .campaign_pagenavi a {
          width: 49%; }
    #arena_campaign .navi_btn_area .navi_btn {
      width: 75%;
      position: absolute;
      bottom: 2%;
      left: 50%;
      transform: translateX(-50%); }
    #arena_campaign .navi_btn_area.normal_navi .navi_btn {
      bottom: 4%; }
    #arena_campaign .cta_area .cta_ttl {
      width: 70%; }
    #arena_campaign .cta_area .cta_box {
      padding: 0; }
      #arena_campaign .cta_area .cta_box .cta_flex {
        margin: 2vw auto 0; }
        #arena_campaign .cta_area .cta_box .cta_flex a {
          width: 30%;
          margin: 0 1%; }
    #arena_campaign .cta_area.inner_cta .cta_box {
      width: 84%;
      top: 82%; }
    #arena_campaign .cta_area.bg_none {
      padding: 5vw 0 5vw; }
    #arena_campaign .car_wrap {
      position: relative; }
      #arena_campaign .car_wrap .to_present {
        position: absolute;
        left: 50%;
        bottom: 5%;
        transform: translateX(-50%);
        display: inline-block;
        width: 80%; }
    #arena_campaign .movie_area {
      padding: 4vw 5% 0; }
      #arena_campaign .movie_area .youtube {
        margin-top: 2vw; }
    #arena_campaign .img_bottom {
      margin-bottom: 6vw; }
    #arena_campaign #navi {
      padding: 8vw 0; }
    #arena_campaign #top #trial ul li {
      width: 100%; }
    #arena_campaign #cal {
      background: #fff; }
    #arena_campaign #map {
      padding: 0; } }
/*767*/