@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-size: 62.5%; }

body {
  font-family: "Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem; }

html, body {
  width: 100%;
  height: 100%; }

img {
  vertical-align: bottom; }

.db {
  display: block !important;
  visibility: visible !important; }

.dn {
  display: none !important; }

.ht {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

#container {
  position: relative;
  width: 100%;
  min-width: 960px; }

.dummy_height {
  height: 2000px; }

#cmn_footer {
  position: relative;
  width: 100%;
  min-width: 960px;
  z-index: 8997; }
  #cmn_footer #cmn_footer_navi {
    position: fixed;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 185px;
    overflow-x: hidden;
    background-image: url(../img/common/footer1_bg.png);
    background-position: 50% 105px;
    background-repeat: repeat-x; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi1,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi2,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi3,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi4,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_2,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_3,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_4,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_5,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi2_on,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi3_on,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi4_on,
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_on {
      position: absolute;
      left: 50%;
      overflow: hidden;
      background-repeat: no-repeat;
      background-image: url("../img/common/footer1_ss.png");
      -moz-transform-origin: 50% 100%;
      -o-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi1 {
      top: 67px;
      margin-left: -480px;
      width: 238px;
      height: 87px;
      background-position: -2px -2px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi2 {
      top: 63px;
      margin-left: -240px;
      width: 181px;
      height: 97px;
      background-position: -242px -2px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi3 {
      top: 66px;
      margin-left: -59px;
      width: 179px;
      height: 92px;
      background-position: -183px -101px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi4 {
      top: 62px;
      margin-left: 120px;
      width: 182px;
      height: 101px;
      background-position: -2px -215px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5 {
      top: 36px;
      margin-left: 302px;
      width: 179px;
      height: 122px;
      background-position: -2px -91px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_2 {
      top: 17px;
      margin-left: 332px;
      width: 127px;
      height: 55px;
      background-position: -347px -207px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_3 {
      top: 2px;
      margin-left: 289px;
      width: 73px;
      height: 108px;
      background-position: -425px -2px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_4 {
      top: 0;
      margin-left: 425px;
      width: 103px;
      height: 93px;
      background-position: -364px -112px;
      -moz-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi2_on {
      top: 28px;
      left: 11px;
      width: 159px;
      height: 42px;
      background-position: -186px -195px;
      display: none; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi3_on {
      top: 24px;
      left: 17px;
      width: 152px;
      height: 44px;
      background-position: -186px -239px;
      display: none; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi4_on {
      top: 27px;
      left: 44px;
      width: 95px;
      height: 45px;
      background-position: -340px -264px;
      display: none; }
    #cmn_footer #cmn_footer_navi #cmn_footer_navi5_on {
      top: 55px;
      left: 42px;
      width: 96px;
      height: 44px;
      background-position: -186px -285px;
      display: none; }
    #cmn_footer #cmn_footer_navi #cmn_footer_btn1,
    #cmn_footer #cmn_footer_navi #cmn_footer_btn2,
    #cmn_footer #cmn_footer_navi #cmn_footer_btn3,
    #cmn_footer #cmn_footer_navi #cmn_footer_btn4,
    #cmn_footer #cmn_footer_navi #cmn_footer_btn5 {
      position: absolute;
      left: 50%; }
    #cmn_footer #cmn_footer_navi #cmn_footer_btn1 {
      top: 67px;
      width: 238px;
      height: 87px;
      margin-left: -480px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_btn2 {
      top: 63px;
      width: 181px;
      height: 97px;
      margin-left: -240px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_btn3 {
      top: 63px;
      width: 179px;
      height: 92px;
      margin-left: -59px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_btn4 {
      top: 63px;
      width: 183px;
      height: 102px;
      margin-left: 120px; }
    #cmn_footer #cmn_footer_navi #cmn_footer_btn5 {
      top: 0;
      width: 184px;
      height: 158px;
      margin-left: 298px; }
  #cmn_footer .js_navi_landing {
    position: absolute !important;
    bottom: 118px !important; }
  #cmn_footer .js_navi_landing2 {
    position: absolute !important;
    bottom: 86px !important; }
  #cmn_footer .js_navi_landing_wiiu {
    position: absolute !important;
    bottom: 36px !important; }
  #cmn_footer .js_navi_landing2_wiiu {
    position: absolute !important;
    bottom: 4px !important; }
  #cmn_footer #cmn_footer_link {
    position: relative;
    width: 100%;
    height: 125px;
    background-image: url(../img/common/footer2_bg.png);
    background-position: 50% 0%;
    background-repeat: repeat-x; }
    #cmn_footer #cmn_footer_link div {
      position: absolute;
      left: 50%;
      overflow: hidden;
      background-repeat: no-repeat;
      background-image: url("../img/common/footer2_ss.png"); }
    #cmn_footer #cmn_footer_link #cmn_footer_tw {
      top: 45px;
      margin-left: 391px;
      width: 40px;
      height: 40px;
      background-position: -83px -1px; }
    #cmn_footer #cmn_footer_link #cmn_footer_tw:hover {
      background-position: -124px -1px !important; }
    #cmn_footer #cmn_footer_link #cmn_footer_fb {
      top: 45px;
      margin-left: 440px;
      width: 40px;
      height: 40px;
      background-position: -1px -1px; }
    #cmn_footer #cmn_footer_link #cmn_footer_fb:hover {
      background-position: -42px -1px !important; }
    #cmn_footer #cmn_footer_link #cmn_footer_link1 {
      top: 45px;
      margin-left: -460px;
      width: 109px;
      height: 13px;
      background-position: -165px -17px; }
    #cmn_footer #cmn_footer_link #cmn_footer_link2 {
      top: 45px;
      margin-left: -323px;
      width: 174px;
      height: 12px;
      background-position: -275px -17px; }
    #cmn_footer #cmn_footer_link #cmn_footer_line {
      top: 45px;
      margin-left: -338px;
      width: 3px;
      height: 13px;
      background-position: -441px -1px; }
    #cmn_footer #cmn_footer_link #cmn_footer_copy {
      top: 74px;
      margin-left: -460px;
      width: 275px;
      height: 15px;
      background-position: -165px -1px; }

