@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 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

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

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

.clearfix {
  zoom: 1; }

.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.m0a {
  margin: 0 auto; }

.mb0 {
  margin-bottom: 0; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb60 {
  margin-bottom: 60px; }

.mb200 {
  margin-bottom: 200px; }

.mt10 {
  margin-top: 10px; }

.mr10 {
  margin-right: 10px; }

.ml10 {
  margin-left: 10px; }

.ml20 {
  margin-left: 20px; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.fl-left {
  float: left; }

html,
body {
  height: 100%; }

body {
  font-family: Meiryo,'Hiragino Kaku Gothic Pro','MS PGothic',sans-serif;
  font-size: 14px;
  line-height: 1.4; }

a {
  color: #0099ff;
  text-decoration: none; }

.rollover a:hover {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85; }
.rollover a:hover img {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85; }

a {
  color: #4a4434;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

html,
body {
  margin: 0;
  padding: 0; }

html {
  font-size: 10px; }

body {
  font-family: "Hiragino Kaku Gothic Pro", Osaka, Verdana, Meiryo, "MS PGothic", sans-seriffalse;
  background: #fff;
  color: #4a4434;
  font-size: 14px;
  line-height: 1.6; }

.rollover a:hover img {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85; }

body.page-notfound .main-content {
  min-height: 300px; }
body.page-notfound .msg-404 {
  padding: 20px;
  text-align: center; }

.wv-l_article .red,
.page_article .red {
  color: #ff3399; }
.wv-l_article .blue,
.page_article .blue {
  color: #3385d6; }
.wv-l_article .green,
.page_article .green {
  color: #1dbec0; }
.wv-l_article .orange,
.page_article .orange {
  color: #fd8108; }
.wv-l_article .gray,
.page_article .gray {
  color: #666666; }
.wv-l_article .size-l,
.page_article .size-l {
  font-size: 1.8rem; }
.wv-l_article .size-m,
.page_article .size-m {
  font-size: 1.2rem; }
.wv-l_article .size-s,
.page_article .size-s {
  font-size: 0.8rem; }
.wv-l_article .size-20,
.page_article .size-20 {
  font-size: 2.0rem; }
.wv-l_article .size-19,
.page_article .size-19 {
  font-size: 1.9rem; }
.wv-l_article .size-18,
.page_article .size-18 {
  font-size: 1.8rem; }
.wv-l_article .size-17,
.page_article .size-17 {
  font-size: 1.7rem; }
.wv-l_article .size-16,
.page_article .size-16 {
  font-size: 1.6rem; }
.wv-l_article .size-15,
.page_article .size-15 {
  font-size: 1.5rem; }
.wv-l_article .size-14,
.page_article .size-14 {
  font-size: 1.4rem; }
.wv-l_article .size-13,
.page_article .size-13 {
  font-size: 1.3rem; }
.wv-l_article .size-12,
.page_article .size-12 {
  font-size: 1.2rem; }
.wv-l_article .size-11,
.page_article .size-11 {
  font-size: 1.1rem; }
.wv-l_article .size-10,
.page_article .size-10 {
  font-size: 1.0rem; }
.wv-l_article .size-9,
.page_article .size-9 {
  font-size: 0.9rem; }
.wv-l_article .size-8,
.page_article .size-8 {
  font-size: 0.8rem; }

@media screen and (min-width: 960px) {
  #gmodeheader,
  #gmodefooter {
    min-width: 960px; }

  #gmodeheader {
    position: absolute;
    top: 0;
    left: 0; }

  .l_document {
    min-width: 480px; }

  .m_footermessage {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    background: url(/v1/img/ja_JP/common/m_footer_chara.png);
    width: 753px;
    height: 192px;
    background-size: 753px auto; }
    .m_footermessage__msg {
      font-size: 20px;
      color: #4a4434;
      padding: 30px 0 0 30px; }

    .m_footermessage__sns {
      padding: 20px; }
      .m_footermessage__sns .twitter {
        display: inline-block; }
        .m_footermessage__sns .twitter a {
          display: block;
          text-indent: 110%;
          word-wrap: normal;
          word-break: keep-all;
          white-space: nowrap;
          overflow: hidden;
          background: url(/v1/img/ja_JP/common/m_btn-official-twitter.png);
          width: 224px;
          height: 48px;
          background-size: 224px auto; }
      .m_footermessage__sns .facebook {
        display: inline-block; }
        .m_footermessage__sns .facebook a {
          display: block;
          text-indent: 110%;
          word-wrap: normal;
          word-break: keep-all;
          white-space: nowrap;
          overflow: hidden;
          background: url(/v1/img/ja_JP/common/m_btn-official-facebook.png);
          width: 224px;
          height: 48px;
          background-size: 224px auto; }

  .page_home .l_footer,
  .page_games .l_footer {
    background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line.png) no-repeat center 0;
    background-size: contain; }

  .page_games.nogameguide .l_footer {
    background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line_03.png) no-repeat center 0;
    background-size: contain; }

  .l_footer {
    min-width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 10;
    background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line_02.png) no-repeat center 0;
    background-size: contain;
    color: #fff;
    padding: 100px 0 30px 0; }
    .l_footer a {
      color: #fff; }
    .l_footer .copyright a {
      display: block;
      text-indent: 110%;
      word-wrap: normal;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      background: url(/v1/img/ja_JP/common/m_ico-gmode.png);
      width: 161px;
      height: 30px;
      background-size: 161px auto; }

  .m_bottom-content {
    min-width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 10;
    background: #e8e6de; }

  .m_outlink {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0; }
    .m_outlink li {
      display: inline-block; }
    .m_outlink__head {
      font-size: 20px;
      margin-bottom: 10px;
      border-left: solid 2px #12cfa7;
      padding: 0 5px;
      line-height: 1.2; }

  .m_footernav {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 30px 0; }
    .m_footernav__list {
      float: right; }
      .m_footernav__list li {
        position: relative;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 10px; }

  #m_loading {
    display: none; }
    #m_loading.dark {
      background: #000; }
      #m_loading.dark span {
        background: #000 url(/v1/img/ja_JP/common/m_loading-dark.gif);
        width: 25px;
        height: 25px;
        background-size: 25px auto; }

  .m_select-lang {
    display: block; }

  .l_footer .m_select-lang {
    display: none; }

  .m_select-lang {
    position: absolute;
    top: 4px;
    right: 10px;
    z-index: 2000; }
    .m_select-lang li {
      display: inline-block;
      font-size: 12px; }
      .m_select-lang li a {
        display: inline-block;
        line-height: 1;
        padding: 4px 10px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px; }
        .m_select-lang li a.selected {
          background: rgba(0, 0, 0, 0.5);
          color: #fff; }

  .m_gnav.type02 {
    display: none;
    z-index: 10000; }

  .m_gnav {
    min-width: 480px;
    margin: 0 auto;
    background-color: #413c2e;
    position: absolute;
    top: 0;
    z-index: 100;
    margin-top: 30px;
    padding: 20px 0;
    width: 100%;
    border-bottom: 40px solid #2cb867; }
    .m_gnav .m_gnav__inner {
      position: absolute;
      top: 20px;
      right: 10px; }
    .m_gnav .m_gnav__logo {
      padding-left: 20px; }
      .m_gnav .m_gnav__logo a {
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: url(/v1/img/ja_JP/common/m_logo_2_m.png);
        width: 123px;
        height: 123px;
        background-size: 123px auto;
        background-repeat: no-repeat;
        margin-top: -18px;
        margin-bottom: -82px; }
    .m_gnav .m_gnav__open a {
      display: none; }
    .m_gnav .m_gnav__list li {
      position: relative;
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
    .m_gnav .m_gnav__list a {
      display: block;
      color: #fff;
      padding: 4px 20px;
      line-height: 1;
      border-bottom: solid 1px transparent; }
      .m_gnav .m_gnav__list a:hover, .m_gnav .m_gnav__list a.active {
        text-decoration: none;
        border-bottom: solid 2px #15b056; }
    .m_gnav.scrollin {
      padding: 20px 0 !important;
      border-bottom: solid 32px #15b056 !important; }
      .m_gnav.scrollin .m_gnav__list a {
        color: #000; }
      .m_gnav.scrollin .m_gnav__logo a {
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: url(/v1/img/ja_JP/common/m_logo_m.png);
        width: 123px;
        height: 123px;
        background-size: 123px auto;
        background-repeat: no-repeat;
        margin-top: -18px;
        margin-bottom: -82px; }

  .m_gnav-foot {
    clear: both;
    position: relative; }
    .m_gnav-foot .m_gnav-foot__inner {
      zoom: 1;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: rgba(255, 99, 173, 0.9);
      padding: 15px;
      text-shadow: 1px 1px 1px #999; }
      .m_gnav-foot .m_gnav-foot__inner:before, .m_gnav-foot .m_gnav-foot__inner:after {
        content: "";
        display: table; }
      .m_gnav-foot .m_gnav-foot__inner:after {
        clear: both; }

  .m_ttl_01 {
    font-weight: bold;
    color: #4a4434;
    margin-bottom: 30px;
    border-left: solid 2px #6cbfc4;
    padding-left: 10px;
    line-height: 1;
    font-size: 24px; }
    .m_ttl_01.nb {
      border-left: none;
      padding-left: 0; }

  .m_btn-more {
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #12cfa7;
    padding: 3px 12px;
    color: #fff;
    font-size: 1.2rem; }
    .m_btn-more:hover {
      color: #fff; }

  .m_btn-list {
    padding: 10px;
    text-align: center; }

  .m_btn-01 {
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 1.4rem;
    padding: 10px 20px;
    background: #12cfa7;
    border: none;
    cursor: pointer; }
    .m_btn-01:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-02 {
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
    background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-repeat: repeat-x;
    background-position: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #fff;
    color: #fff;
    font-size: 1.4rem;
    padding: 4px 12px; }
    .m_btn-02:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }
    .m_btn-02:hover {
      color: #fff;
      text-decoration: underline; }

  .m_btn-03 {
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
    background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    border: solid 1px #fff;
    color: #fff;
    font-size: 1.0rem;
    padding: 4px 12px; }
    .m_btn-03:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-twitter {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-twitter.png);
    width: 93px;
    height: 99px;
    background-size: 93px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-twitter:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-facebook {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-fb.png);
    width: 93px;
    height: 99px;
    background-size: 93px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-facebook:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-google {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-gp.png);
    width: 93px;
    height: 99px;
    background-size: 93px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-google:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-line {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-line.png);
    width: 93px;
    height: 99px;
    background-size: 93px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-line:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-pagetop {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-pagetop.png);
    width: 55px;
    height: 55px;
    background-size: 55px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-pagetop:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_pagetop {
    position: absolute;
    top: 20px;
    right: 50px; }

  .m_btn_platform-list.only-sp {
    display: none; }

  .m_btn_store-ios_s {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn_store-ios_s.png);
    width: 45px;
    height: 44px;
    background-size: 45px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn_store-ios_s:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn_store-android_s {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn_store-android_s.png);
    width: 45px;
    height: 44px;
    background-size: 45px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn_store-android_s:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn_store-ios_l {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn_store-ios_l.png);
    width: 500px;
    height: 88px;
    background-size: 500px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn_store-ios_l:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn_store-android_l {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn_store-android_l.png);
    width: 500px;
    height: 88px;
    background-size: 500px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn_store-android_l:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_sns {
    clear: both;
    padding: 20px 10px 0 10px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px; }
    .m_sns li {
      display: inline-block;
      vertical-align: top; }
      .m_sns li.hide-pc {
        display: none; }

  .m_pager {
    padding: 10px;
    text-align: center; }
    .m_pager li {
      display: inline-block;
      font-size: 1.0rem;
      margin: 2px; }
    .m_pager a,
    .m_pager .selected {
      display: inline-block;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background: #fff;
      color: #ff3399;
      border: solid 1px rgba(255, 51, 153, 0.5);
      line-height: 1;
      padding: 8px; }
    .m_pager .selected {
      background: #ccc;
      color: #333;
      border: solid 1px #ccc; }
    .m_pager:hover {
      color: #fff; }

  .m_breadcrumbs {
    zoom: 1;
    position: relative;
    margin-bottom: 10px;
    padding: 0 10px; }
    .m_breadcrumbs:before, .m_breadcrumbs:after {
      content: "";
      display: table; }
    .m_breadcrumbs:after {
      clear: both; }
    .m_breadcrumbs a {
      text-decoration: underline; }
    .m_breadcrumbs__ttl {
      text-indent: 110%;
      word-wrap: normal;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden; }

    .m_breadcrumbs__list {
      position: absolute;
      bottom: 0;
      right: 10px; }
      .m_breadcrumbs__list li {
        display: inline-block; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
  #gmodeheader,
  #gmodefooter {
    display: none; }

  #gmodeheader {
    position: absolute;
    top: 0;
    left: 0; }

  .m_footermessage {
    text-align: center;
    padding: 10px; }
    .m_footermessage__sns .twitter {
      padding: 4px; }
      .m_footermessage__sns .twitter a {
        display: block;
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        background: url(/v1/img/ja_JP/common/m_btn-official-twitter.png);
        width: 149.33333px;
        height: 32px;
        background-size: 149.33333px auto;
        margin: 0 auto; }
    .m_footermessage__sns .facebook {
      padding: 4px; }
      .m_footermessage__sns .facebook a {
        display: block;
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        background: url(/v1/img/ja_JP/common/m_btn-official-facebook.png);
        width: 149.33333px;
        height: 32px;
        background-size: 149.33333px auto;
        margin: 0 auto; }

  .page_home .l_footer,
  .page_games .l_footer {
    background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line.png) no-repeat center 0;
    background-size: contain; }

  .page_games.nogameguide .l_footer {
    background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line_03.png) no-repeat center 0;
    background-size: contain; }

  .l_footer {
    position: relative;
    z-index: 10;
    background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line_02.png) no-repeat center 0;
    background-size: contain;
    color: #fff;
    padding: 100px 0 30px 0; }
    .l_footer a {
      color: #fff; }
    .l_footer .copyright {
      padding: 10px; }
      .l_footer .copyright a {
        margin: 0 auto; }
      .l_footer .copyright a {
        display: block;
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        background: url(/v1/img/ja_JP/common/m_ico-gmode.png);
        width: 81px;
        height: 15px;
        background-size: 80.5px auto; }

  .m_bottom-content {
    padding: 10px;
    position: relative;
    z-index: 10;
    background: #e8e6de; }

  .m_outlink li {
    display: inline-block; }
  .m_outlink img {
    width: 146px;
    height: auto; }
  .m_outlink__head {
    font-size: 20px;
    margin-bottom: 10px;
    border-left: solid 2px #12cfa7;
    padding: 0 5px;
    line-height: 1.2; }

  .m_footernav {
    position: relative; }
    .m_footernav__list {
      padding: 10px; }

  #m_loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 999; }
    #m_loading span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: #fff url(/v1/img/ja_JP/common/m_loading.gif);
      width: 25px;
      height: 25px;
      background-size: 25px auto; }
    #m_loading.dark {
      background: #000; }
      #m_loading.dark span {
        background: #000 url(/v1/img/ja_JP/common/m_loading-dark.gif);
        width: 25px;
        height: 25px;
        background-size: 25px auto; }

  .m_select-lang {
    display: none; }

  .l_footer .m_select-lang {
    display: block;
    padding: 10px;
    font-size: 12px;
    text-align: center; }

  .m_select-lang li {
    display: inline-block;
    font-size: 12px; }
    .m_select-lang li a {
      display: inline-block;
      line-height: 1;
      padding: 4px 10px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      .m_select-lang li a.selected {
        background: rgba(0, 0, 0, 0.5);
        color: #fff; }

  .m_gnav.type02 {
    display: none;
    z-index: 10000; }

  .m_gnav {
    width: 100%;
    background: #413c2e;
    padding: 6px 0;
    min-height: 18px; }
    .m_gnav .m_gnav__logo {
      padding: 2px 0;
      margin-left: 10px; }
      .m_gnav .m_gnav__logo a {
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: url(/v1/img/ja_JP/common/m_logo_s.png);
        width: 46px;
        height: 12px;
        background-size: 46px auto;
        background-repeat: no-repeat; }
    .m_gnav .m_gnav__open a {
      position: absolute;
      top: 4px;
      right: 10px;
      text-indent: 110%;
      word-wrap: normal;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      background: url(/v1/img/ja_JP/common/m_gnav-btn_bg.png);
      width: 25px;
      height: 18px;
      background-size: 24.5px auto;
      background-repeat: no-repeat;
      background-position: center; }
    .m_gnav .m_gnav__list {
      display: none;
      position: absolute;
      top: 30px;
      left: 0;
      z-index: 999;
      background: #12cfa7;
      width: 100%;
      text-align: center; }
      .m_gnav .m_gnav__list a {
        color: #fff;
        display: block;
        padding: 8px 16px; }
    .m_gnav.scrollin {
      padding: 20px 0 !important;
      border-bottom: solid 32px #15b056 !important; }
      .m_gnav.scrollin .m_gnav__logo a {
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: url(/v1/img/ja_JP/common/m_logo_m.png);
        width: 62px;
        height: 62px;
        background-size: 61.5px auto;
        background-repeat: no-repeat;
        margin-top: -18px;
        margin-bottom: -82px; }

  .m_gnav-foot {
    clear: both;
    position: relative; }

  .m_ttl_01 {
    font-weight: bold;
    color: #4a4434;
    margin-bottom: 30px;
    border-left: solid 2px #6cbfc4;
    padding-left: 10px;
    line-height: 1;
    font-size: 24px; }
    .m_ttl_01.nb {
      border-left: none;
      padding-left: 0; }

  .m_btn-more {
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #12cfa7;
    padding: 3px 12px;
    color: #fff; }
    .m_btn-more:hover {
      color: #fff; }

  .m_btn-list {
    padding: 10px;
    text-align: center; }

  .m_btn-01 {
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 1.4rem;
    padding: 10px 20px;
    background: #12cfa7;
    border: none;
    cursor: pointer; }
    .m_btn-01:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-02 {
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
    background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-repeat: repeat-x;
    background-position: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #fff;
    color: #fff;
    font-size: 1.4rem;
    padding: 4px 12px; }
    .m_btn-02:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }
    .m_btn-02:hover {
      color: #fff;
      text-decoration: underline; }

  .m_btn-03 {
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
    background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    border: solid 1px #fff;
    color: #fff;
    font-size: 1.0rem;
    padding: 4px 12px; }
    .m_btn-03:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-twitter {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-twitter.png);
    width: 47px;
    height: 50px;
    background-size: 46.5px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-twitter:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-facebook {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-fb.png);
    width: 47px;
    height: 50px;
    background-size: 46.5px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-facebook:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-google {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-gp.png);
    width: 47px;
    height: 50px;
    background-size: 46.5px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-google:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-line {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-line.png);
    width: 47px;
    height: 50px;
    background-size: 46.5px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-line:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn-pagetop {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn-pagetop.png);
    width: 28px;
    height: 28px;
    background-size: 27.5px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn-pagetop:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_pagetop {
    position: absolute;
    top: 20px;
    right: 50px; }

  .m_btn_store-ios_s {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn_store-ios_s.png);
    width: 45px;
    height: 44px;
    background-size: 45px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn_store-ios_s:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn_store-android_s {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn_store-android_s.png);
    width: 45px;
    height: 44px;
    background-size: 45px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn_store-android_s:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn_store-ios_l {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn_store-ios_l.png);
    width: 250px;
    height: 44px;
    background-size: 250px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn_store-ios_l:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_btn_store-android_l {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(/v1/img/ja_JP/common/m_btn_store-android_l.png);
    width: 250px;
    height: 44px;
    background-size: 250px auto;
    background-repeat: no-repeat;
    background-position: center; }
    .m_btn_store-android_l:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }

  .m_sns {
    clear: both;
    padding: 20px 10px 0 10px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px; }
    .m_sns li {
      display: inline-block;
      vertical-align: top; }

  .m_pager {
    padding: 10px;
    text-align: center; }
    .m_pager li {
      display: inline-block;
      font-size: 1.0rem;
      margin: 2px; }
    .m_pager a,
    .m_pager .selected {
      display: inline-block;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background: #fff;
      color: #ff3399;
      border: solid 1px rgba(255, 51, 153, 0.5);
      line-height: 1;
      padding: 8px; }
    .m_pager .selected {
      background: #ccc;
      color: #333;
      border: solid 1px #ccc; }
    .m_pager:hover {
      color: #fff; }

  .m_breadcrumbs {
    zoom: 1;
    position: relative;
    margin-bottom: 10px;
    padding: 0 10px 0 4px;
    font-size: 0.9rem;
    margin-top: 10px; }
    .m_breadcrumbs:before, .m_breadcrumbs:after {
      content: "";
      display: table; }
    .m_breadcrumbs:after {
      clear: both; }
    .m_breadcrumbs a {
      text-decoration: underline; }
    .m_breadcrumbs__ttl {
      text-indent: 110%;
      word-wrap: normal;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden; }

    .m_breadcrumbs__list {
      text-align: right; }
      .m_breadcrumbs__list li {
        display: inline-block; } }
/* BAN long tap */
@media screen and (max-width: 800px) {
  body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: 100%; } }
@media screen and (max-width: 320px) {
  body {
    margin-top: 0; }

  #gmodeheader {
    display: none; }

  #gmodefooter {
    display: none; } }
@media screen and (min-width: 960px) {
  .page_home .m_gnav {
    background: transparent;
    padding: 30px 0;
    border-bottom: none; }
    .page_home .m_gnav.scrollin {
      display: none;
      background: white !important; }
      .page_home .m_gnav.scrollin .m_gnav__logo {
        color: #000; }
        .page_home .m_gnav.scrollin .m_gnav__logo a {
          text-indent: 110%;
          word-wrap: normal;
          word-break: keep-all;
          white-space: nowrap;
          overflow: hidden;
          display: block;
          background: url(/v1/img/ja_JP/common/m_logo_m.png);
          width: 123px;
          height: 123px;
          background-size: 123px auto;
          background-repeat: no-repeat; }
    .page_home .m_gnav .m_gnav__logo a {
      text-indent: 110%;
      word-wrap: normal;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      background: url(/v1/img/ja_JP/common/m_logo_s.png);
      width: 92px;
      height: 23px;
      background-size: 92px auto;
      background-repeat: no-repeat; }
  .page_home .intro {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2999;
    width: 100%;
    height: 100%;
    display: block;
    background: #000; }
    .page_home .intro__chara {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 163px;
      height: 192px; }
  .page_home .slider {
    width: 100%;
    position: fixed;
    z-index: 5; }
    .page_home .slider img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
    .page_home .slider__intro {
      position: absolute;
      background: #fff;
      width: 100%; }

    .page_home .slider__anime {
      position: absolute;
      top: 100px;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 205px;
      height: 265px; }
  .page_home .slider-space {
    position: relative;
    z-index: 1; }
    .page_home .slider-space img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
  .page_home .main-content {
    min-width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 10;
    zoom: 1;
    background: #fff; }
    .page_home .main-content:before, .page_home .main-content:after {
      content: "";
      display: table; }
    .page_home .main-content:after {
      clear: both; }
  .page_home .side-content {
    float: right;
    width: 312px; }
    .page_home .side-content .banner img {
      width: 100%; }
  .page_home .home-banner {
    width: 728px;
    margin: 0 auto 20px; }
    .page_home .home-banner a:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }
    .page_home .home-banner img {
      width: 100%;
      max-width: 728px; }
  .page_home .games {
    margin-bottom: 20px; }
    .page_home .games__list {
      background: #eee;
      font-size: 0; }
      .page_home .games__list li {
        position: relative;
        display: inline-block;
        width: 33.33333%; }
      .page_home .games__list img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
      .page_home .games__list a {
        position: relative;
        display: block;
        font-size: 14px; }
      .page_home .games__list .caption {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: bold; }
        .page_home .games__list .caption .ttl {
          position: absolute;
          width: 100%;
          top: 40%; }
  .page_home .middle-contents {
    width: 960px;
    margin: 0 auto;
    min-height: 290px; }
  .page_home .news {
    position: relative;
    margin-bottom: 10px;
    float: left;
    width: 620px; }
    .page_home .news li {
      position: relative; }
    .page_home .news__head {
      margin: 5px;
      margin-bottom: 10px;
      border-left: solid 2px #12cfa7;
      padding: 0 5px;
      font-size: 20px;
      line-height: 1.2; }

    .page_home .news__rss {
      position: absolute;
      top: 0;
      right: 10px; }
      .page_home .news__rss a {
        display: block;
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        background: url(/v1/img/ja_JP/common/m_ico-rss.png);
        width: 25px;
        height: 25px;
        background-size: 24.5px auto; }

    .page_home .news__body {
      position: relative; }

    .page_home .news__more {
      text-align: right;
      padding: 8px 16px 16px; }
  .page_home .twitter-wgt {
    float: right;
    width: 308px; }
  .page_home .news__list {
    border-bottom: 1px dotted #29d4b0; }
    .page_home .news__list li {
      border-top: 1px dotted #29d4b0;
      padding: 10px 3px; }
  .page_home .article {
    zoom: 1; }
    .page_home .article:before, .page_home .article:after {
      content: "";
      display: table; }
    .page_home .article:after {
      clear: both; }
    .page_home .article__meta {
      float: left;
      width: 100px; }

    .page_home .article__ico {
      display: none; }

    .page_home .article__ttl {
      float: right;
      width: 500px;
      text-decoration: underline; }
      .page_home .article__ttl:hover {
        text-decoration: none; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
  .page_home .m_gnav .m_gnav__logo a {
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background: url(/v1/img/ja_JP/common/m_logo_s.png);
    width: 46px;
    height: 12px;
    background-size: 46px auto;
    background-repeat: no-repeat; }
  .page_home .intro {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2999;
    width: 100%;
    height: 100%;
    display: block;
    background: #000; }
    .page_home .intro__chara {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 163px;
      height: 192px; }
  .page_home .slider {
    width: 100%;
    position: relative;
    height: 130px; }
    .page_home .slider img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
    .page_home .slider__intro {
      position: absolute;
      background: #fff;
      width: 100%; }

    .page_home .slider__anime {
      position: absolute;
      top: 100px;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 205px;
      height: 265px; }
  .page_home .slider-space {
    display: none; }
  .page_home .main-content {
    position: relative;
    z-index: 10;
    zoom: 1;
    background: #fff; }
    .page_home .main-content:before, .page_home .main-content:after {
      content: "";
      display: table; }
    .page_home .main-content:after {
      clear: both; }
  .page_home .side-content .banner img {
    width: 100%; }
  .page_home .home-banner {
    width: 300px;
    margin: 0 auto 20px; }
    .page_home .home-banner a:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }
    .page_home .home-banner img {
      width: 100%;
      max-width: 728px; }
  .page_home .games {
    margin-bottom: 20px;
    background: #413c2e; }
    .page_home .games__list {
      background: #eee;
      font-size: 0; }
      .page_home .games__list li {
        position: relative;
        display: inline-block;
        width: 50%; }
      .page_home .games__list img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
      .page_home .games__list a {
        position: relative;
        display: block;
        font-size: 14px; }
      .page_home .games__list .caption {
        display: none; }
  .page_home .news {
    position: relative;
    margin-bottom: 10px; }
    .page_home .news li {
      position: relative; }
    .page_home .news__head {
      margin: 5px;
      margin-bottom: 10px;
      border-left: solid 2px #12cfa7;
      padding: 0 5px;
      font-size: 20px;
      line-height: 1.2; }

    .page_home .news__rss {
      position: absolute;
      top: 0;
      right: 10px; }
      .page_home .news__rss a {
        display: block;
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        background: url(/v1/img/ja_JP/common/m_ico-rss.png);
        width: 25px;
        height: 25px;
        background-size: 24.5px auto; }

    .page_home .news__body {
      position: relative; }

    .page_home .news__more {
      text-align: right;
      padding: 8px 16px 16px; }
  .page_home .news__list {
    border-bottom: 1px dotted #29d4b0; }
    .page_home .news__list li {
      border-top: 1px dotted #29d4b0; }
    .page_home .news__list li:nth-child(4),
    .page_home .news__list li:nth-child(5),
    .page_home .news__list li:nth-child(6),
    .page_home .news__list li:nth-child(7),
    .page_home .news__list li:nth-child(8),
    .page_home .news__list li:nth-child(9),
    .page_home .news__list li:nth-child(10) {
      display: none; }
  .page_home .article {
    display: block;
    padding: 5px 10px; }
    .page_home .article__meta {
      margin-bottom: 4px; }

    .page_home .article__ico {
      display: none; }

    .page_home .article__ttl {
      text-decoration: underline; } }
@media screen and (min-width: 960px) {
  .page_games .header {
    width: 960px;
    margin: 0 auto 30px;
    padding-top: 160px; }
    .page_games .header__wideimg {
      width: 100%;
      height: auto; }
      .page_games .header__wideimg img {
        max-width: 960px; }

    .page_games .header__vsl {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 10px;
      font-size: 30px; }

    .page_games .header__summary {
      position: relative;
      font-size: 14px; }

    .page_games .header__summary-list dt {
      float: left;
      width: 130px; }
    .page_games .header__summary-list dd {
      float: left;
      position: relative; }
      .page_games .header__summary-list dd:before {
        position: absolute;
        top: 0;
        left: -10px;
        content: "："; }

    .page_games .header__summary-icon {
      position: absolute;
      top: 0;
      right: 0; }
      .page_games .header__summary-icon li {
        float: left;
        margin-left: 15px; }
  .page_games .main-contents {
    background: #e9f3ee;
    padding: 30px 10px; }
  .page_games .introduction {
    width: 960px;
    margin: 0 auto; }
    .page_games .introduction__title {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 10px;
      border-left: solid 2px #6cbfc4;
      padding-left: 10px;
      line-height: 1;
      font-size: 24px; }

    .page_games .introduction__movie {
      margin-bottom: 30px; }
      .page_games .introduction__movie iframe {
        display: block;
        width: 560px;
        height: 315px;
        margin: 0 auto; }

    .page_games .introduction__store {
      position: absolute;
      top: 0;
      right: 0; }
      .page_games .introduction__store li {
        float: left;
        margin-left: 15px; }

    .page_games .introduction__description {
      margin-bottom: 20px; }

    .page_games .introduction__slider-wrapper {
      width: 960px;
      overflow-x: scroll;
      margin-bottom: 20px; }

    .page_games .introduction__slider-list {
      width: 1560px; }
      .page_games .introduction__slider-list li {
        float: left;
        margin: 5px; }
      .page_games .introduction__slider-list img {
        width: 300px;
        margin: 0 auto; }
  .page_games .sns {
    width: 960px;
    margin: 0 auto; }
    .page_games .sns__title {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 10px;
      border-left: solid 2px #6cbfc4;
      padding-left: 10px;
      line-height: 1;
      font-size: 24px; }

    .page_games .sns__slider-list img {
      width: 300px;
      margin: 0 auto; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
  .page_games .header {
    width: 320px;
    margin: 0 auto 10px; }
    .page_games .header img {
      width: 100%; }
    .page_games .header__wideimg {
      width: 100%;
      height: auto; }
      .page_games .header__wideimg img {
        max-width: 960px; }

    .page_games .header__vsl {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 10px;
      font-size: 16px;
      padding: 0 10px; }

    .page_games .header__summary {
      position: relative;
      padding: 0 10px;
      font-size: 11px; }

    .page_games .header__summary-list {
      margin-bottom: 15px; }
      .page_games .header__summary-list dt {
        float: left;
        width: 64px; }
      .page_games .header__summary-list dd {
        float: left;
        position: relative; }
        .page_games .header__summary-list dd:before {
          position: absolute;
          top: 0;
          left: -10px;
          content: "："; }

    .page_games .header__summary-icon {
      text-align: center; }
      .page_games .header__summary-icon li {
        display: inline-block;
        margin: 0 5px; }
  .page_games .main-contents {
    background: #e9f3ee;
    padding: 30px 10px; }
  .page_games .introduction {
    margin: 0 auto; }
    .page_games .introduction__title {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 10px;
      border-left: solid 2px #6cbfc4;
      padding-left: 10px;
      line-height: 1;
      font-size: 14px; }

    .page_games .introduction__movie {
      margin-bottom: 30px; }
      .page_games .introduction__movie iframe {
        width: 300px;
        height: 156px; }

    .page_games .introduction__store {
      text-align: center;
      margin-bottom: 30px; }
      .page_games .introduction__store li {
        display: inline-block;
        margin: 0 5px 10px; }

    .page_games .introduction__description {
      margin-bottom: 20px; }

    .page_games .introduction__slider-wrapper {
      width: 300px;
      overflow-x: scroll;
      margin-bottom: 20px; }

    .page_games .introduction__slider-list {
      width: 1100px; }
      .page_games .introduction__slider-list li {
        float: left;
        margin: 5px; }
      .page_games .introduction__slider-list img {
        width: 200px;
        margin: 0 auto; }
  .page_games .sns {
    margin: 0 auto; }
    .page_games .sns__title {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 10px;
      border-left: solid 2px #6cbfc4;
      padding-left: 10px;
      line-height: 1;
      font-size: 14px; }

    .page_games .sns__slider-list img {
      width: 200px;
      margin: 0 auto; } }
@media screen and (min-width: 960px) {
  .page_article .header {
    width: 960px;
    margin: 0 auto 10px;
    padding-top: 160px; }
  .page_article .main-contents {
    background: #e9f3ee;
    padding: 30px 10px; }
  .page_article .article-wrapper {
    width: 960px;
    margin: 0 auto; }
  .page_article .article {
    position: relative;
    padding-left: 100px; }
    .page_article .article strong {
      font-weight: bold; }
    .page_article .article__title {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 30px;
      border-left: solid 2px #6cbfc4;
      padding-left: 10px;
      line-height: 1;
      font-size: 24px; }
      .page_article .article__title.nb {
        border-left: none;
        padding-left: 0; }

    .page_article .article__meta {
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 12px; }

    .page_article .article__detail {
      font-size: 16px;
      margin-bottom: 60px; }
      .page_article .article__detail a {
        color: #12cfa7;
        text-decoration: underline; }
        .page_article .article__detail a:hover {
          text-decoration: none; }
      .page_article .article__detail img {
        max-width: 860px; }
  .page_article .share {
    margin-bottom: 60px; }
  .page_article .news {
    width: 960px;
    margin: 0 auto;
    min-height: 400px;
    position: relative;
    margin-bottom: 10px; }
    .page_article .news li {
      position: relative; }
    .page_article .news__head {
      margin: 5px;
      margin-bottom: 10px;
      border-left: solid 2px #12cfa7;
      padding: 0 5px;
      font-size: 20px;
      line-height: 1.2; }

    .page_article .news__title {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 30px;
      border-left: solid 2px #6cbfc4;
      padding-left: 10px;
      line-height: 1;
      font-size: 24px; }

    .page_article .news__rss {
      position: absolute;
      top: 0;
      right: 10px; }
      .page_article .news__rss a {
        display: block;
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        background: url(/v1/img/ja_JP/common/m_ico-rss.png);
        width: 25px;
        height: 25px;
        background-size: 24.5px auto; }

    .page_article .news__body {
      position: relative; }

    .page_article .news__more {
      text-align: right;
      padding: 8px 16px 16px; }

    .page_article .news__list {
      border-bottom: 1px dotted #29d4b0; }
      .page_article .news__list li {
        border-top: 1px dotted #29d4b0;
        padding: 10px 3px; }

    .page_article .news__meta {
      float: left;
      width: 100px; }

    .page_article .news__ico {
      display: none; }

    .page_article .news__ttl {
      float: left;
      width: 500px;
      text-decoration: underline; }
      .page_article .news__ttl:hover {
        text-decoration: none; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
  .page_article .header {
    width: 320px;
    margin: 0 auto 10px; }
  .page_article .main-contents {
    background: #e9f3ee;
    padding: 30px 10px; }
  .page_article .article-wrapper {
    margin: 0 auto; }
  .page_article .article {
    display: block;
    padding: 10px; }
    .page_article .article strong {
      font-weight: bold; }
    .page_article .article__title {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 30px;
      border-left: solid 2px #6cbfc4;
      padding-left: 10px;
      line-height: 1;
      font-size: 24px; }
      .page_article .article__title.nb {
        border-left: none;
        padding-left: 0; }

    .page_article .article__meta {
      font-weight: bold;
      font-size: 11px;
      margin-bottom: 10px; }

    .page_article .article__detail {
      font-size: 14px;
      margin-bottom: 30px; }
      .page_article .article__detail a {
        color: #12cfa7;
        text-decoration: underline; }
        .page_article .article__detail a:hover {
          text-decoration: none; }
      .page_article .article__detail img {
        max-width: 290px; }
  .page_article .share {
    margin-bottom: 60px; }
  .page_article .news {
    margin: 0 auto;
    position: relative;
    margin-bottom: 10px; }
    .page_article .news li {
      position: relative; }
    .page_article .news__head {
      margin: 5px;
      margin-bottom: 10px;
      border-left: solid 2px #12cfa7;
      padding: 0 5px;
      font-size: 20px;
      line-height: 1.2; }

    .page_article .news__title {
      font-weight: bold;
      color: #4a4434;
      margin-bottom: 30px;
      border-left: solid 2px #6cbfc4;
      padding-left: 10px;
      line-height: 1;
      font-size: 14px; }

    .page_article .news__rss {
      position: absolute;
      top: 0;
      right: 10px; }
      .page_article .news__rss a {
        display: block;
        text-indent: 110%;
        word-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        background: url(/v1/img/ja_JP/common/m_ico-rss.png);
        width: 25px;
        height: 25px;
        background-size: 24.5px auto; }

    .page_article .news__body {
      position: relative; }

    .page_article .news__more {
      text-align: right;
      padding: 8px 16px 16px; }

    .page_article .news__list {
      border-bottom: 1px dotted #29d4b0; }
      .page_article .news__list li {
        border-top: 1px dotted #29d4b0; }
      .page_article .news__list li:nth-child(4),
      .page_article .news__list li:nth-child(5),
      .page_article .news__list li:nth-child(6),
      .page_article .news__list li:nth-child(7),
      .page_article .news__list li:nth-child(8),
      .page_article .news__list li:nth-child(9),
      .page_article .news__list li:nth-child(10) {
        display: none; }

    .page_article .news__meta {
      margin-bottom: 4px; }

    .page_article .news__ico {
      display: none; }

    .page_article .news__ttl {
      text-decoration: underline; } }
@media screen and (min-width: 960px) {
  .page_support .m_lnav.type2 {
    position: relative;
    top: 0; }
    .page_support .m_lnav.type2 li {
      float: none; }
  .page_support .m_form.confirm, .page_support .m_form.finish {
    background: #fff;
    color: #663300;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 10px; }
  .page_support .contents-wrapper {
    zoom: 1;
    position: relative; }
    .page_support .contents-wrapper:before, .page_support .contents-wrapper:after {
      content: "";
      display: table; }
    .page_support .contents-wrapper:after {
      clear: both; }
  .page_support .main-contents {
    position: relative;
    margin: 0 auto 100px;
    padding-top: 200px;
    width: 800px; }
  .page_support .side-content {
    float: left;
    width: 310px;
    padding-top: 5px;
    margin-bottom: 10px; }
  .page_support .content {
    background-repeat: no-repeat;
    background-position: center top;
    padding: 20px;
    min-height: 400px;
    font-size: 1.4rem; }
    .page_support .content__lead {
      font-size: 1.8rem; }
      .page_support .content__lead p {
        margin-bottom: 1rem; }
  .page_support .question__ttl {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
    background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    text-align: center;
    font-size: 1.4rem;
    color: #FFF;
    padding: 4px;
    margin-bottom: 10px; }

  .page_support .question__list {
    margin-bottom: 1rem; }
    .page_support .question__list a {
      text-decoration: underline; }
      .page_support .question__list a:hover {
        text-decoration: none; }
    .page_support .question__list li {
      list-style-type: disc;
      margin-left: 20px; }
  .page_support .answer__category {
    background: #663300;
    padding: 4px;
    color: #fff;
    font-size: 1.0rem;
    display: inline-block;
    margin-bottom: 10px; }

  .page_support .answer__ttl {
    background: #ff63ad;
    font-size: 1.4rem;
    color: #FFF;
    padding: 4px;
    margin-bottom: 10px;
    border-left: solid 30px #ff3399; }
    .page_support .answer__ttl:before {
      content: "Q.";
      position: absolute;
      top: 4px;
      left: 4px; }

  .page_support .answer__list {
    position: relative;
    margin-bottom: 1rem; }
    .page_support .answer__list a {
      text-decoration: underline; }
      .page_support .answer__list a:hover {
        text-decoration: none; }
    .page_support .answer__list li {
      list-style-type: disc;
      margin-left: 20px; }

  .page_support .answer__txt {
    position: relative;
    padding-left: 20px; }
    .page_support .answer__txt:before {
      content: "A.";
      position: absolute;
      top: 0;
      left: 4px; }
  .page_support .wv-m_btn-box {
    margin-bottom: 20px; }
  .page_support .wv-m_btn-01 {
    display: inline-block;
    background: #ff63ad url(/v1/img/ja_JP/webview/common/wv-m_btn-01_bg.png);
    background-repeat: repeat-x;
    background-position: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #de8bfd;
    color: #ff3399;
    font-size: 1.0rem;
    padding: 4px 12px; }
  .page_support .wv-m_btn-02 {
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
    background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-repeat: repeat-x;
    background-position: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #fff;
    color: #fff;
    font-size: 1.4rem;
    padding: 4px 12px; }
  .page_support .wv-m_btn-03 {
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
    background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    border: solid 1px #fff;
    color: #fff;
    font-size: 1.0rem;
    padding: 4px 12px; }
  .page_support .help-body p {
    margin-bottom: 1.0rem; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
  .page_support .m_lnav.type2 {
    position: relative;
    top: 0; }
    .page_support .m_lnav.type2 li {
      float: none; }
  .page_support .m_form.confirm, .page_support .m_form.finish {
    background: #fff;
    color: #663300;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 10px; }
  .page_support .contents-wrapper {
    zoom: 1;
    position: relative; }
    .page_support .contents-wrapper:before, .page_support .contents-wrapper:after {
      content: "";
      display: table; }
    .page_support .contents-wrapper:after {
      clear: both; }
  .page_support .main-contents {
    position: relative;
    margin: 0 auto 100px;
    padding: 10px;
    padding-top: 30px; }
  .page_support .content {
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 auto 10px;
    width: 296px;
    padding: 10px;
    background-size: 310px auto; }
    .page_support .content__lead {
      font-size: 1.2rem; }
      .page_support .content__lead p {
        margin-bottom: 1rem; }
  .page_support .question__ttl {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
    background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    text-align: center;
    font-size: 1.4rem;
    color: #FFF;
    padding: 4px;
    margin-bottom: 10px; }

  .page_support .question__list {
    margin-bottom: 1rem; }
    .page_support .question__list a {
      text-decoration: underline; }
      .page_support .question__list a:hover {
        text-decoration: none; }
    .page_support .question__list li {
      list-style-type: disc;
      margin-left: 20px; }
  .page_support .answer__category {
    background: #663300;
    padding: 4px;
    color: #fff;
    font-size: 1.0rem;
    display: inline-block;
    margin-bottom: 10px; }

  .page_support .answer__ttl {
    background: #ff63ad;
    font-size: 1.4rem;
    color: #FFF;
    padding: 4px;
    margin-bottom: 10px;
    border-left: solid 30px #ff3399; }
    .page_support .answer__ttl:before {
      content: "Q.";
      position: absolute;
      top: 4px;
      left: 4px; }

  .page_support .answer__list {
    position: relative;
    margin-bottom: 1rem; }
    .page_support .answer__list a {
      text-decoration: underline; }
      .page_support .answer__list a:hover {
        text-decoration: none; }
    .page_support .answer__list li {
      list-style-type: disc;
      margin-left: 20px; }

  .page_support .answer__txt {
    position: relative;
    padding-left: 20px; }
    .page_support .answer__txt:before {
      content: "A.";
      position: absolute;
      top: 0;
      left: 4px; }
  .page_support .wv-m_btn-box {
    margin-bottom: 20px; }
  .page_support .wv-m_btn-01 {
    display: inline-block;
    background: #ff63ad url(/v1/img/ja_JP/webview/common/wv-m_btn-01_bg.png);
    background-repeat: repeat-x;
    background-position: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #de8bfd;
    color: #ff3399;
    font-size: 1.0rem;
    padding: 4px 12px; }
  .page_support .wv-m_btn-02 {
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
    background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
    background-repeat: repeat-x;
    background-position: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #fff;
    color: #fff;
    font-size: 1.4rem;
    padding: 4px 12px; }
  .page_support .wv-m_btn-03 {
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
    background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
    border: solid 1px #fff;
    color: #fff;
    font-size: 1.0rem;
    padding: 4px 12px; }
  .page_support .help-body p {
    margin-bottom: 1.0rem; } }
@media screen and (min-width: 960px) {
  .page_policy .m_select-lang {
    display: none; }
  .page_policy .m_lnav.type2 {
    position: relative;
    top: 0; }
    .page_policy .m_lnav.type2 li {
      float: none; }
  .page_policy .content p {
    margin-bottom: 1rem; }
  .page_policy .main-contents {
    position: relative;
    margin: 0 auto 100px;
    padding-top: 200px;
    width: 800px; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
  .page_policy .m_select-lang {
    display: none; }
  .page_policy .m_lnav.type2 {
    position: relative;
    top: 0; }
    .page_policy .m_lnav.type2 li {
      float: none; }
  .page_policy .content p {
    margin-bottom: 1rem; }
  .page_policy .main-contents {
    position: relative;
    margin: 0 auto 100px;
    padding: 10px;
    padding-top: 30px; } }
.wv-l_body {
  background: #000;
  color: #fff;
  font-size: 1.2rem;
  width: 280px;
  margin: 0 auto;
  padding: 4px 0; }

.wv-l_document {
  width: 280px;
  margin: 0 auto; }

.m_form form .input-txt,
.m_form form input[name='user_id'],
.m_form form input[name='email'],
.m_form form select,
.m_form form textarea {
  padding: 4px;
  margin: 5px 0 10px;
  border-radius: 3px;
  border: solid 1px #cccccc;
  background: #fff;
  font-size: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
.m_form form input[name='email'] {
  width: 240px; }
.m_form form textarea {
  width: 100%;
  height: 10em; }
.m_form.confirm {
  background: #002752;
  padding: 10px;
  margin-bottom: 10px;
  color: #FFF; }
  .m_form.confirm dl dt {
    font-weight: bold; }
  .m_form.confirm dl dd {
    margin-left: 1em; }
.m_form.finish {
  background: #002752;
  padding: 10px;
  margin-bottom: 10px; }

.l_msg-error {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #333;
  color: #ffff33;
  padding: 10px;
  font-size: 1.2rem;
  margin-bottom: 10px; }

.wv-l_body .wv-m_ttl-01_inner {
  text-align: center;
  padding: 6px;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff;
  margin-bottom: 20px; }
.wv-l_body .wv-m_btn-box {
  margin-bottom: 20px; }
.wv-l_body .wv-m_btn-01 {
  display: inline-block;
  background: #ff63ad url(/v1/img/ja_JP/webview/common/wv-m_btn-01_bg.png);
  background-repeat: repeat-x;
  background-position: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: solid 2px #de8bfd;
  color: #ff3399;
  font-size: 1.0rem;
  padding: 4px 12px; }
.wv-l_body .wv-m_btn-02 {
  display: inline-block;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
  background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
  background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
  background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
  background-repeat: repeat-x;
  background-position: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: solid 2px #fff;
  color: #fff;
  font-size: 1.4rem;
  padding: 4px 12px; }
.wv-l_body .wv-m_btn-03 {
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
  background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
  background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
  background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
  border: solid 1px #fff;
  color: #fff;
  font-size: 1.0rem;
  padding: 4px 12px; }
.wv-l_body .wv-m_pager {
  text-align: center; }
.wv-l_body .wv-l_document .article-body p {
  margin-bottom: 1.0rem; }
.wv-l_body .wv-l_document .article-lead {
  margin-bottom: 5px; }
.wv-l_body .wv-l_document .article-header {
  color: #fff;
  font-size: 1.0rem;
  padding: 0 10px; }
  .wv-l_body .wv-l_document .article-header .header-ttl {
    padding-bottom: 6px; }
  .wv-l_body .wv-l_document .article-header .bnr-article {
    margin-bottom: 4px; }
.wv-l_body .wv-l_document .article-body {
  background: #fff;
  color: #663300;
  font-size: 1.0rem;
  padding: 10px;
  margin-bottom: 20px; }
.wv-l_body .wv-l_document .article-meta li {
  float: left; }
  .wv-l_body .wv-l_document .article-meta li.date {
    float: right;
    margin-left: 10px; }
.wv-l_body .wv-l_document .article-meta.lv01 {
  background: #225987;
  padding: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .wv-l_body .wv-l_document .article-meta.lv01 li.date {
    float: left; }
.wv-l_body .wv-l_document .article-header_maintenance {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  background: #e1e5e9;
  margin-bottom: 10px; }
.wv-l_body .wv-l_document .help-lead {
  margin-bottom: 10px; }
  .wv-l_body .wv-l_document .help-lead a {
    display: block; }
  .wv-l_body .wv-l_document .help-lead .help-header {
    color: #fff;
    font-size: 1.4rem;
    padding: 0 20px; }
.wv-l_body .wv-l_document .help-body {
  margin-bottom: 20px; }
  .wv-l_body .wv-l_document .help-body p {
    margin-bottom: 1.0rem; }
  .wv-l_body .wv-l_document .help-body a {
    color: #fff;
    text-decoration: underline; }
.wv-l_body .wv-l_document .credit-artvivant {
  display: none; }
.wv-l_body .wv-l_document .credit-nav {
  position: relative;
  text-align: center;
  margin-bottom: -6px; }
  .wv-l_body .wv-l_document .credit-nav li {
    display: inline-block;
    margin: 0 4px; }
  .wv-l_body .wv-l_document .credit-nav .current {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1.0; }
.wv-l_body .wv-l_document .credit-wrapper {
  background: #000;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: solid 2px #fff;
  padding: 20px 10px;
  margin-bottom: 20px; }
.wv-l_body .wv-l_document .credit-lead {
  margin-bottom: 10px; }

.wv-l_body.wv-l_banner {
  background: #fff !important;
  width: 320px !important;
  padding: 1px 0 0 !important; }
  .wv-l_body.wv-l_banner .wv-l_document {
    width: 320px !important; }

.wv-l_document .banner-body {
  width: 247px;
  margin: 0 auto;
  font-size: 1.0rem; }

.wv-l_document .support_policy {
  width: 260px;
  margin: 0 auto;
  padding: 10px;
  background: #333;
  margin-bottom: 10px; }

@media screen and (min-width: 960px) {
  .page_404 .main-content {
    margin-bottom: 20px;
    position: relative;
    zoom: 1;
    padding: 10px 0; }
    .page_404 .main-content:before, .page_404 .main-content:after {
      content: "";
      display: table; }
    .page_404 .main-content:after {
      clear: both; }
  .page_404 .announce {
    margin: 0 auto 10px;
    width: 631px; }
    .page_404 .announce__body {
      position: relative;
      background-repeat: repeat-y;
      background-position: center;
      margin: 0 auto; }
      .page_404 .announce__body:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: center top;
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 10; }

    .page_404 .announce__more {
      text-align: right;
      padding: 8px 16px 16px; }
  .page_404 .notfound {
    font-size: 1.2rem; }
    .page_404 .notfound:before {
      content: "";
      display: block;
      position: absolute;
      top: -2px;
      left: 0;
      z-index: 10; }
    .page_404 .notfound:after {
      content: "";
      display: block;
      position: absolute;
      bottom: -2px;
      left: 0;
      z-index: 10; }
    .page_404 .notfound__body {
      padding: 20px; }
      .page_404 .notfound__body img {
        max-width: 320px; }

    .page_404 .notfound__caption {
      margin-bottom: 10px;
      font-size: 1.6rem;
      font-weight: bolder; }

    .page_404 .notfound__detail {
      text-align: center; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
  .page_404 .main-content {
    margin-bottom: 20px;
    position: relative;
    zoom: 1;
    padding: 10px 0; }
    .page_404 .main-content:before, .page_404 .main-content:after {
      content: "";
      display: table; }
    .page_404 .main-content:after {
      clear: both; }
  .page_404 .announce {
    margin: 0 auto 10px; }
    .page_404 .announce__body {
      position: relative;
      background-repeat: repeat-y;
      background-position: center;
      margin: 0 auto; }
      .page_404 .announce__body:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: center top;
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 10; }

    .page_404 .announce__more {
      text-align: right;
      padding: 8px 16px 16px; }
  .page_404 .notfound {
    font-size: 1.2rem; }
    .page_404 .notfound:before {
      content: "";
      display: block;
      position: absolute;
      top: -2px;
      left: 0;
      z-index: 10; }
    .page_404 .notfound:after {
      content: "";
      display: block;
      position: absolute;
      bottom: -2px;
      left: 0;
      z-index: 10; }
    .page_404 .notfound__body {
      padding: 10px; }
      .page_404 .notfound__body img {
        max-width: 320px; }

    .page_404 .notfound__caption {
      margin-bottom: 10px;
      font-size: 1.6rem;
      font-weight: bolder; }

    .page_404 .notfound__detail {
      text-align: center; } }