#cmn_loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: url(../img/common/loading_bg.jpg);
  background-position: 50% 50%;
  z-index: 9000; }
  #cmn_loading #cmn_loading_inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 430px;
    height: 264px;
    margin: auto; }
    #cmn_loading #cmn_loading_inner .yoshi {
      position: absolute;
      top: 86px;
      left: 311px;
      animation: yoshi_ 0.667s steps(1) infinite; }

@keyframes yoshi_ {
  0% {
    transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg); }
  50% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg); } }
    #cmn_loading #cmn_loading_inner .copochi1 {
      position: absolute;
      top: 138px;
      left: 204px;
      animation: copochi1_ 0.667s steps(1) infinite 0s; }

@keyframes copochi1_ {
  0% {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px); }
  50%, 70% {
    transform: translate3d(6px, -14px, 0px);
    -webkit-transform: translate3d(6px, -14px, 0px); }
  71%, 100% {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px); } }
    #cmn_loading #cmn_loading_inner .copochi2 {
      position: absolute;
      top: 150px;
      left: 105px;
      animation: copochi2_ 0.667s steps(1) infinite 0s; }

@keyframes copochi2_ {
  0% {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px); }
  20%, 40% {
    transform: translate3d(-3px, -25px, 0px);
    -webkit-transform: translate3d(-3px, -25px, 0px); }
  41%, 100% {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px); } }
    #cmn_loading #cmn_loading_inner .copochi3 {
      position: absolute;
      top: 150px;
      left: 5px;
      animation: copochi3_ 0.667s steps(1) infinite 0s; }

@keyframes copochi3_ {
  0%, 20% {
    transform: translate3d(4px, -21px, 0px);
    -webkit-transform: translate3d(4px, -21px, 0px); }
  21%, 100% {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px); } }